@media (max-width: 1199px) {
  .loan-topbar { height: 24px; line-height: 24px; font-size: 11px; overflow: hidden; white-space: nowrap; }
  .loan-category-bar { margin-left: 0 !important; overflow: hidden; }
  .loan-category-inner { padding: 4px 12px; min-width: max-content; }
  .loan-left-menu { max-width: calc(100vw - 12px); overflow-x: auto; padding-bottom: 2px; }
  .loan-phone { display: none !important; }
  .loan-navbar-inner { height: 64px; padding: 8px 14px !important; }
  .loan-logo img { height: 58px; top: 0; left: 0; }
  .loan-mobile-actions { display: flex; align-items: center; gap: 22px; margin-left: auto; }
  .loan-hamburger { position: static !important; display: grid !important; place-items: center; width: 40px; height: 40px; }
  .loan-hamburger svg { width: 30px; height: 30px; }
  .loan-nav-links { display: none !important; }
  .loan-nav-links.loan-active {
    display: flex !important; position: fixed !important; top: 112px !important; left: 12px !important; right: 12px !important;
    width: auto !important; max-height: calc(100dvh - 128px); overflow-y: auto; margin: 0 !important; padding: 10px !important;
    gap: 2px !important; border: 1px solid #e2e8f0; border-radius: 14px; box-shadow: 0 18px 45px rgba(15,23,42,.18); z-index: 2000;
  }
  .loan-nav-links.loan-active > a, .loan-nav-links.loan-active .wf-nav-dropdown > a { display: block; padding: 13px 14px !important; border-radius: 9px; font-size: 16px; }
  .loan-nav-links.loan-active > a:hover, .loan-nav-links.loan-active .wf-nav-dropdown > a:hover { background: #f1f5f9; }
  .loan-actions { display: none !important; }
}

@media (max-width: 575px) {
  .loan-category-inner { padding-left: 8px; }
  .loan-menu-item { font-size: 11px; padding: 5px 6px; }
  .loan-mobile-actions { gap: 8px; }
  .btn-mobile-apply { padding: 8px 11px !important; font-size: 11px !important; }
  .loan-nav-links.loan-active { top: 102px !important; left: 8px !important; right: 8px !important; }
}

/* Keep the external support widget within the viewport on small screens. */
@media (max-width: 575px) {
  #authkey-chat-widget { max-width: calc(100vw - 24px) !important; max-height: calc(100dvh - 100px) !important; }
}