/* Yanuar — Image Zoom Lightbox (shared: WP pages + homepage static) */
.yn-zoomable { cursor: zoom-in; }
#yn-zoom-overlay {
  position: fixed; inset: 0; z-index: 99999; background: rgba(5,10,15,0.94);
  display: none; align-items: center; justify-content: center;
  touch-action: none; overscroll-behavior: contain;
}
#yn-zoom-overlay.open { display: flex; }
#yn-zoom-overlay img {
  max-width: 92vw; max-height: 88vh; touch-action: none;
  transition: transform 0.08s linear; will-change: transform;
  cursor: grab; user-select: none; -webkit-user-drag: none;
}
#yn-zoom-overlay img.yn-dragging { cursor: grabbing; transition: none; }
#yn-zoom-close {
  position: absolute; top: 16px; right: 18px; z-index: 2;
  width: 42px; height: 42px; border-radius: 50%; border: none;
  background: rgba(255,255,255,0.12); color: #fff; font-size: 1.4rem; line-height: 1;
  cursor: pointer; display: flex; align-items: center; justify-content: center;
  backdrop-filter: blur(6px);
}
#yn-zoom-close:hover { background: rgba(255,255,255,0.22); }
#yn-zoom-hint {
  position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);
  color: rgba(255,255,255,0.6); font-size: 0.78rem; font-family: 'Manrope', sans-serif, system-ui;
  pointer-events: none; white-space: nowrap; text-align: center; padding: 0 1rem;
}
@media (max-width: 640px) {
  #yn-zoom-close { top: 12px; right: 12px; width: 38px; height: 38px; }
  #yn-zoom-hint { font-size: 0.72rem; }
}