/* Simple lightbox for full-screen image preview */
.lightbox-overlay{
  position:fixed; inset:0; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,0.85); z-index:2000; opacity:0; pointer-events:none; transition:opacity .24s ease-in-out;
}
.lightbox-overlay.open{opacity:1; pointer-events:auto}
.lightbox-overlay img{max-width:95%; max-height:95%; border-radius:6px; box-shadow:0 20px 60px rgba(0,0,0,0.6)}
.lightbox-close{position:fixed; right:18px; top:18px; z-index:2010; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.12); color:#fff; padding:8px 10px; border-radius:6px; cursor:pointer; display:none}
.lightbox-caption{position:fixed; left:50%; transform:translateX(-50%); bottom:26px; z-index:2010; color:#fff; opacity:0.9; font-size:14px}
/* make clickable images indicate they are interactive */
.img-about.lightbox{cursor:zoom-in}
@media (max-width:576px){ .lightbox-close{right:10px; top:10px;} .lightbox-caption{font-size:13px} }