/* Модалка «Получите расчёт» — общий компонент (t-vektor-calc, 2026-09-16).
   Правила вырезаны из front-page-v3.css: там они жили внутри бандла
   главной, а модалку теперь открывает кнопка в шапке на любой странице.
   Скоуп .vkt-home сохранён — разметка модалки выводится в такой обёртке,
   поэтому общие имена (.modal, .btn, .sub) ни с чем не сталкиваются. */

/* Главная v3 — порт с vektor-it2.na4u.ru (t-vektor-home-v3, 2026-09-15). Весь CSS донора заскоуплен под .vkt-home: имена .card/.wrap/.tabs/.modal слишком общие и иначе дерутся с GeneratePress, WooCommerce и vkt-*. :root донора превращён в .vkt-home — переменные не текут на весь сайт. */ .vkt-home{
  --ink:#1b2430; --ink-soft:#4b5768; --paper:#fff; --paper-dim:#f2f5f8;
  --brand:#0e5a8a; --brand-deep:#0a3d5d; --signal:#e8722a; --signal-deep:#cf5f1c;
  --line:#d8dfe6; --ok:#1e8a4c; --radius:10px; --wrap:1140px;
}
.vkt-home{scroll-behavior:smooth}
.vkt-home{font-family:"PT Sans","Segoe UI",system-ui,sans-serif;color:var(--ink);background:var(--paper);font-size:16px;line-height:1.55}
.vkt-home /* кнопки */ .btn{display:inline-block;background:var(--signal);color:#fff;border:2px solid var(--signal);border-radius:var(--radius);padding:12px 26px;font-size:16px;font-weight:700;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s}
.vkt-home .btn:hover{background:var(--signal-deep);border-color:var(--signal-deep)}
.vkt-home .btn-outline{background:#fff;color:var(--brand);border-color:var(--brand)}
.vkt-home .btn-outline:hover{background:var(--brand);color:#fff}
.vkt-home .btn-sm{padding:8px 16px;font-size:14px}
.vkt-home .pack .btn{margin-top:auto;text-align:center}
.vkt-home .form-row .btn{flex:0 0 auto;background:var(--signal);border-color:var(--signal)}
.vkt-home .agree{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;color:#cfe3f2}
.vkt-home .agree a{color:#fff;text-decoration:underline}
.vkt-home{scroll-behavior:auto}
.vkt-home /* popup */ /* ===== POPUP ===== */ .modal-overlay{position:fixed;inset:0;background:rgba(10,28,45,.6);backdrop-filter:blur(3px);
  display:none;align-items:center;justify-content:center;padding:20px;z-index:1000;opacity:0;transition:opacity .2s}
.vkt-home .modal-overlay.open{display:flex;opacity:1}
.vkt-home .modal{background:linear-gradient(135deg,var(--brand-deep),var(--brand));color:#fff;border-radius:16px;
  max-width:560px;width:100%;padding:32px;position:relative;box-shadow:0 24px 60px rgba(0,0,0,.4);
  transform:translateY(16px) scale(.98);transition:transform .2s;max-height:92vh;overflow:auto}
.vkt-home .modal-overlay.open .modal{transform:none}
.vkt-home .modal-close{position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:50%;border:0;
  background:rgba(255,255,255,.15);color:#fff;font-size:20px;line-height:1;cursor:pointer;transition:.15s}
.vkt-home .modal-close:hover{background:rgba(255,255,255,.3)}
.vkt-home .modal h2{font-family:"PT Sans Narrow",sans-serif;font-size:28px;margin-bottom:10px;padding-right:30px}
.vkt-home .modal p.sub{color:#dcebf6;font-size:15px;margin-bottom:20px}
.vkt-home .f-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.vkt-home .f-row input, .vkt-home .f-row select{flex:1 1 200px;padding:13px 14px;border-radius:var(--radius);border:0;font-size:16px;font-family:inherit;background:#fff;color:var(--ink)}
.vkt-home .f-row select{cursor:pointer}
.vkt-home .modal .btn{width:100%;background:var(--signal);border-color:var(--signal);margin-top:4px}
.vkt-home .modal .btn:hover{background:var(--signal-deep);border-color:var(--signal-deep)}
.vkt-home .agree{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:#cfe3f2;margin-top:14px}
.vkt-home .agree a{color:#fff;text-decoration:underline}
.vkt-home .agree input{margin-top:2px;flex:0 0 auto}
.vkt-home .form-msg{margin-top:14px;font-size:15px;font-weight:700;color:#9fe0b5;min-height:20px}
.vkt-home .modal{padding:24px 20px}
.vkt-home .modal h2{font-size:24px}
.vkt-home .slide-cta .btn{background:#fff;color:var(--brand-deep);border-color:#fff}
.vkt-home .slide-cta .btn:hover{background:#f0f4f7}
.vkt-home .pf-grid .card .btn{margin:16px 20px 20px}
.vkt-home /* ===== инфо-попапы платформ ===== */ .modal-overlay .modal h2{color:#fff}
.vkt-home .modal.modal-wide{max-width:560px}
.vkt-home .modal .mtag{display:inline-block;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:4px 12px;font-size:12.5px;margin-bottom:12px}
.vkt-home .modal ul.mlist{list-style:none;margin:0 0 18px;padding:0}
.vkt-home .modal ul.mlist li{position:relative;padding:7px 0 7px 24px;font-size:14.5px;line-height:1.45;color:#eaf3fa;border-bottom:1px solid rgba(255,255,255,.12)}
.vkt-home .modal ul.mlist li:last-child{border-bottom:0}
.vkt-home .modal ul.mlist li::before{content:"—";position:absolute;left:0;color:var(--signal);font-weight:700}
.vkt-home .modal .mlink{display:block;text-align:center;color:#cfe4f4;margin-top:12px;font-size:14px}
.vkt-home .qz-form .f-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.vkt-home .qz .f-row input{flex:1;min-width:180px;padding:11px 13px;border:1.5px solid var(--line);border-radius:8px;font-size:15px;background:#fff;color:var(--ink)}
.vkt-home .qz .f-row input:focus, .vkt-home .qz .qz-comment:focus, .vkt-home .qz .qz-own input:focus, .vkt-home .qz .qz-range input[type=number]:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(14,90,138,.12)}
.vkt-home .qz .agree{color:var(--ink-soft)}
.vkt-home .qz-nav .btn{line-height:1.55}
.vkt-home{scroll-behavior:smooth}
.vkt-home{font-family:"PT Sans","Segoe UI",system-ui,sans-serif;color:var(--ink);background:#fff;font-size:16px;line-height:1.6}
.vkt-home .btn{display:inline-block;background:var(--signal);color:#fff;border:2px solid var(--signal);border-radius:var(--radius);padding:12px 26px;font-weight:700;font-size:16px;cursor:pointer;transition:.15s}
.vkt-home .btn:hover{background:var(--signal-deep);border-color:var(--signal-deep)}
.vkt-home .btn.ghost{background:transparent;color:var(--brand);border-color:var(--brand)}
.vkt-home .btn.ghost:hover{background:var(--brand);color:#fff}
.vkt-home .svc-card .btn{margin-top:14px;text-align:center;font-size:15px;padding:10px 20px}
.vkt-home .hdr-cta .btn{display:none}
.vkt-home /* ===== POPUP ===== */ .modal-overlay{position:fixed;inset:0;background:rgba(10,28,45,.6);backdrop-filter:blur(3px);
  display:none;align-items:center;justify-content:center;padding:20px;z-index:1000;opacity:0;transition:opacity .2s}
.vkt-home .modal-overlay.open{display:flex;opacity:1}
.vkt-home .modal{background:linear-gradient(135deg,var(--brand-deep),var(--brand));color:#fff;border-radius:16px;
  max-width:560px;width:100%;padding:32px;position:relative;box-shadow:0 24px 60px rgba(0,0,0,.4);
  transform:translateY(16px) scale(.98);transition:transform .2s;max-height:92vh;overflow:auto}
.vkt-home .modal-overlay.open .modal{transform:none}
.vkt-home .modal-close{position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:50%;border:0;
  background:rgba(255,255,255,.15);color:#fff;font-size:20px;line-height:1;cursor:pointer;transition:.15s}
.vkt-home .modal-close:hover{background:rgba(255,255,255,.3)}
.vkt-home .modal h2{font-family:"PT Sans Narrow",sans-serif;font-size:28px;margin-bottom:10px;padding-right:30px}
.vkt-home .modal p.sub{color:#dcebf6;font-size:15px;margin-bottom:20px}
.vkt-home .f-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.vkt-home .f-row input, .vkt-home .f-row select{flex:1 1 200px;padding:13px 14px;border-radius:var(--radius);border:0;font-size:16px;font-family:inherit;background:#fff;color:var(--ink)}
.vkt-home .f-row select{cursor:pointer}
.vkt-home .modal .btn{width:100%;background:var(--signal);border-color:var(--signal);margin-top:4px}
.vkt-home .modal .btn:hover{background:var(--signal-deep);border-color:var(--signal-deep)}
.vkt-home .agree{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:#cfe3f2;margin-top:14px}
.vkt-home .agree a{color:#fff;text-decoration:underline}
.vkt-home .agree input{margin-top:2px;flex:0 0 auto}
.vkt-home .form-msg{margin-top:14px;font-size:15px;font-weight:700;color:#9fe0b5;min-height:20px}
.vkt-home .modal{padding:24px 20px}
.vkt-home .modal h2{font-size:24px}