.lightbox {
  display: none; position: fixed; inset: 0; z-index: 1000;
  background: rgba(0,0,0,.93);
  align-items: center; justify-content: center;
}
.lightbox.open { display: flex; }
.lb-img-wrap {
  position: relative; max-width: 92vw; max-height: 92vh;
  display: flex; flex-direction: column; align-items: center;
}
.lb-img-wrap img {
  max-width: 88vw; max-height: 82vh;
  object-fit: contain; border: 1px solid rgba(255,255,255,.1);
}
.lb-caption {
  color: #ccc; font-size: .85rem; margin-top: .75rem;
  text-align: center; min-height: 1.2em;
}
.lb-close {
  position: fixed; top: 1.25rem; right: 1.5rem;
  background: none; border: none; color: #bbb;
  font-size: 2.2rem; cursor: pointer; line-height: 1;
  transition: color .2s;
}
.lb-close:hover { color: #fff; }
.lb-prev, .lb-next {
  position: fixed; top: 50%; transform: translateY(-50%);
  background: rgba(255,255,255,.08); border: none;
  color: #ddd; font-size: 1.8rem; cursor: pointer;
  padding: 1rem .9rem;
  transition: background .2s, color .2s;
}
.lb-prev { left: .75rem; }
.lb-next { right: .75rem; }
.lb-prev:hover, .lb-next:hover { background: rgba(196,162,87,.3); color: #fff; }