/* ============================================================
   Arabic / RTL overrides
   ============================================================ */
html[dir="rtl"] body {
  font-family: 'Inter', 'Noto Sans Arabic', -apple-system, BlinkMacSystemFont, sans-serif;
  line-height: 1.9;
}

html[dir="rtl"] .display,
html[dir="rtl"] .display-2,
html[dir="rtl"] .display-3,
html[dir="rtl"] .story__quote,
html[dir="rtl"] .cta h2 {
  font-family: 'Noto Naskh Arabic', serif;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.35;
}
html[dir="rtl"] .display { font-size: clamp(2.5rem, 5vw, 4.2rem); line-height: 1.3; }
html[dir="rtl"] .display-2 { font-size: clamp(2rem, 3.6vw, 3.15rem); }
html[dir="rtl"] .display-3 { font-size: clamp(1.55rem, 2.2vw, 2rem); }
html[dir="rtl"] .display em,
html[dir="rtl"] .display-2 em { font-style: normal; }
html[dir="rtl"] .story__quote { font-style: normal; }

html[dir="rtl"] .eyebrow,
html[dir="rtl"] .announce,
html[dir="rtl"] .nav a,
html[dir="rtl"] .btn,
html[dir="rtl"] .link-arrow,
html[dir="rtl"] .hero__notes,
html[dir="rtl"] .hero__tile figcaption,
html[dir="rtl"] .hero__badge span,
html[dir="rtl"] .cat-card__media::after,
html[dir="rtl"] .small-caps,
html[dir="rtl"] .process__num,
html[dir="rtl"] .footer__col h3,
html[dir="rtl"] .footer__bottom,
html[dir="rtl"] .footer__lang,
html[dir="rtl"] .filter,
html[dir="rtl"] .catalog__count,
html[dir="rtl"] .product__cat,
html[dir="rtl"] .product__moq,
html[dir="rtl"] .product__view,
html[dir="rtl"] .dialog__details dt,
html[dir="rtl"] .split__caption,
html[dir="rtl"] .collage__cap,
html[dir="rtl"] .contact__meta dt,
html[dir="rtl"] .field label,
html[dir="rtl"] .check span,
html[dir="rtl"] .form__note,
html[dir="rtl"] .next-steps li::before,
html[dir="rtl"] .breadcrumb,
html[dir="rtl"] .lang summary {
  letter-spacing: 0;
}
html[dir="rtl"] .eyebrow { font-size: 11px; }
html[dir="rtl"] .btn { font-size: 11px; }
html[dir="rtl"] .nav a { font-size: 12px; }
html[dir="rtl"] .brand__name {
  font-family: 'Cormorant Garamond', serif;
  letter-spacing: .3em;
}
html[dir="rtl"] .brand__sub { letter-spacing: .2em; }

html[dir="rtl"] .marquee__group span { font-style: normal; }
html[dir="rtl"] .marquee__track { animation-direction: reverse; }

/* borders and decorative alignment */
html[dir="rtl"] .process li {
  border-right: 0;
  border-left: 1px solid var(--line);
  padding: 22px 0 0 22px;
}
html[dir="rtl"] .process li:last-child { border-left: 0; padding-left: 0; }
html[dir="rtl"] .process li::before { left: auto; right: 0; }
html[dir="rtl"] .hero__badge { left: auto; right: -22px; }
html[dir="rtl"] .hero__tile figcaption { left: auto; right: 14px; }
html[dir="rtl"] .hero::before { right: auto; left: -10%; }
html[dir="rtl"] .dialog__close { right: auto; left: 14px; }
html[dir="rtl"] .lang__menu { right: auto; left: 0; }
html[dir="rtl"] .story__body p:first-child::first-letter {
  float: right;
  padding: 6px 0 0 8px;
}
html[dir="rtl"] .link-arrow span,
html[dir="rtl"] .btn .arrow { display: inline-block; transform: scaleX(-1); }

@media (max-width: 1100px) {
  html[dir="rtl"] .process li { padding: 22px 0 24px 20px; }
  html[dir="rtl"] .process li:nth-child(3) { border-left: 0; }
}
@media (max-width: 720px) {
  html[dir="rtl"] .process li { padding: 18px 0; border-left: 0; }
  html[dir="rtl"] .hero__badge { right: 12px; }
}

/* keep the brand lockup LTR inside the RTL shell */
html[dir="rtl"] .brand { direction: ltr; }
/* the marquee track must keep a physical LTR flow so the loop stays on screen */
html[dir="rtl"] .marquee__track { direction: ltr; animation-direction: normal; }
html[dir="rtl"] .lede { line-height: 2; }

/* Arabic: no Latin drop cap */
html[dir="rtl"] .story__body p:first-child::first-letter {
  float: none;
  font-size: inherit;
  line-height: inherit;
  padding: 0;
  color: inherit;
}
/* keep emails and phone numbers in their natural LTR order */
html[dir="rtl"] a[href^="https://wa.me"],
html[dir="rtl"] .contact__mail,
html[dir="rtl"] .footer__contact a[href^="mailto:"],
html[dir="rtl"] .cta a[href^="mailto:"] {
  direction: ltr;
  unicode-bidi: isolate;
}
html[dir="rtl"] .form__status a { unicode-bidi: isolate; }
html[dir="rtl"] input[type="email"] { direction: ltr; text-align: right; }
html[dir="rtl"] .contact__meta dd { unicode-bidi: isolate; }