/* Мобильное меню-бургер: главная и внутренние страницы */
:root{--m-top:64px}

.m-burger{display:none;position:fixed;top:11px;right:16px;z-index:60;
  width:42px;height:42px;border-radius:13px;
  border:1px solid var(--line2);background:var(--bg);cursor:pointer;
  padding:0;place-items:center;align-items:center;justify-content:center;
  flex-direction:column;gap:5px}
.m-burger span{display:block;width:18px;height:2px;border-radius:2px;background:var(--txt);
  transition:transform .22s ease,opacity .18s ease}
.m-open .m-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.m-open .m-burger span:nth-child(2){opacity:0}
.m-open .m-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.m-menu{display:none;position:fixed;top:var(--m-top);left:0;right:0;z-index:59;
  flex-direction:column;padding:6px 20px 14px;max-height:calc(100vh - var(--m-top));
  overflow-y:auto;background:var(--bg);border-bottom:1px solid var(--line);
  box-shadow:0 26px 50px -26px rgba(0,0,0,.55)}
.m-open .m-menu{display:flex}
.m-menu a{display:block;padding:13px 2px;font-size:1rem;color:var(--txt);
  border-bottom:1px solid var(--line);text-decoration:none}
.m-menu a:last-child{border-bottom:0}
.m-menu a.m-accent{margin-top:12px;border:1px solid var(--gold);border-radius:13px;
  color:var(--gold);font-weight:700;text-align:center;padding:13px 16px}

@media(max-width:900px){
  .m-burger{display:flex}
  /* Кнопка, которая не влезает в шапку, уезжает в меню */
  .m-hide-cta{display:none!important}
  /* ссылки и «Профиль» уезжают в меню */
  header nav{display:none!important}
  nav .wrap > a[href="/profile"], nav .wrap > a[href="/profile/"],
  nav .wrap > div > a[href="/profile"], nav .wrap > div > a[href="/profile/"]{display:none!important}
  /* место под кнопку бургера в шапке */
  header[style*="sticky"] > div{padding-right:70px!important}
  nav .wrap{padding-right:70px}
}
@media(max-width:480px){
  header[style*="sticky"] > div{padding-left:16px!important}
  .m-menu{padding-left:16px;padding-right:16px}
}

/* Подвал внутренних страниц: колонки переносятся под ширину экрана */
footer > div[style*="grid"]{
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important}
@media(max-width:640px){
  footer > div[style*="grid"]{padding:36px 20px!important;gap:26px!important}
}