/* Native horizontal scrolling keeps touch gestures in the browser. */
.gallery[data-product-gallery]{width:100%;min-width:0}
.gallery .gallery-stage{display:flex;position:relative;width:100%;max-width:100%;aspect-ratio:1;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;border:1px solid var(--line,#dededb)}
.gallery .gallery-stage::-webkit-scrollbar{display:none}
.gallery .gallery-slide{display:block;position:relative;flex:0 0 100%;min-width:0;width:100%;margin:0;aspect-ratio:1;scroll-snap-align:start;scroll-snap-stop:always}
.gallery .gallery-slide img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:contain;user-select:none;-webkit-user-drag:none}
.gallery .thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px}
.gallery .thumbs button{display:block;aspect-ratio:1;padding:3px;border:1px solid var(--line,#dededb);background:#fff;cursor:pointer;box-shadow:none;transition:border-color .15s ease}
.gallery .thumbs button[aria-pressed=true]{border:2px solid var(--orange,#ff5a1f);padding:2px;box-shadow:none}
.gallery .thumbs button:hover{border-color:var(--orange,#ff5a1f)}
.gallery .thumbs img{display:block;width:100%;height:100%;object-fit:contain}
.gallery .thumbs button:focus-visible,.gallery .gallery-stage:focus-visible{outline:2px solid var(--ink,#101010);outline-offset:3px}
@media(max-width:800px){.gallery .thumbs{gap:7px;margin-top:9px}.gallery .thumbs button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.gallery .thumbs button{transition:none}}