/* ==========================================================
   Visionneuse plein écran
   ========================================================== */
.lightbox {
  position: fixed; inset: 0; z-index: 80; display: grid; place-items: center; padding: 24px;
  background: rgba(40, 18, 8, .88);
  animation: fadein .3s ease;
}
.lightbox figure { margin: 0; display: grid; justify-items: center; gap: 12px; }
.lightbox img { max-height: 82vh; border-radius: 14px; box-shadow: 0 30px 80px rgba(0, 0, 0, .6); }
.lightbox p { color: #fbe9d6; font-family: var(--f-hand); font-size: 1.6rem; line-height: 1; text-align: center; }
.lightbox button {
  position: absolute; top: calc(16px + env(safe-area-inset-top, 0px)); right: 16px;
  appearance: none; width: 44px; height: 44px; border-radius: 50%; cursor: pointer;
  border: 1px solid rgba(251, 233, 214, .5); background: transparent; color: #fbe9d6; font-size: 1.2rem;
}
@keyframes fadein { from { opacity: 0; } }