/* v55.9 Simple Lightbox */
.jy-lightbox-backdrop{
  position: fixed; inset: 0; background: rgba(0,0,0,.86);
  display: none; align-items: center; justify-content: center;
  z-index: 9999; padding: 24px;
}
.jy-lightbox-backdrop.open{ display: flex; }
.jy-lightbox{
  max-width: 96vw; max-height: 90vh; box-shadow: 0 20px 60px rgba(0,0,0,.4);
  border-radius: 12px; overflow: hidden; background:#000;
}
.jy-lightbox img{ display:block; max-width:100%; max-height:90vh; height: auto; width: auto; }
.jy-lightbox-close{
  position: fixed; top: 12px; right: 12px; background: rgba(255,255,255,.12);
  color: #fff; border: 0; border-radius: 999px; width: 44px; height: 44px;
  display:flex; align-items:center; justify-content:center; cursor:pointer; font-size: 22px;
}
@media (max-width: 480px){
  .jy-lightbox-backdrop{ padding: 12px; }
  .jy-lightbox-close{ top: 8px; right: 8px; width: 40px; height: 40px; }
}

/* v55.10 lightbox nav */
.jy-lightbox-prev, .jy-lightbox-next{
  position: fixed; top: 50%; transform: translateY(-50%);
  background: rgba(255,255,255,.14); color:#fff; border:0;
  width: 48px; height: 64px; cursor:pointer; font-size: 22px;
  display:flex; align-items:center; justify-content:center;
}
.jy-lightbox-prev{ left: 12px; }
.jy-lightbox-next{ right: 12px; }
@media (max-width: 480px){
  .jy-lightbox-prev, .jy-lightbox-next{ width:40px; height:56px; }
}

/* v55.11 lightbox UX tweaks */
.jy-lightboxable{ cursor: zoom-in; }