@media (max-width: 576px) {
  .courses_for__one_wrap > .courses_for__one_item { flex-basis: 100%; }
  .o_nas { overflow-x: clip; }
}

/* 12.10.2026: шапка сайта — белая полоса без щели и с ровными отступами.
   Шапка прилипающая и белая, но отступы темы «вываливались» наружу: над меню оставалась щель с фоном страницы,
   а внутри полосы меню стояло не по центру (10px сверху, 20–30px снизу на планшетах).
   Селектор body > header — только сам сайт; общую шапку лендингов (Shadow DOM, свои зарезервированные высоты) не трогаем. */
@media (max-width: 1199px) {
  body > header { padding: 12px 0 !important; }
  body > header > .m_container { margin-top: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; }
  body > header .header { margin-top: 0 !important; margin-bottom: 0 !important; }
}
/* на десктопе то же: щели нет, по 20px сверху и снизу */
@media (min-width: 1200px) {
  body > header { padding-top: 10px; }
  body > header > .m_container, body > header .header { margin-top: 0 !important; }
}
/* «заказать звонок» на мобильных и планшетах — только внутри бургер-меню. Действует везде, включая лендинги. */
@media (max-width: 1199px) {
  .header__right .tab_modal_view { display: none !important; }
}
/* Мобильная шапка (там, где бургер): логотип крупнее, бургер легче и прижат к правому краю.
   Было: логотип 70px рядом с бургером 56×40 — непропорционально, и оба не совпадали с краями контента.
   Высота строки остаётся в пределах 40px, поэтому зарезервированные высоты шапки на лендингах не меняются. */
@media (max-width: 1199px) {
  .header__left_logo { display: flex; align-items: center; }
  .header__left_logo img { width: 104px !important; height: auto !important; display: block; }
  .burger_menu_wrap { display: flex !important; align-items: center; padding: 8px 0 8px 12px !important; margin-left: 0 !important; }
  .burger_menu { width: 26px !important; height: 22px !important; background-size: 100% 100% !important; }
  /* общая шапка лендингов: края как у контента страницы */
  .cy-body header > .m_container { padding-left: 16px !important; padding-right: 16px !important; }
}
