/* Виатех — страница «Контакты». Спроектированный макет.
   Каркас/токены — brand.css; форма и WPForms→бренд — blocks.css (обёртка .vt-blocks).
   Скоуп .vt-kontakty; грузится только на странице контактов (functions.php). */

/* ── секция «контакты + форма» ─────────────────────────────────────────────── */
.vt-kontakty .vt-kc{display:grid;grid-template-columns:0.86fr 1.14fr;gap:34px;align-items:start}

.vt-kontakty .vt-kc__side{background:#fff;border:1px solid var(--vt-line);border-radius:18px;padding:34px 32px;box-shadow:0 26px 60px -46px rgba(16,58,92,.32)}
/* Заголовки всех блоков — единый размер/начертание (контакты, форма, секция реквизитов).
   Один и тот же clamp у всех трёх → на любой ширине совпадают. */
.vt-kontakty .vt-kc__h,
.vt-kontakty .vt-kc__formh,
.vt-kontakty .vt-psec > .vt-wrap > h2{font-family:'Manrope',sans-serif;font-size:clamp(22px,2vw,25px);font-weight:800;color:var(--vt-indigo);letter-spacing:-.014em;line-height:1.18;margin:12px 0 0}
.vt-kontakty .vt-kc__lead{color:var(--vt-graphite);font-size:15px;line-height:1.62;margin:12px 0 0;max-width:54ch}

.vt-kontakty .vt-kc__list{list-style:none;margin:24px 0 0;padding:0}
.vt-kontakty .vt-kc__list li{display:flex;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid var(--vt-line)}
.vt-kontakty .vt-kc__list li:last-child{border-bottom:0}
.vt-kontakty .vt-kc__ic{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--vt-light);color:var(--vt-teal-600)}
.vt-kontakty .vt-kc__ic svg{width:22px;height:22px}
.vt-kontakty .vt-kc__ic--tg{background:rgba(41,171,226,.12);color:#1c93c9}
.vt-kontakty .vt-kc__ic--wa{background:rgba(37,211,102,.13);color:#1faa52}
.vt-kontakty .vt-kc__ic--max{background:rgba(106,90,224,.13);color:#6a5ae0}
.vt-kontakty .vt-kc__meta{display:flex;flex-direction:column;gap:2px;min-width:0}
.vt-kontakty .vt-kc__lab{font-size:12.5px;color:var(--vt-muted);letter-spacing:.01em}
.vt-kontakty .vt-kc__val{font-family:'Manrope',sans-serif;font-weight:700;font-size:17px;color:var(--vt-indigo);text-decoration:none;letter-spacing:-.01em;overflow-wrap:anywhere;transition:color .15s ease}
.vt-kontakty .vt-kc__val:hover{color:var(--vt-teal-600)}
.vt-kontakty .vt-kc__note{margin:22px 0 0;font-size:13.5px;color:var(--vt-muted);display:flex;align-items:center;gap:9px}
.vt-kontakty .vt-kc__note::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--vt-teal);box-shadow:0 0 0 4px rgba(21,163,154,.16);flex:none}

.vt-kontakty .vt-kc__form .vt-form-panel{padding:34px 32px}
.vt-kontakty .vt-kc__fields{margin-top:24px}

/* ── секция «реквизиты + карта» ────────────────────────────────────────────── */
.vt-kontakty .vt-kr{display:grid;grid-template-columns:1.24fr 1fr;gap:30px;align-items:stretch;margin-top:30px}
.vt-kontakty .vt-kr__card{background:#fff;border:1px solid var(--vt-line);border-radius:18px;padding:10px 34px}
.vt-kontakty .vt-kr__dl{margin:0}
.vt-kontakty .vt-kr__dl .r{display:grid;grid-template-columns:210px 1fr;gap:22px;padding:15px 0;border-bottom:1px dashed var(--vt-line-2)}
.vt-kontakty .vt-kr__dl .r:last-child{border-bottom:0}
.vt-kontakty .vt-kr__dl dt{color:var(--vt-muted);font-size:14px;line-height:1.5}
.vt-kontakty .vt-kr__dl dd{margin:0;color:var(--vt-graphite);font-size:15px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}
.vt-kontakty a.vt-kr__pdf{display:inline-flex;margin:18px 0}
.vt-kontakty .vt-kr__map{position:relative;border:1px solid var(--vt-line);border-radius:18px;overflow:hidden;min-height:360px;background:var(--vt-light)}
.vt-kontakty .vt-kr__frame{position:absolute;inset:0;width:100%;height:100%;border:0}
.vt-kontakty .vt-kr__frame--mob{display:none}

/* ── адаптив ───────────────────────────────────────────────────────────────── */
@media(max-width:1000px){
  .vt-kontakty .vt-kc{grid-template-columns:1fr;gap:24px}
  .vt-kontakty .vt-kc__lead{max-width:none}
}
@media(max-width:920px){
  .vt-kontakty .vt-kr{grid-template-columns:1fr}
  .vt-kontakty .vt-kr__map{min-height:380px}
  .vt-kontakty .vt-kr__frame--desk{display:none}
  .vt-kontakty .vt-kr__frame--mob{display:block}
}
@media(max-width:560px){
  .vt-kontakty .vt-kc__side{padding:26px 22px}
  .vt-kontakty .vt-kc__form .vt-form-panel{padding:26px 22px}
  .vt-kontakty .vt-kr__card{padding:6px 22px}
  .vt-kontakty .vt-kr__dl .r{grid-template-columns:1fr;gap:3px}
}