/* MINOMO Gallery Lightbox — overlay styles */
.mn-lightbox {
  position: fixed; inset: 0;
  background: rgba(0,0,0,0.95);
  z-index: 9999;
  display: flex; align-items: center; justify-content: center;
  padding:
    calc(env(safe-area-inset-top, 0px) + 8px)
    env(safe-area-inset-right, 0px)
    calc(env(safe-area-inset-bottom, 0px) + 8px)
    env(safe-area-inset-left, 0px);
  animation: mn-lb-fade .18s ease;
}
@keyframes mn-lb-fade { from { opacity: 0; } to { opacity: 1; } }
.mn-lightbox__img {
  max-width: 100%; max-height: 100%;
  object-fit: contain;
  user-select: none;
  -webkit-user-drag: none;
}
.mn-lightbox__close,
.mn-lightbox__prev,
.mn-lightbox__next {
  position: absolute;
  background: rgba(255,255,255,0.12);
  color: #fff; border: none; cursor: pointer;
  width: 44px; height: 44px; border-radius: 22px;
  font-size: 26px; line-height: 1;
  display: flex; align-items: center; justify-content: center;
  transition: background .15s ease, transform .15s ease;
  -webkit-tap-highlight-color: transparent;
}
.mn-lightbox__close:hover,
.mn-lightbox__prev:hover,
.mn-lightbox__next:hover {
  background: rgba(255,255,255,0.22);
}
.mn-lightbox__close:active,
.mn-lightbox__prev:active,
.mn-lightbox__next:active {
  transform: scale(.92);
}
.mn-lightbox__close { top: calc(env(safe-area-inset-top, 0px) + 12px); right: 12px; }
.mn-lightbox__prev  { left: 12px;  top: 50%; transform: translateY(-50%); }
.mn-lightbox__next  { right: 12px; top: 50%; transform: translateY(-50%); }
.mn-lightbox__prev:active { transform: translateY(-50%) scale(.92); }
.mn-lightbox__next:active { transform: translateY(-50%) scale(.92); }
.mn-lightbox__counter {
  position: absolute;
  bottom: calc(env(safe-area-inset-bottom, 0px) + 12px);
  left: 50%; transform: translateX(-50%);
  color: #fff; font-size: 13px; font-weight: 500;
  background: rgba(0,0,0,.55); padding: 6px 14px; border-radius: 20px;
  pointer-events: none;
}