/* ==========================================================================
   Арабская версия: письмо справа налево и арабские шрифты
   Подключается только на страницах /ar/, после style.css и landing.css
   ========================================================================== */

:root {
  --font-display: "Readex Pro", "IBM Plex Sans Arabic", system-ui, sans-serif;
  --font-body: "IBM Plex Sans Arabic", "Readex Pro", system-ui, sans-serif;
}
body { line-height: 1.75; }
.hero__title, .section__title, .offer__title, .final__title, .doc__title, .promise__title, .case__title,
.lp-card__title, .journey__title, .effort__title, .lp-doc__title, .lp-success__title { letter-spacing: 0; line-height: 1.3; }
.eyebrow, .footer__label, .lp-trust__label { letter-spacing: 0; }

/* Цифры, коды и почта остаются слева направо внутри арабского текста */
.ltr { direction: ltr; unicode-bidi: isolate; }

/* Шапка и навигация */
.skip-link { left: auto; right: 16px; }
.nav, .lp-header__right { margin-left: 0; margin-right: auto; }
.eyebrow::before { margin-right: 0; margin-left: 10px; }

/* Стрелки смотрят влево */
.btn__arrow, .link-arrow span, .slider-btn svg { transform: scaleX(-1); }
.btn:hover .btn__arrow { transform: scaleX(-1) translateX(4px); }
.link-arrow:hover span { transform: scaleX(-1) translateX(4px); }
.btn__ext { transform: scaleX(-1); }
.btn:hover .btn__ext { transform: scaleX(-1) translate(2px, -2px); }
.offer__flow li:hover { transform: translateX(-4px); }
.link-arrow { background-position: 100% 100%; }

/* Первый экран */
.hero__facts li + li { border-left: 0; border-right: 1px solid var(--line-light); }
.case__player-label { left: auto; right: 22px; }

/* Таймлайн */
.journey__step::before { left: auto; right: 0; }
.journey__line span { left: auto; right: 0; }

/* Списки с маркерами */
.offer__list li { padding-left: 0; padding-right: 32px; }
.offer__list li::before { left: auto; right: 0; }
.lp-assure li { padding-left: 0; padding-right: 28px; }
.lp-assure li::before { left: auto; right: 0; }
.doc__body li { padding-left: 0; padding-right: 20px; }
.doc__body li::before { left: auto; right: 4px; }
.doc__toc ol { padding-left: 0; padding-right: 22px; }

/* FAQ: плюс слева */
.qa summary { padding: 24px 0 24px 56px; }
.qa summary::after, .qa summary::before { right: auto; left: 12px; }
.qa__body p { padding: 0 0 26px 48px; }

/* Формы */
.upload__clear { margin-left: 0; margin-right: auto; }
.field__input--select { padding-right: 18px; padding-left: 48px; background-position: left 16px center; }
.lp-est__row b { text-align: left; }
.lp-est__row i::after { left: calc(100% - var(--to)); right: var(--from); transform-origin: right; }
.lp-doc__row i::after { left: auto; right: 0; transform-origin: right; }
.lp-doc__label { left: auto; right: 16px; }
.lp-preview__chip { right: auto; left: -20px; }
.lp-cross .link-arrow { margin-left: 0; margin-right: 6px; }

/* Cookie и модальное окно */
.cookie { left: auto; right: 20px; }
.modal__close { right: auto; left: -16px; }

@media (max-width: 960px) {
  .header__inner > .lang { margin-left: 0; margin-right: auto; }
  .burger { margin-left: 0; margin-right: 10px; }
  .journey__steps { padding-left: 0; padding-right: 34px; }
  .journey__step::before { left: auto; right: -34px; }
  .journey__line { left: auto; right: 6px; }
}

@media (max-width: 600px) {
  .hero__facts li + li { border-right: 0; }
  .lp-preview__chip { left: 8px; }
  .modal__close { left: 8px; }
  .cookie { right: 16px; }
}

/* Бонус за время на сайте */
.bonus { right: auto; left: 20px; }
.bonus__close { right: auto; left: 14px; }
.bonus__title { padding-right: 0; padding-left: 30px; }
.bonus__terms li { padding-left: 0; padding-right: 20px; }
.bonus__terms li::before { left: auto; right: 4px; }
.bonus__code { padding: 8px 14px 8px 8px; }
.bonus__copy { margin-left: 0; margin-right: auto; }
.bonus-pill { right: auto; left: 20px; padding: 10px 12px 10px 16px; }
@media (max-width: 600px) {
  .bonus { left: 16px; }
  .bonus-pill { left: 16px; }
}

/* Сейчас на сайте */
.online { left: auto; right: 20px; padding: 10px 14px 10px 16px; }
@media (max-width: 600px) { .online { right: 16px; } }

/* Страница «О Roblox»: ось лет на графике всегда слева направо */
.rb-bars, .rb-years { direction: ltr; }
.rb-kpi strong small { margin-left: 0; margin-right: 4px; }
.rb-legend i { margin-right: 0; margin-left: 8px; }
.rb-yes, .rb-no, .rb-mid { margin-right: 0; margin-left: 6px; }
.rb-sources ol { padding-left: 0; padding-right: 20px; }