/* Khdmli shared identity: blue, orange, quiet surfaces, system fonts. */
:root {
  --kh-brand: #155eef;
  --kh-brand-dark: #124bbf;
  --kh-accent: #f79009;
  --kh-surface: #fff;
  --kh-background: #f7f9fc;
  --kh-ink: #182230;
  --kh-muted: #526174;
  --kh-line: #e2e8f0;
  --kh-radius: 16px;
  --kh-elevation: 0 4px 16px rgb(24 34 48 / 6%);
  --blue: var(--kh-brand);
  --blue-dark: var(--kh-brand-dark);
  --blue-soft: #eff5ff;
  --orange: var(--kh-accent);
  --orange-soft: #fff5e6;
  --bg: var(--kh-background);
  --card: var(--kh-surface);
  --text: var(--kh-ink);
  --muted: var(--kh-muted);
  --border: var(--kh-line);
  --shadow: var(--kh-elevation);
}
html { scroll-padding-top: 100px; }
body { font-family: Tahoma, Arial, sans-serif !important; background: var(--kh-background) !important; color: var(--kh-ink); line-height: 1.65; }
button, input, select, textarea { font-family: inherit !important; }
button, a, input, select, textarea { touch-action: manipulation; }
img, video { max-width: 100%; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid var(--kh-brand) !important; outline-offset: 3px; }
body :is(.kh-header, .kh-side-panel, .kh-bottom, .kh-notif-dropdown, .kh-lang-menu) { font-family: Tahoma, Arial, sans-serif !important; }
body .kh-header { background: #fff !important; box-shadow: 0 2px 12px rgb(24 34 48 / 6%) !important; border-bottom: 1px solid var(--kh-line); backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
body .kh-header :is(.kh-icon-btn, .kh-menu-btn, .kh-lang-btn, .kh-bell-btn, .kh-msg-btn) { color: var(--kh-ink) !important; background: #f1f5f9 !important; border-color: var(--kh-line) !important; box-shadow: none !important; }
body .kh-header .kh-nav a { color: var(--kh-muted) !important; background: transparent !important; border-radius: 10px; box-shadow: none !important; }
body .kh-header .kh-nav a:is(.active, :hover) { background: #eff5ff !important; color: var(--kh-brand) !important; }
body .kh-header .kh-logo { background: transparent !important; box-shadow: none !important; }
body .kh-main-menu a { color: var(--kh-muted) !important; }
body .kh-main-menu a i { color: inherit !important; }
body .kh-main-menu a.active { color: var(--kh-brand) !important; }
body .kh-desktop-login { background: var(--kh-brand) !important; color: #fff !important; box-shadow: none !important; }
body .kh-account { background: var(--kh-accent) !important; color: #182230 !important; box-shadow: none !important; }
body .kh-header .kh-search { background: #f7f9fc !important; border: 1px solid var(--kh-line) !important; box-shadow: none !important; }
body .kh-header .kh-search input { color: var(--kh-ink) !important; }
body .kh-bottom { background: #fff !important; border-top: 1px solid var(--kh-line) !important; box-shadow: 0 -2px 12px rgb(24 34 48 / 5%) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
body .kh-bottom-item { color: var(--kh-muted) !important; }
body .kh-bottom-item.active { color: var(--kh-brand) !important; }
body .kh-bottom-icon { box-shadow: none !important; }
body :is(.pro-card, .craftsman-card, .artisan-card, .service-card, .real-service-card, .request-card, .city-card, .trade-card, .product-card, .faq-card) { border-radius: var(--kh-radius) !important; box-shadow: var(--kh-elevation) !important; border-color: var(--kh-line) !important; }
body :is(.btn-primary, .primary-btn, .kh-btn-primary, .search-submit) { background: var(--kh-brand) !important; border-color: var(--kh-brand) !important; color: #fff !important; box-shadow: none !important; }
body :is(.btn-primary, .primary-btn, .kh-btn-primary, .search-submit):hover { background: var(--kh-brand-dark) !important; }
body :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea) { border-radius: 12px; }
body :is(.fb-footer-languages, .fb-footer-links, .fb-footer-copy, .fb-footer-dev) { color: var(--kh-muted) !important; font-family: inherit !important; }
body .fb-footer-links a { color: var(--kh-muted) !important; }
body .fb-footer-links a:hover { color: var(--kh-brand) !important; }
body .hero :is(.hero-center h1, .hero-center p) { text-shadow: none !important; }
body :is(.hero, .hero-section, .kh-hero, .khd-hero, .khd-search-hero, .khd-social-hero) { background: #124bbf !important; color: #fff !important; box-shadow: var(--kh-elevation) !important; border-radius: var(--kh-radius) !important; }
body :is(.hero, .hero-section, .kh-hero, .khd-hero, .khd-search-hero, .khd-social-hero)::before { background: none !important; }
body :is(.hero-section, .kh-hero, .khd-hero, .khd-search-hero, .khd-social-hero) :is(h1, h2, p) { color: #fff !important; text-shadow: none !important; }
body :is(.hero-overlay, .kh-hero-slider) { display: none !important; }
body .hero .search-btn { background: var(--kh-brand) !important; color: #fff !important; }
body .hero .search-btn .svg-icon { color: #fff !important; }
body .quick-actions { margin-block: 24px !important; }
body .hero .search-btn svg, body .hero .search-btn svg * { stroke: #fff !important; }
body :is(.search-btn-lux, .big-search-submit, .khd-hero-search-btn) { background: var(--kh-brand) !important; color: #fff !important; box-shadow: none !important; }
body .reset-btn-lux { background: #fff !important; color: var(--kh-muted) !important; box-shadow: none !important; }
body .khdmli-sale-rent-promo { background: #fff5e6 !important; border-color: #fed7aa !important; box-shadow: none !important; }
body .khdmli-sale-rent-promo__text { color: var(--kh-ink) !important; }
body .khdmli-sale-rent-promo__text strong { color: var(--kh-brand-dark) !important; }
body :is(.khdmli-sale-rent-promo__cta, .khdmli-sale-rent-promo__icon) { background: var(--kh-accent) !important; color: #182230 !important; box-shadow: none !important; }
body .khdmli-adsense-wrap:has(.adsbygoogle[data-ad-status="unfilled"]) { display: none !important; }
@media (max-width: 768px) {
  body :is(input, select, textarea) { font-size: 16px; }
  body .kh-top { min-height: 64px; padding-block: 8px; }
  body .kh-bottom-item { min-height: 48px; }
  body :is(.hero-title, .hero h1) { line-height: 1.45; }
  body :is(.app, .page-wrap, .page-container) { max-width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}