.site-header{position:relative;z-index:1000}
@media (max-width:820px){
  .site-header .container.header-inner{
    position:relative!important;display:flex!important;flex-direction:row!important;
    align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;
    gap:12px!important;padding-top:14px!important;padding-bottom:14px!important
  }
  .site-header .brand{
    display:inline-flex!important;align-items:center!important;gap:10px!important;
    flex:1 1 auto!important;min-width:0!important;width:auto!important;white-space:nowrap!important
  }
  .site-header .brand>span:last-child{
    min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important
  }
  .site-header .menu-btn{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 44px!important;width:44px!important;height:44px!important;margin:0!important;padding:0!important;
    border:1px solid #d9e1eb!important;border-radius:10px!important;background:#fff!important;
    color:#172033!important;font-size:23px!important;line-height:1!important;cursor:pointer!important;box-shadow:none!important
  }
  .site-header .main-nav{
    position:absolute!important;top:calc(100% + 8px)!important;right:0!important;left:auto!important;
    display:none!important;width:min(280px,calc(100vw - 24px))!important;padding:8px!important;margin:0!important;
    border:1px solid #dfe5ee!important;border-radius:14px!important;background:#fff!important;
    box-shadow:0 18px 45px rgba(23,32,51,.16)!important;grid-template-columns:1fr!important;
    gap:2px!important;z-index:1100!important
  }
  .site-header .main-nav.is-open{display:grid!important;animation:wcMenuIn .16s ease-out both}
  .site-header .main-nav a{
    display:flex!important;align-items:center!important;width:100%!important;min-height:42px!important;
    margin:0!important;padding:10px 12px!important;border:0!important;border-radius:8px!important;
    background:transparent!important;color:#172033!important;text-decoration:none!important;
    font-size:15px!important;font-weight:600!important;line-height:1.25!important
  }
  .site-header .main-nav a:hover,
  .site-header .main-nav a:focus,
  .site-header .main-nav a:active{
    background:#f4f7fa!important;color:#245f9e!important;outline:none!important
  }
  .site-header .main-nav a+a{border-top:1px solid #eef2f6!important}
}
@media (max-width:390px){
  .site-header .brand>span:last-child{font-size:19px!important}
  .site-header .brand-mark{width:42px!important;height:42px!important;flex:0 0 42px!important}
  .site-header .main-nav{right:-2px!important;width:min(260px,calc(100vw - 20px))!important}
}
@keyframes wcMenuIn{
  from{opacity:0;transform:translateY(-6px) scale(.98)}
  to{opacity:1;transform:translateY(0) scale(1)}
}