/* ============================================================================
   Fusion Server — Elegant Typography Stack (P3.2)
   100% offline / no external CDN. Uses high-quality system fonts that ship
   with iOS, macOS, Windows, Android, and most Linux distros, so the page
   never depends on Google Fonts, jsDelivr, or Cloudflare.
   Body / display : Inter (system) -> SF Pro -> Segoe UI -> Roboto -> Noto.
   Mono           : SF Mono -> Menlo -> Consolas.
   Arabic         : Segoe UI Arabic -> Tahoma -> Noto Sans Arabic system stack.
   ========================================================================== */

:root {
  --vx-font-sans:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Segoe UI Variable", "SF Pro Text", Roboto, "Helvetica Neue", "Arial", "Noto Sans", system-ui, sans-serif;
  --vx-font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Segoe UI Variable Display", "SF Pro Display", Roboto, "Helvetica Neue", "Arial", system-ui, sans-serif;
  --vx-font-mono:    ui-monospace, "SF Mono", "Menlo", "Cascadia Code", "Consolas", "DejaVu Sans Mono", monospace;
  --vx-font-arabic:  "Segoe UI", "Segoe UI Arabic", "Tahoma", "Cairo", "Tajawal", "Noto Sans Arabic", system-ui, sans-serif;
}

html, body {
  font-family: var(--vx-font-sans);
  font-feature-settings: "ss01" on, "ss02" on, "cv11" on;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6,
.vx-hero-title, .vx-display, .vx-section-title,
.vx-rail-title, .vx-banner-title, .vx-footer-heading,
.vx-affiliate-title {
  font-family: var(--vx-font-display);
  letter-spacing: -0.02em;
}

.vx-hero-title              { font-weight: 800; letter-spacing: -0.035em; line-height: 1.05; }
.vx-hero-title-line1,
.vx-hero-title-line2        { font-weight: 800; }
.vx-hero-highlight          { font-weight: 800; }
.vx-section-title           { font-weight: 700; letter-spacing: -0.018em; }
.vx-rail-title,
.vx-allproducts-title       { font-weight: 700; letter-spacing: -0.015em; }
.vx-banner-title            { font-weight: 800; letter-spacing: -0.018em; }
.vx-footer-heading          { font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase; font-size: 12px; }

.vx-hero-chip, .vx-live-badge, .vx-banner-badge,
.vx-order-now, .vx-btn, .vx-nav-link {
  font-family: var(--vx-font-sans);
  font-feature-settings: "ss01" on, "cv11" on;
  letter-spacing: 0.005em;
}

code, kbd, pre, samp,
.vx-mono, .vx-price, .vx-sku {
  font-family: var(--vx-font-mono);
  font-feature-settings: "calt" off, "liga" off, "ss01" on;
}

[lang="ar"], [dir="rtl"], html[lang="ar"], html[dir="rtl"] {
  font-family: var(--vx-font-arabic);
}
[lang="ar"] h1, [lang="ar"] h2, [lang="ar"] h3,
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3,
[lang="ar"] .vx-hero-title, [dir="rtl"] .vx-hero-title {
  font-family: var(--vx-font-arabic);
  letter-spacing: 0;
}