/* vintel-header-v2 row-layout override — 2026-05-11
   В шаблоне Aspro Max действуют два конкурирующих правила для .header__top-inner:
   - @media (min-width: 1200px) → flex-direction:row
   - @media (max-width: 1300px) → flex-direction:column
   На 1200+ побеждает row, на 992-1199 — column + Aspro сбрасывает flex и у внутренних
   .vintel-phone-hero / .vintel-email-hero / .vintel-cta-stack / .vintel-stack
   (display:block, иконка-плитка становится inline). Шапка vintel-header-v2 рассыпается.

   Возвращаем row на родителе и flex-row на трёх внутренних блоках. Привязка через
   дополнительный класс .vintel-v2-row, который JS-инициализатор добавляет ТОЛЬКО при
   успешной инжекции нашей шапки — другие варианты шапок Aspro не затрагиваются.
   На <=991 действует мобильный адаптив Aspro — не трогаем. */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .subbottom.header__top-part .header__top-inner.vintel-v2-row {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        gap: 12px;
    }
    .header__top-inner.vintel-v2-row .vintel-phone-hero,
    .header__top-inner.vintel-v2-row .vintel-email-hero {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 8px;
        flex: 1 1 auto;
        min-width: 0;
    }
    .header__top-inner.vintel-v2-row .vintel-cta-stack {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 8px;
        flex: 0 0 auto;
    }
    .header__top-inner.vintel-v2-row .vintel-stack {
        display: flex;
        flex-direction: column;
        gap: 2px;
        min-width: 0;
    }
    .header__top-inner.vintel-v2-row .vintel-icon-tile {
        flex: 0 0 auto;
    }
}