/* Dedicated gallery styles prevent stale storefront CSS from breaking thumbnails. */
.product-gallery{width:100%;min-width:0;align-self:start}
.product-gallery .gallery-stage{height:clamp(300px,40vw,520px);aspect-ratio:auto;padding:20px;display:block;box-sizing:border-box;overflow:hidden}
.product-gallery .gallery-slide{margin:0;height:100%;width:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:14px}
.product-gallery .gallery-slide[hidden]{display:none!important}
.product-gallery .gallery-slide>a{display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden}
.product-gallery .gallery-slide img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.product-gallery figcaption{font-size:11px;line-height:1.5;text-align:center;color:var(--muted)}
.product-gallery .gallery-navigation{display:flex;align-items:center;justify-content:center;gap:18px;padding:12px 0}
.product-gallery .gallery-navigation button{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:1px solid var(--line);background:white;border-radius:3px;color:var(--blue);font-size:16px;cursor:pointer}
.product-gallery [data-gallery-count]{font-size:12px;font-variant-numeric:tabular-nums;min-width:44px;text-align:center}
.product-gallery .gallery-thumbnails{display:grid;grid-auto-flow:column;grid-auto-columns:76px;grid-template-rows:76px;justify-content:start;gap:10px;width:100%;overflow-x:auto;padding:3px 3px 12px;box-sizing:border-box}
.product-gallery .gallery-thumbnails button{display:block;width:76px;min-width:76px;max-width:76px;height:76px;min-height:76px;max-height:76px;overflow:hidden;padding:6px;background:#f7f8fa;border:1px solid var(--line);border-radius:4px;box-sizing:border-box;cursor:pointer}
.product-gallery .gallery-thumbnails img{display:block;width:100%;height:100%;min-width:0;max-width:100%;max-height:100%;object-fit:contain}
.product-gallery .gallery-thumbnails button[aria-pressed=true]{border:2px solid var(--blue);background:#eef2fa}
.product-gallery button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
@media(max-width:480px){.product-gallery .gallery-stage{height:340px;padding:16px}.product-gallery .gallery-thumbnails{grid-auto-columns:64px;grid-template-rows:64px;gap:8px}.product-gallery .gallery-thumbnails button{width:64px;min-width:64px;max-width:64px;height:64px;min-height:64px;max-height:64px}.product-gallery .gallery-navigation button{width:44px;height:44px;flex-basis:44px}}