
.mobile-menu-toggle { display:none; }
@media (max-width:760px) {
  header { position:relative; z-index:100; }
  header .nav, body > header .nav { position:relative !important; }
  header .mobile-menu-toggle {
    display:inline-flex !important; align-items:center; justify-content:center; gap:7px;
    min-height:40px; padding:0 12px; border:1px solid rgba(226,232,227,.22);
    border-radius:10px; background:rgba(8,20,15,.94); color:#f4f3e9;
    font:inherit; font-size:.82rem; font-weight:700; cursor:pointer; margin-left:auto;
  }
  header .navlinks, body > header .navlinks {
    display:none !important; position:absolute !important; top:calc(100% - 1px) !important;
    right:0 !important; left:0 !important; width:100% !important; box-sizing:border-box !important;
    padding:12px !important; gap:8px !important; flex-direction:column !important; align-items:stretch !important;
    background:#0b1712 !important; border:1px solid rgba(226,232,227,.16) !important;
    border-radius:0 0 12px 12px !important; box-shadow:0 14px 28px rgba(0,0,0,.28) !important;
  }
  header .navlinks.is-open, body > header .navlinks.is-open { display:flex !important; }
  header .navlinks .navlink, body > header .navlinks .navlink {
    display:block !important; width:100% !important; padding:10px 8px !important; box-sizing:border-box !important;
  }
  header .navlinks .lang, body > header .navlinks .lang { align-self:flex-start !important; margin:4px 0 0 !important; }
}
