/* ========================================================================== Мобильное меню-дровер — ЕДИНЫЙ источник правды для обоих вариантов вёрстки: • главная и статические страницы → .header__menu .menu__body (_top_menu.php) • внутренние страницы и /lp/ → .fp-mobile-menu (_fp_header.php) Раньше эти правила лежали в трёх файлах (style.css, features.css, _fp_header.css) и расходились: разные поля, размер логотипа и кнопки. Файл подключается ПОСЛЕДНИМ в , поэтому именно он задаёт геометрию — правьте дровер только здесь. ========================================================================== */ @media (max-width: 61.99875em) { /* ── Полотно: три блока в одной колонке ──────────────────────────────────── Логотип раньше был position:absolute, а место под него отводилось фиксированным padding-top — на невысоких экранах нижний блок выдавливало за кромку. Теперь логотип в потоке, пункты забирают остаток, нижний блок прижат к низу; не хватило места — работает обычная прокрутка. */ .header__menu .menu__body, .fp-mobile-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; max-height: 100dvh; padding: 22px 24px 26px; overflow-y: auto; } /* белая заглушка была нужна только под абсолютным логотипом */ .header__menu .menu__body::before, .fp-mobile-menu::before { display: none; } /* ── Логотип (крупный, с подписью) ─────────────────────────────────────── */ .menu__drawer-logo, .fp-mobile-menu__logo { position: static; top: auto; left: auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-bottom: 4px; } .menu__drawer-logo svg, .fp-mobile-menu__logo svg { width: 90px; height: 89px; } /* ── Пункты: занимают остаток и центрируются ───────────────────────────── */ .header__menu .menu__list, .fp-mobile-menu__nav { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* ── Пункты ────────────────────────────────────────────────────────────── */ .header__menu .menu__list { gap: 0; } .header__menu .menu__link, .fp-mobile-menu__link { font-size: 1.25rem; font-weight: 700; line-height: 1.23; padding: 12px 0; color: #05004E; text-decoration: underline; } /* «Ресурсы» на главной не сворачиваем: по вертикали место есть, поэтому Блог / Помощь / Скачать приложения показываем обычными пунктами. */ .menu__item--resources .menu__solutions-trigger { display: none; } .menu__item--resources .menu__solutions-dropdown { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; padding: 0; gap: 0; } .menu__item--resources .menu__solutions-link { font-size: 1.25rem; font-weight: 700; line-height: 1.23; padding: 12px 0; color: #05004E; text-decoration: underline; } /* ── Нижний блок: селектор языка, «Войти», кнопка ─────────────────────── */ .header__menu .menu__actions, .fp-mobile-menu__actions { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-top: 0; padding-top: 16px; gap: 14px; } /* ── Выбор региона/языка — внутри дровера, а не в шапке ────────────────── */ .region-selector--mobile { display: none !important; } .fp-mobile-menu .region-selector--drawer { display: block; margin-bottom: 5px; } /* ── CTA «Попробовать бесплатно» ───────────────────────────────────────── */ .header__menu .menu__actions .menu__try_free, .fp-mobile-menu__actions .fp-pill { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-item-align: stretch; align-self: stretch; max-width: 100%; height: auto; padding: 15px 32px; font-size: 1rem; line-height: 1.234; font-weight: 700; border-radius: 43px; text-decoration: none; } } @media (max-width: 720px) { .header__menu .menu__body, .fp-mobile-menu { padding: 18px 20px 22px; } }