/* ФИЧА: contact | РОЛЬ: Стили фичи — раскладка «форма + реквизиты» на /contact | ВЫЗЫВАЕТ: —
   ВХОДНЫЕ_ДАННЫЕ: разметка template.php | ВЫХОДНЫЕ_ДАННЫЕ: CSS
   ЗАВИСИМОСТИ: shared/styles/tokens.css, shared/styles/components.css */

/* --- Секция: раскладка — до 1280 реквизиты под формой, от 1280 справа --- */
.contact-layout {
    display:               grid;
    grid-template-columns: minmax(0, 1fr);
    gap:                   var(--space-8);
    align-items:           start;
}
.contact-layout__form {
    width:     100%;
    max-width: var(--text-max);
}
.contact-layout__aside {
    display:        flex;
    flex-direction: column;
    gap:            var(--space-4);
}
.contact-layout__title {
    margin:      0;
    font-size:   var(--fs-lg);
    font-weight: var(--fw-semibold);
    line-height: var(--lh-snug);
    color:       var(--color-text);
}

/* --- Адаптивность --- */
@media (min-width: 1280px) {
    .contact-layout {
        grid-template-columns: minmax(0, var(--text-max)) minmax(0, 1fr);
    }
}