/* ==========================================================================
   Секция «Нужна консультация?» с формой amoCRM (#consult)
   Выводится последней секцией перед подвалом на всех страницах,
   кроме /montazh (там такая секция уже есть в контенте страницы).
   Раскладка .form-grid / .left-wrap берётся из montaz.css (подключён глобально),
   здесь — только типографика (в montaz.css она привязана к .article-block)
   и обвязка секции.
   ========================================================================== */

.consultation-form {
    padding: 0 15px 40px;
    /* запас под фиксированную шапку, если браузер прокручивает якорь нативно */
    scroll-margin-top: 110px;
}

.consultation-form .form-grid {
    margin-top: 0;
}

.consultation-form .form-grid__left h3 {
    font-size: 48px;
    line-height: 140%;
    margin: 0;
}

.consultation-form .form-grid__left > p {
    font-size: 22px;
    line-height: 120%;
    margin-top: 28px;
}

.consultation-form .left-wrap {
    font-size: 22px;
    align-items: center;
    margin-top: 28px;
}

.consultation-form .left-wrap p {
    margin: 0;
}

.consultation-form .left-wrap p.name {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
}

.consultation-form .left-wrap a {
    color: inherit;
}

/* резерв высоты под iframe формы, чтобы страница не «прыгала» при загрузке */
.consultation-form .form-grid__right {
    min-height: 335px;
}

@media only screen and (max-width: 1000px) {
    .consultation-form {
        scroll-margin-top: 90px;
    }

    .consultation-form .form-grid__left h3 {
        font-size: 32px;
    }
}

@media only screen and (max-width: 600px) {
    .consultation-form {
        padding: 0 10px 30px;
    }

    .consultation-form .left-wrap p.name,
    .consultation-form .left-wrap a {
        font-size: 20px;
    }

    .consultation-form .form-grid__left > p {
        font-size: 18px;
    }
}