/* Gallery lightbox (site styles handled by Tailwind + main site CSS) */
.lightbox{
  position:fixed; inset:0;
  background: rgba(0,0,0,.86);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:9999;
}
.lightbox.on{display:flex}
.lbImg{
  max-width:min(1100px, 92vw);
  max-height:80vh;
  border-radius: 16px;
  box-shadow: 0 30px 90px rgba(0,0,0,.55);
  background:#000;
}
.lbClose{
  position:absolute; top:16px; right:16px;
  width:44px; height:44px;
  border-radius:14px;
  border: 1px solid rgba(255,255,255,.25);
  background: rgba(255,255,255,.10);
  color:#fff;
  font-size:18px;
  cursor:pointer;
}
.lbNav{
  position:absolute;
  top:50%;
  transform: translateY(-50%);
  width:48px; height:64px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.25);
  background: rgba(255,255,255,.10);
  color:#fff;
  font-size:44px;
  line-height:58px;
  cursor:pointer;
}
.lbPrev{left:16px}
.lbNext{right:16px}
.lbCount{
  position:absolute; bottom:16px;
  padding:8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  font-size:12px;
}