/* Simple lightbox overlay */
.jsm-br-lb {
  position: fixed; inset: 0; background: rgba(0,0,0,.92);
  display: none; align-items: center; justify-content: center; z-index: 99999;
}
.jsm-br-lb.open { display: flex; }
.jsm-br-lb img {
  max-width: 92vw; max-height: 92vh; width: auto; height: auto; box-shadow: 0 20px 60px rgba(0,0,0,.5);
}
.jsm-br-lb .lb-close, .jsm-br-lb .lb-prev, .jsm-br-lb .lb-next {
  position: absolute; color: #fff; font-size: 28px; line-height: 1; padding: 10px 14px;
  background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.25);
  border-radius: 999px; cursor: pointer; user-select: none;
}
.jsm-br-lb .lb-close { top: 20px; right: 20px; }
.jsm-br-lb .lb-prev  { left: 20px;  top: 50%; transform: translateY(-50%); }
.jsm-br-lb .lb-next  { right: 20px; top: 50%; transform: translateY(-50%); }
.jsm-br-lb .lb-close:hover, .jsm-br-lb .lb-prev:hover, .jsm-br-lb .lb-next:hover { background: rgba(255,255,255,.2); }