/* Arabic (right-to-left) pages, loaded after site.css. Arabic needs Arabic-capable fonts, no letter-spacing
   (it breaks the joins between letters), and site.css's left/right placements mirrored. */
html[dir=rtl] body { font-family: 'Readex Pro', 'Noto Naskh Arabic', system-ui, sans-serif; line-height: 1.75; }
[dir=rtl] h1, [dir=rtl] h2, [dir=rtl] h3 { font-family: 'Baloo Bhaijaan 2', sans-serif; font-weight: 800; line-height: 1.35; letter-spacing: 0; }
[dir=rtl] .kicker, [dir=rtl] .btn, [dir=rtl] .pill, [dir=rtl] .links, [dir=rtl] summary, [dir=rtl] .consent button, [dir=rtl] .buybar,
[dir=rtl] .say small, [dir=rtl] .burst, [dir=rtl] .ribbon, [dir=rtl] .tile .num, [dir=rtl] .amount, [dir=rtl] .pain b, [dir=rtl] .ac-name {
  font-family: 'Baloo Bhaijaan 2', sans-serif; letter-spacing: 0; text-transform: none;
}
[dir=rtl] .kicker { font-size: 18px; font-weight: 800; }
[dir=rtl] .tile .num { font-size: 15px; font-weight: 800; }
[dir=rtl] .hero h1 { font-size: clamp(38px, 5vw, 60px); }
[dir=rtl] .hero h1 .mark svg { bottom: -6px; }
[dir=rtl] .lede { line-height: 1.8; }
[dir=rtl] .pain b { font-size: 21px; font-weight: 800; }
[dir=rtl] .burst span { font-weight: 700; }
[dir=rtl] .say .ar-d { font-size: 28px; }

/* mirrored placements */
[dir=rtl] .tile .shot { right: auto; left: -4%; transform: rotate(6deg); }
[dir=rtl] .tile.big .shot { right: auto; left: 6%; transform: rotate(5deg); }
[dir=rtl] .tile.big .shot.b { right: auto; left: 34%; transform: rotate(14deg); }
[dir=rtl] .step::before { right: auto; left: 22px; }
[dir=rtl] .audio-card { margin-left: 0; margin-right: auto; }
[dir=rtl] .player { padding: 8px 8px 8px 18px; }
[dir=rtl] .offers, [dir=rtl] .price-card, [dir=rtl] .amount, [dir=rtl] .offer .amount { text-align: right; }
[dir=rtl] .ribbon { right: auto; left: 24px; transform: rotate(-3deg); }
[dir=rtl] .buybar { padding: 8px 20px 8px 8px; }

/* Prices stay left-to-right ("$24", "AED 89"); inside Arabic text the browser would otherwise show "24$". */
[dir=rtl] [data-price] { direction: ltr; unicode-bidi: isolate; }