.hero-slider{position:relative;overflow:hidden}.hero-slider__track{position:relative}.hero-slider__slide{position:relative;min-height:60vh;display:flex;align-items:center;display:none}.hero-slider__slide.is-active{display:flex}.hero-slider__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-slider__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-border);display:flex;align-items:center;justify-content:center}.hero-slider__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#3d2e2a99,#3d2e2a33)}.hero-slider__content{position:relative;z-index:2;color:#fff;max-width:600px;padding:var(--space-2xl) var(--container-padding)}.hero-slider__heading{font-size:var(--font-size-3xl);color:#fff;margin-bottom:var(--space-md);text-shadow:0 2px 8px rgba(0,0,0,.3)}.hero-slider__subheading{font-size:var(--font-size-base);opacity:.9;margin-bottom:var(--space-xl);text-shadow:0 1px 4px rgba(0,0,0,.3)}@media(min-width:768px){.hero-slider__slide{min-height:75vh}.hero-slider__content{padding:var(--space-2xl) 0}.hero-slider__heading{font-size:var(--font-size-5xl)}.hero-slider__subheading{font-size:var(--font-size-lg)}}.hero-slider__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:48px;height:48px;background:#ffffffe6;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast);display:none}.hero-slider__arrow:hover{background:#fff}.hero-slider__arrow--prev{left:var(--space-md)}.hero-slider__arrow--prev svg{transform:rotate(90deg)}.hero-slider__arrow--next{right:var(--space-md)}.hero-slider__arrow--next svg{transform:rotate(-90deg)}@media(min-width:768px){.hero-slider__arrow{display:flex}}.hero-slider__dots{position:absolute;bottom:var(--space-lg);left:50%;transform:translate(-50%);display:flex;gap:var(--space-sm);z-index:3}.hero-slider__dot{width:10px;height:10px;border-radius:var(--radius-full);background:#ffffff80;transition:background var(--transition-fast)}.hero-slider__dot.is-active{background:#fff;width:28px}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-hero-slider.css.map */