@media (max-width:1366px){
  header.nav{padding-block:14px}
  header.nav.scrolled{padding-block:10px}
  header.nav .wrap{width:100%;max-width:none;padding-inline:28px}
  .links,.nav-right>.lang-switch,.nav-right>.theme-toggle,.desktop-header-cta,header.nav .btn-nav{display:none!important}
  header.nav .menu-toggle{display:flex!important}
  .nav-right{margin-inline-start:auto;gap:0}
  .mobile-menu{display:flex;inset:0;width:100%;height:100dvh;min-height:100dvh;padding:96px 28px 28px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}
  .mobile-menu ul{flex:0 0 auto;margin:20px 0 28px}
  .mobile-menu-tools{flex:0 0 auto;margin-top:auto;padding-bottom:10px}
  .mobile-cta{flex:0 0 auto;min-height:52px;margin-top:12px}
}

@media (min-width:1367px){
  .mobile-menu{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
  .menu-toggle{display:none!important}
  body.menu-open{overflow:auto!important}
}

@media (max-width:900px){
  header.nav .wrap{padding-inline:24px}
}

@media (max-width:760px){
  header.nav{padding-block:11px}
  header.nav.scrolled{padding-block:9px}
  header.nav .wrap{padding-inline:18px}
  .logo{gap:8px;min-width:0}
  .logo-word{font-size:15px;max-width:52vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .logo svg,.dynamic-logo,.brand-mark{width:30px;height:30px;flex-basis:30px}
  .menu-toggle{width:44px;height:44px;border-radius:11px}
  .mobile-menu{padding:82px 18px 20px}
  .mobile-menu ul{margin:14px 0 22px}
  .mobile-menu ul a{padding:14px 0;font-size:20px;line-height:1.3}
  .mobile-menu-tool-row{min-height:52px;padding:8px 10px;gap:10px}
  .mobile-menu-tool-label{font-size:14px}
  .mobile-lang-switch{font-size:14px}
  .mobile-lang-switch button{padding:5px 9px;font-size:14px}
  .mm-theme-toggle{min-width:126px;min-height:40px;padding:8px 11px}
  .mm-theme-toggle span{font-size:14px}
}

@media (max-width:390px){
  header.nav .wrap{padding-inline:14px}
  .logo-word{max-width:46vw;font-size:14px}
  .menu-toggle{width:42px;height:42px}
  .mobile-menu{padding-inline:14px}
  .mobile-menu-tool-row{align-items:flex-start;flex-direction:column}
  .mobile-lang-switch,.mm-theme-toggle{width:100%;justify-content:center}
}

@media (max-height:620px) and (max-width:1366px){
  .mobile-menu{padding-top:76px}
  .mobile-menu ul{margin:8px 0 14px}
  .mobile-menu ul a{padding:10px 0;font-size:18px}
  .mobile-menu-tools{gap:8px;padding-top:12px}
  .mobile-menu-tool-row{min-height:46px;padding-block:6px}
  .mobile-cta{min-height:46px;margin-top:8px}
}