@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/tajawal/tajawal-400.ttf) format('truetype');
}
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/tajawal/tajawal-500.ttf) format('truetype');
}
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/tajawal/tajawal-700.ttf) format('truetype');
}
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 800 !important;
  font-display: swap;
  src: url(../fonts/tajawal/tajawal-800.ttf) format('truetype');
}

html#cz-product[lang="ar"] {
  --cz-font: "Tajawal", Arial, sans-serif;
  --default-font: var(--cz-font);
  --heading-font: var(--cz-font);
  --nav-font: var(--cz-font);
}
html#cz-product[lang="ar"] body { font-size: 16px; line-height: 1.85; }
html#cz-product[lang="ar"] body :is(h1,h2,h3,h4,h5,h6) { letter-spacing: normal; line-height: 1.5; font-weight: 700; }
html#cz-product[lang="ar"] body.index-page .hero-title { font-weight: 800 !important; line-height: 1.45 !important; }
html#cz-product[lang="ar"] body :is(p,.hero-description) { line-height: 1.9; }
html#cz-product[lang="ar"] body :is(.navmenu a,.btn,button,label) { font-weight: 500; letter-spacing: normal; }
html#cz-product[lang="ar"] body .logo { font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif; }