/* Arapça (sağdan sola) sürüm — site.css ve site-v2.css'ten sonra yüklenir.
   Flex/grid düzenleri dir="rtl" ile kendiliğinden aynalanır; burada sadece sola/sağa sabitlenmiş kurallar çevrilir. */

/* yazı tipi: Latin harfler Jost, Arapça harfler IBM Plex Sans Arabic */
html[dir="rtl"] body,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea { font-family: 'Jost', 'IBM Plex Sans Arabic', system-ui, sans-serif; }
html[dir="rtl"] * { letter-spacing: 0 !important; }
html[dir="rtl"] body { line-height: 1.8; }
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3 { line-height: 1.35; }
html[dir="rtl"] .kure__sehir-sayi,
html[dir="rtl"] .kure__sehir-ad { font-family: 'Jost', 'IBM Plex Sans Arabic', sans-serif; }

/* yön bildiren ikonlar (ok, ileri/geri) */
html[dir="rtl"] .ikon--ok,
html[dir="rtl"] .ikon--sag,
html[dir="rtl"] .ikon--sol { transform: scaleX(-1); }

/* ölçü tablosundaki değerler soldan sağa kalsın (telefon ve ölçüler sayfada yalıtım karakteriyle sarılı) */
html[dir="rtl"] .olcu span { direction: ltr; unicode-bidi: isolate; }

/* üst menü ve kenar çizgileri */
html[dir="rtl"] .menu .dugme { margin-left: 0; margin-right: 12px; }
html[dir="rtl"] .rakam { border-left: 0; border-right: 1px solid var(--cizgi); }
html[dir="rtl"] .rakam:first-child { border-right: 0; padding-left: 24px; padding-right: 0; }
html[dir="rtl"] .deger { border-left: 0; border-right: 1px solid var(--cizgi); }
html[dir="rtl"] .deger:first-child { border-right: 0; padding-left: 24px; padding-right: 0; }
html[dir="rtl"] .olcu li { border-left: 0; border-right: 1px solid var(--cizgi); }
html[dir="rtl"] .olcu li:first-child { border-right: 0; }

/* sabit WhatsApp düğmesi ve ışık kutusu */
html[dir="rtl"] .wa { right: auto; left: 20px; }
html[dir="rtl"] .kutu__kapat,
html[dir="rtl"] .video-kutu__kapat { right: auto; left: 12px; }
html[dir="rtl"] .kutu__onceki { left: auto; right: 8px; }
html[dir="rtl"] .kutu__sonraki { right: auto; left: 8px; }

/* ürün vitrini (ana sayfa üst bölüm) */
html[dir="rtl"] .vitrin__sekme { text-align: right; }
html[dir="rtl"] .vitrin__ilerleme { left: auto; right: 0; }
html[dir="rtl"] .vitrin__gorsel { padding: 10px 0 34px 18px; }
html[dir="rtl"] .vitrin__gorsel::before { right: auto; left: -6%; }
html[dir="rtl"] .vitrin--studyo .vitrin__gorsel::before { right: auto; left: 2%; }
html[dir="rtl"] .vitrin--studyo .vitrin__gorsel { padding-left: 0; }
html[dir="rtl"] .vitrin__cerceve,
html[dir="rtl"] .vitrin__urun,
html[dir="rtl"] .donen,
html[dir="rtl"] .studyo,
html[dir="rtl"] .slayt { margin-left: 0; margin-right: auto; }
html[dir="rtl"] .vitrin__yuzen { left: auto; right: 4%; }
html[dir="rtl"] .vitrin--studyo .vitrin__yuzen { margin: 14px auto 0 0; border-left: 0; }
html[dir="rtl"] .hero__ayi { left: auto; right: -70px; }
html[dir="rtl"] .hero__kucuk { left: auto; right: 0; }
html[dir="rtl"] .hero__rozet { right: auto; left: -14px; }
html[dir="rtl"] .hero__kart { right: auto; left: 24px; padding: 10px 10px 10px 18px; }

/* "Yeni" rozeti, süreç adımları, liste noktaları */
html[dir="rtl"] .bolum--koyu .urun__gorsel::before { left: auto; right: 14px; }
html[dir="rtl"] .adim2__daire i { right: auto; left: 0; }
html[dir="rtl"] .ulkeler--nokta li::before { left: auto; right: 11px; }

/* küre */
html[dir="rtl"] .kure__geri { left: auto; right: 14px; }
html[dir="rtl"] .ulke-liste button { text-align: right; }

@media (max-width: 1080px) {
  /* mobil menü soldan açılsın */
  html[dir="rtl"] .menu { inset: 0 auto 0 0; transform: translateX(-100%); box-shadow: 10px 0 30px rgba(0,0,0,.12); }
  html[dir="rtl"] .menu--acik { transform: none; }
  html[dir="rtl"] .menu .dugme { margin: 20px 0 0; }
  html[dir="rtl"] .vitrin__cerceve,
  html[dir="rtl"] .vitrin__urun,
  html[dir="rtl"] .donen,
  html[dir="rtl"] .studyo { margin: 0 auto; }
  html[dir="rtl"] .vitrin__gorsel { padding: 0 0 40px; }
  html[dir="rtl"] .rakam:nth-child(3),
  html[dir="rtl"] .deger:nth-child(3) { border-right: 0; padding-right: 0; }
}
@media (max-width: 860px) {
  html[dir="rtl"] .vitrin--studyo .vitrin__yuzen { margin-left: auto; }
  html[dir="rtl"] .hero__rozet { left: -6px; }
  html[dir="rtl"] .hero__kart { left: 0; }
}
@media (max-width: 600px) {
  html[dir="rtl"] .deger { border-right: 0; padding-right: 0; }
  html[dir="rtl"] .olcu li:nth-child(3) { border-right: 0; }
}