/* Arabic-only overrides (loaded when lang = ar). Most layout uses logical properties already. */
.site-nav li a::after { transform-origin: right; }          /* underline grows right-to-left */
body { letter-spacing: 0; }
.hero__bg { transform-origin: 70% 40%; }
@media (max-width: 1020px) {
  .site-nav { transform: translateX(-100%); box-shadow: 4px 0 24px rgba(0, 0, 0, .15); }
  .site-nav.is-open { transform: none; }
}