@keyframes animate-banner-content {
0%{opacity:0;margin-left:-50px}
100%{opacity:1;margin-left:0}
}
@keyframes animate-product-cards {
0%{opacity:0}
100%{opacity:1}
}
@keyframes animate-banner-card-left {
0%{opacity:0;left:-100px}
100%{opacity:1;left:0}
}
@keyframes animate-banner-card-right {
0%{opacity:0;right:-100px}
100%{opacity:1;right:0}
}
@keyframes animate-banner-card-content {
0%{opacity:0;bottom:150px}
100%{opacity:1;margin-bottom:0;bottom:80px}
}
@keyframes animate-single-banner {
0%{opacity:0;margin-top:120px}
100%{opacity:1;margin-top:-2px}
}
@keyframes animate-single-banner-card-content {
0%{opacity:0;top:150px}
100%{opacity:1;top:80px}
}
.manscaped-banner-content-outer.animate{animation:animate-banner-content 1.2s ease forwards}
.manscaped-product-card.animate{animation:animate-product-cards 1.2s ease-in-out forwards}
@media screen and (min-width: 750px) {
.manscaped-banner-card-left.animate{animation:animate-banner-card-left 1s ease-in-out forwards}
.manscaped-banner-card-right.animate{animation:animate-banner-card-right 1s ease forwards}
}
.manscaped-double-banner-inner .manscaped-banner-card-outer.animate .manscaped-banner-card-content{animation:animate-banner-card-content 1s ease forwards;animation-delay:1s}
.manscaped-single-banner-inner.animate{animation:animate-single-banner 1s ease forwards}
.manscaped-single-banner-inner.animate .manscaped-banner-card-content{animation:animate-single-banner-card-content 1.5s ease forwards}
.manscaped-single-banner-inner .manscaped-banner-card-content{opacity:0;top:80px;left:50%;transform:translate(-50%);width:100%}
.manscaped-banner-content-outer{opacity:0}
.manscaped-single-banner-inner.animation-target.animate{opacity:0;margin-top:120px}
.manscaped-banner-card-left{opacity:0;top:0;width:50%;left:0}
.manscaped-banner-card-right{opacity:0;top:0;width:50%;right:0}
.manscaped-banner-outer{display:flex;justify-content:center;align-items:center;height:600px;background:url(https://hnie-assets.s3.eu-west-1.amazonaws.com/pages/Manscaped/images/manscaped-banner.jpg) no-repeat center center / cover}
.manscaped-banner-inner{width:100%;padding:0 80px;max-width:1000px}
.manscaped-banner-content-inner header img{max-width:290px;margin-bottom:10px}
.mascaped-product-cards-outer{display:flex;justify-content:center}
.manscaped-product-cards-inner{width:100%;max-width:1440px;padding:140px 40px;display:flex;flex-wrap:wrap;gap:30px}
.manscaped-product-card{opacity:0;flex:1 0 0}
.manscaped-card-image img{width:100%}
.manscaped-card-header{padding:15px 10px}
.manscaped-product-card{display:flex;flex-direction:column}
.manscaped-product-card{display:flex;flex-direction:column}
.manscaped-product-card .manscaped-btn{margin-top:auto}
.manscaped-double-banner-inner .manscaped-banner-card-outer{flex:1 0 50%}
.manscaped-double-banner-inner,.manscaped-double-banner-inner .manscaped-banner-card-outer{height:600px}
.manscaped-weed-wacker{background:url(https://hnie-assets.s3.eu-west-1.amazonaws.com/pages/Manscaped/images/manscaped-weed-wacker-2.jpg) no-repeat center center / cover}
.manscaped-lawn-mower-2{background:url(https://hnie-assets.s3.eu-west-1.amazonaws.com/pages/Manscaped/images/manscaped-lawnmower-3-plus.jpg) no-repeat center center / cover}
.manscaped-lawn-mower-5{height:100vh;background:url(https://hnie-assets.s3.eu-west-1.amazonaws.com/pages/Manscaped/images/manscaped-lawnmower-5-ultra.jpg) no-repeat center center / cover}
.manscaped-double-banner-inner .manscaped-banner-card-content{bottom:80px;left:50%;transform:translate(-50%);opacity:0;width:100%}
.manscaped-single-banner-inner.animation-target{opacity:0;margin-top:120px}
.manscaped-banner-card-content header{margin-bottom:20px}
.manscaped-banner-card-content h2{line-height:1em;font-size:3em;font-weight:800;color:#fff;margin:0 0 .2em;text-transform:uppercase}
.manscaped-banner-card-content h2 span{color:#b98141}
.manscaped-card-header h2{font-size:1.286em;font-weight:800;color:#373737;margin:0;line-height:1.2em}
.manscaped-banner-card-content p{line-height:1.2em;font-size:1.286em;font-weight:800;color:#fff;margin:0}
.manscaped-banner-card-content p:first-of-type{margin-bottom:.5em}
.manscaped-banner-blurb p{text-transform:uppercase;font-size:3em;line-height:1em;font-weight:800;color:#b98141;margin:0 0 1em}
.manscaped-btn a{display:inline-block;padding:1.2em 2.5em;font-size:1.143em;font-weight:500;line-height:1em;text-decoration:none;border-radius:30px}
.manscaped-btn-gold a{background:#b98141;color:#fff}
.manscaped-btn-black a{background:#000;color:#fff}
@media screen and (max-width: 992px) {
.manscaped-product-cards-inner{padding:80px 40px}
.manscaped-banner-outer{height:450px}
.manscaped-banner-content-inner header img{max-width:250px}
.manscaped-double-banner-inner,.manscaped-double-banner-inner .manscaped-banner-card-outer{height:450px}
.manscaped-single-banner-inner .play-button{top:60%}
}
@media screen and (max-width: 768px) {
.manscaped-banner-inner{padding:0 50px}
.manscaped-product-cards-inner{gap:0;justify-content:space-between}
.manscaped-product-card{flex:0 0 48%;margin-bottom:40px}
.manscaped-product-cards-inner{padding:80px 40px 40px}
}
@media screen and (max-width: 750px) {
.manscaped-banner-blurb p,.manscaped-banner-card-content h2{font-size:2.5em}
.manscaped-banner-content-inner header img{max-width:220px}
.manscaped-banner-outer{height:350px}
.manscaped-double-banner-inner .manscaped-banner-card-outer{opacity:1;height:550px;position:relative}
.manscaped-double-banner-inner{height:auto}
.manscaped-banner-card-left,.manscaped-banner-card-right{width:100%}
}