/* ===================================================================== RTL overrides (Arabic). handles most flow; these fix a few directional details that don't auto-mirror. ===================================================================== */ /* Eyebrow accent line sits on the right in RTL */ [dir="rtl"] .eyebrow::before { order: 2; } /* Breadcrumb separators / chevrons keep visual order */ [dir="rtl"] .crumb .sep { transform: scaleX(-1); display: inline-block; } /* Forward arrows point left in RTL */ [dir="rtl"] .ic-go svg, [dir="rtl"] .group-arrow svg, [dir="rtl"] .mf-go svg { transform: scaleX(-1); } /* Document table grid: keep download action at the inline-end */ [dir="rtl"] .doc-dl { justify-self: start; } /* Tabular numbers and codes stay LTR (phones, SKUs, dimensions) */ [dir="rtl"] .mono, [dir="rtl"] .spec-num, [dir="rtl"] .lang-code, [dir="rtl"] input[type="tel"], [dir="rtl"] input[type="email"] { direction: ltr; unicode-bidi: plaintext; } /* Form fields read right-to-left */ [dir="rtl"] .field input, [dir="rtl"] .field textarea, [dir="rtl"] .field select { text-align: right; } /* Hero 3D sahnesi: fiziksel left/right değerleri dir=rtl ile otomatik aynalanmaz. Rig'i (3D model) sağdan konumla, faz rayı ve HUD'u karşı kenara al — böylece RTL'de görsel ile metin çakışmaz; LTR düzeni değişmez. */ [dir="rtl"] .rig { left: auto; right: 73%; } [dir="rtl"] .phase-rail { left: auto; right: var(--gutter, 40px); } [dir="rtl"] .hero-hud { right: auto; left: var(--gutter, 40px); }