/* Dedicated /ar RTL layer. Loaded only by the Arabic homepage shell. */
html[dir="rtl"],
html[dir="rtl"] body,
html[dir="rtl"] #root {
  direction: rtl;
  font-family: "Somar", "Alexandria", system-ui, sans-serif;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3 {
  font-family: "Somar", "Alexandria", system-ui, sans-serif !important;
  font-weight: 900 !important;
}

html[dir="rtl"] button,
html[dir="rtl"] a {
  font-family: "Somar", "Alexandria", system-ui, sans-serif;
}

html[dir="rtl"] .hero-grid,
html[dir="rtl"] .prod-grid,
html[dir="rtl"] .stories-grid,
html[dir="rtl"] .brand-grid,
html[dir="rtl"] .why-grid,
html[dir="rtl"] .why-head,
html[dir="rtl"] .footer-grid,
html[dir="rtl"] .stats-grid {
  direction: rtl;
}

html[dir="rtl"] .hero-grid,
html[dir="rtl"] .prod-grid,
html[dir="rtl"] .stories-grid,
html[dir="rtl"] .why-grid,
html[dir="rtl"] .why-head,
html[dir="rtl"] .footer-grid {
  text-align: right;
}

html[dir="rtl"] .stories-grid button,
html[dir="rtl"] .footer-grid a {
  text-align: right !important;
}

html[dir="rtl"] [style*="border-left"] {
  border-left: 0 !important;
  border-right: 3px solid #ff002b !important;
}

html[dir="rtl"] [style*="padding-left"] {
  padding-left: 0 !important;
}

html[dir="rtl"] [dir="ltr"],
html[dir="rtl"] .ltr-inline,
html[dir="rtl"] [data-ltr="true"] {
  direction: ltr;
  unicode-bidi: isolate;
}

html[dir="rtl"] img,
html[dir="rtl"] video,
html[dir="rtl"] svg[aria-label] {
  direction: ltr;
}

@media (max-width: 900px) {
  html[dir="rtl"] .nav-mobile-actions {
    margin-inline-start: auto !important;
    margin-inline-end: 0 !important;
  }
}