/* v3.2.24 - full-screen mobile drawer, no backdrop, desktop-safe */
.kh-mobile-drawer-backdrop{display:none!important}

@media (min-width:761px){
  .kh-header .mobile-nav.kh-mobile-drawer{display:none!important;visibility:hidden!important}
}

@media (max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}
  body.kh-mobile-drawer-open{overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important}

  .kh-header .mobile-nav.kh-mobile-drawer{
    display:flex!important;
    flex-direction:column!important;
    position:fixed!important;
    inset:0!important;
    top:0!important;right:0!important;bottom:0!important;left:0!important;
    width:100vw!important;max-width:none!important;
    height:100vh!important;height:100svh!important;height:100dvh!important;
    min-height:100vh!important;min-height:100svh!important;
    margin:0!important;padding:0!important;
    border:0!important;border-radius:0!important;
    background:linear-gradient(180deg,#ffffff 0%,#f7fbfe 100%)!important;
    box-shadow:none!important;
    transform:translateX(-100%)!important;
    opacity:1!important;visibility:hidden!important;
    overflow:hidden!important;
    z-index:2147483000!important;
    transition:transform .28s cubic-bezier(.22,.72,.18,1),visibility .28s!important;
    isolation:isolate!important;
  }
  .kh-header .mobile-nav.kh-mobile-drawer.open{
    transform:translateX(0)!important;
    visibility:visible!important;
  }

  .kh-drawer-head{
    flex:0 0 auto!important;
    min-height:64px!important;height:auto!important;
    padding:calc(8px + env(safe-area-inset-top)) 16px 8px!important;
    margin:0!important;
    border:0!important;border-bottom:1px solid #e7eef5!important;
    border-radius:0!important;
    background:rgba(255,255,255,.98)!important;
    position:relative!important;top:auto!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;
  }
  .kh-drawer-brand .brand-picture{max-width:185px!important}
  .kh-drawer-brand .brand-picture img{max-width:185px!important;max-height:42px!important}
  .kh-drawer-close{
    width:42px!important;height:42px!important;min-width:42px!important;
    border-radius:14px!important;background:#f3f7fa!important;border:1px solid #e2eaf2!important;
    font-size:25px!important;color:#5f7085!important;
  }

  .kh-drawer-account{
    flex:0 0 auto!important;
    margin:0!important;padding:14px 16px!important;
    border:0!important;border-bottom:1px solid #e9eff5!important;border-radius:0!important;
    background:#fff!important;box-shadow:none!important;
    grid-template-columns:46px minmax(0,1fr) 22px!important;
  }

  .kh-drawer-links{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    padding:10px 12px 16px!important;
    gap:3px!important;
    background:transparent!important;
  }
  .kh-header .kh-drawer-links>a,.kh-header .kh-drawer-links>button{
    min-height:50px!important;
    border-radius:14px!important;
    padding:7px 10px!important;
  }
  .kh-drawer-section{margin:12px 8px 5px!important}

  .kh-drawer-provider{
    flex:0 0 auto!important;
    margin:0!important;
    padding:12px 14px 10px!important;
    border-top:1px solid #e6edf4!important;
    background:#fff!important;
  }
  .kh-drawer-provider a{min-height:44px!important;border-radius:13px!important}
  .kh-drawer-auth{
    flex:0 0 auto!important;
    padding:0 14px calc(12px + env(safe-area-inset-bottom))!important;
    background:#fff!important;
  }

  /* Full-screen drawer makes a separate backdrop unnecessary. */
  .kh-mobile-drawer-backdrop{display:none!important}
}