/* Photographic navigation stays independent from the system tabs. */
.product-gallery{min-width:0}
.product-gallery .product-media{touch-action:pan-y pinch-zoom;isolation:isolate}
.product-gallery .product-media>img{user-select:none;-webkit-user-drag:none}
.product-gallery .product-image-layer{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;pointer-events:none}
.gallery-arrows{position:absolute;right:22px;bottom:22px;z-index:3;display:flex;gap:10px}
.gallery-arrows button{width:49px;height:49px;border-radius:50%;display:grid;place-items:center;background:#291735bd;border:1px solid #ffffff70;color:#fff;backdrop-filter:blur(12px);transition:background .3s,color .3s,transform .3s}
.gallery-arrows button:hover{background:var(--accent);border-color:var(--accent);color:var(--ink);transform:translateY(-2px)}
.gallery-arrows button:active{transform:scale(.94)}
.gallery-arrows svg{width:23px;height:23px;stroke-width:1.4}
.gallery-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:18px;padding:3px}
.gallery-thumb{position:relative;height:94px;min-width:0;padding:0;overflow:hidden;background:#493650;border-radius:0;opacity:.58;outline:1px solid transparent;outline-offset:4px;transition:opacity .35s,outline-color .35s,transform .5s}
.gallery-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1);pointer-events:none}
.gallery-thumb:hover{opacity:1}
.gallery-thumb:hover img{transform:scale(1.07)}
.gallery-thumb.is-current{opacity:1;outline-color:var(--accent)}
.gallery-thumb:focus-visible{outline:2px solid var(--accent);outline-offset:4px;opacity:1}
.gallery-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(min-width:1700px){.gallery-thumb{height:112px}}
@media(max-width:760px){.gallery-arrows{right:15px;bottom:15px;gap:9px}.gallery-arrows button{width:44px;height:44px}.gallery-thumbs{gap:12px;margin-top:15px}.gallery-thumb{height:74px}}
@media(max-width:370px){.gallery-thumb{height:62px}.gallery-thumbs{gap:10px}}
@media(prefers-reduced-motion:reduce){.gallery-thumb,.gallery-thumb img,.gallery-arrows button{transition:none}.gallery-thumb:hover img,.gallery-arrows button:hover,.gallery-arrows button:active{transform:none}}