/* SKS-Max v17: domofoniya custom page */
.sks-dom-hero{padding:76px 0 86px;background:radial-gradient(circle at 85% 30%,#1d4256,transparent 45%),#071622}.sks-dom-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}.sks-dom-hero .eyebrow{margin-top:35px}.sks-dom-lead{color:#c8d5e0;font-size:18px;line-height:1.7;max-width:650px}.sks-dom-trust{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:26px;color:#d2e0e9;font-size:13px}.sks-dom-trust span::first-letter{color:#ffca12}.sks-dom-scheme{padding:25px;border:1px solid #38596c;border-radius:19px;background:linear-gradient(145deg,#193c51,#091b2a);box-shadow:0 20px 50px #0004}.sks-dom-scheme-top{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#fff;font-size:12px;letter-spacing:1px;font-weight:700}.sks-dom-scheme-top small{font-size:11px;color:#ffca12;letter-spacing:0}.sks-dom-hint{color:#b5c9d5;font-size:13px;margin:12px 0 18px}.sks-dom-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sks-dom-device{border:1px solid #45677b;border-radius:13px;background:#10293b;color:#eef6fb;min-width:0;padding:15px 12px;cursor:pointer;display:flex;align-items:center;flex-direction:column;gap:5px;text-align:center;transition:background .2s,border-color .2s,transform .2s}.sks-dom-device:hover{transform:translateY(-2px)}.sks-dom-device.is-active,.sks-dom-device:focus-visible{border-color:#ffca12;background:#214154;outline:0}.sks-dom-device-icon{font-size:31px;line-height:1.1;color:#ffca12}.sks-dom-device b{font-size:14px}.sks-dom-device small{font-size:11px;color:#b3c8d5}.sks-dom-info{min-height:103px;margin-top:14px;border-radius:11px;background:#081c2c;padding:15px;border:1px solid #375467}.sks-dom-info strong{color:#ffca12}.sks-dom-info p{margin:7px 0 0;font-size:13px;line-height:1.6;color:#d0dce5}.sks-dom-audience{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}.sks-dom-audience article{border:1px solid #e1e7ed;border-radius:14px;background:#fff;padding:25px;box-shadow:0 8px 25px #102b380a}.sks-dom-icon{font-size:38px;color:#b28a00}.sks-dom-audience h3{margin:12px 0;color:#162c3d}.sks-dom-audience p{color:#566a79;line-height:1.65;font-size:14px}.sks-dom-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-top:28px}.sks-dom-steps article{padding:22px 18px;border:1px solid #344f61;border-radius:14px;background:#122d40}.sks-dom-step-symbol{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#ffca12;color:#12293a;font-size:22px;font-weight:800}.sks-dom-steps h3{font-size:18px;margin:16px 0 10px;color:#fff}.sks-dom-steps p{font-size:13px;line-height:1.65;color:#c0d0dc;margin:0}.sks-dom-capabilities-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.sks-dom-capabilities-grid p{color:#576c7b;line-height:1.7}.sks-dom-features{display:grid;gap:10px}.sks-dom-features>div{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid #e0e8ed;border-radius:12px;padding:17px}.sks-dom-features b{color:#b48a00;font-size:19px}.sks-dom-features span{color:#19364a;font-size:14px;font-weight:600}.sks-dom-projects{border-top:1px solid #e2e9ef}.sks-dom-faq{max-width:950px;margin-top:26px}.sks-dom-faq details{padding:17px 0;border-bottom:1px solid #3b5567}.sks-dom-faq summary{cursor:pointer;color:#fff;font-weight:700}.sks-dom-faq summary:focus-visible{outline:2px solid #ffca12}.sks-dom-faq p{color:#c4d2dd;line-height:1.65;font-size:14px}.sks-schematic-page #service-contact{scroll-margin-top:100px}
@media(max-width:950px){.sks-dom-hero-grid,.sks-dom-capabilities-grid{grid-template-columns:1fr}.sks-dom-scheme{max-width:640px}.sks-dom-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.sks-dom-hero{padding:48px 0}.sks-dom-audience,.sks-dom-steps{grid-template-columns:1fr}.sks-dom-devices{gap:8px}.sks-dom-device{padding:12px 6px}.sks-dom-device b{font-size:12px}.sks-dom-scheme{padding:15px}.sks-dom-hero-grid{gap:25px}}

/* v18: connected interactive wiring diagram */
.sks-dom-network{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(125px,auto));column-gap:80px;row-gap:75px;padding:12px 0 14px;isolation:isolate}
.sks-dom-wires{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible;pointer-events:none}
.sks-dom-wire{fill:none;stroke:#6e91a4;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:8 8;opacity:.6;transition:stroke .25s,opacity .25s,stroke-width .25s}
.sks-dom-wire-alt{stroke-dasharray:3 10;opacity:.35}
.sks-dom-wire.is-lit{stroke:#ffca12;stroke-width:5;stroke-dasharray:10 8;opacity:1;animation:sks-dom-signal 1.6s linear infinite}
.sks-dom-junction{fill:#ffca12}.sks-dom-network .sks-dom-device{z-index:1;position:relative;min-height:120px;box-shadow:0 10px 20px #0003}
.sks-dom-network .sks-dom-device:nth-of-type(3){grid-column:1;grid-row:2}.sks-dom-network .sks-dom-device:nth-of-type(4){grid-column:2;grid-row:2}
.sks-dom-wire-label{position:absolute;z-index:0;pointer-events:none;background:#091c2b;color:#bcd0dc;border:1px solid #365669;border-radius:20px;padding:4px 8px;font-size:10px;white-space:nowrap}
.sks-dom-label-one{top:19%;left:50%;transform:translateX(-50%)}.sks-dom-label-two{top:74%;left:50%;transform:translateX(-50%)}.sks-dom-label-three{top:51%;right:0;transform:translateY(-50%)}
.sks-dom-scheme-note{color:#a8c2d0;font-size:11px;line-height:1.55;margin:10px 0 0}
@keyframes sks-dom-signal{to{stroke-dashoffset:-36}}
@media(max-width:650px){.sks-dom-network{column-gap:35px;row-gap:58px;grid-template-rows:repeat(2,minmax(130px,auto))}.sks-dom-network .sks-dom-device{min-height:130px}.sks-dom-wire-label{font-size:9px;padding:3px 5px}.sks-dom-label-one{top:22%}.sks-dom-label-two{top:75%}.sks-dom-label-three{right:-8px;top:51%}}
@media(prefers-reduced-motion:reduce){.sks-dom-wire.is-lit{animation:none}}

/* v19: вынесенная под схему легенда, чтобы подписи не перекрывали карточки */
.sks-dom-network .sks-dom-wire-label{display:none!important}
.sks-dom-network{column-gap:clamp(24px,9vw,80px);row-gap:clamp(52px,8vw,80px)}
.sks-dom-legend{display:flex;flex-wrap:wrap;align-items:center;gap:9px 16px;margin-top:14px;padding:11px 12px;border:1px solid #355367;border-radius:10px;background:#0c2333}
.sks-dom-legend>span{display:inline-flex;align-items:center;gap:7px;color:#c8d9e5;font-size:11px;line-height:1.45}
.sks-dom-legend-dot{display:inline-block;flex:none;width:18px;height:0;border-top:3px dashed #88a6b9}
.sks-dom-legend-control{border-color:#ffca12}
.sks-dom-legend-net{border-top-style:dotted;border-color:#75bdd5}
@media(max-width:650px){.sks-dom-network{column-gap:clamp(14px,5vw,35px);row-gap:64px}.sks-dom-network .sks-dom-device{padding:13px 7px}.sks-dom-network .sks-dom-device b{font-size:clamp(11px,3vw,14px);overflow-wrap:anywhere}.sks-dom-legend{gap:8px 12px}.sks-dom-legend>span{font-size:10px}}

/* v20: схема домофонии повторяет геометрию и анимацию схемы видеонаблюдения */
.sks-dom-diagram{padding:19px 17px 14px;min-width:0;overflow:hidden;text-align:left}
.sks-dom-diagram .sks-vd-header{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#b9d5e3;font-size:10px;letter-spacing:1.3px;font-weight:800}
.sks-dom-diagram .sks-vd-live{display:inline-flex;align-items:center;gap:6px;letter-spacing:0;color:#a9c7d6;white-space:nowrap}
.sks-dom-diagram .sks-vd-live i{width:7px;height:7px;background:#36dfb0;border-radius:50%;box-shadow:0 0 10px #36dfb088}
.sks-dom-diagram .sks-vd-hint{color:#a8c2d0;font-size:11px;margin:8px 0 0;text-align:center}
.sks-dom-stage{position:relative;width:100%;aspect-ratio:400/340;max-height:390px;margin:6px auto 0;isolation:isolate}
.sks-dom-stage .sks-dom-wires{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:visible;pointer-events:none}
.sks-dom-stage .sks-dom-wire{fill:none;stroke:#64859a;stroke-width:2;stroke-dasharray:5 5;opacity:1;animation:none}
.sks-dom-stage .sks-dom-wire-blue{stroke:#24c9ff}
.sks-dom-stage .sks-dom-wire.is-lit{stroke:#ffca12;stroke-width:3;stroke-dasharray:5 5;animation:none}
.sks-dom-stage .sks-dom-packet{fill:#ffca12;filter:drop-shadow(0 0 4px #ffca12)}
.sks-dom-stage .sks-dom-packet-blue{fill:#24c9ff;filter:drop-shadow(0 0 4px #24c9ff)}
.sks-dom-stage .sks-dom-device{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-height:0;min-width:0;padding:5px 4px;border:1px solid #416c82;border-radius:10px;background:#0c2535;color:#f0f7fb;font:700 clamp(9px,1.1vw,11px)/1.25 Manrope,Arial,sans-serif;cursor:pointer;box-shadow:none;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s}
.sks-dom-stage .sks-dom-device:hover,.sks-dom-stage .sks-dom-device:focus-visible,.sks-dom-stage .sks-dom-device.is-active{border-color:#ffca12;background:#15374a;box-shadow:0 0 0 2px #ffca1220;outline:none}
.sks-dom-stage .sks-dom-device-icon{height:35px;color:#8fc3d8;display:flex;align-items:center;justify-content:center}
.sks-dom-stage .sks-dom-device-icon svg{width:48px;height:34px}
.sks-dom-stage .sks-dom-top{top:0;width:35%;height:21%}
.sks-dom-stage .sks-dom-left{left:6%}.sks-dom-stage .sks-dom-right{right:6%}
.sks-dom-stage .sks-dom-middle{top:42.35%;left:29%;width:42%;height:12%}
.sks-dom-stage .sks-dom-bottom{top:64.1%;left:29%;width:42%;height:12%}
.sks-dom-stage .sks-dom-phone{top:85.9%;left:29%;width:42%;height:14%}
.sks-dom-diagram .sks-dom-info{min-height:90px;margin-top:12px;padding:11px 13px;border:1px solid #3a647a;border-radius:10px;background:#081f2f}
.sks-dom-diagram .sks-dom-info strong{font-size:13px}.sks-dom-diagram .sks-dom-info p{font-size:11px;line-height:1.55}
.sks-dom-motion-toggle{display:block;margin:10px 0 0 auto;border:0;background:transparent;color:#9abaca;font-size:11px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.sks-dom-diagram.is-paused .sks-dom-packet{display:none}
@media(max-width:550px){.sks-dom-diagram{padding:14px 10px}.sks-dom-stage .sks-dom-device{font-size:9px}.sks-dom-diagram .sks-dom-info{min-height:104px}}
@media(prefers-reduced-motion:reduce){.sks-dom-stage .sks-dom-packet{display:none}.sks-dom-stage .sks-dom-device{transition:none}}

/* v21: типографика заголовка и подсказки схемы строго как на странице «Видеонаблюдение». */
.sks-schematic-page .sks-dom-diagram .sks-vd-header,
.sks-schematic-page .sks-dom-diagram .sks-vd-header > span,
.sks-schematic-page .sks-dom-diagram .sks-vd-live,
.sks-schematic-page .sks-dom-diagram .sks-vd-hint {
  font-family: Manrope, Arial, sans-serif !important;
  font-style: normal;
  text-transform: none;
}
.sks-schematic-page .sks-dom-diagram .sks-vd-header,
.sks-schematic-page .sks-dom-diagram .sks-vd-header > span {
  font-size: 10px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: 1.3px;
}
.sks-schematic-page .sks-dom-diagram .sks-vd-header .sks-vd-live {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0;
  color: #a9c7d6;
}
.sks-schematic-page .sks-dom-diagram .sks-vd-hint {
  font-size: 11px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  color: #a8c2d0 !important;
  margin: 8px 0 0;
  text-align: center;
}

/* v22: всплывающие подсказки устройств, как на странице видеонаблюдения */
.sks-dom-modal[hidden]{display:none!important}
.sks-dom-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;font-family:Manrope,Arial,sans-serif}
.sks-dom-modal-backdrop{position:absolute;inset:0;background:rgba(1,10,19,.79)}
.sks-dom-modal-card{position:relative;z-index:1;width:min(700px,100%);box-sizing:border-box;border:1px solid #3b657a;border-radius:20px;background:#0b2232;padding:38px 34px;box-shadow:0 24px 75px rgba(0,0,0,.45)}
.sks-dom-modal-card h3{color:#ffca12!important;font-family:inherit!important;font-size:21px!important;line-height:normal!important;font-weight:700!important;margin:0 55px 12px 0!important}
.sks-dom-modal-card p{color:#c5d5df!important;font-family:inherit!important;font-size:inherit!important;font-weight:400!important;line-height:1.65!important;margin:0!important}
.sks-dom-modal-close{position:absolute;top:12px;right:12px;width:35px;height:35px;border:0;border-radius:50%;background:#ffca12;color:#091b2a;font-size:24px;line-height:1;cursor:pointer;display:grid;place-items:center}
.sks-dom-modal-close:hover{background:#ffda4d}.sks-dom-modal-close:focus-visible{outline:3px solid white;outline-offset:3px}
body.sks-dom-modal-open{overflow:hidden}
@media(max-width:600px){.sks-dom-modal{padding:16px}.sks-dom-modal-card{padding:28px 22px}.sks-dom-modal-card h3{font-size:21px!important}.sks-dom-modal-card p{font-size:inherit!important}.sks-dom-modal-close{width:35px;height:35px;top:12px;right:12px}}

/* v23: Типографика подсказок как у .sks-dt-dialog страницы видеонаблюдения. */
.sks-dom-modal-card{font-size:16px;line-height:normal}
.sks-dom-modal-card h3,.sks-dom-modal-card p{letter-spacing:normal!important;text-transform:none!important}

/* v24: блок советов в стиле карточки советов на странице видеонаблюдения */
.sks-schematic-page .sks-dom-diagram .sks-dom-tips{position:relative;min-height:190px;box-sizing:border-box;margin-top:16px;padding:20px 23px 62px;border:1px solid #3b657a;border-radius:13px;background:#081f2f;font-family:Manrope,Arial,sans-serif}
.sks-schematic-page .sks-dom-tips-head{display:flex;justify-content:space-between;gap:12px;align-items:center;font:700 13px/1.5 Manrope,Arial,sans-serif;letter-spacing:0}
.sks-schematic-page .sks-dom-tips-head strong{color:#ffca12;font-weight:800}.sks-schematic-page .sks-dom-tips-count{color:#a9c7d8}
.sks-schematic-page .sks-dom-tips-title{color:#ffca12;font:700 20px/1.35 Manrope,Arial,sans-serif;margin:13px 0 7px}
.sks-schematic-page .sks-dom-tips-text{color:#d2e2ed;font:400 16px/1.55 Manrope,Arial,sans-serif;margin:0}
.sks-schematic-page .sks-dom-tips-controls{position:absolute;right:21px;bottom:18px;display:flex;gap:12px}
.sks-schematic-page .sks-dom-tips-controls button{width:50px;height:44px;display:grid;place-items:center;border:1px solid #477187;border-radius:11px;background:#12394e;color:#ffca12;font:400 26px/1 Manrope,Arial,sans-serif;cursor:pointer}
.sks-schematic-page .sks-dom-tips-controls button:hover,.sks-schematic-page .sks-dom-tips-controls button:focus-visible{background:#1d4c63;border-color:#ffca12;outline:none}
@media(max-width:600px){.sks-schematic-page .sks-dom-diagram .sks-dom-tips{padding:17px 16px 67px;min-height:210px}.sks-schematic-page .sks-dom-tips-title{font-size:18px}.sks-schematic-page .sks-dom-tips-text{font-size:14px}}

/* v25: typography of useful tips matches the actual video-surveillance tips plugin. */
.sks-schematic-page .sks-dom-diagram .sks-dom-tips{font-family:inherit}
.sks-schematic-page .sks-dom-tips-head{font-family:inherit;font-size:12px;line-height:1.5;font-weight:700;letter-spacing:.04em}
.sks-schematic-page .sks-dom-tips-head strong{font-weight:700}
.sks-schematic-page .sks-dom-tips-count{color:#91afc2}
.sks-schematic-page .sks-dom-tips-title{font-family:inherit;font-size:17px;line-height:1.35;font-weight:700;margin:10px 0 6px}
.sks-schematic-page .sks-dom-tips-text{font-family:inherit;font-size:14px;line-height:1.55;font-weight:400;color:#d0e0eb}
.sks-schematic-page .sks-dom-tips-controls button{font-family:inherit}
@media(max-width:600px){.sks-schematic-page .sks-dom-tips-title{font-size:17px}.sks-schematic-page .sks-dom-tips-text{font-size:14px}}

/* v27: единый размер и типографика с фактическим блоком .sks-ux-tip-panel
   на странице «Видеонаблюдение» (sks-video-diagram-ux v1.1). */
.sks-schematic-page .sks-dom-diagram .sks-dom-tips{min-height:135px;padding:15px 17px 58px;font-family:Manrope,Arial,sans-serif}
.sks-schematic-page .sks-dom-diagram .sks-dom-tips-head{font-family:Manrope,Arial,sans-serif;font-size:11px;line-height:1.5;font-weight:800;letter-spacing:.045em}
.sks-schematic-page .sks-dom-diagram .sks-dom-tips-head strong{font-weight:800}
.sks-schematic-page .sks-dom-diagram .sks-dom-tips-count{color:#a3bbcb}
.sks-schematic-page .sks-dom-diagram .sks-dom-tips-title{font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.4;font-weight:700;margin:10px 0 5px}
.sks-schematic-page .sks-dom-diagram .sks-dom-tips-text{font-family:Manrope,Arial,sans-serif;font-size:13px;line-height:1.55;font-weight:400;color:#c2d6e1}
.sks-schematic-page .sks-dom-diagram .sks-dom-tips-controls{right:17px;bottom:14px;gap:9px}
.sks-schematic-page .sks-dom-diagram .sks-dom-tips-controls button{box-sizing:border-box;width:42px;height:36px;min-width:42px;min-height:36px;padding:0;border:1px solid #4b7589;border-radius:8px;background:#123349;color:#ffca12;font-family:Manrope,Arial,sans-serif;font-size:19px;line-height:1;font-weight:400}
@media(max-width:550px){
 .sks-schematic-page .sks-dom-diagram .sks-dom-tips{min-height:165px;padding:13px 12px 58px}
 .sks-schematic-page .sks-dom-diagram .sks-dom-tips-title{font-size:15px}
 .sks-schematic-page .sks-dom-diagram .sks-dom-tips-text{font-size:12px}
 .sks-schematic-page .sks-dom-diagram .sks-dom-tips-controls{right:12px;bottom:12px}
}

/* v28: надпись над схемой — типографика идентична .sks-vd-hint
   на странице видеонаблюдения. Убираем принудительный Manrope из v21,
   наследуем шрифт темы, как оригинальная схема. */
.sks-schematic-page .sks-dom-diagram p.sks-vd-hint {
  font-family: inherit !important;
  font-size: 11px !important;
  font-weight: inherit;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-transform: none;
  color: #a8c2d0 !important;
  margin: 8px 0 0;
  text-align: center;
}

/* v29 — точное совпадение подсказки с фактически установленным
   sks-video-diagram-ux-v1-1 (а не только с базовым CSS темы).
   На видеонаблюдении дополнительный плагин устанавливает 12px/600 и
   мобильные 11px; прежние переопределения v21/v28 теперь перекрыты. */
.sks-schematic-page .sks-dom-diagram p.sks-vd-hint {
  font-family: Manrope, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  line-height: 1.45 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  color: #bed7e4 !important;
  margin: 10px 0 !important;
  text-align: center !important;
}
@media (max-width: 550px) {
  .sks-schematic-page .sks-dom-diagram p.sks-vd-hint {
    font-size: 11px !important;
  }
}

/* v30: внешний размер схемы домофонии соответствует схеме видеонаблюдения.
   Повторяем пропорции колонок и gap из .video-hero-grid; не масштабируем
   внутренний SVG отдельно от карточек/соединений. */
@media (min-width:951px) {
  .sks-schematic-page .sks-dom-hero-grid {
    grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
    gap:48px;
  }
  .sks-schematic-page .sks-dom-hero-grid > * {min-width:0;}
  .sks-schematic-page .sks-dom-diagram {width:100%;box-sizing:border-box;}
}
/* На планшете рамка не шире схемы видеонаблюдения (560px). */
@media (min-width:551px) and (max-width:950px) {
  .sks-schematic-page .sks-dom-hero-grid .sks-dom-diagram {
    width:100%;max-width:560px;box-sizing:border-box;
  }
}

/* SKS v31 — trim schematic only; preserve domofoniya v30 dimensions. */
.sks-schematic-page .sks-dom-hero .eyebrow{font-size:12px}

/* v32: shared template typography and sizes for five service diagrams */

/* v33: no yellow dashed-wire highlighting on device selection. */
.sks-dom-stage .sks-dom-wire.is-lit{stroke:#64859a;stroke-width:2;stroke-dasharray:5 5;opacity:1;animation:none}