/* Kernex mobile consolidated responsive layer */
/* Scope: mobile layout and typography only. */

@media screen and (max-width: 900px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .kx-header {
    position: relative !important;
    top: auto !important;
    width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px) !important;
    margin: 8px auto 0 !important;
    padding: 10px !important;
    border-radius: 20px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .kx-brand {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
  }

  .kx-logo {
    width: 44px !important;
    height: 44px !important;
    border-radius: 14px !important;
    font-size: 14px !important;
  }

  .kx-brand-title {
    font-size: 16px !important;
    line-height: 1.08 !important;
    letter-spacing: -0.02em !important;
    white-space: normal !important;
  }

  .kx-brand-subtitle {
    font-size: 11px !important;
    line-height: 1.2 !important;
    margin-top: 3px !important;
    max-width: none !important;
  }

  .kx-nav-frame {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
    padding: 8px !important;
    border-radius: 20px !important;
    overflow: visible !important;
  }

  .kx-nav-frame a,
  .kx-nav-frame button,
  .kx-orbitmap-trigger {
    width: 100% !important;
    min-width: 0 !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 8px !important;
    border-radius: 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-align: center !important;
  }

  .kx-orbitmap-menu {
    width: 100% !important;
    min-width: 0 !important;
    display: block !important;
    position: relative !important;
  }

  .kx-actions {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 7px !important;
  }

  .kx-actions .kx-btn,
  .kx-actions .kx-select {
    width: 100% !important;
    min-width: 0 !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 10px !important;
    border-radius: 16px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
  }

  .kx-theme-icon {
    width: 46px !important;
    height: 40px !important;
    min-height: 40px !important;
    border-radius: 16px !important;
    justify-self: start !important;
  }

  .kx-hero {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    margin: 14px auto 16px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .kx-hero-copy {
    min-height: auto !important;
    padding: 22px 18px !important;
    border-radius: 22px !important;
  }

  .kx-eyebrow {
    font-size: 9.5px !important;
    letter-spacing: 0.11em !important;
    margin-bottom: 12px !important;
  }

  .kx-hero-copy h1,
  h1 {
    font-size: clamp(28px, 8.8vw, 36px) !important;
    line-height: 1.03 !important;
    letter-spacing: -0.03em !important;
    max-width: 100% !important;
  }

  .kx-lead {
    font-size: 13.5px !important;
    line-height: 1.34 !important;
    margin-top: 14px !important;
    max-width: 100% !important;
  }

  .kx-hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin-top: 18px !important;
  }

  .kx-hero-actions .kx-btn {
    width: 100% !important;
    min-height: 42px !important;
    height: 42px !important;
    border-radius: 16px !important;
    font-size: 13.5px !important;
    padding: 0 14px !important;
  }

  .kx-doctrine-link {
    display: inline-block !important;
    margin-top: 12px !important;
    font-size: 13.5px !important;
  }

  .kx-core-panel {
    min-height: 390px !important;
    padding: 10px !important;
    border-radius: 22px !important;
  }

  .kx-reality-prism-artifact,
  .kx-core-stage {
    min-height: 370px !important;
    border-radius: 20px !important;
  }

  .kx-prism-micro-label {
    font-size: 8px !important;
    letter-spacing: 0.035em !important;
    padding: 4px 6px !important;
  }

  .kx-prism-caption {
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    padding: 12px !important;
    border-radius: 16px !important;
  }

  .kx-prism-caption strong {
    font-size: 14px !important;
    line-height: 1.12 !important;
  }

  .kx-prism-caption span {
    font-size: 11.5px !important;
    line-height: 1.28 !important;
  }

  .kx-section,
  .kx-footer {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .kx-section {
    margin-top: 14px !important;
    margin-bottom: 14px !important;
    padding: 20px 16px !important;
    border-radius: 22px !important;
  }

  .kx-section h2 {
    font-size: 23px !important;
    line-height: 1.06 !important;
  }

  .kx-card-grid,
  .kx-spine,
  .kx-role-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .kx-path-card {
    min-height: auto !important;
    padding: 16px !important;
    border-radius: 20px !important;
  }

  .kx-path-card h3 {
    font-size: 16px !important;
  }

  .kx-path-card p {
    font-size: 12.5px !important;
    line-height: 1.34 !important;
  }

  .kx-footer {
    padding: 16px !important;
    border-radius: 20px !important;
    font-size: 11.5px !important;
  }

  .kx-orbitmap-dropdown {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 0 !important;
    right: auto !important;
    width: calc(100vw - 42px) !important;
    max-width: calc(100vw - 42px) !important;
    transform: none !important;
    grid-template-columns: 1fr !important;
    max-height: 58vh !important;
    overflow-y: auto !important;
    padding: 12px !important;
    border-radius: 20px !important;
    z-index: 999 !important;
  }

  .kx-dd-category-title,
  .kx-orbitmap-dropdown a,
  .kx-orbitmap-dropdown strong {
    font-size: 12.5px !important;
  }

  .kx-dd-icon {
    width: 26px !important;
    height: 26px !important;
    flex-basis: 26px !important;
    font-size: 10px !important;
  }
}

@media screen and (max-width: 390px) {
  .kx-brand-title {
    font-size: 15px !important;
  }

  .kx-brand-subtitle {
    font-size: 10.5px !important;
  }

  .kx-nav-frame a,
  .kx-nav-frame button,
  .kx-orbitmap-trigger {
    font-size: 12.5px !important;
  }

  .kx-actions .kx-btn,
  .kx-actions .kx-select {
    font-size: 12.5px !important;
  }

  .kx-hero-copy h1,
  h1 {
    font-size: clamp(26px, 8.5vw, 34px) !important;
  }

  .kx-lead {
    font-size: 13px !important;
  }
}

/* Mobile hamburger menu layer */
/* Desktop remains unchanged. */
.kx-mobile-menu-toggle {
  display: none;
}

@media screen and (max-width: 900px) {
  .kx-header {
    position: relative !important;
  }

  .kx-brand {
    padding-right: 58px !important;
  }

  .kx-mobile-menu-toggle {
    position: absolute !important;
    top: 11px !important;
    right: 11px !important;
    z-index: 1200 !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 15px !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    border: 1px solid rgba(255, 210, 170, 0.22) !important;
    background:
      radial-gradient(circle at 30% 20%, rgba(255, 210, 150, 0.18), transparent 36%),
      rgba(30, 18, 15, 0.76) !important;
    color: var(--text, #fff8f1) !important;
    box-shadow:
      0 14px 32px rgba(0, 0, 0, 0.28),
      inset 0 1px 0 rgba(255,255,255,0.08) !important;
    cursor: pointer !important;
  }

  .kx-mobile-menu-toggle span {
    width: 20px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: currentColor !important;
    display: block !important;
    transition: transform 180ms ease, opacity 180ms ease !important;
  }

  body.kx-mobile-menu-open .kx-mobile-menu-toggle span:nth-child(1) {
    transform: translateY(7px) rotate(45deg) !important;
  }

  body.kx-mobile-menu-open .kx-mobile-menu-toggle span:nth-child(2) {
    opacity: 0 !important;
  }

  body.kx-mobile-menu-open .kx-mobile-menu-toggle span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg) !important;
  }

  /*
    Hide mobile nav/actions by default.
    They open only when hamburger toggles body.kx-mobile-menu-open.
  */
  .kx-nav-frame,
  .kx-actions {
    display: none !important;
  }

  body.kx-mobile-menu-open .kx-nav-frame {
    display: grid !important;
    animation: kxMobileMenuDrop 160ms ease-out both !important;
  }

  body.kx-mobile-menu-open .kx-actions {
    display: grid !important;
    animation: kxMobileMenuDrop 160ms ease-out both !important;
  }

  @keyframes kxMobileMenuDrop {
    from {
      opacity: 0;
      transform: translateY(-6px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
}

/* Mobile hamburger overlay correction */
/* Forces the opened menu into clean normal-flow panels. */

@media screen and (max-width: 900px) {
  .kx-header {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    overflow: visible !important;
  }

  .kx-brand {
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    padding-right: 58px !important;
    position: relative !important;
    z-index: 20 !important;
  }

  .kx-mobile-menu-toggle {
    display: inline-flex !important;
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    z-index: 60 !important;
  }

  /*
    Closed state:
    hide both nav and actions completely.
  */
  body:not(.kx-mobile-menu-open) .kx-header .kx-nav-frame,
  body:not(.kx-mobile-menu-open) .kx-header .kx-actions {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /*
    Open state:
    make nav a real dropdown block, not the old desktop capsule.
  */
  body.kx-mobile-menu-open .kx-header .kx-nav-frame {
    grid-row: 2 !important;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 8px 0 0 0 !important;
    padding: 10px !important;
    border-radius: 20px !important;

    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: auto !important;
    gap: 8px !important;

    overflow: visible !important;
    background: rgba(44, 27, 23, 0.82) !important;
    border: 1px solid rgba(255, 210, 170, 0.16) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.05) !important;
  }

  body.kx-mobile-menu-open .kx-header .kx-nav-frame > a,
  body.kx-mobile-menu-open .kx-header .kx-nav-frame > button,
  body.kx-mobile-menu-open .kx-header .kx-nav-frame > .kx-orbitmap-menu {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    position: relative !important;
    transform: none !important;
  }

  body.kx-mobile-menu-open .kx-header .kx-nav-frame > a,
  body.kx-mobile-menu-open .kx-header .kx-orbitmap-trigger {
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 10px !important;
    border-radius: 16px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;

    font-size: 13.5px !important;
    line-height: 1 !important;
    text-align: center !important;
  }

  body.kx-mobile-menu-open .kx-header .kx-orbitmap-trigger {
    width: 100% !important;
  }

  /*
    Open actions below nav.
  */
  body.kx-mobile-menu-open .kx-header .kx-actions {
    grid-row: 3 !important;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;

    margin: 8px 0 0 0 !important;
    padding: 10px !important;
    border-radius: 20px !important;

    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;

    background: rgba(44, 27, 23, 0.70) !important;
    border: 1px solid rgba(255, 210, 170, 0.13) !important;
  }

  body.kx-mobile-menu-open .kx-header .kx-actions .kx-btn,
  body.kx-mobile-menu-open .kx-header .kx-actions .kx-select {
    width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    border-radius: 16px !important;
    font-size: 13.5px !important;
  }

  body.kx-mobile-menu-open .kx-header .kx-theme-icon {
    width: 48px !important;
    min-width: 48px !important;
    height: 42px !important;
    justify-self: start !important;
  }

  /*
    OrbitMap dropdown in mobile menu.
    It opens below the OrbitMap item, full width, without covering other items badly.
  */
  body.kx-mobile-menu-open .kx-header .kx-orbitmap-dropdown {
    position: fixed !important;
    left: 16px !important;
    right: 16px !important;
    top: 128px !important;
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    max-height: 58vh !important;
    overflow-y: auto !important;
    transform: none !important;
    grid-template-columns: 1fr !important;
    z-index: 2000 !important;
    padding: 12px !important;
    border-radius: 20px !important;
  }

  /*
    Prevent old capsule/flex behaviour from leaking into the menu.
  */
  body.kx-mobile-menu-open .kx-header .kx-nav-frame,
  body.kx-mobile-menu-open .kx-header .kx-actions,
  body.kx-mobile-menu-open .kx-header .kx-nav-frame * {
    box-sizing: border-box !important;
  }
}

@media screen and (max-width: 390px) {
  body.kx-mobile-menu-open .kx-header .kx-nav-frame > a,
  body.kx-mobile-menu-open .kx-header .kx-orbitmap-trigger,
  body.kx-mobile-menu-open .kx-header .kx-actions .kx-btn,
  body.kx-mobile-menu-open .kx-header .kx-actions .kx-select {
    font-size: 12.5px !important;
  }
}

/* Clean mobile drawer refactor */
/* This overrides previous mobile hamburger geometry. */

.kx-mobile-menu-toggle,
.kx-mobile-drawer {
  display: none;
}

@media screen and (max-width: 900px) {
  html,
  body {
    overflow-x: hidden !important;
  }

  .kx-header {
    position: relative !important;
    width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px) !important;
    margin: 8px auto 0 !important;
    padding: 10px !important;
    border-radius: 20px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  .kx-brand {
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    padding-right: 56px !important;
    position: relative !important;
    z-index: 20 !important;
  }

  .kx-mobile-menu-toggle {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    z-index: 80 !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 15px !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    border: 1px solid rgba(255, 210, 170, 0.22) !important;
    background: rgba(30, 18, 15, 0.84) !important;
    color: var(--text, #fff8f1) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.08) !important;
    cursor: pointer !important;
  }

  .kx-mobile-menu-toggle span {
    display: block !important;
    width: 20px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: currentColor !important;
    transition: transform 160ms ease, opacity 160ms ease !important;
  }

  body.kx-mobile-menu-open .kx-mobile-menu-toggle span:nth-child(1) {
    transform: translateY(7px) rotate(45deg) !important;
  }

  body.kx-mobile-menu-open .kx-mobile-menu-toggle span:nth-child(2) {
    opacity: 0 !important;
  }

  body.kx-mobile-menu-open .kx-mobile-menu-toggle span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg) !important;
  }

  body.kx-mobile-drawer-mode .kx-mobile-drawer {
    grid-row: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: none !important;
    margin: 4px 0 0 !important;
    padding: 10px !important;
    border-radius: 20px !important;
    background: rgba(39, 24, 20, 0.78) !important;
    border: 1px solid rgba(255, 210, 170, 0.14) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.05) !important;
  }

  body.kx-mobile-menu-open.kx-mobile-drawer-mode .kx-mobile-drawer {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    animation: kxDrawerOpen 150ms ease-out both !important;
  }

  @keyframes kxDrawerOpen {
    from {
      opacity: 0;
      transform: translateY(-5px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /*
    Important: inside the drawer, kill all old desktop capsule geometry.
  */
  body.kx-mobile-drawer-mode .kx-mobile-drawer .kx-nav-frame,
  body.kx-mobile-drawer-mode .kx-mobile-drawer .kx-actions {
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    box-sizing: border-box !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  body.kx-mobile-drawer-mode .kx-mobile-drawer .kx-nav-frame {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.kx-mobile-drawer-mode .kx-mobile-drawer .kx-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 10px 0 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.kx-mobile-drawer-mode .kx-mobile-drawer .kx-nav-frame > a,
  body.kx-mobile-drawer-mode .kx-mobile-drawer .kx-nav-frame > .kx-orbitmap-menu,
  body.kx-mobile-drawer-mode .kx-mobile-drawer .kx-actions > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    position: relative !important;
    transform: none !important;
  }

  body.kx-mobile-drawer-mode .kx-mobile-drawer .kx-nav-frame > a,
  body.kx-mobile-drawer-mode .kx-mobile-drawer .kx-orbitmap-trigger,
  body.kx-mobile-drawer-mode .kx-mobile-drawer .kx-actions .kx-btn,
  body.kx-mobile-drawer-mode .kx-mobile-drawer .kx-actions .kx-select {
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 10px !important;
    border-radius: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: center !important;
  }

  body.kx-mobile-drawer-mode .kx-mobile-drawer .kx-orbitmap-trigger {
    background:
      radial-gradient(circle at 25% 20%, rgba(255, 210, 150, 0.18), transparent 40%),
      rgba(255, 138, 28, 0.13) !important;
    border-color: rgba(255, 180, 110, 0.24) !important;
  }

  .kx-orbitmap-icon,
  .kx-orbitmap-chevron {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .kx-orbitmap-icon {
    width: 22px !important;
    height: 22px !important;
    border-radius: 999px !important;
    background: rgba(255, 138, 28, 0.24) !important;
    color: #ffd39a !important;
    font-size: 13px !important;
  }

  .kx-orbitmap-label {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .kx-orbitmap-chevron {
    opacity: 0.78 !important;
    font-size: 13px !important;
  }

  body.kx-mobile-drawer-mode .kx-mobile-drawer .kx-theme-icon {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 42px !important;
    justify-self: start !important;
  }

  /*
    OrbitMap nested dropdown: display inside the drawer, not as floating/absolute/fixed geometry.
  */
  body.kx-mobile-drawer-mode .kx-mobile-drawer .kx-orbitmap-dropdown {
    display: none !important;
    position: static !important;
    inset: auto !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    max-height: 52vh !important;
    overflow-y: auto !important;
    margin: 8px 0 0 !important;
    padding: 10px !important;
    border-radius: 18px !important;
    grid-template-columns: 1fr !important;
    z-index: 1 !important;
  }

  body.kx-mobile-drawer-mode .kx-mobile-drawer .kx-orbitmap-menu.kx-open {
    grid-column: 1 / -1 !important;
  }

  body.kx-mobile-drawer-mode .kx-mobile-drawer .kx-orbitmap-menu.kx-open .kx-orbitmap-dropdown {
    display: grid !important;
    gap: 9px !important;
  }

  body.kx-mobile-drawer-mode .kx-mobile-drawer .kx-dd-category {
    padding: 10px !important;
    border-radius: 16px !important;
  }

  body.kx-mobile-drawer-mode .kx-mobile-drawer .kx-dd-category-title,
  body.kx-mobile-drawer-mode .kx-mobile-drawer .kx-orbitmap-dropdown a,
  body.kx-mobile-drawer-mode .kx-mobile-drawer .kx-orbitmap-dropdown strong {
    font-size: 12.5px !important;
  }

  body.kx-mobile-drawer-mode .kx-mobile-drawer .kx-dd-icon {
    width: 26px !important;
    height: 26px !important;
    flex: 0 0 26px !important;
    font-size: 10px !important;
  }
}

@media screen and (max-width: 390px) {
  body.kx-mobile-drawer-mode .kx-mobile-drawer .kx-nav-frame > a,
  body.kx-mobile-drawer-mode .kx-mobile-drawer .kx-orbitmap-trigger,
  body.kx-mobile-drawer-mode .kx-mobile-drawer .kx-actions .kx-btn,
  body.kx-mobile-drawer-mode .kx-mobile-drawer .kx-actions .kx-select {
    font-size: 12.5px !important;
  }
}