/* Дизайн-аудит FAQ (29.09.2026), п. 1: шапка «Поддержка» на страницах FAQ.
   Уже 1280 px (телефон, планшет, узкий ноутбук) — компактная шапка: абзац скрыт, карточки контактов стали строкой ссылок.
   От 1280 px — старая шапка с меньшими отступами (решение от 29.09.2026, вариант Б): заголовок 44 px вместо 56,
   карточки контактов ниже и в один ряд. Граница 1280 — там сайт переходит к десктопному виду: полное меню сайта, меню FAQ слева.
   Подключается из эпилога меню FAQ: на разделах и подстраницах — целиком, на главной /faq/ — только от 1280 px (link с media).
   Разметка шапки не меняется. Селекторы с html body — чтобы перебить main.css, который подключается позже,
   и встроенные стили блока контактов. */
@media (max-width: 1279px) {
    html body .b-help-center { padding-top: 28px; }
    html body .b-help-center .b-help-center__top-inner { display: flex; flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 6px 32px; margin-bottom: 20px; text-align: left; }
    html body .b-help-center .b-title--help-center { font-size: 32px; line-height: 40px; margin: 0; text-align: left; }
    html body .b-help-center .b-help-center__text { display: none; }
    html body .b-help-center .b-write-support { margin: 0; padding: 0; flex: 1 1 auto; min-width: 0; height: auto; }
    html body .b-help-center .b-write-support__social-wrap { display: flex; flex-wrap: wrap; gap: 2px 28px !important; justify-content: flex-start !important; }
    html body .b-help-center .b-left-column,
    html body .b-help-center .b-right-column { width: auto; display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 14px; }
    html body .b-help-center .block-to-social { background: none; color: #6e6e73; padding: 0; margin: 0; border-radius: 0; font-size: 15px; line-height: 22px; gap: 0; }
    html body .b-help-center .block-to-social svg { display: none; }
    html body .b-help-center .block-to-social::after { content: ':'; }
    html body .b-help-center .main-block { display: flex; flex-direction: row; flex-wrap: wrap; gap: 2px 14px; max-height: none; padding: 0; border-radius: 0; background: none; }
    html body .b-help-center .b-write-support__icon-wrap,
    html body .b-help-center .b-write-support__subtitle { display: none; }
    html body .b-help-center .b-write-support__link { display: inline-flex; padding: 0; border: 0; background: none; min-height: 0; }
    html body .b-help-center .b-write-support__name-wrap { display: inline; padding: 0; }
    html body .b-help-center .b-write-support__title { font-size: 15px; line-height: 22px; color: #175994; white-space: nowrap; border-bottom: 1px solid rgba(23, 89, 148, .3); }
    html body .b-help-center .b-write-support__link:hover .b-write-support__title { border-bottom-color: #175994; }
}

@media (max-width: 767px) {
    html body .b-help-center .b-title--help-center { font-size: 28px; line-height: 34px; }
    html body .b-help-center .b-help-center__top-inner { margin-bottom: 16px; }
}

@media (min-width: 1280px) {
    html body .b-help-center { padding-top: 32px; }
    html body .b-help-center .b-help-center__top-inner { margin-bottom: 24px; }
    html body .b-help-center .b-title--help-center { font-size: 44px; line-height: 52px; margin: 0 0 8px; }
    html body .b-help-center .b-help-center__text { font-size: 18px; line-height: 26px; margin: 0 0 20px; }
    html body .b-help-center .block-to-social { font-size: 16px; line-height: 22px; padding: 3px 14px; margin-bottom: 6px; }
    html body .b-help-center .main-block { padding: 14px 20px; gap: 16px; max-height: none; }
    html body .b-help-center .b-write-support__icon-wrap { width: 40px; height: 40px; font-size: 17px; margin-right: 10px; flex-shrink: 0; }
    html body .b-help-center .b-write-support__title { font-size: 15px; }
    /* карточки eXpress и eXpress Lite — в один ряд; шаблон сайта ставит их в столбик до 1400 px */
    html body .b-help-center .b-write-support__social-wrap { flex-wrap: nowrap !important; justify-content: space-between !important; gap: 20px; }
    html body .b-help-center .b-left-column,
    html body .b-help-center .b-right-column { width: auto; min-width: 0; flex: 1 1 auto; }
}

/* до 1600 px контакты в карточке упираются в её край: значки меньше, промежутки уже */
@media (min-width: 1280px) and (max-width: 1599px) {
    html body .b-help-center .b-write-support__social-wrap { gap: 16px; }
    html body .b-help-center .main-block { gap: 10px; padding: 14px; }
    html body .b-help-center .b-write-support__icon-wrap { width: 36px; height: 36px; font-size: 16px; margin-right: 8px; }
}