/* Einfache, barrierearme Lightbox mit Swipe */
#lb-overlay {
  position: fixed; inset: 0; display: none;
  align-items: center; justify-content: center;
  background: rgba(0,0,0,.9); z-index: 9999;
}
#lb-overlay.open { display: flex; }
#lb-stage {
  max-width: 96vw; max-height: 92vh; position: relative;
}
#lb-img {
  max-width: 96vw; max-height: 92vh; object-fit: contain; display: block;
  box-shadow: 0 0 0 1px rgba(255,255,255,.06);
}
.lb-btn {
  position: absolute; top: 50%; transform: translateY(-50%);
  background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.25);
  padding: .5rem .75rem; border-radius: .75rem; cursor: pointer;
  user-select: none;
}
#lb-prev { left: -3.5rem; }
#lb-next { right: -3.5rem; }
#lb-close {
  position: absolute; top: -3rem; right: 0;
  background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.25);
  padding: .4rem .7rem; border-radius: .5rem; cursor: pointer;
}
@media (max-width: 640px) {
  #lb-prev { left: .5rem; }
  #lb-next { right: .5rem; }
  #lb-close { top: .5rem; right: .5rem; }
}