/* ===== RESET ===== */
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* ===== BASE ===== */
html { scroll-behavior: smooth; }

body {
  font-family: 'Cairo', sans-serif;
  background: var(--white);
  color: var(--text);
  direction: rtl;
  overflow-x: hidden;
  line-height: 1.7;
  font-size: 15px;
}