/* ============================================================
   mobile-menu-fix.css — аккуратный вид пунктов гамбургер-меню шапки
   на страницах со старым inline-CSS (как на рабочих about.html и т.п.).
   Грузится ПОСЛЕДНИМ, перебивает inline и hostel-fix-menu-20260709.
   Иконка слева 20px, opacity:1, текст 15px; всё в @media(max-width:768px).
   ============================================================ */
@media (max-width: 768px) {
  .mobile-menu__nav > a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 15px !important;
    font-size: 15px !important;
    font-weight: 400 !important;
  }
  .mobile-menu__nav > a > img,
  .mobile-menu__nav > a > img.si {
    width: 20px !important;
    height: 20px !important;
    opacity: 1 !important;
    flex: none !important;
    margin: 0 !important;
    vertical-align: middle;
  }
  /* хайлайты (Достопримечательности/Что посмотреть/Как добраться) не трогаем */
  .mobile-menu__nav > a.mobile-menu__link--highlight { display: flex !important; flex-direction: column !important; }
}

/* Сдвиг всей шапки влево на 20px — только на SEO-страницах, где логотип был вдавлен (2026-08-09) */
@media (max-width: 768px) {
  .header__inner { transform: translateX(-20px); }
}