/* Aartill Lightbox (vanilla) */
#lb-overlay{
  position:fixed; inset:0; background:rgba(0,0,0,.86);
  display:none; align-items:center; justify-content:center; z-index:9999;
}
#lb-overlay.active{display:flex}
#lb-stage{ position:relative; max-width:92vw; max-height:90vh; }
#lb-img{ max-width:92vw; max-height:90vh; display:block; border-radius:10px;
  box-shadow: 0 8px 40px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.08);
}
#lb-caption{
  color:#e6e6e6; text-align:center; margin-top:10px; font-family:Inter,system-ui,Arial,sans-serif;
  font-size:14px; opacity:.95;
}
.lb-btn{
  position:absolute; top:50%; transform:translateY(-50%);
  width:42px; height:42px; border-radius:999px; border:1px solid rgba(255,255,255,.18);
  background:linear-gradient(180deg,#0f1116,#0b0c10); color:#e6f6ff;
  display:flex; align-items:center; justify-content:center; cursor:pointer;
  box-shadow: 0 0 0 1px rgba(125,211,252,.12), 0 0 18px rgba(125,211,252,.12);
  user-select:none;
}
.lb-btn:hover{ box-shadow: 0 0 0 1px rgba(125,211,252,.28), 0 0 26px rgba(125,211,252,.18); }
#lb-prev{ left:-56px; }
#lb-next{ right:-56px; }
#lb-close{
  position:absolute; top:-52px; right:-10px;
  width:36px; height:36px; border-radius:999px; border:1px solid rgba(255,255,255,.18);
  background:linear-gradient(180deg,#0f1116,#0b0c10); color:#e6f6ff;
  display:flex; align-items:center; justify-content:center; cursor:pointer;
  box-shadow: 0 0 0 1px rgba(125,211,252,.12), 0 0 18px rgba(125,211,252,.12);
}
@media (max-width:980px){
  #lb-prev{ left:8px; } #lb-next{ right:8px; }
  #lb-close{ top:8px; right:8px; }
}