/* v3.2.22 - mobile drawer navigation inspired by app-style menus; brand colors preserved */
@media (max-width:760px){
  body.kh-mobile-drawer-open{overflow:hidden!important;touch-action:none}
  .kh-header .mobile-nav.kh-mobile-drawer{display:flex!important;flex-direction:column!important;position:fixed!important;z-index:10050!important;inset:0 auto 0 0!important;width:min(82vw,318px)!important;height:100dvh!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:#f7f9fc!important;box-shadow:18px 0 44px rgba(18,42,73,.22)!important;transform:translateX(-104%)!important;opacity:1!important;visibility:hidden!important;transition:transform .26s cubic-bezier(.2,.75,.2,1),visibility .26s!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}
  .kh-header .mobile-nav.kh-mobile-drawer.open{transform:translateX(0)!important;visibility:visible!important}
  .kh-mobile-drawer-backdrop{display:block!important;position:fixed!important;z-index:10040!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;padding:0!important;background:rgba(18,31,49,.38)!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:.24s ease!important}
  body.kh-mobile-drawer-open .kh-mobile-drawer-backdrop{opacity:1!important;visibility:visible!important;pointer-events:auto!important}

  .kh-drawer-head{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #e6ecf3;background:#fff;position:sticky;top:0;z-index:3}
  .kh-drawer-brand{display:flex;align-items:center;min-width:0;text-decoration:none!important;color:var(--blue)!important;font-weight:900!important;font-size:19px!important;line-height:1!important}
  .kh-drawer-brand .brand-picture{display:block!important;max-width:150px!important}.kh-drawer-brand .brand-picture img{display:block!important;width:auto!important;max-width:150px!important;max-height:37px!important;object-fit:contain!important}
  .kh-drawer-brand>span{width:28px;height:28px;margin-right:4px;border-radius:8px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:16px}.kh-drawer-brand>strong{color:var(--orange)!important}
  .kh-drawer-close{width:38px;height:38px;border:0;border-radius:11px;background:#f1f5f9;color:#607087;font-size:25px;line-height:1;display:grid;place-items:center;cursor:pointer}

  .kh-drawer-account{display:grid;grid-template-columns:40px 1fr 18px;align-items:center;gap:10px;padding:14px 13px;background:#fff;border-bottom:1px solid #e9eef4}
  .kh-drawer-avatar{width:40px;height:40px;display:grid;place-items:center;border:1px solid #d8e5ef;border-radius:50%;background:#f4f9fc;color:var(--blue);font-size:14px;font-weight:900}
  .kh-drawer-account div{min-width:0}.kh-drawer-account small{display:block;margin-bottom:2px;color:#8996a9;font-size:8px;font-weight:800;letter-spacing:.08em}.kh-drawer-account a{display:block;color:#293b56!important;font-size:12.5px!important;font-weight:850!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none!important}.kh-drawer-account i{font-style:normal;color:#a0aec0;font-size:21px}

  .kh-drawer-links{display:flex!important;flex-direction:column!important;gap:2px!important;padding:11px 10px 8px!important;background:transparent!important}
  .kh-header .kh-drawer-links>a,.kh-header .kh-drawer-links>button{width:100%!important;min-height:47px!important;display:grid!important;grid-template-columns:31px 1fr 18px!important;align-items:center!important;gap:8px!important;margin:0!important;padding:7px 8px!important;border:0!important;border-radius:13px!important;background:transparent!important;color:#34445c!important;text-align:left!important;font:inherit!important;text-decoration:none!important;box-shadow:none!important;cursor:pointer!important}
  .kh-header .kh-drawer-links>a:hover,.kh-header .kh-drawer-links>button:hover,.kh-header .kh-drawer-links>a:active,.kh-header .kh-drawer-links>button:active{background:#edf5fa!important;color:var(--blue)!important}
  .kh-drawer-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;color:#7d9ab8;background:#f7fafc;border:1px solid #e6edf4;font-size:15px;font-weight:700}
  .kh-drawer-links b{font-size:12.2px!important;font-weight:760!important}.kh-drawer-links i{font-style:normal!important;color:#9aabbf!important;font-size:20px!important;justify-self:end!important}
  .kh-drawer-section{display:block!important;margin:9px 5px 4px!important;color:#98a5b6!important;font-size:7.5px!important;font-weight:900!important;letter-spacing:.15em!important}
  .kh-drawer-links>a.kh-drawer-active{background:#edf6fb!important;color:var(--blue)!important}.kh-drawer-links>a.kh-drawer-active .kh-drawer-icon{background:#fff!important;color:var(--blue)!important}

  .kh-drawer-provider{margin-top:auto;padding:13px 12px 10px;border-top:1px solid #e6edf4;background:#fff}
  .kh-drawer-provider small{display:block;margin:0 0 8px;color:#78889d;font-size:9px;line-height:1.4;text-align:center}.kh-drawer-provider a{display:flex;align-items:center;justify-content:center;min-height:42px;border:1px solid #d9e5ef;border-radius:13px;background:#fff;color:var(--blue)!important;font-size:11.5px;font-weight:850;text-decoration:none!important}
  .kh-drawer-auth{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 12px 14px;background:#fff}.kh-drawer-auth a{display:flex;align-items:center;justify-content:center;min-height:40px;border-radius:12px;font-size:10.8px;font-weight:850;text-decoration:none!important}.kh-drawer-auth a:first-child{border:1px solid #d9e4ee;color:var(--blue)!important;background:#fff}.kh-drawer-auth a:last-child{border:1px solid color-mix(in srgb,var(--orange) 35%,#d9e4ee);color:#fff!important;background:linear-gradient(135deg,var(--blue),var(--orange))}

  /* keep the header compact; menu opens drawer instead of dropdown */
  .kh-header .menu-toggle{z-index:10020!important}
  .kh-header .mobile-nav.kh-mobile-drawer.open{top:0!important;left:0!important;right:auto!important}
}
@media (max-width:390px){.kh-header .mobile-nav.kh-mobile-drawer{width:min(86vw,304px)!important}.kh-drawer-links{padding-left:8px!important;padding-right:8px!important}}
