/**
 * Остаточное после миграции на <x-blocks.cards-grid> (см.
 * plan-block-constructor.md, Этап 2) — то, что не унифицировано сознательно:
 * собственный фон секции (не переиспользуется другими шаблонами), верхний
 * отступ subtitle, фиксированный (не по брейкпоинтам) отступ снизу под
 * content карточки — та же ловушка, что и в technical-support/header-solutions,
 * push footer'а карточки через margin-bottom, а не через flex.
 *
 * --bs-gutter-x: 0rem у #delivery-options оставлено как в оригинале, но
 * реального эффекта не имеет: Bootstrap задаёт --bs-gutter-x напрямую на
 * самом .row (не наследует от предка), так что переопределение на секции
 * ничего не меняет — проверено вживую (computed gutter = 1.5rem, не 0).
 * Это уже было мёртвым в оригинале, не баг миграции.
 */
#delivery-options {
    background-image: url('../../img/solutions-blog-last-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 159px;
    --bs-gutter-x: 0rem;
    padding-right: 0;
    padding-left: 0;
}

#delivery-options .subtitle {
    margin-bottom: 24px;
    padding-top: 158px;
}

#delivery-options h2 {
    margin-bottom: 36px;
}

#delivery-options .cards-grid__card-content {
    margin-bottom: 115px;
}

/* Bitrix: .delivery-options p { font-size: 20px } — описание карточки под
   заголовком (рендерит cards-grid, ветка headStyle="title-marker"). */
#delivery-options .cards-grid__card-content p {
    font-size: 20px;
}

@media (max-width: 400px) {
    #delivery-options {
        padding-bottom: 40px;
    }
}