.hero-carousel{position:relative;overflow:hidden;--hero-control-inset: 1.6rem;--hero-control-border-width: 1.5px;--hero-control-border: rgba(255, 255, 255, .6);--hero-control-fill: rgba(255, 255, 255, .4);--hero-control-active: #fff;--hero-dot-size: .9rem;--hero-control-size: 2.8rem}.hero-carousel__wrapper{display:block}.hero-carousel__track{min-height:24rem}.hero-carousel__slide{width:100%;position:relative}.hero-carousel__texture-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--texture-overlay-image);background-size:cover;background-repeat:no-repeat;mix-blend-mode:multiply;opacity:calc(var(--texture-overlay-alpha, 0) / 100);pointer-events:none}.hero-carousel__row{display:grid;grid-template-columns:1fr;align-items:center;gap:3rem}.hero-carousel__copy{position:relative;z-index:2}.hero-carousel__eyebrow{display:inline-flex;align-items:center;gap:.8rem;font-size:1.3rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);margin-bottom:2rem}.hero-carousel__heading{margin-bottom:2rem;max-width:56rem}.hero-carousel__description{max-width:48rem;margin-bottom:3.2rem;opacity:.85}.hero-carousel__ctas{display:flex;flex-wrap:wrap;gap:1.6rem;margin-bottom:3.6rem}.hero-carousel__trust{display:flex;flex-wrap:wrap;gap:1.2rem 3.2rem;font-size:1.35rem;padding:0;margin:0;list-style:none;opacity:.85}.hero-carousel__trust li{display:flex;align-items:center;gap:.8rem}.hero-carousel__trust svg{width:1.8rem;height:1.8rem;flex-shrink:0;color:var(--color-primary)}.hero-carousel__media{position:relative;z-index:2}.hero-carousel--mobile-image-first .hero-carousel__media{order:-1}@media(max-width:767.98px){.hero-carousel--mobile-hide-description .hero-carousel__description,.hero-carousel--mobile-hide-trust .hero-carousel__trust,.hero-carousel--mobile-hide-badge .hero-carousel__badge{display:none}.hero-carousel--mobile-image-full-width .container .hero-carousel__media,.hero-carousel--mobile-image-full-width .container-fluid .hero-carousel__media{margin-inline:-1.5rem}.hero-carousel--mobile-image-full-width .hero-carousel__media-inner{border-radius:0}}.hero-carousel__media-inner{position:relative;border-radius:var(--card-corner-radius);overflow:hidden;aspect-ratio:4 / 3}.hero-carousel__media-inner .f-image,.hero-carousel__media-inner img,.hero-carousel__media-inner svg.placeholder-svg{display:block;width:100%;height:100%;object-fit:cover}.hero-carousel__badge{--hero-carousel-badge-offset: 1.6rem;--hero-carousel-badge-tx: 0;--hero-carousel-badge-ty: 0;position:absolute;z-index:3;padding:1.2rem 1.6rem;border-radius:var(--card-corner-radius);display:flex;align-items:center;gap:1.2rem;box-shadow:0 1.2rem 3rem #0000002e;max-width:27rem;transform:translate(var(--hero-carousel-badge-tx),var(--hero-carousel-badge-ty))}.hero-carousel__badge--v-top{top:var(--hero-carousel-badge-offset)}.hero-carousel__badge--v-middle{top:50%;--hero-carousel-badge-ty: -50%}.hero-carousel__badge--v-bottom{bottom:var(--hero-carousel-badge-offset)}.hero-carousel__badge--h-left{left:var(--hero-carousel-badge-offset)}.hero-carousel__badge--h-center{left:50%;--hero-carousel-badge-tx: -50%}.hero-carousel__badge--h-right{right:var(--hero-carousel-badge-offset)}.hero-carousel__badge svg{width:2.8rem;height:2.8rem;flex-shrink:0;color:var(--color-primary)}.hero-carousel__badge strong{display:block;font-size:1.4rem}.hero-carousel__badge span{font-size:1.25rem}.hero-carousel__badge--product{text-decoration:none}.hero-carousel__badge-thumb{display:block;width:4.4rem;height:4.4rem;flex-shrink:0;border-radius:calc(var(--card-corner-radius) - .4rem);overflow:hidden}.hero-carousel__badge-thumb img,.hero-carousel__badge-thumb svg.placeholder-svg{width:100%;height:100%;object-fit:cover}.hero-carousel__badge-price{color:inherit;font-size:1.25rem;opacity:.7}@media(min-width:768px){.hero-carousel__track{min-height:52rem}.hero-carousel__row{grid-template-columns:1fr 1fr;gap:6rem}.hero-carousel--mobile-image-first .hero-carousel__media{order:0}.hero-carousel__media-inner{height:52rem}.hero-carousel__badge{--hero-carousel-badge-offset: 2rem;padding:1.4rem 1.8rem;gap:1.2rem;max-width:30rem}.hero-carousel__badge svg{width:3.2rem;height:3.2rem}.hero-carousel__badge-thumb{width:5rem;height:5rem}}.hero-carousel .flickity-page-dots{bottom:var(--hero-control-inset);z-index:4}.hero-carousel .flickity-page-dots .dot{width:var(--hero-dot-size);height:var(--hero-dot-size);margin:0 .45rem;background:var(--hero-control-fill);border:var(--hero-control-border-width) solid var(--hero-control-border);opacity:1}.hero-carousel .flickity-page-dots .dot.is-selected{background:var(--hero-control-active)}.hero-carousel .flickity-prev-next-button{background:#00000026;border:1.5px solid rgba(255,255,255,.5);color:#fff;opacity:1!important}.hero-carousel .flickity-prev-next-button:hover{background:#0000004d}.hero-carousel .flickity-prev-next-button.previous{left:1.6rem!important}.hero-carousel .flickity-prev-next-button.next{right:1.6rem!important}@media(max-width:767.98px){.hero-carousel .flickity-prev-next-button{display:none}}@media(min-width:768px){.hero-carousel{--hero-control-inset: 2.4rem}.hero-carousel .flickity-prev-next-button.previous{left:2.4rem!important}.hero-carousel .flickity-prev-next-button.next{right:2.4rem!important}}.hero-carousel .flickity-wrapper.is-pointer-move .hero-carousel__ctas a{pointer-events:auto}.hero-carousel__autoplay{position:absolute;right:var(--hero-control-inset);bottom:calc(var(--hero-control-inset) + (var(--hero-dot-size) - var(--hero-control-size)) / 2);z-index:5;display:flex;align-items:center;justify-content:center;width:var(--hero-control-size);height:var(--hero-control-size);padding:0;border:0;background:none;color:var(--hero-control-active);cursor:pointer;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.hero-carousel__autoplay:hover{opacity:.8}.hero-carousel__autoplay .f-icon-svg{width:1.4rem;height:1.4rem}.hero-carousel__autoplay-icon{display:flex;align-items:center;justify-content:center}.hero-carousel__autoplay-icon--play,.hero-carousel__autoplay.is-paused .hero-carousel__autoplay-icon--pause{display:none}.hero-carousel__autoplay.is-paused .hero-carousel__autoplay-icon--play{display:flex}
/*# sourceMappingURL=/cdn/shop/t/71/assets/hero-carousel.css.map */