/* FashionHub · Dynamic homepage slider */
.hero-slider{position:relative;max-width:1344px;margin:24px auto 0;--hs-dur:6s}
.hs-track{display:grid;border-radius:24px;overflow:hidden;box-shadow:0 16px 48px #123d3a14}
.storefront .hero-slider .hs-slide{grid-area:1/1;margin:0!important;max-width:none;border-radius:0;box-shadow:none;background:var(--hs-bg,#103e39)!important;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s;min-height:520px;height:520px}
.storefront .hero-slider .hs-slide.is-active{opacity:1;visibility:visible;z-index:1}
.hero-slider:not(.is-multi) .hs-slide{opacity:1;visibility:visible}
.hs-slide .hero-visual{overflow:hidden;position:relative}
.hs-slide .hero-visual picture{position:absolute;inset:0;display:block}
.hs-slide .hero-visual img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.06);transition:transform 7s ease-out}
.hs-slide.is-active .hero-visual img{transform:scale(1)}
.hs-slide .hero-copy>*{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.hs-slide.is-active .hero-copy>*{opacity:1;transform:none}
.hs-slide.is-active .hero-copy>*:nth-child(2){transition-delay:.12s}
.hs-slide.is-active .hero-copy>*:nth-child(3){transition-delay:.22s}
.hs-slide.is-active .hero-copy>*:nth-child(4){transition-delay:.32s}
.hero-slider:not(.is-multi) .hs-slide .hero-copy>*{opacity:1;transform:none}
.storefront .hs-slide .hs-title{font:clamp(44px,4.8vw,72px)/1.06 Georgia,"Times New Roman",serif;letter-spacing:-2px;margin:0 0 22px;color:#fff;white-space:pre-line}
.hs-slide .hero-copy{justify-content:center}

/* Light background slides */
.storefront .hs-slide.is-light .hero-copy{color:#163e35}
.storefront .hs-slide.is-light .hs-title{color:#163e35}
.storefront .hs-slide.is-light p{color:#4a5a55}
.storefront .hs-slide.is-light .eyebrow{color:#9a6a1c}
.storefront .hs-slide.is-light .button{background:#163e35;color:#fff;border-color:#163e35}
.storefront .hs-slide.is-light .button:hover{background:#0c5048}
.storefront .hs-slide.is-light .hero-secondary{color:#163e35;border-color:#163e3566}

/* Full-image layout: photo fills the slide, copy sits on a soft gradient */
.storefront .hs-slide.layout-full{grid-template-columns:minmax(0,1fr)!important;position:relative}
.hs-slide.layout-full .hero-visual{position:absolute;inset:0;min-height:0}
.hs-slide.layout-full .hero-copy{position:relative;z-index:1;max-width:620px!important;background:linear-gradient(90deg,var(--hs-bg) 0%,color-mix(in srgb,var(--hs-bg) 70%,transparent) 60%,transparent 100%);min-height:inherit}

/* Arrows */
.storefront .hs-arrow{all:unset;box-sizing:border-box;position:absolute;top:50%;z-index:3;width:48px;height:48px;margin-top:-24px;border-radius:50%;display:grid;place-items:center;background:#ffffffeb;color:#163e35;font-size:1.1rem;cursor:pointer;box-shadow:0 6px 20px #0002;opacity:0;transition:opacity .25s,transform .25s}
.storefront .hs-prev{left:18px}.storefront .hs-next{right:18px}
.storefront .hs-arrow:hover{background:#fff!important;color:#163e35!important}
.hero-slider:hover .hs-arrow,.hs-arrow:focus-visible{opacity:1}
.storefront .hs-arrow:hover{transform:scale(1.08)}
.hs-arrow:focus-visible,.hs-dot:focus-visible,.hs-pause:focus-visible{outline:2px solid #f3d79e;outline-offset:3px}

/* Dots with progress */
.hs-controls{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:3;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;background:#0b1f1a59;backdrop-filter:blur(6px)}
.hs-dots{display:flex;gap:8px}
.storefront .hs-dot{all:unset;cursor:pointer;width:28px;height:6px;border-radius:99px;background:#ffffff66;overflow:hidden;position:relative;transition:width .3s}
.storefront .hs-dot.is-active{width:54px}
.hs-dot span{position:absolute;inset:0;width:0;background:#fff;border-radius:inherit}
.hs-dot.is-active span{animation:hs-progress var(--hs-dur) linear forwards}
.hero-slider.is-paused .hs-dot.is-active span{animation-play-state:paused}
@keyframes hs-progress{to{width:100%}}
.storefront .hs-pause{all:unset;cursor:pointer;width:26px;height:26px;display:grid;place-items:center;color:#fff;border-radius:50%;font-size:.95rem}
.storefront .hs-pause:hover{background:#ffffff26}

@media(max-width:900px){.storefront .hero-slider .hs-slide{min-height:440px;height:440px}.hero-slider{margin:20px 24px 0}}
@media(max-width:640px){
 .hero-slider{margin:14px 16px 0}
 .hs-track{border-radius:18px}
 .storefront .hero-slider .hs-slide{min-height:0;height:auto}
 .hs-slide .hero-visual{height:clamp(240px,62vw,380px)}
 .storefront .hs-slide .hs-title{font-size:clamp(34px,9vw,46px);letter-spacing:-1px}
 .hs-slide.layout-full .hero-visual{position:relative;height:clamp(240px,62vw,380px)}
 .hs-slide.layout-full .hero-copy{background:var(--hs-bg);max-width:none!important;order:2}
 .storefront .hs-arrow{display:none}
 .hs-controls{position:static;transform:none;justify-content:center;background:none;backdrop-filter:none;margin:12px auto 0;width:max-content}
 .storefront .hs-dot{background:#c9d8d1}.hs-dot span{background:#126b61}
 .storefront .hs-pause{color:#163e35}
}
@media(prefers-reduced-motion:reduce){.hs-slide,.hs-slide *{transition:none!important;animation:none!important}.hs-slide .hero-visual img{transform:none}}
.storefront .hs-dot:hover{background:#ffffff99!important}@media(max-width:640px){.storefront .hs-dot:hover{background:#c9d8d1!important}}