/* ============================================================
   RTL — арабская версия. Подключается только на страницах /ar/
   Зеркалит раскладку и подменяет шрифты на арабские
   ============================================================ */
[dir="rtl"]{
  --font-display: 'Cairo', 'Onest', system-ui, sans-serif;
  --font-body: 'Cairo', system-ui, sans-serif;
}
[dir="rtl"] body{ letter-spacing:0; }
/* у арабского нет капса — разрядка и uppercase выглядят чужеродно */
[dir="rtl"] .kicker,
[dir="rtl"] .menu a,
[dir="rtl"] .cta a,
[dir="rtl"] .socials a,
[dir="rtl"] .scrollHint,
[dir="rtl"] .crumb a,
[dir="rtl"] .sideNav a span,
[dir="rtl"] .chan small,
[dir="rtl"] .footGrid h4,
[dir="rtl"] .footGrid .socRow a,
[dir="rtl"] .gear small,
[dir="rtl"] .wCard small,
[dir="rtl"] .tCard .role,
[dir="rtl"] .flowCard .when,
[dir="rtl"] .tourCard .link,
[dir="rtl"] .lang a{
  text-transform:none; letter-spacing:0;
}
[dir="rtl"] .kicker{ font-size:12.5px; }
[dir="rtl"] .menu a{ font-size:13.5px; }

/* ---------- зеркалим плавающие элементы ---------- */
[dir="rtl"] .sideNav{ left:auto; right:16px; transform:translate(18px,-50%); }
[dir="rtl"] .sideNav.show{ transform:translate(0,-50%); }
[dir="rtl"] .chatFab{ right:auto; left:18px; }
[dir="rtl"] .chatPop{ right:auto; left:18px; transform-origin:bottom left; }
[dir="rtl"] .socials{ right:auto; left:clamp(14px,2vw,26px); }
[dir="rtl"] .scrollHint{ right:auto; left:clamp(20px,2.6vw,34px); }
[dir="rtl"] .eq{ left:auto; right:clamp(20px,2.6vw,34px); }
[dir="rtl"] .tourCard .chips{ left:auto; right:16px; }
[dir="rtl"] .tempChip{ right:auto; left:16px; }
[dir="rtl"] .whyCard .ico{ left:auto; right:18px; }
[dir="rtl"] .bx .ico{ left:auto; right:24px; }
[dir="rtl"] .notlike .cap,
[dir="rtl"] .bx.photo .cap{ text-align:right; }
[dir="rtl"] .b2bImg .tag,
[dir="rtl"] .videoCard .tag,
[dir="rtl"] .mapCard .tag{ left:auto; right:16px; }
[dir="rtl"] .chatHead .x{ margin-left:0; margin-right:auto; }

/* ---------- таймлайн и списки ---------- */
[dir="rtl"] .flow::before{ left:auto; right:23px; }
[dir="rtl"] .flowItem{ padding-left:0; padding-right:70px; }
[dir="rtl"] .flowDot{ left:auto; right:0; }
[dir="rtl"] .flowCard > button{ text-align:right; }
[dir="rtl"] .ie li{ padding-left:0; padding-right:30px; }
[dir="rtl"] .ie li::before{ left:auto; right:0; }
[dir="rtl"] .quote{ border-left:none; border-right:3px solid var(--green); padding-left:0; padding-right:22px; }
[dir="rtl"] .faqItem button{ text-align:right; }
[dir="rtl"] .dNum{ margin-right:0; margin-left:14px; }
[dir="rtl"] .cfgOpt{ text-align:right; }
[dir="rtl"] .cfgOpt:hover{ transform:translateX(-3px); }
[dir="rtl"] .step:hover{ transform:translateX(-6px); }
[dir="rtl"] .oneWindow{ padding:16px 16px 16px 24px; }
[dir="rtl"] .lang{ margin-left:0; margin-right:18px; }

/* ---------- ленты и градиенты ---------- */
[dir="rtl"] .stripWrap::before{ background:linear-gradient(-90deg, var(--paper), transparent); left:auto; right:0; }
[dir="rtl"] .stripWrap::after{ background:linear-gradient(90deg, var(--paper), transparent); right:auto; left:0; }
/* лента едет в обратную сторону — по направлению чтения */
[dir="rtl"] .strip{ animation-direction:reverse; }
[dir="rtl"] .sideNav a::after{ left:auto; right:calc(100% + 12px); }

/* ---------- мобильные ---------- */
@media (max-width:760px){
  [dir="rtl"] .burger,
  [dir="rtl"] .pageHero2 .burger{ right:auto; left:14px; }
}