.mobile-nav-drawer,.mobile-nav-backdrop{display:none}

@media(max-width:1000px){
  body.mobile-nav-open{overflow:hidden}
  .mobile-nav-backdrop{display:block;position:fixed;inset:0;z-index:998;background:rgba(15,25,42,.48);opacity:0;pointer-events:none;transition:opacity .22s ease}
  .mobile-nav-backdrop[hidden]{display:none!important}
  .mobile-nav-backdrop.open{opacity:1;pointer-events:auto}
  .mobile-nav-drawer{display:flex;position:fixed!important;z-index:999;inset:0 auto 0 0!important;margin:0!important;width:min(86vw,340px);height:100dvh;padding:20px 18px 24px;flex-direction:column;background:#fff;box-shadow:18px 0 45px rgba(15,25,42,.22);transform:translate3d(-105%,0,0);transition:transform .25s ease;overflow-y:auto}
  .mobile-nav-drawer.open{transform:translate3d(0,0,0)}
  .mobile-nav-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #e5e9ef}
  .mobile-nav-heading .brand{font-size:22px}
  .mobile-nav-close{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #e3e7ed;border-radius:50%;background:#fff;color:#172238;font-size:28px;line-height:1;cursor:pointer}
  .mobile-nav-links{display:flex;flex-direction:column;padding:12px 0}
  .mobile-nav-links a{display:flex;align-items:center;justify-content:space-between;min-height:49px;padding:0 6px;border-bottom:1px solid #edf0f4;color:#172238;font-size:15px;font-weight:750}
  .mobile-nav-links a span{color:#98a2b1;font-size:22px}
  .mobile-nav-account{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;padding-top:18px}
  .mobile-nav-account a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px;border:1px solid #e3262e;border-radius:9px;color:#e3262e;font-size:14px;font-weight:800;text-align:center}
  .mobile-nav-account a:only-child{grid-column:1/-1}
  .mobile-nav-account .mobile-nav-primary{background:#e3262e;color:#fff}
}

@media(min-width:1001px){
  .mobile-nav-drawer,.mobile-nav-backdrop{display:none!important}
}