/* RTL extras — logical properties already flip spacing/position.
   Only directional glyphs need an explicit mirror. */

html[dir="rtl"] .process-flow .arrow,
html[dir="rtl"] .breadcrumb .separator,
html[dir="rtl"] .product-card .details-link::after,
html[dir="rtl"] .btn-ghost svg {
  transform: scaleX(-1);
}

html[dir="rtl"] .product-image,
html[dir="rtl"] .site-logo,
html[dir="rtl"] .factory-photo {
  transform: none;
}

html[dir="rtl"] body {
  font-family: 'Noto Sans Arabic', 'Inter', sans-serif;
}

.nav-item { white-space: normal; }