/* BALYK04 V99 mobile-specific layer. */
@media (max-width: 768px){
  html,body{max-width:100%;overflow-x:hidden;}
  .app-header .desktop-nav{display:none!important;}
  .app-header .mobile-menu-shell{display:block!important;}
}

/* BALYK04 V108 — mobile KZ typography stabilization */
@media (max-width: 768px){
  html, body, body *,
  .app-header, .app-header *,
  .mobile-menu-panel, .mobile-menu-panel *,
  .mobile-menu-link, .mobile-menu-sub a,
  .feature-card, .feature-card *,
  .hero, .hero *, .panel, .panel *{
    font-family: var(--font-main, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", "DejaVu Sans", Arial, Helvetica, sans-serif) !important;
    font-synthesis: none !important;
    text-rendering: auto !important;
    letter-spacing: normal !important;
  }
  .mobile-menu-link, .mobile-menu-sub a{line-height:1.3!important;}
}