/* Directional adjustments are scoped to Arabic documents. */
:root { --font-arabic: 'IBM Plex Sans Arabic', var(--font), sans-serif; }
html[dir="rtl"] body { font-family: var(--font-arabic); line-height: 1.8; }
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] .brand,
html[dir="rtl"] .plan-name { letter-spacing: 0; }
html[dir="rtl"] .hero h1 span::after { right: 0; left: auto; }
html[dir="rtl"] .comparison-table th:first-child,
html[dir="rtl"] .comparison-table td:first-child { text-align: right; }
html[dir="rtl"] .faq-item > p { margin-right: 0; margin-left: 35px; }
html[dir="rtl"] .step-dot { right: 35px; left: auto; }
html[dir="rtl"] .why-card--back { right: 9px; left: auto; }
html[dir="rtl"] .why-card--front { right: 65px; left: auto; }
html[dir="rtl"] .why-stamp { right: auto; left: -6px; }
html[dir="rtl"] .plan-price { direction: rtl; }
html[dir="rtl"] .plan-price span { font-size: 10px; letter-spacing: 0; }
html[dir="rtl"] .hero-bottom span:last-child { text-align: left; }
html[dir="rtl"] .nav-dropdown { right: 0; left: auto; }
html[dir="rtl"] .nav-trigger::after { transform: rotate(135deg) translateY(-2px); }
html[dir="rtl"] .whatsapp-float { right: auto; left: 22px; }
html[dir="rtl"] .skip-link { right: .5rem; left: auto; }
@media (max-width: 1050px) {
  html[dir="rtl"] .primary-nav { right: 0; left: 0; }
}
@media (max-width: 820px) {
  html[dir="rtl"] .brand { margin-right: 0; margin-left: auto; }
}
@media (max-width: 900px) {
  html[dir="rtl"] .pricing-grid { width: min(100%, 520px); grid-template-columns: minmax(0, 1fr); gap: 16px; margin-inline: auto; }
  html[dir="rtl"] .price-card { min-height: 0; padding: 25px 24px; }
  html[dir="rtl"] .price-card--featured { transform: none; }
  html[dir="rtl"] .plan-description { min-height: 0; }
  html[dir="rtl"] .plan-price { font-size: 38px; }
  html[dir="rtl"] .plan-list li { font-size: 13px; line-height: 1.65; }
}
@media (max-width: 600px) {
  html[dir="rtl"] .why-card--front { right: 45px; left: auto; }
  html[dir="rtl"] .step-dot { right: 31px; }
  html[dir="rtl"] .faq-item > p { margin-left: 24px; }
}