html[dir="rtl"] body,
html[dir="rtl"] button,
html[dir="rtl"] input {
  font-family: "Noto Kufi Arabic", Arial, sans-serif;
}

html[dir="rtl"] .hero-copy,
html[dir="rtl"] .section-head,
html[dir="rtl"] .feature-copy,
html[dir="rtl"] .story,
html[dir="rtl"] .location-copy,
html[dir="rtl"] .product-info,
html[dir="rtl"] .cart {
  text-align: right;
}

html[dir="rtl"] .hero h1,
html[dir="rtl"] .section-head h2,
html[dir="rtl"] .story h2,
html[dir="rtl"] .feature h2,
html[dir="rtl"] .location-copy h2,
html[dir="rtl"] .category strong,
html[dir="rtl"] .product-info h3,
html[dir="rtl"] .button,
html[dir="rtl"] .filters button,
html[dir="rtl"] .butchery-groups button,
html[dir="rtl"] .add,
html[dir="rtl"] .checkout,
html[dir="rtl"] .nav a,
html[dir="rtl"] .eyebrow {
  font-family: "Noto Kufi Arabic", Arial, sans-serif;
}

html[dir="rtl"] .hero h1 { line-height: 1.18; letter-spacing: 0; }
html[dir="rtl"] .arabic-hero-title { font-size: clamp(42px, 5.6vw, 76px); }
html[dir="rtl"] .arabic-hero-title span { display: block; white-space: nowrap; }
html[dir="rtl"] .section-head h2,
html[dir="rtl"] .story h2,
html[dir="rtl"] .feature h2,
html[dir="rtl"] .location-copy h2 { line-height: 1.25; letter-spacing: 0; }
html[dir="rtl"] .eyebrow,
html[dir="rtl"] .button,
html[dir="rtl"] .filters button,
html[dir="rtl"] .butchery-groups button,
html[dir="rtl"] .product-info small,
html[dir="rtl"] footer div a { letter-spacing: 0; }

html[dir="rtl"] .header .brand img { left: auto !important; right: -4.07% !important; }
html[dir="rtl"] .nav { grid-column: 3; justify-content: flex-end; }
html[dir="rtl"] .actions { grid-column: 1; justify-content: flex-start; align-items: center; }
html[dir="rtl"] .actions .language-link { display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; }
html[dir="rtl"] .hero-buttons .button { min-width: 210px; white-space: nowrap; }
html[dir="rtl"] .category span { left: 15px; right: 15px; }
html[dir="rtl"] .service-strip div { border-right: 0; border-left: 1px solid #e6e0d8; }
html[dir="rtl"] .service-strip div:last-child { border-left: 0; }
html[dir="rtl"] .badge { left: auto; right: 12px; }
html[dir="rtl"] .cart { right: auto; left: -440px; }
html[dir="rtl"] .cart.open { right: auto; left: 0; }
html[dir="rtl"] .cart-btn b { right: auto; left: -5px; }
html[dir="rtl"] .text-link { direction: rtl; }

@media (max-width: 950px) {
  html[dir="rtl"] .menu-toggle { grid-column: 3; justify-self: end; }
  html[dir="rtl"] .actions { grid-column: 1; justify-self: start; margin: 0 12px 0 0; gap: 5px; }
  html[dir="rtl"] .header .nav { left: auto !important; right: 14px !important; }
  html[dir="rtl"] .actions .language-link { border: 1px solid rgba(255,255,255,.65); border-radius: 999px; min-height: 36px; padding: 0 11px; font-size: 12px; }
}

@media (max-width: 650px) {
  html[dir="rtl"] .hero h1 { font-size: clamp(29px, 8.6vw, 38px); line-height: 1.35; }
  html[dir="rtl"] .hero-buttons .button { min-width: 230px; }
  html[dir="rtl"] .service-strip div { border: 0; }
}