/* lightbox.css - picture viewer used by every <a class="zoom"> link (product pages + gallery). */
a.zoom { cursor: zoom-in; }
dialog.gal-box { border: 0; padding: 0; background: transparent; width: min(94vw, 1000px); max-width: none; max-height: 94vh; overflow: visible; }
dialog.gal-box::backdrop { background: rgba(0, 0, 0, .86); }
.gal-box figure { margin: 0; }
.gal-box img { display: block; width: 100%; max-height: 78vh; object-fit: contain; background: #fff; border-radius: 12px; }
.gal-box figcaption { color: #fff; text-align: center; margin-top: 12px; }
.gal-close, .gal-prev, .gal-next {
  position: fixed; z-index: 2; width: 48px; height: 48px; border-radius: 50%; border: 0; cursor: pointer;
  background: #fff; color: #111; display: grid; place-items: center; line-height: 1;
}
.gal-close { top: 18px; right: 18px; }
.gal-prev { left: 14px; top: 50%; translate: 0 -50%; }
.gal-next { right: 14px; top: 50%; translate: 0 -50%; }
.gal-close:hover, .gal-prev:hover, .gal-next:hover { background: var(--red); color: #fff; }
.gal-box.single .gal-prev, .gal-box.single .gal-next { display: none; }