.product-hero{background:rgb(var(--color-background));overflow:hidden}.product-hero__container{position:relative}.product-hero__slide{background:rgb(var(--color-background))}.product-hero__content{display:grid;gap:4rem;align-items:center}@media screen and (min-width: 750px){.product-hero__content{grid-template-columns:1fr 1fr;column-gap:6rem;row-gap:0}.product-hero__content{padding:0 5rem}}.product-hero__text-content{max-width:60rem}.product-hero__heading,.product-hero__heading--top{margin:0;line-height:1.2;font-weight:500;letter-spacing:-.16px}.product-hero__subheading{font-size:16px;line-height:24px;text-transform:uppercase}.product-hero__description{margin:2rem 0;font-size:calc(var(--font-body-scale) * 1.6rem);line-height:1.5;font-weight:200;letter-spacing:-.16px}.product-hero__image-wrapper{position:relative}.product-hero__image{width:100%;height:auto;max-width:500px;margin:0 auto;display:block}.product-hero__badge{display:inline-flex;align-items:center;gap:1rem;background:rgb(var(--color-background));padding:1rem 2rem;border-radius:5rem;margin-top:2rem;box-shadow:0 2px 10px rgba(var(--color-foreground),.08)}.product-hero__badge svg{width:3rem;height:3rem;color:#2ecc71}.product-hero__navigation{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);z-index:2;pointer-events:none}.product-hero__nav{position:absolute;top:50%;transform:translateY(-50%);width:4rem;height:4rem;border-radius:50%;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-content:center;transition:transform var(--duration-short) ease;border:0;background:none}.product-hero__nav:hover{transform:translateY(-50%) scale(1.1)}.product-hero__nav--prev{left:0}.product-hero__nav--next{right:0}.product-hero__features{display:grid;margin-top:2rem;gap:2rem}@media screen and (min-width: 750px){.product-hero__features{grid-template-columns:repeat(3,1fr);gap:3rem}}.product-hero__feature{background:rgb(var(--feature-background));border-radius:1.5rem}.product-hero__feature-image-wrapper{margin-bottom:1.5rem;overflow:hidden;max-height:150px;border-radius:15px 15px 0 0}.product-hero-feature_content{padding:1rem 2REM 4rem 2rem;border-radius:0 0 15px 15px}.product-hero__feature-image{width:100%;height:auto;display:block}.product-hero__feature-title{margin:0 0 1rem;font-weight:500}.product-hero__feature-text{margin:0;line-height:1.5;font-weight:200}.product-hero .animate--slide-in{opacity:0;transform:translateY(2rem)}.product-hero .animate--slide-in.animate{animation:animateHero var(--duration-default) ease forwards}.product-hero__features{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:4rem}.product-hero__content--bottom .button{max-width:17rem;min-width:17rem}.product-hero__content--bottom{grid-column:span 2;width:100%;display:flex;justify-content:center}@media screen and (max-width: 749px){.product-hero__features{display:block;padding:0 0 4rem}.product-hero__feature{width:100%}.product-hero__heading--top{margin-bottom:2rem}.product-hero__features .swiper-pagination{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:.8rem}.product-hero__features .swiper-pagination-bullet{width:8px;height:8px;background:rgba(var(--color-foreground),.2);border-radius:50%;opacity:1}.product-hero__features .swiper-pagination-bullet-active{background:rgba(var(--color-foreground),.8)}}@media screen and (min-width: 750px){.product-hero__features .swiper-pagination{display:none}}@media (min-width:767px){.mobile{display:none!important}.product-hero__feature-title{FONT-SIZE:calc(var(--font-heading-scale) * 2.4rem)}.product-hero__image{height:400px;width:400px;object-fit:contain}.product-hero__heading{font-size:2.8rem}.product-hero__heading--top{font-size:4.8rem;margin-bottom:4rem;letter-spacing:-.48px}}@media (max-width:767px){.desktop{display:none!important}.product-hero__content{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;flex-direction:column;position:relative}.product-hero__swiper{position:relative}.product-hero__text-content{max-width:60rem;text-align:center}.product-hero__image-wrapper{position:relative;max-width:85%}.product-hero__image{max-height:250px;height:250px;object-fit:contain}.product-hero__navigation{top:65%}}@keyframes animateHero{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/section-product-hero.css.map */