/* Письмо справа налево (арабский). Подключается только при meta.dir = "rtl" (build.py). Флексы и сетки зеркалятся сами,
   здесь физические left/right из скопированных стилей и то, что остаётся слева направо: латинские названия, телефон, карты,
   графики импульсов, фото до и после. Фото не отражаем: на них надписи. Шрифт: арабских букв в Manrope нет, они идут
   системным шрифтом, латиница и цифры остаются в Manrope (как с китайским, cjk.css). */

html[dir="rtl"] body, html[dir="rtl"] :is(button, input, select, textarea) { font-family: "Manrope", "SF Arabic", "Geeza Pro", "Segoe UI", "Noto Sans Arabic", "Noto Naskh Arabic", Tahoma, sans-serif; }
/* арабские буквы соединяются: любой трекинг их разрывает */
html[dir="rtl"] body *:not(.hero__name):not(.hero__name *) { letter-spacing: 0 !important; }
/* латинские названия, которые анимация режет по буквам */
html[dir="rtl"] .hero__name { direction: ltr; unicode-bidi: isolate; }
html[dir="rtl"] bdi[dir="ltr"] { unicode-bidi: isolate; }

/* карта, графики и разметка на фото: география и время идут слева направо */
html[dir="rtl"] :is(.hmap, .geo__map, .cool__media, .kit__media, .pulse__chart, .chart) { direction: ltr; }

/* шапка и меню */
html[dir="rtl"] .nav__lang .nav__langs { right: auto; left: 0; }
html[dir="rtl"] :is(.mega__head span, .mega__head em, .mega__item em) { margin-left: 0; margin-right: 8px; }
html[dir="rtl"] .mega__star { margin-left: 0; margin-right: 4px; }

/* первые экраны страниц: фото уходит влево, затемнение под текстом справа */
html[dir="rtl"] .phx__shade { background: linear-gradient(180deg, rgba(10, 10, 10, .5) 0%, rgba(10, 10, 10, 0) 20%), linear-gradient(270deg, rgba(10, 10, 10, .74) 0%, rgba(10, 10, 10, .42) 42%, rgba(10, 10, 10, 0) 72%), linear-gradient(0deg, rgba(10, 10, 10, .72) 0%, rgba(10, 10, 10, 0) 42%); }
html[dir="rtl"] .phx--light .phx__media { left: 0; right: max(44%, calc(var(--lx-l) + 498px)); }
html[dir="rtl"] .phx__xray { right: auto; left: 0; }
html[dir="rtl"] .phx--xray .phx__shade { background: linear-gradient(270deg, rgba(0, 0, 0, .86) 0%, rgba(0, 0, 0, .5) 36%, rgba(0, 0, 0, 0) 58%), linear-gradient(0deg, rgba(0, 0, 0, .72) 0%, rgba(0, 0, 0, 0) 32%); }
html[dir="rtl"] .asm__shade { background: linear-gradient(270deg, rgba(10, 10, 10, .9) 0%, rgba(10, 10, 10, .72) 40%, rgba(10, 10, 10, .38) 100%); }
html[dir="rtl"] .ipx-trace { right: auto; left: max(var(--gutter), calc((100vw - 1240px) / 2 + var(--gutter))); direction: ltr; }
html[dir="rtl"] .hp__list li { padding: 18px 52px 18px 0; }
html[dir="rtl"] .hp__list li::before { left: auto; right: 0; }
html[dir="rtl"] .ipx-hero__shade { background: linear-gradient(270deg, var(--hp-bg) 0%, rgba(11, 13, 17, .86) 30%, rgba(11, 13, 17, 0) 54%), linear-gradient(0deg, rgba(11, 13, 17, .9) 0%, rgba(11, 13, 17, 0) 26%); }
@media (min-width: 900px) {
  html[dir="rtl"] .ipx-hero__media { right: auto; left: max(0px, calc((100vw - 1240px) / 2 - 20px)); }
  html[dir="rtl"] .about-hero .phx__media { left: 0; right: 32%; -webkit-mask-image: linear-gradient(270deg, transparent 0, #000 30%); mask-image: linear-gradient(270deg, transparent 0, #000 30%); }
  html[dir="rtl"] .about-hero .phx__shade { background: linear-gradient(180deg, rgba(10, 10, 10, .5) 0%, rgba(10, 10, 10, 0) 20%), linear-gradient(270deg, rgba(10, 10, 10, .72) 0%, rgba(10, 10, 10, .5) 38%, rgba(10, 10, 10, 0) 50%), linear-gradient(0deg, rgba(10, 10, 10, .94) 0%, rgba(10, 10, 10, .84) 11%, rgba(10, 10, 10, .42) 18%, rgba(10, 10, 10, 0) 25%); }
}
@media (max-width: 899px) {
  html[dir="rtl"] .phx__xray { left: 0; right: 0; }
  html[dir="rtl"] .phx__shade { background: linear-gradient(0deg, rgba(10, 10, 10, .88) 0%, rgba(10, 10, 10, .5) 52%, rgba(10, 10, 10, .18) 100%); }
}

/* линии и отступы у цитат, списков, таблиц */
html[dir="rtl"] :is(.proof, .claim span, .art__body .pull) { padding-left: 0; padding-right: 14px; border-left: 0; border-right: 2px solid var(--red); }
html[dir="rtl"] .art__body .pull { padding-right: 20px; }
html[dir="rtl"] :is(.ticks li, .art__body .dash li) { padding-left: 0; padding-right: 22px; }
html[dir="rtl"] .art__body .dash li { padding-right: 24px; }
html[dir="rtl"] .art__body .steps li { padding-left: 0; padding-right: 40px; }
html[dir="rtl"] :is(.ticks li, .art__body .dash li, .art__body .steps li)::before { left: auto; right: 0; }
html[dir="rtl"] :is(.cmp th, .cmp td) { padding: 14px 0 14px 16px; text-align: right; }
html[dir="rtl"] .tbl th { padding: 10px 0 10px 14px; text-align: right; }
html[dir="rtl"] :is(.tbl caption, .spec-table th, .spec-table td, .rent__table th, .rent__table td) { text-align: right; }
html[dir="rtl"] .spec-table th { padding-right: 0; padding-left: 16px; }
html[dir="rtl"] :is(.ptable td, .kv dd, .lvl em, .rent-cards b) { text-align: left; }
html[dir="rtl"] .lvl i b { transform-origin: 100% 50%; }
html[dir="rtl"] .conf__side { padding-left: 0; padding-right: clamp(20px, 3vw, 40px); border-left: 0; border-right: 1px solid var(--rule); }
html[dir="rtl"] .kit .conf__side { padding: 16px 0 0; border-right: 0; }
html[dir="rtl"] .gx-set + .gx-set { padding-left: 0; padding-right: 26px; border-left: 0; border-right: 1px solid var(--rule); }
html[dir="rtl"] .legend li::before { margin-right: 0; margin-left: 8px; }
html[dir="rtl"] .tri { margin-right: 0; margin-left: 12px; border-left: 0; border-right: 9px solid currentColor; }

/* мелкие подписи рядом с числами */
html[dir="rtl"] :is(.h3 span, .conf__v span, .gauge__dial b i, .gallery__count span, .rent-cards b i, .vcard__star) { margin-left: 0; margin-right: .35em; }
html[dir="rtl"] .hero__num { margin-right: 0; margin-left: .2em; }

/* FAQ: плюс слева */
html[dir="rtl"] .faq summary { padding: 18px 0 18px 44px; }
html[dir="rtl"] .faq summary::after { right: auto; left: 4px; }

/* подписи поверх картинок */
html[dir="rtl"] :is(.bento figcaption, .price__cap, .vcard__dur) { left: auto; right: 16px; }
html[dir="rtl"] .price__cap { right: clamp(14px, 1.8vw, 20px); }
html[dir="rtl"] .vcard__dur { right: 10px; }
html[dir="rtl"] .dir__n { left: auto; right: clamp(20px, 2.4vw, 32px); }
html[dir="rtl"] .hmap__pin { left: auto; right: 18px; direction: rtl; }
html[dir="rtl"] .rc__open::after { right: auto; left: 10px; }

/* прокрутка и навигация по разделам */
html[dir="rtl"] .gallery__viewport { padding-left: 0; padding-right: max(var(--gutter), calc((100vw - 1240px) / 2 + var(--gutter))); }
html[dir="rtl"] .lnav__links { margin-left: 0; margin-right: auto; }

/* подвал */
html[dir="rtl"] .ft__cap { left: auto; right: 148px; }
html[dir="rtl"] .ft__map .ft__ar { margin-left: 0; margin-right: 8px; transform: scaleX(-1); }
html[dir="rtl"] .ft__col a::before { margin-right: 0; margin-left: 0; transition: width .35s var(--ft-ease), margin-left .35s var(--ft-ease); }
html[dir="rtl"] :is(.ft__col a:hover, .ft__col a[aria-current])::before { margin-right: 0; margin-left: 8px; }
html[dir="rtl"] .ft__top { margin-left: 0; margin-right: auto; }

/* плашка cookie справа */
html[dir="rtl"] .ck { left: auto; right: 20px; }

@media (max-width: 899px) {
  html[dir="rtl"] .faq summary { padding: 14px 0 14px 40px; }
  html[dir="rtl"] .lnav__links { margin-right: 0; }
  html[dir="rtl"] .kv dd { text-align: right; }
  html[dir="rtl"] .conf__side { padding: 14px 0 0; border-right: 0; }
  html[dir="rtl"] .gx-set + .gx-set { padding-right: 18px; }
  html[dir="rtl"] .hmap__pin { right: 10px; }
  html[dir="rtl"] .ck { left: 12px; right: 12px; }
}