/**
 * Остаточные пер-шаблонные значения после миграции на <x-blocks.cards-grid>
 * (см. plan-block-constructor.md, Этап 2) — то, что не унифицировано в
 * общий cards-grid.css сознательно (см. обсуждение в сессии миграции):
 * своя шкала паддингов subtitle/h2 и точка перелома h2 на 400px (а не 600px,
 * как у variant="responsive" по умолчанию), больший шрифт футера карточки,
 * реверс порядка карточек на мобильном, отступ снизу под рядом карточек
 * (constant 127px во всех брейкпоинтах в оригинале — не переопределялся).
 */

#customer-care-technical-support .subtitle {
    padding: 127px 0 24px 0;
    opacity: 1;
}

#customer-care-technical-support .cards-grid__row--responsive {
    padding-bottom: 127px;
}

#customer-care-technical-support .cards-grid__card-footer {
    font-size: 20px;
    letter-spacing: -0.4px;
}

/**
 * Тот же кластер расхождений, что у about-us/accompany (сверено вживую
 * 2026-09-19, см. accompany.css) — общий head-style="standalone" делит
 * их оба: .cards-grid__card-marker без своего line-height (браузерный
 * дефолт ~30px вместо прод-овых 20px), и общий синий ■-маркер списка
 * (card.list) с чужим отступом вместо обычного browser-овского disc.
 */
#customer-care-technical-support .cards-grid__card-marker {
    line-height: 1;
}
/**
 * Оригинал: .tech-support-box-content{height:100%; margin-bottom:115px} —
 * контент растягивается на всю карточку И держит минимум 115px до
 * футера одновременно (сверено вживую 2026-09-19). Не унифицировано в
 * общий cards-grid.css: about-us/accompany с тем же head-style="standalone"
 * наоборот НЕ тянет контент (там это ломало вёрстку, см. комментарий в
 * accompany.css) — поведение специфично для блока, не для head-style.
 */
#customer-care-technical-support .cards-grid__card-content {
    height: 100%;
    margin-bottom: 115px;
}
@media (max-width: 500px) {
    #customer-care-technical-support .cards-grid__card-content {
        margin-bottom: 87px;
    }
}
#customer-care-technical-support .cards-grid__card-footer ul {
    padding-left: 32px;
    margin-bottom: 16px;
}
#customer-care-technical-support .cards-grid__card-footer li {
    list-style-type: disc;
    margin-left: 0;
    padding-left: 0;
}
#customer-care-technical-support .cards-grid__card-footer li::marker {
    content: normal;
    font-size: inherit;
    color: inherit;
}

@media (max-width: 1600px) {
    #customer-care-technical-support .subtitle {
        padding: 64px 0 24px 0;
    }
}

@media (max-width: 1280px) {
    #customer-care-technical-support .subtitle {
        padding: 74px 0 24px 0;
    }
}

@media (max-width: 1024px) {
    #customer-care-technical-support .subtitle {
        padding: 64px 0 14px 0;
    }
    #customer-care-technical-support .cards-grid__card-footer {
        font-size: 18px;
        letter-spacing: -0.36px;
    }
    #customer-care-technical-support .cards-grid__card-title {
        font-size: 24px;
        letter-spacing: -0.96px;
    }
}

/* variant="responsive" переходит на 28px уже на 600px — у этого шаблона
   переход на 40px держится до 400px включительно. */
@media (max-width: 600px) and (min-width: 401px) {
    #customer-care-technical-support .cards-grid__title--responsive {
        font-size: 40px;
        font-style: normal;
        font-weight: 500;
        line-height: 110%;
        letter-spacing: -1.6px;
        margin-bottom: 24px;
    }
}

@media (max-width: 500px) {
    #customer-care-technical-support .cards-grid__row--responsive {
        flex-direction: column-reverse;
    }
    #customer-care-technical-support .cards-grid__col {
        margin-bottom: 16px;
    }
}