/* RTL overrides for the Arabic mirror. Only physical left/right properties
   whose effect differs in RTL are adjusted here. Flex, grid, gap and
   centered layouts mirror automatically under dir="rtl". */
/* Arabic glyphs are taller than the Latin metrics the hero line-height
   was set for, so the headline lines need more room. */
[dir="rtl"] .hero h1{line-height:1.35;letter-spacing:0}
/* Language dropdown opens toward the page edge in RTL. */
[dir="rtl"] .lang-list{right:auto;left:0}
[dir="rtl"] .lang-btn::before{margin-right:0;margin-left:6px}
/* Mascot mirrored in RTL, per the design. */
[dir="rtl"] .hero-mascot{transform:scaleX(-1)}
[dir="rtl"] .note-band img{transform:scaleX(-1)}
/* Hero check bullets sit on the reading side. */
[dir="rtl"] .hero-checks li{padding-left:0;padding-right:28px}
[dir="rtl"] .hero-checks li::before{left:auto;right:0}
/* Hero float cards are a flex column now, so they mirror automatically
   in RTL with no extra rules. */
/* Spotlight secondary link gap mirrors. */
[dir="rtl"] .spotlight-link{margin-left:0;margin-right:16px}

/* Arabic picture hero: real buttons over the baked-in buttons (mirrored from EN). */
.hero-cta-ar-explore{left:74.0%;top:86.0%;width:21.5%;height:8.6%}
.hero-cta-ar-try{left:51.9%;top:86.0%;width:22.0%;height:8.6%}