/* Simple, accessible Lightbox */
.flysail-lb-overlay {
  position: fixed; inset: 0; display: none;
  background: rgba(0,0,0,.9); z-index: 99999;
}
.flysail-lb-overlay.is-open { display: grid; place-items: center; }
.flysail-lb-dialog { position: relative; max-width: 95vw; max-height: 90vh; width: 100%; }
.flysail-lb-img { max-width: 100%; max-height: 80vh; display: block; margin: 0 auto; }
.flysail-lb-caption { color: #fff; margin-top: 10px; line-height: 1.4; max-height: 14vh; overflow: auto; }

.flysail-lb-close, .flysail-lb-prev, .flysail-lb-next {
  position: absolute; top: 50%; transform: translateY(-50%);
  background: rgba(255,255,255,.12); color: #fff; border: 1px solid rgba(255,255,255,.25);
  padding: 8px 12px; cursor: pointer; border-radius: 8px;
}
.flysail-lb-prev { left: -56px; }
.flysail-lb-next { right: -56px; }
.flysail-lb-close { top: -46px; right: 0; transform: none; }

@media (max-width: 680px){
  .flysail-lb-prev { left: 8px; }
  .flysail-lb-next { right: 8px; }
  .flysail-lb-close { right: 8px; top: 8px; }
}