/* Просмотрщик фотографий. */
.lb { position: fixed; inset: 0; z-index: 400; display: flex; align-items: center; justify-content: center; background: rgba(8, 18, 32, 0.94); opacity: 0; visibility: hidden; transition: opacity var(--vk-t), visibility 0s linear 0.22s; }
.lb.is-open { opacity: 1; visibility: visible; transition-delay: 0s; }
.lb__stage { margin: 0; max-width: 94vw; max-height: 92vh; display: flex; flex-direction: column; align-items: center; }
.lb__img { max-width: 94vw; max-height: 84vh; width: auto; height: auto; border-radius: 8px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5); cursor: zoom-in; transition: transform 0.3s var(--vk-ease), opacity 0.2s; }
.lb__img.is-zoomed { transform: scale(1.6); cursor: zoom-out; }
.lb.is-loading .lb__img { opacity: 0.4; }
.lb__cap { margin-top: 12px; max-width: 80vw; color: rgba(255, 255, 255, 0.85); font-size: var(--vk-fs-sm); text-align: center; }
.lb__cap[hidden] { display: none; }
.lb__close, .lb__nav { position: absolute; z-index: 2; display: grid; place-items: center; width: 48px; height: 48px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.12); color: #fff; font-size: 30px; line-height: 1; transition: background var(--vk-t); }
.lb__close:hover, .lb__nav:hover { background: rgba(255, 255, 255, 0.28); }
.lb__close { top: 16px; right: 16px; }
.lb__nav { top: 50%; transform: translateY(-50%); font-size: 40px; }
.lb__nav[hidden] { display: none; }
.lb__prev { left: 16px; }
.lb__next { right: 16px; }
.lb__counter { position: absolute; left: 16px; bottom: 16px; color: rgba(255, 255, 255, 0.7); font-size: var(--vk-fs-sm); }
@media (max-width: 640px) { .lb__nav { width: 42px; height: 42px; font-size: 32px; } .lb__prev { left: 6px; } .lb__next { right: 6px; } .lb__img { max-height: 76vh; } }