/* Full-screen menu matching geli-dlya-stirki. */
.menu{
  position:fixed;top:0;bottom:0;left:50%;transform:translateX(-50%);
  width:100%;max-width:375px;z-index:60;
  background:#fff;
  display:flex;flex-direction:column;
  padding:0 24px 32px;
  overflow-y:auto;overscroll-behavior:contain;
}
.menu[hidden]{display:none}
.menu__top{
  display:flex;align-items:center;justify-content:space-between;
  height:58px;flex:0 0 auto;
}
.menu__logo img{height:26px;width:auto}
.menu__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center}
.menu__close svg{
  width:26px;height:26px;fill:none;stroke:#3D5CA8;stroke-width:2.6;stroke-linecap:round;
}
.menu__nav{
  flex:1 1 auto;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:20px;padding:24px 0;
}
.menu__nav a{
  font-size:18px;font-weight:500;line-height:1.2;color:#0C0C0C;text-align:center;
}
.menu__nav a:active{opacity:.6}
.menu__btn{
  flex:0 0 auto;align-self:stretch;
  display:flex;align-items:center;justify-content:center;
  min-height:52px;padding:14px 24px;border-radius:12px;
  background:#A73AFD;color:#fff;font-size:16px;font-weight:500;line-height:1.1;
}
.menu__btn:active{transform:translateY(1px)}
/* невысокие экраны: плотнее пункты, чтобы кнопка оставалась видна */
@media (max-height:680px){
  .menu__nav{gap:14px;padding:14px 0}
  .menu__nav a{font-size:16px}
}
body.is-locked{overflow:hidden}

.menu__nav a,.menu__logo,.menu__btn{text-decoration:none}
.menu__logo img{display:block;max-width:none}
.menu__close{border:0;background:none;padding:0;flex:none;color:inherit}
@media(max-width:374px){.menu{padding-left:16px;padding-right:16px}}
