/* lightbox.css — simple image lightbox for prettyPhoto links (#8). */
.bh-lb {
  position: fixed; inset: 0; z-index: 2147483500; display: none;
  align-items: center; justify-content: center; background: rgba(0,0,0,.9);
}
.bh-lb.open { display: flex; }
.bh-lb-img {
  max-width: 92vw; max-height: 88vh; object-fit: contain;
  box-shadow: 0 10px 50px rgba(0,0,0,.5);
}
.bh-lb-close {
  position: absolute; top: 18px; right: 24px; background: none; border: none;
  color: #fff; font-size: 40px; line-height: 1; cursor: pointer; opacity: .85;
}
.bh-lb-nav {
  position: absolute; top: 50%; transform: translateY(-50%);
  background: rgba(255,255,255,.12); color: #fff; border: none; cursor: pointer;
  width: 54px; height: 54px; border-radius: 50%; font-size: 30px; line-height: 1;
  display: flex; align-items: center; justify-content: center; transition: background .15s;
}
.bh-lb-nav:hover, .bh-lb-close:hover { background: rgba(255,255,255,.28); opacity: 1; }
.bh-lb-prev { left: 20px; } .bh-lb-next { right: 20px; }
@media (max-width: 640px) { .bh-lb-nav { width: 42px; height: 42px; font-size: 24px; } }