.hero-carousel{position:relative;overflow:hidden}.hero-carousel__wrapper{display:block;position:relative}.hero-carousel__track{display:flex;gap:var(--hero-gap, 20px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:0 calc((100% - var(--hero-slide-width, 78%)) / 2)}.hero-carousel__track::-webkit-scrollbar{display:none}.hero-carousel__slide{position:relative;flex:0 0 var(--hero-slide-width, 78%);scroll-snap-align:center;border-radius:var(--hero-radius, 18px);overflow:hidden;height:var(--hero-height-mobile, 420px);opacity:.55;transform:scale(.965);transition:opacity .32s ease,transform .32s ease}.hero-carousel__slide.is-active{opacity:1;transform:scale(1)}.hero-carousel__media,.hero-carousel__placeholder{position:absolute;top:0;right:0;bottom:0;left:0}.hero-carousel__image,.hero-carousel__placeholder-svg{width:100%;height:100%;object-fit:cover;display:block}.hero-carousel__placeholder{background:rgba(var(--color-foreground),.06)}.hero-carousel__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000 35%,rgba(0,0,0,calc(var(--hero-overlay, .3) * 1.35)));pointer-events:none}.hero-carousel__content{position:absolute;z-index:2;display:flex;flex-direction:column;gap:1.2rem;padding:2.4rem;color:#fff;max-width:46rem;opacity:0;transform:translateY(10px);transition:opacity .34s ease 90ms,transform .34s ease 90ms}.hero-carousel__slide.is-active .hero-carousel__content{opacity:1;transform:translateY(0)}.hero-carousel__content--left{left:0;bottom:0;align-items:flex-start;text-align:left}.hero-carousel__content--bottom{left:50%;bottom:0;transform:translate(-50%) translateY(10px);align-items:center;text-align:center}.hero-carousel__slide.is-active .hero-carousel__content--bottom{transform:translate(-50%) translateY(0)}.hero-carousel__content--center{left:50%;top:50%;transform:translate(-50%,calc(-50% + 10px));align-items:center;text-align:center}.hero-carousel__slide.is-active .hero-carousel__content--center{transform:translate(-50%,-50%)}.hero-carousel__eyebrow{margin:0;font-size:1.2rem;letter-spacing:.14em;text-transform:uppercase;opacity:.9}.hero-carousel__heading{margin:0;font-size:2.8rem;line-height:1.15;text-shadow:0 2px 14px rgba(0,0,0,.32)}.hero-carousel__button{margin-top:.4rem;min-width:16rem}.hero-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:4.4rem;height:4.4rem;border:none;border-radius:50%;background:#ffffffeb;color:rgb(var(--color-foreground));cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 4px 16px #00000029;transition:background .16s ease,transform .16s ease}.hero-carousel__arrow:hover{background:#fff;transform:translateY(-50%) scale(1.06)}.hero-carousel__arrow svg{width:1.2rem;height:1.2rem}.hero-carousel__arrow--prev{left:2rem}.hero-carousel__arrow--prev svg{transform:rotate(90deg)}.hero-carousel__arrow--next{right:2rem}.hero-carousel__arrow--next svg{transform:rotate(-90deg)}.hero-carousel__dots{display:flex;justify-content:center;gap:.8rem;margin-top:1.6rem}.hero-carousel__dot{width:.8rem;height:.8rem;padding:0;border:none;border-radius:50%;background:rgba(var(--color-foreground),.25);cursor:pointer;transition:background .16s ease,width .16s ease}.hero-carousel__dot.is-active{width:2.4rem;border-radius:999px;background:rgb(var(--color-foreground))}@media screen and (min-width:750px){.hero-carousel__slide{height:var(--hero-height-desktop, 560px)}.hero-carousel__content{padding:4rem;gap:1.6rem}.hero-carousel__heading{font-size:4.4rem}.hero-carousel__arrow{display:flex}}.hero-carousel__hotspot{position:absolute;transform:translate(-50%,-50%);z-index:3;opacity:0;pointer-events:none;transition:opacity .3s ease .1s}.hero-carousel__slide.is-active .hero-carousel__hotspot{opacity:1;pointer-events:auto}.hero-carousel__dot{display:block;position:relative;width:2.4rem;height:2.4rem;border-radius:50%;background:#fffffff2;box-shadow:0 2px 10px #0000004d;cursor:pointer}.hero-carousel__dot:after{content:"";position:absolute;top:.75rem;right:.75rem;bottom:.75rem;left:.75rem;border-radius:50%;background:#17181c}.hero-carousel__dot-pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#ffffffa6;animation:hero-hotspot-pulse 2.4s ease-out infinite}@keyframes hero-hotspot-pulse{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.9);opacity:0}to{opacity:0}}@media(prefers-reduced-motion:reduce){.hero-carousel__dot-pulse{animation:none}}.hero-carousel__tooltip{position:absolute;left:50%;bottom:calc(100% + 1.1rem);transform:translate(-50%) translateY(6px);display:flex;align-items:center;gap:1rem;width:max-content;max-width:24rem;padding:.8rem 1.2rem .8rem .8rem;border-radius:10px;background:#fff;box-shadow:0 8px 26px #00000038;text-decoration:none;color:#17181c;opacity:0;visibility:hidden;transition:opacity .18s ease,transform .18s ease,visibility .18s}.hero-carousel__hotspot:hover .hero-carousel__tooltip,.hero-carousel__hotspot:focus-within .hero-carousel__tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.hero-carousel__tooltip-image{width:4.8rem;height:4.8rem;object-fit:cover;border-radius:6px;flex-shrink:0}.hero-carousel__tooltip-text{display:flex;flex-direction:column;gap:.2rem;min-width:0}.hero-carousel__tooltip-title{font-size:1.25rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-carousel__tooltip-price{font-size:1.3rem;font-weight:600}
/*# sourceMappingURL=/cdn/shop/t/87/assets/section-hero-carousel.css.map */