html[dir=rtl]{--font-b:"Cairo", "Noto Sans Arabic", "Segoe UI", Tahoma, system-ui, sans-serif;--font-d:"Cairo", "Noto Sans Arabic", "Segoe UI", Tahoma, system-ui, sans-serif;--font-m:"Cairo", "Noto Sans Arabic", "Segoe UI", Tahoma, system-ui, sans-serif}html[dir=rtl] body{direction:rtl;text-align:right;line-height:1.7}html[dir=rtl] .ecard,html[dir=rtl] .ecard .cat,html[dir=rtl] .ecard .row div .k,html[dir=rtl] .fb-chip,html[dir=rtl] .fdr-q,html[dir=rtl] .hotspot-panel,html[dir=rtl] .ht-side,html[dir=rtl] .nav,html[dir=rtl] .spec-card,html[dir=rtl] body,html[dir=rtl] button,html[dir=rtl] input,html[dir=rtl] select{font-family:"Cairo","Noto Sans Arabic","Segoe UI",Tahoma,system-ui,sans-serif}html[dir=rtl] .cta-meta a,html[dir=rtl] .ecard h3,html[dir=rtl] .fdr-alt,html[dir=rtl] .fdr-rname,html[dir=rtl] .flagband h2,html[dir=rtl] .foot a[href^=mailto],html[dir=rtl] .foot a[href^=tel],html[dir=rtl] .hero-chip b,html[dir=rtl] .ht-stat .v,html[dir=rtl] .vcap-model,html[dir=rtl] .vtab-tx i{direction:ltr;unicode-bidi:embed}html[dir=rtl] .nav-links{flex-direction:row-reverse}html[dir=rtl] .nav-links a::after{left:auto;right:0}html[dir=rtl] .nav-sub{left:auto;right:50%;transform:translateX(50%) translateY(-8px)}html[dir=rtl] .nav-item.has-sub:focus-within .nav-sub,html[dir=rtl] .nav-item.has-sub:hover .nav-sub{transform:translateX(50%) translateY(0)}html[dir=rtl] .cm-pop{right:auto;left:0;transform-origin:top left}html[dir=rtl] .cm-item{flex-direction:row-reverse;text-align:right}html[dir=rtl] .nav-sub-link{text-align:right}html[dir=rtl] .cta-actions,html[dir=rtl] .eyebrow,html[dir=rtl] .hero-actions,html[dir=rtl] .hero-trust,html[dir=rtl] .nav-right{flex-direction:row-reverse}@media (max-width:980px){html[dir=rtl] .nav-links.open .nav-sub{border-left:0;border-right:1px solid var(--line);margin:2px 10px 4px 0;padding:2px 12px 6px 0}html[dir=rtl] .nav-links.open .nav-parent{justify-content:space-between}}html[dir=rtl] .btn svg{transform:scaleX(-1)}html[dir=rtl] .hero-cue{left:auto;right:50%;transform:translateX(50%)}html[dir=rtl] .chip-a{left:auto;right:0}html[dir=rtl] .chip-b{right:auto;left:0}html[dir=rtl] .fb-bottom,html[dir=rtl] .fb-group,html[dir=rtl] .fb-groups,html[dir=rtl] .fb-meta,html[dir=rtl] .fb-top{direction:rtl}html[dir=rtl] .fb-search svg{left:auto;right:14px}html[dir=rtl] .fb-search input{padding:0 42px 0 16px;text-align:right}html[dir=rtl] .fb-group,html[dir=rtl] .fb-sort{flex-direction:row-reverse}html[dir=rtl] #fb-sort-sel{background-position:left 12px center;padding:0 14px 0 34px}html[dir=rtl] .fb-label{text-align:right}html[dir=rtl] .fb-slider{direction:ltr}html[dir=rtl] .cat,html[dir=rtl] .ecard{text-align:right}html[dir=rtl] .ecard .go{right:auto;left:16px;transform:scaleX(-1)}html[dir=rtl] .fdr-opt,html[dir=rtl] .fdr-rwhy li{flex-direction:row-reverse;text-align:right}html[dir=rtl] .ecard .row,html[dir=rtl] .fdr-rspecs{direction:rtl}html[dir=rtl] .fdr-actions{flex-direction:row-reverse;flex-wrap:wrap}html[dir=rtl] .fdr-back,html[dir=rtl] .fdr-result{direction:rtl}html[dir=rtl] .cta-meta>div,html[dir=rtl] .feat,html[dir=rtl] .flagband .inner>div,html[dir=rtl] .foot h4,html[dir=rtl] .foot ul{text-align:right}html[dir=rtl] .feat-grid,html[dir=rtl] .flagband .inner{direction:rtl}html[dir=rtl] .cta-meta,html[dir=rtl] .foot-grid{direction:rtl;text-align:right}html[dir=rtl] .foot-bot{direction:rtl}html[dir=rtl] .vcap{direction:rtl;text-align:right}html[dir=rtl] .vstrip{direction:rtl}html[dir=rtl] .vtab{flex-direction:row-reverse;text-align:right}html[dir=rtl] .vtab-tx{text-align:right}html[dir=rtl] .wa-fab{right:auto;left:clamp(16px,3.4vw,30px)}html[dir=rtl] .back{direction:rtl}html[dir=rtl] .back svg{transform:scaleX(-1)}html[dir=rtl] .s-anatomy,html[dir=rtl] .s-hero .caption,html[dir=rtl] .s-perf,html[dir=rtl] .s-specs,html[dir=rtl] .spec-row{text-align:right;direction:rtl}html[dir=rtl] .lang-toggle{direction:ltr;letter-spacing:normal!important}.lang-toggle{display:inline-flex;align-items:center;gap:6px;cursor:pointer;background:0 0;border:1px solid var(--line);color:var(--ink-2);border-radius:999px;padding:8px 12px;font-size:13px;transition:.25s}.lang-toggle:hover{color:var(--ink);border-color:var(--ink-3)}.lang-toggle svg{opacity:.8}@media (max-width:620px){.lang-toggle span{display:none}.lang-toggle{padding:8px}}html[dir=rtl],html[dir=rtl] *,html[dir=rtl] *::before,html[dir=rtl] *::after{word-spacing:normal!important;text-transform:none!important;font-variant-ligatures:normal;font-kerning:auto;-webkit-font-feature-settings:normal!important;font-feature-settings:normal!important;font-variant:normal;text-rendering:optimizeLegibility}html[dir=rtl],html[dir=rtl] *,html[dir=rtl] *::before,html[dir=rtl] *::after,html[dir=rtl] .ecard h3,html[dir=rtl] .foot a[href^=mailto],html[dir=rtl] .foot a[href^=tel],html[dir=rtl] .hero-chip b,html[dir=rtl] .vcap-model{letter-spacing:0!important}html[dir=rtl] .lang-toggle,html[dir=rtl] .lang-toggle *{letter-spacing:normal!important}
/* ============================================================
   ARABIC SHAPING GUARANTEE
   Force an Arabic-capable font on ALL text under RTL so Latin-only
   display faces (Clash Display / Satoshi / General Sans) can never be
   applied to Arabic — which is what produces isolated / disconnected
   glyphs. Latin brand tokens (model codes, phone, email) already opt
   out via direction:ltr rules above and keep their own rendering.
   ============================================================ */
html[dir=rtl] body,
html[dir=rtl] body *{
  font-family:"Cairo","Noto Sans Arabic","Segoe UI",Tahoma,system-ui,sans-serif!important;
}

/* ============================================================
   RTL CONTACT NUMBERS — mixed Arabic label + Latin phone number
   The footer contact links contain an Arabic label followed by a
   Latin phone number. Let the link flow RTL (label first, on the
   right) and isolate the number as a self-contained LTR run via
   <bdi class="num"> so digits and the leading + never reorder.
   ============================================================ */
html[dir=rtl] .foot ul a[href^="tel:"]{direction:rtl;unicode-bidi:isolate}
.num,html[dir=rtl] .num{direction:ltr;unicode-bidi:isolate;white-space:nowrap}