/* Approved bilingual type system. Font binaries are self-hosted Google Fonts (OFL). */
@font-face {
  font-family: 'Almarai';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('assets/fonts/almarai-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Almarai';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('assets/fonts/almarai-700.woff2') format('woff2');
}
@font-face {
  font-family: 'El Messiri';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('assets/fonts/el-messiri-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('assets/fonts/cormorant-garamond-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('assets/fonts/manrope-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('assets/fonts/manrope-600.woff2') format('woff2');
}

:root {
  --font-ar-body: 'Almarai', Arial, sans-serif;
  --font-ar-heading: 'El Messiri', 'Almarai', Arial, sans-serif;
  --font-en-body: 'Manrope', Arial, sans-serif;
  --font-en-heading: 'Cormorant Garamond', Georgia, serif;
}
body {
  font-family: var(--font-ar-body);
  font-weight: 400;
  font-synthesis: none;
}
:lang(en) { font-family: var(--font-en-body); }
[lang='en'][dir='ltr'] { unicode-bidi: isolate; }
h1, h2 {
  font-family: var(--font-ar-heading);
  font-weight: 600;
  line-height: 1.35;
  text-wrap: balance;
}
h1 { font-size: clamp(38px, 4.6vw, 56px); }
h2 { font-size: clamp(30px, 3.4vw, 42px); }
h3 {
  font-family: var(--font-ar-body);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
}
h1:lang(en), h2:lang(en), h3:lang(en),
h1 [lang='en'], h2 [lang='en'], h3 [lang='en'] {
  font-family: var(--font-en-heading);
  font-weight: 600;
  line-height: 1.15;
}
.eyebrow { font-family: var(--font-ar-body); font-weight: 700; letter-spacing: normal; }
.eyebrow:lang(en), .eyebrow [lang='en'] {
  font-family: var(--font-en-body);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 3px;
}
.logo small:lang(en) { font-weight: 600; }
.phones a, .benefit span { font-family: var(--font-en-body); font-weight: 600; }
/* Two-column catalog cards keep a comfortable reading measure on small screens. */
@media (max-width: 850px) {
  .card h3 { font-size: clamp(18px, 2.4vw, 20px); }
}