/* RTL adjustments shared by Arabic pages; English styles remain untouched. */
html[dir="rtl"] body {
  font-family: Tahoma, "Noto Sans Arabic", Arial, sans-serif;
  text-align: start;
}
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3 {
  letter-spacing: 0;
  line-height: 1.3;
}
html[dir="rtl"] .eyebrow,
html[dir="rtl"] .section-label,
html[dir="rtl"] .section-number,
html[dir="rtl"] .project-no,
html[dir="rtl"] .gallery-head span {
  letter-spacing: 0;
}
html[dir="rtl"] .language-switcher__options { right: auto; left: 0; }
html[dir="rtl"] .floating-whatsapp-cta { right: auto; left: 24px; }
html[dir="rtl"] .hero__overlay { background: linear-gradient(270deg, rgba(12, 8, 6, .77) 0%, rgba(15, 10, 8, .53) 38%, rgba(0, 0, 0, .08) 72%); }
html[dir="rtl"] .products-hero h1 { font-size: clamp(42px, 5vw, 72px); }
html[dir="rtl"] .factory-page .hero h1 { font-size: clamp(44px, 5.4vw, 76px); }
html[dir="rtl"] .projects-hero { background-image: linear-gradient(270deg, rgba(18, 12, 9, .82), rgba(18, 12, 9, .28)), url("../images/projects/projects-hero.webp"); }
html[dir="rtl"] .product-copy .index,
html[dir="rtl"] .section-number { right: auto; left: 36px; }
html[dir="rtl"] .product-copy h3 { padding-right: 0; padding-left: 50px; }
html[dir="rtl"] .product-info li { padding-left: 0; padding-right: 15px; }
html[dir="rtl"] .product-info li::before { left: auto; right: 0; }
html[dir="rtl"] .products-hero__gallery span,
html[dir="rtl"] .scene-label,
html[dir="rtl"] .hero-mosaic span,
html[dir="rtl"] .pack-grid span { left: auto; right: 14px; }
html[dir="rtl"] .hero-mosaic { padding-left: 0; padding-right: 46px; }
html[dir="rtl"] .check-list b { margin-right: 0; margin-left: 12px; }
html[dir="rtl"] .pending,
html[dir="rtl"] .warning { border-left: 0; border-right: 3px solid var(--gold); }
html[dir="rtl"] .contact-page .placeholder { font-style: normal; }
html[dir="rtl"] input[dir="ltr"],
html[dir="rtl"] bdi,
html[dir="rtl"] [href^="mailto:"] { direction: ltr; unicode-bidi: isolate; }
html[dir="rtl"] .contact-form-wrap input[dir="ltr"] { text-align: left; }
@media (max-width: 769px) {
  html[dir="rtl"] .about-nav { display: none; }
  html[dir="rtl"] .site-header,
  html[dir="rtl"] .about-header,
  html[dir="rtl"] .contact-header,
  html[dir="rtl"] .factory-page header { padding-right: 20px !important; padding-left: 24px !important; }
  html[dir="rtl"] .floating-whatsapp-cta { left: 20px; }
  html[dir="rtl"] .hero-mosaic { padding-right: 0; }
}