/* Бренд-стили EN-сайта. styles.css и page.css остаются нетронутыми копиями RU-сайта — все отличия живут здесь, поэтому повторное копирование исходников ничего не затирает. Подключается сборщиками (build_en.py / build_common.py) последним в . Логотип обрезан по непрозрачной границе (make_brand.py), поэтому высота картинки равна высоте видимого логотипа. Высоты заданы отдельно: логотип 38px, CTA в шапке 48px. */ .logo__img { height: 38px; width: auto; display: block; } /* Строгое вертикальное центрирование логотипа в шапке */ .header__inner, .logo { display: flex; align-items: center; } .logo { line-height: 0; } /* CTA в шапке */ .header .btn--sm.js-open-contact { height: 48px; padding: 0 20px; display: inline-flex; align-items: center; justify-content: center; line-height: 1; } /* На тач-экранах в styles.css намеренно стоит .btn--sm { min-height: 44px } — норма размера тач-таргета. Ломать её ради равенства с логотипом нельзя, поэтому там, где она включается, прячем кнопку из шапки: CTA есть в мобильном меню. */ @media (max-width: 768px) { .header .btn--sm.js-open-contact { display: none; } } /* Мегаменю технологий ниже меню услуг: групп всего три, а подписи стеков короткие и ложатся в три колонки. Высоту меню задаёт колонка категорий (панель растянута по ней), поэтому держим минимум по самой большой панели — Backend, 7 стеков. Без этого правила действует общий минимум 540 px из styles.css, и под тремя группами оставалась пустая колонка почти в 250 px. */ .submenu--tech .submenu-cats { min-height: 380px; }