.has-photo-carousel { padding-bottom: 112px; }
[data-hero-photo] { visibility: hidden; pointer-events: none; }
[data-hero-photo].is-current { visibility: visible; }
.store-hero .hero-photo-controls { position: absolute; z-index: 4; left: 50%; transform: translateX(-50%); bottom: 24px; display: flex; align-items: center; gap: 0; color: #fff; }
.hero-photo-controls button { width: 44px; height: 44px; padding: 0; flex: none; display: grid; place-items: center; border: 0; border-radius: 50%; background: transparent; cursor: pointer; }
.hero-photo-controls button span { width: 10px; height: 10px; border: 1px solid #fff; border-radius: 50%; background: #ffffff50; box-shadow: 0 1px 4px #0008; transition: background 200ms ease, transform 200ms ease; }
.hero-photo-controls button[aria-current="true"] span { background: #fff; transform: scale(1.25); }
.hero-photo-controls button:focus-visible { outline: 2px solid white; outline-offset: 3px; }
@media(max-width:700px) { .store-hero.has-photo-carousel { padding-bottom: 94px; } .store-hero .hero-photo-controls { bottom: 16px; } }
@media(prefers-reduced-motion:reduce) { .hero-photo-controls button span { transition: none; } }