/* ============================================================
   Lightbox for feature screenshots
   ============================================================ */
.feat .feat-shot{cursor:zoom-in;}

.lb-overlay{
  position:fixed;inset:0;z-index:1000;display:none;
  align-items:center;justify-content:center;padding:40px;
  background:rgba(18,16,38,.78);backdrop-filter:blur(6px);
  opacity:0;transition:opacity .22s ease;
}
.lb-overlay.open{display:flex;opacity:1;}
.lb-figure{
  position:relative;max-width:min(1100px,92vw);max-height:88vh;
  display:flex;flex-direction:column;align-items:center;gap:14px;
  transform:scale(.96);transition:transform .24s var(--ease,cubic-bezier(.2,.7,.2,1));
}
.lb-overlay.open .lb-figure{transform:scale(1);}
.lb-img{
  max-width:100%;max-height:80vh;object-fit:contain;border-radius:14px;
  background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.5);
}
.lb-cap{color:#fff;font-size:14.5px;font-weight:600;opacity:.92;text-align:center;max-width:680px;}

.lb-close{
  position:absolute;top:-14px;right:-14px;width:40px;height:40px;border-radius:50%;
  background:#fff;border:none;display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 18px rgba(0,0,0,.35);cursor:pointer;transition:transform .15s;
}
.lb-close:hover{transform:scale(1.08);}
.lb-close svg{width:18px;height:18px;color:#1c2030;}

.lb-nav{
  position:absolute;top:50%;transform:translateY(-50%);
  width:46px;height:46px;border-radius:50%;border:none;cursor:pointer;
  background:rgba(255,255,255,.16);color:#fff;display:flex;align-items:center;justify-content:center;
  transition:background .15s;
}
.lb-nav:hover{background:rgba(255,255,255,.3);}
.lb-nav svg{width:22px;height:22px;}
.lb-prev{left:-66px;}
.lb-next{right:-66px;}

@media (max-width:820px){
  .lb-prev{left:6px;}
  .lb-next{right:6px;}
  .lb-close{top:-46px;right:0;}
}