/* ===== Mobile refinements for the lightbox ===== */
.lb__img { max-width: 96vw; max-height: 76vh; }
.lb__close, .lb__arrow { width: 40px; height: 40px; }
.lb__svg { width: 22px; height: 22px; }

/* Make tap targets a bit away from edges with safe-area */
@supports (padding: max(0px)) {
  .lb__close      { top: max(14px, env(safe-area-inset-top)); right: max(14px, env(safe-area-inset-right)); }
  .lb__arrow--left{ left: max(12px, env(safe-area-inset-left)); }
  .lb__arrow--right{ right: max(12px, env(safe-area-inset-right)); }
  .lb__dots { bottom: max(14px, env(safe-area-inset-bottom)); }
}




/* mobile sizing stays the same, just targets .lb__img within slides */
.lb__slide .lb__img { max-width: 96vw; max-height: 76vh; }


.lb__slide .lb__img { max-width: 96vw; max-height: 76vh; }
/* Mobile square in lightbox (a bit tighter) */
.lb__slide .lb__img{
  width: min(82vmin, 96vw);
  height: min(82vmin, 76vh);
  object-fit: contain;
  border-radius: 0;
}