/* Product previews fill their frame. The viewer always shows the full image. */
/* Lock scrolling on the root only: overflow on body breaks the sticky header. */
body.glightbox-open{overflow:visible}
.gallery-main{background:transparent;overflow:hidden}
.gallery-main .zoom-image{display:block;aspect-ratio:1.15;overflow:hidden;cursor:zoom-in}
.gallery-main img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}
.gallery-thumbs button{background:transparent;overflow:hidden;aspect-ratio:1}
.gallery-thumbs img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}

.glightbox-adria .goverlay{background:rgba(var(--viewer-rgb),.97)}
.glightbox-adria .gslider{height:calc(100% - 142px);top:12px}
.glightbox-adria .ginner-container{height:calc(100dvh - 166px)}
.glightbox-adria .gslide-image img{max-width:calc(100vw - 170px);max-height:calc(100dvh - 175px);min-width:0;object-fit:contain}
.glightbox-adria .gslide-media{box-shadow:none;background:transparent}
.glightbox-adria .gbtn{position:absolute;z-index:100001;background:#000;border:0;opacity:1;border-radius:50%;width:46px;height:46px}
.glightbox-adria .gbtn:hover{background:#000}
.glightbox-adria .gbtn:focus-visible,.as-gallery-thumb:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.glightbox-adria .gbtn svg{fill:#f2f1e9}
.glightbox-adria .gclose{top:18px;right:20px}
.glightbox-adria .gnext,.glightbox-adria .gprev{top:calc(50% - 70px)}
.glightbox-adria .gprev{left:20px}.glightbox-adria .gnext{right:20px}
.as-gallery-footer{position:absolute;inset:auto 0 0;z-index:100000;display:flex;flex-direction:column;align-items:center;gap:9px;padding:10px 20px 14px;background:linear-gradient(transparent,var(--viewer-bg) 20%)}
.glightbox-closing .as-gallery-footer{visibility:hidden;pointer-events:none}
.as-gallery-status{font-size:13px;text-align:center;color:var(--text);line-height:1.3;max-width:calc(100vw - 40px)}
.as-gallery-thumbnails{display:flex;gap:8px;max-width:100%;overflow-x:auto;padding:3px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--accent) transparent}
.as-gallery-thumb{flex:none;width:76px;height:56px;padding:0;background:transparent;border:2px solid transparent;opacity:.55}
.as-gallery-thumb img{width:100%;height:100%;object-fit:cover}
.as-gallery-thumb[aria-pressed=true]{border-color:var(--accent);opacity:1}
.as-gallery-thumb:hover{opacity:1}
.as-gallery-hint{font-size:11px;line-height:1.3;color:var(--muted);text-align:center}
@media(max-width:560px){
  .gallery-main .zoom-image{aspect-ratio:1.18}
  .glightbox-adria .gslider{top:38px;height:calc(100% - 182px)}
  .glightbox-adria .ginner-container{height:calc(100dvh - 202px)}
  .glightbox-adria .gslide-image img{max-width:100vw;max-height:calc(100dvh - 215px)}
  .glightbox-adria .gbtn{width:38px;height:38px}
  .glightbox-adria .gclose{top:10px;right:12px}
  .glightbox-adria .gprev{left:8px}.glightbox-adria .gnext{right:8px}
  .glightbox-adria .gnext,.glightbox-adria .gprev{top:calc(50% - 68px);background:#000c}
  .as-gallery-footer{padding:10px 12px 14px;gap:8px}
  .as-gallery-status{font-size:12px}
  .as-gallery-thumbnails{padding-bottom:13px}
  .as-gallery-thumb{width:58px;height:46px}
  .as-gallery-hint{font-size:11px;max-width:285px}
}