.mobileMenuButton,.mobileMenu,.mobileMenuBackdrop{display:none}

@media (max-width:900px){
  body.mobileMenuOpen{overflow:hidden}
  header .nav>.btn.small{display:none}
  .mobileMenuButton{display:flex;width:46px;height:46px;padding:0;border:1px solid #d7e4ef;border-radius:10px;background:#f7fbff;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;position:relative;z-index:52}
  .mobileMenuButton span{display:block;width:21px;height:2px;background:#071b3b;border-radius:2px;transition:transform .25s,opacity .2s}
  .mobileMenuOpen .mobileMenuButton span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .mobileMenuOpen .mobileMenuButton span:nth-child(2){opacity:0}
  .mobileMenuOpen .mobileMenuButton span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .mobileMenuBackdrop{display:block;position:fixed;z-index:48;inset:0;background:rgba(3,17,38,.5);opacity:0;visibility:hidden;backdrop-filter:blur(3px);transition:opacity .3s,visibility .3s}
  .mobileMenuOpen .mobileMenuBackdrop{opacity:1;visibility:visible}
  .mobileMenu{display:flex;position:fixed;z-index:50;top:0;right:0;bottom:0;width:min(420px,88vw);padding:22px 26px 28px;background:#fff;box-shadow:-25px 0 60px rgba(7,27,59,.2);flex-direction:column;transform:translateX(105%);transition:transform .35s cubic-bezier(.22,.8,.3,1);overflow-y:auto}
  .mobileMenuOpen .mobileMenu{transform:translateX(0)}
  .mobileMenuHead{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #e1ebf3}
  .mobileMenuHead img{width:145px;height:72px;object-fit:contain}
  .mobileMenuClose{width:42px;height:42px;border:0;border-radius:50%;background:#edf5fb;color:#071b3b;font-size:29px;line-height:1;cursor:pointer}
  .mobileMenuLinks{display:flex;flex-direction:column;padding:15px 0}
  .mobileMenuLinks a{display:flex;align-items:center;justify-content:space-between;padding:14px 4px;border-bottom:1px solid #edf2f7;color:#243b57;font-size:16px;font-weight:700}
  .mobileMenuLinks a span{color:#559acf}
  .mobileMenuLinks a.active{color:#1458a7}
  .mobileMenuLinks a.active:before{content:"";width:7px;height:7px;margin-right:10px;border-radius:50%;background:#f4b740}
  .mobileMenuLinks a.active span{margin-left:auto}
  .mobileMenuApply{display:flex;align-items:center;justify-content:space-between;margin-top:4px;padding:16px 18px;border-radius:9px;background:linear-gradient(135deg,#145da8,#0a3b77);color:#fff;font-size:14px;font-weight:800;box-shadow:0 10px 25px rgba(19,85,154,.25)}
  .mobileMenuSocial{display:flex;gap:10px;margin-top:20px}
  .mobileMenuSocial a{flex:1;padding:12px 9px;border:1px solid #dbe7f0;border-radius:8px;color:#1458a7;text-align:center;font-size:12px;font-weight:750}
  .mobileMenu>small{margin-top:auto;padding-top:24px;color:#7b8b9d;font-size:9px;line-height:1.7}
}

@media (max-width:600px){
  .mobileMenuButton{width:42px;height:42px}
  .mobileMenu{padding:16px 21px 22px}
  .mobileMenuHead img{width:125px;height:62px}
  .mobileMenuLinks a{padding:12px 3px;font-size:15px}
}

@media (prefers-reduced-motion:reduce){
  .mobileMenu,.mobileMenuBackdrop,.mobileMenuButton span{transition:none}
}