/* Arabic pages (/ar): right-to-left layout and the Arabic webfont. Loaded after site.css by arabic.py. */
@font-face{font-family:'Noto Sans Arabic';font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fonts/noto-sans-arabic-arabic-400-normal.woff2) format('woff2')}
@font-face{font-family:'Noto Sans Arabic';font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fonts/noto-sans-arabic-arabic-700-normal.woff2) format('woff2')}
html[dir=rtl]{--font:'Noto Sans Arabic','Baloo Bhaijaan 2',system-ui,sans-serif}
html[dir=rtl] body{font-family:'Noto Sans Arabic','Baloo Bhaijaan 2',system-ui,sans-serif;line-height:1.7}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4,html[dir=rtl] .btn,html[dir=rtl] .hdr-cta,html[dir=rtl] .start-kicker,html[dir=rtl] .start-amount,html[dir=rtl] .start-stats b{font-family:'Noto Sans Arabic','Baloo Bhaijaan 2',system-ui,sans-serif;font-weight:700;letter-spacing:0}
html[dir=rtl] h1{line-height:1.25;white-space:normal}
html[dir=rtl] h2{line-height:1.3}
html[dir=rtl] .h-hero h1,html[dir=rtl] .c-hero h1,html[dir=rtl] .h-hero .l2,html[dir=rtl] .h-hero .l2.xl,html[dir=rtl] .c-hero .l2.xl{font-size:clamp(34px,4.6vw,66px);white-space:normal}
html[dir=rtl] .site-header .bar,html[dir=rtl] .site-footer .top,html[dir=rtl] .btn-row,html[dir=rtl] .start-checks,html[dir=rtl] .start-steps li,html[dir=rtl] .faq-q{direction:rtl}
html[dir=rtl] .lang{direction:ltr}
html[dir=rtl] .lang a[lang=ar]{font-family:'Noto Sans Arabic',sans-serif}
html[dir=rtl] .logo,html[dir=rtl] .site-footer .brand{direction:ltr}
html[dir=rtl] nav,html[dir=rtl] .mobile-nav{text-align:right}
html[dir=rtl] .btn svg{transform:scaleX(-1)}
html[dir=rtl] ul,html[dir=rtl] ol{padding-right:1.3em;padding-left:0}
html[dir=rtl] .start-checks li,html[dir=rtl] .start-list li{padding-right:34px;padding-left:0}
html[dir=rtl] .start-checks li::before,html[dir=rtl] .start-list li::before{right:0;left:auto}
html[dir=rtl] .start-steps li{text-align:right}
html[dir=rtl] .start-num{margin-left:18px;margin-right:0}
html[dir=rtl] .start-h2.left,html[dir=rtl] .start-text,html[dir=rtl] .start-card,html[dir=rtl] .start-tier,html[dir=rtl] .faq-a,html[dir=rtl] .pp,html[dir=rtl] .legal,html[dir=rtl] p,html[dir=rtl] li{text-align:right}
html[dir=rtl] .start-h2,html[dir=rtl] .start-sub,html[dir=rtl] .start-proof p,html[dir=rtl] .start-help p{text-align:center}
html[dir=rtl] .start-h2.left{text-align:right}
html[dir=rtl] .art-body{padding:12px 0 12px 24px;align-items:flex-end}
html[dir=rtl] .faq-q h3{padding-right:0;padding-left:40px;text-align:right}
html[dir=rtl] .faq-q svg,html[dir=rtl] .faq-q .ic{right:auto;left:0}
html[dir=rtl] .stores,html[dir=rtl] .center-stores,html[dir=rtl] .socials{direction:ltr}
html[dir=rtl] .start-stats li{direction:rtl}
html[dir=rtl] .start-note strong,html[dir=rtl] a[href^="tel"],html[dir=rtl] a[href^="mailto"],html[dir=rtl] .addr{direction:ltr;unicode-bidi:isolate;display:inline-block}
html[dir=rtl] .ar-notice{background:#FFF4CC;border-radius:12px;padding:14px 18px;margin:0 0 24px;font-size:16px}
html[dir=rtl] article.pp[dir=ltr]{text-align:left}
html[dir=rtl] article.pp[dir=ltr] p,html[dir=rtl] article.pp[dir=ltr] li{text-align:left}
html[dir=rtl] table{direction:rtl}
html[dir=rtl] th,html[dir=rtl] td{text-align:right}
@media (max-width:900px){html[dir=rtl] .h-hero h1,html[dir=rtl] .c-hero h1{font-size:clamp(30px,8vw,44px)}}