/* ==========================================================
   PUBLIC LIGHTBOX — click any [data-lightbox] image to enlarge.
   Opens at roughly half the viewport, not full-bleed.
   ========================================================== */
.lightbox-overlay{
  position:fixed;inset:0;z-index:300;
  background:rgba(16,14,10,0.82);
  display:flex;align-items:center;justify-content:center;padding:32px;
  opacity:0;visibility:hidden;transition:opacity .25s ease;cursor:zoom-out;
}
.lightbox-overlay.open{opacity:1;visibility:visible;}
.lightbox-box{
  position:relative;width:min(720px,50vw);max-width:92vw;max-height:88vh;
  background:var(--bg);border-radius:6px;overflow:hidden;
  box-shadow:0 24px 64px rgba(0,0,0,.45);
  transform:translateY(12px);transition:transform .25s ease;
}
.lightbox-overlay.open .lightbox-box{transform:translateY(0);}
.lightbox-box img{width:100%;height:100%;max-height:88vh;object-fit:contain;display:block;}
.lightbox-close{
  position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;
  background:rgba(16,14,10,0.7);color:#fff;border:none;font-size:18px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;line-height:1;
}
@media (max-width:860px){
  .lightbox-box{width:92vw;}
}