/* Arabic pages (/ar/...) and the English | العربية switch (tools/arabic, 27 Oct 2026).
   /ar/ pages load style.rtl.css (an rtlcss mirror of style.css); this file only adds what a mirror cannot know:
   the Arabic typeface, no letter-spacing on Arabic, left-to-right islands and the switch. */
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ar/ibm-plex-sans-arabic-400.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ar/ibm-plex-sans-arabic-500.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ar/ibm-plex-sans-arabic-600.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:700 900;font-display:swap;src:url(/fonts/ar/ibm-plex-sans-arabic-700.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}

/* switch: last item of the header nav (desktop bar and mobile menu) */
.nav a.lang-sw { font-weight: 600; color: var(--ink); }
html[dir="rtl"] .nav a.lang-sw { font-family: var(--body); }

/* Arabic typography */
html[dir="rtl"] { --display: -apple-system, BlinkMacSystemFont, "SF Arabic", "IBM Plex Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif;
  --body: -apple-system, BlinkMacSystemFont, "SF Arabic", "IBM Plex Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif; }
html[dir="rtl"] body { line-height: 1.7; }
html[dir="rtl"] body * { letter-spacing: 0 !important; }
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3 { line-height: 1.25; }
html[dir="rtl"] .lede, html[dir="rtl"] .sec-head p { line-height: 1.6; }
html[dir="rtl"] .sup-label, html[dir="rtl"] .ans-k, html[dir="rtl"] .as-b, html[dir="rtl"] .eyebrow { text-transform: none; }
/* numbers, phones, emails, URLs and Latin brand names read left to right */
html[dir="rtl"] .sup-host, html[dir="rtl"] [dir="ltr"], html[dir="rtl"] .qty-n, html[dir="rtl"] .qty-scale span, html[dir="rtl"] input[type=email] { direction: ltr; unicode-bidi: isolate; }
html[dir="rtl"] .chat-input { direction: rtl; }
/* arrows point the reading way */
html[dir="rtl"] .more::after, html[dir="rtl"] .go::after, html[dir="rtl"] .link::after, html[dir="rtl"] .links a::after, html[dir="rtl"] .mg-meth.on::after { content: " ‹"; }
html[dir="rtl"] .chat-send svg, html[dir="rtl"] .qty input[type=range] { transform: none; }
html[dir="rtl"] .qty input[type=range] { direction: rtl; }
/* the overprinted hero word is Latin artwork: keep it in place */
html[dir="rtl"] .mis { display: inline-block; }
html[dir="rtl"] .claude .advisor:not(.started) .chat-quick::before { content: "الأكثر طلباً"; }
html[dir="rtl"] .otile:hover .otile-ph img { transform: scale(1.05); }