/* ── GRAD LIGHTBOX ── */
.grad-lb-overlay {
  position: fixed; inset: 0; z-index: 9999;
  background: rgba(8,8,8,.96); backdrop-filter: blur(4px);
  display: flex; align-items: center; justify-content: center;
  opacity: 0;
  pointer-events: none;   /* ← FIX: kein Blockieren wenn nicht aktiv */
  visibility: hidden;     /* ← FIX: kein Cursor-Override */
  transition: opacity .3s ease, visibility .3s ease;
  cursor: zoom-out;
}
.grad-lb-overlay.active {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}
.grad-lb-wrap {
  position: relative; max-width: 90vw; max-height: 90vh;
  display: flex; flex-direction: column; align-items: center;
  cursor: default;
}
.grad-lb-img {
  max-width: 90vw; max-height: 80vh;
  object-fit: contain; border-radius: 4px;
  box-shadow: 0 24px 80px rgba(0,0,0,.8);
}
.grad-lb-caption {
  margin-top: 16px;
  font: 500 11px/1 'DM Mono', monospace;
  letter-spacing: 2px; text-transform: uppercase;
  color: rgba(255,255,255,.4);
}
.grad-lb-close {
  position: fixed; top: 24px; right: 28px;
  background: none; border: 1px solid rgba(255,255,255,.2);
  color: rgba(255,255,255,.6); width: 44px; height: 44px;
  border-radius: 50%; cursor: pointer; font-size: 20px;
  display: flex; align-items: center; justify-content: center;
  transition: all .2s; z-index: 10000;
}
.grad-lb-close:hover { border-color: #C9A84C; color: #C9A84C; }
.grad-lb-prev, .grad-lb-next {
  position: fixed; top: 50%; transform: translateY(-50%);
  background: rgba(201,168,76,.15); border: 1px solid rgba(201,168,76,.3);
  color: rgba(255,255,255,.7); width: 48px; height: 48px;
  border-radius: 50%; cursor: pointer; font-size: 18px;
  display: flex; align-items: center; justify-content: center;
  transition: all .2s; z-index: 10000;
}
.grad-lb-prev { left: 20px; }
.grad-lb-next { right: 20px; }
.grad-lb-prev:hover, .grad-lb-next:hover {
  background: rgba(201,168,76,.35); border-color: #C9A84C; color: #fff;
}
.grad-lb-counter {
  position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%);
  font: 400 11px/1 'DM Mono', monospace; color: rgba(255,255,255,.3);
  letter-spacing: 2px; z-index: 10000;
}
@media(max-width:600px){
  .grad-lb-prev { left: 8px; width: 38px; height: 38px; }
  .grad-lb-next { right: 8px; width: 38px; height: 38px; }
  .grad-lb-close { top: 12px; right: 12px; }
}