html[dir="rtl"] body { text-align: right; }
html[dir="rtl"] .brand { flex-direction: row-reverse; }
html[dir="rtl"] .nav-bar,
html[dir="rtl"] .nav-links,
html[dir="rtl"] .hero-actions,
html[dir="rtl"] .hero-badges,
html[dir="rtl"] .footer-inner,
html[dir="rtl"] .footer-links { direction: rtl; }
html[dir="rtl"] .dropdown-panel { left: 0; right: auto; }
html[dir="rtl"] .lang-option,
html[dir="rtl"] .portfolio-link,
html[dir="rtl"] .hero-sub,
html[dir="rtl"] .features-sub,
html[dir="rtl"] .feature-card p,
html[dir="rtl"] .cta-band p,
html[dir="rtl"] .footer-inner p { text-align: right; }
html[dir="rtl"] .hero-grid,
html[dir="rtl"] .cta-band,
html[dir="rtl"] .features-header,
html[dir="rtl"] .footer-inner { direction: rtl; }
html[dir="rtl"] .lang-option { justify-content: flex-start; }
html[dir="rtl"] .hero-badges,
html[dir="rtl"] .hero-actions { justify-content: flex-start; }
html[dir="rtl"] .feature-card,
html[dir="rtl"] .cta-band { text-align: right; }
@media (max-width: 860px) {
  html[dir="rtl"] .dropdown-panel { left: 0; right: auto; }
}