/* Мобильное меню главной (замечание владелицы 21.10.2026, п. 20):
   раньше пункты открывались простым списком и сдвигали страницу вниз.
   Теперь — карточка поверх страницы, кнопка «гамбургер» превращается в крестик,
   внизу карточки — «Скачать приложение». На широком экране ничего не меняется. */
.nav-download{display:none}
@media(max-width:760px){
  .header{flex-wrap:nowrap}
  .header>.menu-toggle{margin-left:auto}
  .header>.language+.menu-toggle{margin-left:0}
  .header nav{position:absolute;top:calc(100% - 4px);left:0;right:0;z-index:30;order:unset;width:auto;
    display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:8px;
    background:var(--surface);border:1px solid var(--line);border-radius:20px;
    box-shadow:0 18px 48px rgba(43,18,11,.16)}
  .header nav[hidden]{display:none}
  .header nav a{width:auto;min-height:52px;padding:0 14px;border-radius:12px;
    justify-content:space-between;color:var(--ink);font-size:18px;font-weight:500}
  .header nav a:not(.nav-download)+a:not(.nav-download){border-top:1px solid var(--line)}
  .header nav a:not(.nav-download)::after{content:"›";color:var(--muted);font-size:22px;line-height:1}
  .header nav a:not(.nav-download):active{background:var(--mint)}
  .header nav .nav-download{display:flex;justify-content:center;margin-top:8px;min-height:52px;
    background:var(--teal);color:#fff;border-radius:999px;font-weight:600}
  .header nav .nav-download:hover{text-decoration:none;background:#2bc3c6}
  .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.75px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
  html.menu-open,html.menu-open body{overflow:hidden}
  html.menu-open .header::before{content:"";position:fixed;inset:0;z-index:-1;background:rgba(43,18,11,.24)}
}