/**
 * Стили архива таксономии services.
 * Подключаются только на рубриках услуг, поверх основного бандла.
 *
 * Брейкпоинты как у .when-advantages--new: 1279 / 1024 / 768.
 */

/*
 * Подзаголовок под заголовком.
 * Шрифт и цвет как у описания блока «Когда…» (.advantages__item-text).
 * Зазор заголовок → описание меньше, описание → карточки 30px.
 * Класс --has-lead есть только при заполненном тексте, пустые блоки не сдвигаются.
 */
.when-advantages--new.when-advantages--has-lead .when-title {
    padding-bottom: 24px;
}

.cards-section.cards-section--has-lead .title {
    margin-bottom: 24px;
}

.when-advantages--new.when-advantages--has-lead > .container > .advantages__item-text,
.cards-section .cards-section__lead {
    margin: 0 0 30px;
}

.cards-section .cards-section__lead {
    max-width: 1368px;
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    color: rgba(29, 29, 29, 0.6);
}

.landing--offer.landing--offer--has-lead .title {
    margin-bottom: 24px;
}

.landing--offer .landing--offer__lead {
    max-width: 1368px;
    margin: 0 0 30px;
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    color: rgba(29, 29, 29, 0.6);
}

.landing--offer .landing--offer__lead p {
    margin: 0;
}

@media (max-width: 1279px) {
    .when-advantages--new.when-advantages--has-lead .when-title {
        padding-bottom: 16px;
    }

    .cards-section.cards-section--has-lead .title {
        margin-bottom: 16px;
    }

    .landing--offer.landing--offer--has-lead .title {
        margin-bottom: 16px;
    }
}

@media (max-width: 1024px) {
    .when-advantages--new.when-advantages--has-lead .when-title {
        padding-bottom: 12px;
    }

    .cards-section.cards-section--has-lead .title {
        margin-bottom: 12px;
    }

    .landing--offer.landing--offer--has-lead .title {
        margin-bottom: 12px;
    }
}

/*
 * «Что даёт»: в бандле padding-top: 0 !important перебивает padding: 112px 20px.
 * Возвращаем верхний отступ теми же значениями, что заданы у .what.new-design.
 */
.what.new-design {
    padding-top: 112px !important;
}

@media (max-width: 1279px) {
    .what.new-design {
        padding-top: 80px !important;
    }
}

@media (max-width: 1024px) {
    .what.new-design {
        padding-top: 72px !important;
    }
}

@media (max-width: 767px) {
    .what.new-design {
        padding-top: 64px !important;
    }
}