/* Accessible two-image product picker: easy to reuse for other products. */
.product-gallery { width:100%; }
.gallery-stage { position:relative; display:flex; justify-content:center; align-items:center; min-height:420px; height:min(62vw,580px); background:#fff; border:1px solid #e4e6e5; border-radius:18px; overflow:hidden; }
.gallery-stage > img { display:block; width:100%; height:100%; object-fit:contain; padding:22px 55px; box-sizing:border-box; }
.gallery-arrow { position:absolute; z-index:2; top:50%; transform:translateY(-50%); width:42px; height:42px; border:1px solid #ddd; border-radius:50%; background:rgba(255,255,255,.96); color:#183d34; font-size:20px; cursor:pointer; box-shadow:0 2px 12px rgba(0,0,0,.1); }
.gallery-arrow:hover, .gallery-arrow:focus-visible { background:#e7f3ee; outline:2px solid #174d3c; outline-offset:2px; }
.gallery-prev {left:10px;} .gallery-next {right:10px;}
.gallery-counter {position:absolute; bottom:12px; right:14px; background:#fff; border-radius:20px; padding:5px 11px; font-size:.82rem; color:#345; box-shadow:0 2px 8px #0001;}
.gallery-thumbnails { display:flex; gap:12px; padding:16px 1px 4px; }
.gallery-thumb { width:90px; height:104px; background:#fff; border:2px solid #ddd; border-radius:12px; padding:6px; cursor:pointer; }
.gallery-thumb.is-active, .gallery-thumb:hover, .gallery-thumb:focus-visible { border-color:#86324a; outline-offset:2px; }
.gallery-thumb img {width:100%;height:100%;object-fit:contain;display:block;}
.gallery-note {font-size:.79rem;line-height:1.5;color:#64716c;margin:8px 0 0;}
@media(max-width:680px){.gallery-stage {height:440px;min-height:300px;}.gallery-stage>img {padding:12px 45px;}.gallery-thumb{width:78px;height:90px;}}