/* lk-lightbox.css — общий просмотр фото и видео (lk-lightbox.jsx); перенесено из client-v2.css (.cv-big → .lk-big). */
.lk-big { position: fixed; inset: 0; z-index: 900; background: rgba(0, 0, 0, .9); display: flex; align-items: center; justify-content: center; padding: 24px; cursor: zoom-out; }
.lk-big img { max-width: 100%; max-height: 100%; border-radius: 16px; }
.lk-big figure { margin: 0; max-width: min(1200px, calc(100vw - 160px)); max-height: calc(100vh - 48px); display: flex; flex-direction: column; gap: 12px; cursor: default; }
.lk-big figure img, .lk-big figure video { max-width: 100%; max-height: calc(100vh - 100px); object-fit: contain; border-radius: 16px; display: block; margin: 0 auto; }
.lk-big figure iframe { width: min(1200px, calc(100vw - 160px)); height: calc(100vh - 100px); border: 0; border-radius: 16px; background: #fff; }
.lk-big figcaption { display: flex; justify-content: space-between; gap: 16px; color: rgba(255, 255, 255, .85); font-size: 13px; font-family: Inter, system-ui, sans-serif; }
.lk-big .num { font-variant-numeric: tabular-nums; }
.lk-big .nav { position: absolute; width: 52px; height: 52px; border-radius: 50%; border: 0; background: rgba(255, 255, 255, .14); color: #fff; display: grid; place-items: center; cursor: pointer; }
.lk-big .nav:hover { background: rgba(255, 255, 255, .26); }
.lk-big .prev { left: 24px; top: 50%; transform: translateY(-50%); }
.lk-big .next { right: 24px; top: 50%; transform: translateY(-50%); }
.lk-big .cls { right: 24px; top: 24px; }
@media (max-width: 760px) {
  .lk-big { padding: 12px; }
  .lk-big figure { max-width: 100%; }
  .lk-big figure iframe { width: calc(100vw - 24px); }
  .lk-big .prev, .lk-big .next { top: auto; bottom: 20px; transform: none; }
}