/* خط Zain — WOFF2 أساسي مع TTF كاحتياطي للمتصفحات القديمة جدًا.
   WOFF2 أصغر بـ71% (875KB → 259KB للأوزان الخمسة).

   font-display: swap مش block — block بيخفي النص تمامًا لحد ما الخط ينزل
   (لحد 3 ثواني شاشة فاضية)، بينما swap بيعرض النص فورًا بخط النظام وبيبدّله
   لما Zain يجهز. الفرق ده بيبان مباشرةً في سرعة أول رسم للصفحة. */
@font-face {
  font-family: 'Zain';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/zain-300.woff2) format('woff2'),
       url(/fonts/zain-300.ttf) format('truetype');
}
@font-face {
  font-family: 'Zain';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/zain-400.woff2) format('woff2'),
       url(/fonts/zain-400.ttf) format('truetype');
}
@font-face {
  font-family: 'Zain';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/zain-700.woff2) format('woff2'),
       url(/fonts/zain-700.ttf) format('truetype');
}
@font-face {
  font-family: 'Zain';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/zain-800.woff2) format('woff2'),
       url(/fonts/zain-800.ttf) format('truetype');
}
@font-face {
  font-family: 'Zain';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/fonts/zain-900.woff2) format('woff2'),
       url(/fonts/zain-900.ttf) format('truetype');
}