/* =====================================================================
   Arabic (RTL). Loaded only on /ar/ pages, after every other stylesheet.
   Latin words (YOU, prices, codes) use Montserrat (YOU CI); Arabic glyphs
   fall through to IBM Plex Sans Arabic via unicode-range.
   ===================================================================== */
:root{
  --serif:"Montserrat","Montaser Arabic","YOU Arabic",system-ui,sans-serif; /* YOU CI */
  --sans:"Montserrat","Montaser Arabic","YOU Arabic",system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif; /* YOU CI */
  --mono:"Montserrat","Montaser Arabic","YOU Arabic",system-ui,sans-serif;
}
html[dir=rtl] body{font-family:var(--sans);line-height:1.7}
/* Arabic does not use letter-spacing or capitals; tracked mono labels become calm bold labels. */
[dir=rtl] .eyebrow,[dir=rtl] .cbox__tag,[dir=rtl] .cbox__go,[dir=rtl] .use__foot small,[dir=rtl] .use__foot em,[dir=rtl] .mega__all,[dir=rtl] .acc__row--all,[dir=rtl] .dctl__h,[dir=rtl] .astrip__h,[dir=rtl] .wlbl,[dir=rtl] .devcity__h small,[dir=rtl] .wrev small,[dir=rtl] .hsearch__lbl,[dir=rtl] .logo__line span,[dir=rtl] .lead,[dir=rtl] .hero__sub{letter-spacing:0!important;text-transform:none!important}
[dir=rtl] .eyebrow{font-size:12.5px;font-weight:700}
[dir=rtl] .hero__sub,[dir=rtl] .lead{font-style:normal}
[dir=rtl] .h-display,[dir=rtl] .h-section,[dir=rtl] .hero__h1{letter-spacing:0;line-height:1.3}
[dir=rtl] .hero__h1 em,[dir=rtl] .cta-band h2 em,[dir=rtl] .about h2 em,[dir=rtl] .auth__line em{font-style:normal}
[dir=rtl] .logo{direction:ltr}
/* Directional icons flip. */
[dir=rtl] .i-right,[dir=rtl] .i-left,[dir=rtl] .i-back,[dir=rtl] .cbox__go span,[dir=rtl] .rail__go .i{transform:scaleX(-1)}
[dir=rtl] .use:hover .use__foot em .i{transform:scaleX(-1) translateX(4px)}
[dir=rtl] .rail__tab.is-on .rail__go{transform:rotate(45deg)}
/* Cards */
[dir=rtl] .card__tag{left:auto;right:14px;padding:6px 9px 6px 12px}
[dir=rtl] .card__save{right:auto;left:10px}
[dir=rtl] .card__stats>div:first-child{padding-left:11px;padding-right:0}
[dir=rtl] .card__stats>div:last-child{padding-right:11px;padding-left:0}
[dir=rtl] .card__price,[dir=rtl] .card__stats b{direction:ltr;unicode-bidi:isolate}
[dir=rtl] .card__price{text-align:right}
[dir=rtl] .cbox__flag{right:auto;left:22px}
[dir=rtl] .cbox__glow{right:auto;left:-30px}
[dir=rtl] .atile__n{right:auto;left:10px}
[dir=rtl] .use__mark::after{right:auto;left:-7px}
[dir=rtl] .values li{padding:22px 50px 22px 24px}
[dir=rtl] .values li::before{left:auto;right:24px}
/* Menus + drawer */
[dir=rtl] .menu{left:auto;right:0}
[dir=rtl] .menu--end{right:auto;left:0}
[dir=rtl] .mega{left:50%!important;right:auto}
[dir=rtl] .drawer__panel{transform:translateX(-104%);box-shadow:30px 0 60px -30px rgba(10,24,52,.5)}
[dir=rtl] .drawer.is-open .drawer__panel{transform:none}
[dir=rtl] .ubar__sel{padding:0 4px 0 22px;background-position:left 4px center}
[dir=rtl] .hsearch__sel,[dir=rtl] .fld select,[dir=rtl] .sel{padding-inline:18px 38px;background-position:left 16px center}
[dir=rtl] .sel--sm{background-position:left 12px center}
/* Numbers, phones and prices read left-to-right inside Arabic text. */
[dir=rtl] .price,[dir=rtl] .kpi b,[dir=rtl] .cnt,[dir=rtl] .mono,[dir=rtl] input[type=tel],[dir=rtl] input[type=email],[dir=rtl] .otp,[dir=rtl] .wmoney input,[dir=rtl] .stp output{unicode-bidi:plaintext}
[dir=rtl] .otp{direction:ltr}
[dir=rtl] input[type=tel],[dir=rtl] input[type=email]{text-align:right}
/* Floating actions sit on the left in RTL. */
[dir=rtl] .wa-float{right:auto;left:max(18px,env(safe-area-inset-left))}
[dir=rtl] .wmap__me{right:12px;left:auto}
[dir=rtl] .wphotos em{left:auto;right:8px}
[dir=rtl] .qitem__ph em{right:auto;left:6px}
[dir=rtl] .wtoggle>span::after{left:auto;right:3px}
[dir=rtl] .wtoggle input:checked+span::after{transform:translateX(-18px)}
[dir=rtl] .wtoggle small{margin-inline-start:58px}
[dir=rtl] .auth__art{margin:12px 12px 12px 0}
[dir=rtl] .type__card::after{right:auto;left:20px}
[dir=rtl] .chart svg{transform:scaleX(-1)}
[dir=rtl] .chart__x{flex-direction:row-reverse}
[dir=rtl] .enq__notes li p{text-align:right}
@media (max-width:900px){[dir=rtl] .auth__art{margin:0}}