.jsm-lightbox{
  position: fixed; inset:0; display:flex; align-items:center; justify-content:center;
  background: rgba(0,0,0,.85); z-index: 9999; padding: 20px;
}
.jsm-lightbox[hidden]{ display:none; }
.jsm-lb-img{ max-width: 90vw; max-height: 80vh; display:block; margin:0 48px; }
.jsm-lb-caption{ color:#fff; text-align:center; margin-top:10px; max-width:90vw; }
.jsm-lb-close,.jsm-lb-prev,.jsm-lb-next{
  position:absolute; top:50%; transform:translateY(-50%); border:none; background:#ffffff; color:#000; font-size:24px; line-height:1;
  width:40px; height:40px; border-radius:50%; cursor:pointer; opacity:0.9;
}
.jsm-lb-close{ top:20px; right:20px; transform:none; }
.jsm-lb-prev{ left:20px; }
.jsm-lb-next{ right:20px; }
@media (max-width:700px){
  .jsm-lb-img{ max-width: 95vw; margin:0 12px; }
}