/* Разработчик: Мосалев Иван · Стили проекта ВКС. */
/* VKS 0.9.1: unified industrial lightbox. Separate from lead modal. */
.vks-media-viewer {
  box-sizing: border-box; position: fixed; inset: 0; padding: 0; margin: auto;
  width: min(1480px, calc(100vw - 64px)); max-width: none;
  height: min(920px, calc(100dvh - 44px)); max-height: none;
  border: 1px solid #355b82; background: #f0f5f9; color: #123b70;
  box-shadow: 0 26px 90px rgba(1,17,38,.45); overflow: hidden;
}
.vks-media-viewer::backdrop {background: rgba(5, 21, 44, .89)}
.vks-media-viewer[open] {display: grid; grid-template-rows: auto minmax(0,1fr) auto;}
.vks-media-viewer *, .vks-media-viewer *::before, .vks-media-viewer *::after {box-sizing: border-box}
.vks-media-head {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;background:#fff;border-bottom:1px solid #d6e1eb}
.vks-media-head-title {font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#163e6e}
.vks-media-head button {border:0;background:#e8f0f6;color:#143e70;min-height:42px;padding:7px 17px;cursor:pointer;font:inherit;font-size:14px;font-weight:800}
.vks-media-stage {min-width:0;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;padding:24px 84px}
.vks-media-stage img {display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;margin:auto;user-select:none}
.vks-media-stage img[hidden] {display:none}
.vks-media-stage button {position:absolute;top:50%;transform:translateY(-50%);width:48px;height:56px;border:1px solid #cedbe8;background:#fff;color:#123b70;cursor:pointer;font-size:29px;display:grid;place-items:center}
.vks-media-stage button[hidden] {display:none}
.vks-media-stage [data-vks-media-prev] {left:18px}
.vks-media-stage [data-vks-media-next] {right:18px}
.vks-media-loading {font-size:13px;color:#5c7187;text-align:center}
.vks-media-loading[hidden] {display:none}
.vks-media-bottom {min-height:52px;padding:13px 23px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border-top:1px solid #d6e1eb;font-size:13px;color:#60758c}
.vks-media-bottom [data-vks-media-count] {font-weight:800;color:#123b70;white-space:nowrap}
.vks-group-gallery a[data-vks-media-src], [data-vks-media-gallery] a[data-vks-media-src] {cursor:zoom-in}
.vks-description a[href$=".jpg"],.vks-description a[href$=".png"],.vks-description img[role="button"],.single-content img[role="button"],.vks-category-rich img[role="button"] {cursor:zoom-in}
.vks-media-viewer :is(button, a):focus-visible {outline:3px solid #287bd5;outline-offset:2px}
html.vks-media-is-open {overflow:hidden}
@media(max-width:640px) {
  .vks-media-viewer {width:100vw;height:100dvh;border:0}
  .vks-media-head {padding:10px 13px}
  .vks-media-head-title {font-size:10px}
  .vks-media-head button {min-height:44px}
  .vks-media-stage {padding:16px 7px 72px}
  .vks-media-stage button {top:auto;bottom:8px;transform:none;width:52px;height:50px}
  .vks-media-stage [data-vks-media-prev] {left:calc(50% - 60px)}
  .vks-media-stage [data-vks-media-next] {right:calc(50% - 60px)}
  .vks-media-bottom {padding:12px 14px;min-height:54px;font-size:12px}
}