.shop-hero{position:relative;width:100%;overflow:hidden;background:#eee2d9;color:#302821}
.shop-hero-slide{position:relative;min-height:410px;height:clamp(410px,33.333vw,680px);isolation:isolate}
.shop-hero-slide[hidden]{display:none}
.shop-hero-art{position:absolute;inset:0;z-index:-2;display:block}
.shop-hero-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.shop-hero-controls{position:absolute;inset:auto 0 18px;display:flex;align-items:center;justify-content:center;gap:12px;direction:ltr}
.shop-hero-controls>button{display:grid;place-items:center;width:36px;height:36px;border:1px solid #8c725747;border-radius:50%;background:#fffc;color:#493724;font-size:24px;line-height:1;cursor:pointer}
.shop-hero-dots{display:flex;align-items:center;gap:7px}
.shop-hero-dots button{width:8px;height:8px;padding:0;border:0;border-radius:20px;background:#8a715a66;cursor:pointer;transition:width .2s,background .2s}
.shop-hero-dots button[aria-current=true]{width:28px;background:#64492f}
.shop-hero button:focus-visible{outline:3px solid #a26c40;outline-offset:4px}
@media(max-width:760px){
 .shop-hero-slide{height:clamp(260px,82vw,420px);min-height:0}
 .shop-hero-controls{bottom:12px}
}
@media(prefers-reduced-motion:reduce){.shop-hero-dots button{transition:none}}