/**
 * Страница «Контакты» (page-kontakty.php) - ТОЛЬКО РАСКЛАДКА.
 *
 * Типографика, цвета, шрифт и ссылки берутся из design-system.css
 * (.ds-prose, .ds-contact, .ds-social, .ds-link). Здесь ничего из этого
 * не переопределяется - иначе страница начнет жить своей жизнью.
 *
 * ПЕРЕОПРЕДЕЛЯЕТСЯ ТОЛЬКО ШАПКА. В design-system.css лежит блок
 * «HEADER - ALIGN WITH CASE V2»: две строки, скопированные из case-v2.css,
 * где они уместны - у кейсов своя сетка. Это ширина 1201 вместо 1160 и
 * обнуленный отступ телефона. Пока копии не убрали из дизайн-системы, шапка
 * на любой странице с ней не совпадает с остальным сайтом.
 * Когда копии удалят - этот блок переопределений нужно убрать целиком.
 */

.header-v2 .header__main-inner,
.header-v2 .header__topbar-inner { max-width: 1160px; }

/* Второе такое же: дизайн-система обнуляет правый отступ телефона
   (в case-v2.css это соседняя строка). Из-за этого пункты меню съезжали
   на 10px. Возвращаем 20px из main.css, включая его же поведение на узких
   экранах. */
.header-v2 .header__phone { margin-right: 20px; }
@media screen and (max-width: 780px) {
    .header-v2 .header__phone { margin-right: 0; }
}

.kt { padding: 48px 0 80px; }

/* Ширина контента - как у шапки и главной, чтобы все начиналось с одной линии. */
.kt__wrap { max-width: 1160px; margin: 0 auto; padding: 0; }

.kt__lead { max-width: 720px; }

.kt__contact { margin: 32px 0 0; }

/* --- Карточки способов связи: раскладка на токенах дизайн-системы -------- */

.kt__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 16px;
    margin: 36px 0 0;
}

.kt__card {
    border: 1px solid var(--ds-border-strong);
    border-radius: var(--ds-radius-md);
    padding: 20px 22px;
    background: var(--ds-bg);
    font-family: var(--ds-font);
    color: var(--ds-text);
}

.kt__card-label {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--ds-muted);
    margin: 0 0 10px;
}

.kt__card-value { font-size: 21px; line-height: 25px; font-weight: 600; margin: 0; }

.kt__sep { color: var(--ds-muted); margin: 0 4px; }

.kt__note { font-size: 15px; line-height: 20px; color: var(--ds-muted); margin: 10px 0 0; }

/* --- Реквизиты ---------------------------------------------------------- */

.kt__requisites {
    border-top: 1px solid var(--ds-border-strong);
    margin-top: 48px;
    padding-top: 24px;
    font-family: var(--ds-font);
    font-size: 15px;
    line-height: 20px;
    color: var(--ds-muted);
}

.kt__requisites p { margin: 0 0 4px; }

/* --- Адаптив ------------------------------------------------------------ */

@media (max-width: 1200px) {
    .kt__wrap { padding: 0 32px; box-sizing: border-box; }
}
@media (max-width: 1024px) {
    .kt__wrap { padding: 0 28px; }
}
@media (max-width: 768px) {
    .kt { padding: 32px 0 56px; }
    .kt__wrap { padding: 0 16px; }
    .kt__grid { gap: 12px; margin-top: 28px; }
    .kt__card-value { font-size: 19px; }
}