/* Мобильное меню по макету (320×712): шапка остаётся на месте, под ней ссылки Black 20 px через 36 px,
   первая на 108 px сверху, English внизу в 51 px от края. Само меню лежит под шапкой. */

.menu{
  position:fixed;inset:0;z-index:100;overflow-y:auto;
  display:flex;flex-direction:column;
  padding:calc(var(--hdr-h) + 36px) var(--page-pad) calc(51px + env(safe-area-inset-bottom));
  background:var(--paper);
  opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease),visibility 0s linear var(--dur);
}
.menu.is-open{opacity:1;visibility:visible;transform:none;transition-delay:0s}

.menu__list{list-style:none;margin:0;padding:0;display:grid;gap:36px;justify-items:start}
.menu__list .link{--link-fs:clamp(20px, calc(20px + 12 * (100vw - 320px) / 580), 32px)}
.menu__lang{margin-top:auto;padding-top:32px;font-size:16px}

body.menu-open{overflow:hidden}
@media (min-width:1100px){.menu{display:none}}