/* ============================================================
   Страница «Контакты» — перенос 1:1 из site2 (ContactsPage).
   Двухколоночная секция: слева контактные данные + карта,
   справа форма консультации. Всё изолировано под .rk-contacts,
   CSS-переменные site2 раскрыты в конкретные значения.
   ============================================================ */
.rk-contacts, .rk-contacts * { box-sizing: border-box; }
.rk-contacts { background: transparent; }

/* Ширина страницы как на других перенесённых страницах: 1200 по центру,
   боковые поля 20px на узких экранах (перебивает main{width:65/80/90%}). */
body { margin-top: 100px; background: transparent; }
main { width: 100%; max-width: 1200px; padding-inline: 0; box-sizing: border-box; }
/* Боковые поля на узких задаёт .wrap; у main их не ставим, иначе получалось
   двойное поле (20 + 20 = 40) и контент стоял уже, чем на других страницах. */

.rk-contacts .wrap { max-width: 1200px; margin: 0 auto; padding-inline: 0; }
@media (max-width: 1240px) { .rk-contacts .wrap { padding-inline: 20px; } }

/* --- Шапка страницы (PageHeader) --- */
.rk-contacts .pagepad { height: 12px; }
.rk-contacts .page-head { padding-top: 12px; margin-bottom: 44px; }
.rk-contacts .page-head .section-head { margin-bottom: 0; }
.rk-contacts .crumbs { display: flex; gap: 8px; align-items: center; font-family: 'Montserrat', sans-serif; font-size: 13px; color: #83879a; margin-bottom: 22px; }
.rk-contacts .crumbs a { color: #83879a; text-decoration: none; }
.rk-contacts .crumbs a:hover { color: #000f9f; }
.rk-contacts .crumbs .sep { opacity: .5; }
.rk-contacts .section-head { max-width: 760px; margin-bottom: 40px; }
.rk-contacts .eyebrow { font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: #000b73; display: inline-flex; align-items: center; gap: 11px; }
.rk-contacts .eyebrow::before { content: ""; width: 30px; height: 1.5px; background: #000f9f; display: inline-block; }
.rk-contacts .h-sec { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: clamp(28px, 3.6vw, 38px); line-height: 1.08; letter-spacing: -.01em; color: #14161d; margin: 14px 0 0; }
.rk-contacts .section-head p { margin: 16px 0 0; font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 1.55; color: #474b58; }
.rk-contacts .muted { color: #474b58; }

/* --- Двухколоночная сетка контактов --- */
.rk-contacts .ct-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: stretch; padding-bottom: 50px; }
.rk-contacts .ct-left { display: flex; flex-direction: column; }
.rk-contacts .ct-info .ci-row { display: flex; gap: 16px; padding: 18px 0; border-bottom: 1px solid #eaedf4; }
.rk-contacts .ct-info .ci-row .ic { width: 44px; height: 44px; border-radius: 50%; background: rgba(0, 15, 159, .06); border: 1px solid rgba(0, 15, 159, .12); color: #000f9f; display: flex; align-items: center; justify-content: center; flex: none; transition: .18s; }
.rk-contacts .ct-info .ci-row:hover .ic { background: rgba(0, 15, 159, .1); border-color: rgba(0, 15, 159, .22); }
.rk-contacts .ct-info .ci-row b { font-family: 'Montserrat', sans-serif; font-size: 15px; display: block; margin-bottom: 3px; color: #14161d; }
.rk-contacts .ct-info .ci-row span { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #474b58; }
/* Соцсети — светлые кнопки с фирменной иконкой и названием (без URL) */
.rk-contacts .soc-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.rk-contacts .soc-btn { display: inline-flex; align-items: center; gap: 9px; padding: 11px 18px; border-radius: 12px; background: transparent; border: 1px solid #dfe3ec; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 600; color: #14161d; text-decoration: none; transition: border-color .18s, box-shadow .18s, transform .18s; }
.rk-contacts .soc-btn img { width: 20px; height: 20px; flex: none; display: block; }
.rk-contacts .soc-btn:hover { border-color: #000f9f; box-shadow: 0 8px 20px rgba(9, 13, 48, .10); transform: translateY(-2px); }

.rk-contacts .chip { display: inline-flex; align-items: center; gap: 7px; font-family: 'Montserrat', sans-serif; font-size: 12.5px; font-weight: 600; padding: 10px 16px; border-radius: 999px; background: #e2e7f2; color: #474b58; text-decoration: none; transition: .18s; }
.rk-contacts .chip.qual { background: #000f9f; color: #fff; box-shadow: 0 6px 16px rgba(0, 15, 159, .22); }
.rk-contacts .chip.qual svg { width: 16px; height: 16px; }
.rk-contacts .chip.qual:hover { background: #000c7a; transform: translateY(-2px); box-shadow: 0 10px 22px rgba(0, 15, 159, .28); }
.rk-contacts .map-ph { flex: 1; border-radius: 18px; min-height: 260px; overflow: hidden; border: 1px solid #dfe3ec; background: #eef1f7; }
.rk-contacts .map-ph iframe { display: block; width: 100%; height: 100%; border: 0; }

/* --- Форма консультации: 1:1 форма с главной (.rk-cta .cta-form из cta.css).
   Здесь только гасим full-bleed/паддинги секции .rk-cta, чтобы форма встала
   в правую колонку сетки; все стили самой формы берутся из cta.css. --- */
.rk-contacts .rk-cta { width: auto; margin: 0; padding: 0; background: transparent; }
.rk-contacts .rk-cta .cta-form { margin: 0; }

/* --- Адаптив --- */
@media (max-width: 860px) { .rk-contacts .ct-grid { grid-template-columns: 1fr; gap: 28px; padding-bottom: 60px; } .rk-contacts .map-ph { min-height: 220px; } }