/* ============================================================
   Right-to-left overrides — loaded only by the Arabic page.
   Layout mirrors; the brand mark, latin product names, REF codes
   and phone numbers deliberately stay left-to-right.
   ============================================================ */

/* ── Typography ──────────────────────────────────────────────
   Josefin Sans has no Arabic coverage. Tajawal carries the same
   geometric, light-weight feel and has the weights the design uses. */
:root {
  --font-display: "Tajawal", "Noto Kufi Arabic", system-ui, sans-serif;
  --font-body:    "Tajawal", "Noto Sans Arabic", system-ui, sans-serif;
}
body { letter-spacing: 0 !important; }

/* Arabic gets no benefit from wide tracking or uppercasing. */
.eyebrow, .role, .cat__refs, .ty-label, .qs__go, .mf-steps b, .mf-steps span,
.hero__eyebrow, .hero__facts span, .hero__caption, .set-pcs, .topbar__note,
.meta-item__label, .rfq__facts dt, .usp__item h3, .foot-col h3, .scroll-serum__tip,
.mf-play__label, .link-arrow, .cat__ask, .person__li, .btn {
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* Latin runs inside Arabic sentences must not flip. */
.meta-item__value, .rfq__facts dd a, .foot-col a[href^="mailto"],
.foot-col a[href*="wa.me"], .topbar__link, .set-list li, .routine-list span,
.cat__refs, .region__countries, .ty-stats dd, .hero__facts strong {
  direction: ltr; unicode-bidi: embed;
}
.routine-list span, .set-list li, .region__countries { text-align: right; }

/* ── Mirrored blocks ─────────────────────────────────────── */
.skip { left: auto; right: 12px; }
.note-center, .section-head--center { text-align: center; }
.note-rule { border-left: 0; border-right: 2px solid var(--gold); }

.drawer { transform: translateX(-100%); }
.nav-open .drawer { transform: none; }
.drawer__close { left: auto; right: var(--gutter); }

.point { padding-left: 0; padding-right: 3.25rem; }
.point__num { left: auto; right: 0; }
.about__badge { right: auto; left: -0.5rem; }

.tile__label { left: auto; right: 0.9rem; }
.set-flag { right: auto; left: 0; }
.set-list li { padding-left: 0; padding-right: 1rem; }
.set-list li::before { left: auto; right: 0; }

@media (min-width: 700px) { .step { padding-right: 0; padding-left: 2rem; } }
.step__num::after, .qs::before, .step::before { left: auto; right: 0; }

.term { border-right: 0; border-left: 1px solid var(--line); }
@media (min-width: 700px) {
  .term:nth-child(2n) { border-left: 0; border-right: 0; }
  .term { border-left: 1px solid var(--line); }
}
@media (min-width: 1000px) {
  .term:nth-child(2n) { border-left: 1px solid var(--line); }
  .term:nth-child(3n) { border-left: 0; }
}

.faq-cta { border-left: 0; border-right: 3px solid var(--gold); }
.faq-item summary::after { margin-left: 0; margin-right: auto; }

.mf-points li { padding-left: 0; padding-right: 3.1rem; }
.mf-points li::before { left: auto; right: 0; }
.mf-points li::after { left: auto; right: 2.05rem; }
.mf-disclaimer { border-left: 0; border-right: 1px solid var(--line-dark); padding-left: 0; padding-right: 0.85rem; }
.mf-play__disc { padding-left: 0; padding-right: 3px; }
.mf-play__disc svg { transform: scaleX(-1); }   /* the play triangle must still point forward */

.ty-points li { padding-left: 0; padding-right: 1.4rem; }
.ty-points li::before { left: auto; right: 0; }

.avatar__badge { right: auto; left: 4px; }

.field select {
  background-position: left 1rem center;
  padding-right: 0.9rem; padding-left: 2.4rem;
}
.hp { left: auto; right: -9999px; }

.foot-col a:hover { padding-left: 0; padding-right: 6px; }
.live-dot { margin-right: 0; margin-left: 0.45rem; }

/* ── Fixed furniture moves to the left edge ──────────────── */
.scroll-serum { right: auto; left: 24px; }
.scroll-serum__tip { right: auto; left: 0; }
.wa-fab { right: auto; left: 1.5rem; }
.wa-fab__tip { order: 0; transform: translateX(-8px); }
.wa-fab:hover .wa-fab__tip,
.wa-fab:focus-within .wa-fab__tip,
.wa-fab.is-peek .wa-fab__tip { transform: none; }
.wa-fab__tip::after { right: auto; left: -4px; }
.to-top { right: auto; left: 1.5rem; }
@media (max-width: 760px) {
  .wa-fab { right: auto; left: 0.9rem; }
  .to-top { right: auto; left: 1.15rem; }
}
.lightbox__close { right: auto; left: 0.5rem; }
.scroll-progress span { transform-origin: right center; }

/* ── Directional glyphs ──────────────────────────────────── */
.btn span, .link-arrow span, .cat__ask span, .qs__go b,
.foot-cta span, .hero__actions .btn span { display: inline-block; transform: scaleX(-1); }
.btn:hover span, .link-arrow:hover span { transform: scaleX(-1) translateX(4px); }
.link-arrow::before { margin-right: 0; margin-left: 0.6rem; }

/* The hero packshot bleeds off the opposite edge. */
@media (min-width: 1000px) {
  .hero__product { margin-right: 0; margin-left: calc(var(--gutter) * -0.7); }
}

/* Consent bar mirrors like everything else. */
.consent__text p { text-align: right; }