/* Arapça (RTL) katmanı — yalnız /ar/ sayfaları yükler; style.css + home.css/pages.css'ten SONRA gelir.
   Ortak CSS'e dokunulmaz; burada yalnız yön aynalama + Arapça tipografi var (2026-10-15).
   Fontlar self-host, Google Fonts v44/v15 "arabic" alt kümesi, SIL OFL 1.1:
   Noto Naskh Arabic (başlık, değişken 400-700) — /assets/fonts/OFL-noto-naskh-arabic.txt
   IBM Plex Sans Arabic 400/600 (gövde)          — /assets/fonts/OFL-ibm-plex-sans-arabic.txt
   Latin glifler (telefon, adres, e-posta) yine Manrope/Fraunces'tan basılır: unicode-range yalnız Arapça. */
@font-face{font-family:"Naskh AR";font-style:normal;font-weight:400 700;font-display:swap;
  src:url(/assets/fonts/noto-naskh-arabic.woff2) format("woff2");
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Plex AR";font-style:normal;font-weight:400;font-display:swap;
  src:url(/assets/fonts/plex-sans-arabic-400.woff2) format("woff2");
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Plex AR";font-style:normal;font-weight:600;font-display:swap;
  src:url(/assets/fonts/plex-sans-arabic-600.woff2) format("woff2");
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}

html[dir="rtl"]{--serif:"Naskh AR","Fraunces","Fraunces-fb",Georgia,serif;
  --sans:"Plex AR","Manrope","Manrope-fb",system-ui,sans-serif}

/* ---------- Arapça tipografi ---------- */
/* harf aralığı Arapça bitişik yazıyı koparır; büyük harf/italik Arapçada yok */
html[dir="rtl"] body *{letter-spacing:0!important}
html[dir="rtl"] body{line-height:1.8}
html[dir="rtl"] em,html[dir="rtl"] .sign,html[dir="rtl"] .ribbon span,html[dir="rtl"] .band .bigq{font-style:normal}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] h4{font-weight:500;line-height:1.4}
html[dir="rtl"] .hero h1{line-height:1.22}
html[dir="rtl"] .hero h1 .ln{padding:.06em 0 .16em}
html[dir="rtl"] .page-hero h1{line-height:1.35}
html[dir="rtl"] .page-hero h1 em{padding-right:0}
html[dir="rtl"] .faq-q{line-height:1.5}
html[dir="rtl"] .eyebrow,html[dir="rtl"] .kicker{font-size:.86rem}
html[dir="rtl"] .nav a{font-size:.92rem}
html[dir="rtl"] .ft-col .ft-h{font-size:.86rem}
/* Arapçada ilk harf büyütme bitişik harfi koparır — kapat */
html[dir="rtl"] .about-body p.first::first-letter{float:none;font-size:inherit;line-height:inherit;padding:0;color:inherit;font-family:inherit}

/* Arapça düğme metni dar kolonda iki satıra kırılıp düğmeyi eziyordu */
html[dir="rtl"] .btn-solid,html[dir="rtl"] .btn-line,html[dir="rtl"] .cta{white-space:nowrap}

/* ---------- genel aynalama ---------- */
html[dir="rtl"] .arr{transform:scaleX(-1)}
html[dir="rtl"] .btn-line:hover svg.arr{transform:scaleX(-1) translateX(6px)}
html[dir="rtl"] #progress{transform-origin:right}
html[dir="rtl"] .nav a::after{left:auto;right:0}
html[dir="rtl"] .langsw-menu{right:auto;left:0}
html[dir="rtl"] .langsw-menu a{text-align:right}
html[dir="rtl"] .kicker::before{transform-origin:right;background:linear-gradient(270deg,var(--champ),var(--blue))}
html[dir="rtl"] .hairline{background:linear-gradient(270deg,transparent,var(--champ-soft),transparent)}

/* iç sayfa başlığı */
html[dir="rtl"] .page-hero{background:radial-gradient(120% 130% at 15% 0%,#EEF1FE,var(--paper) 52%)}
html[dir="rtl"] .page-hero .mark-bg{right:auto;left:-40px}

/* şerit (marquee): RTL'de iz sağa yaslı, ters yöne kayar */
html[dir="rtl"] .ribbon .track{animation-name:scroll-rtl}
@keyframes scroll-rtl{to{transform:translateX(50%)}}

/* kartlar */
html[dir="rtl"] .pillar::before{left:auto;right:0;background:linear-gradient(270deg,var(--champ),var(--blue))}
html[dir="rtl"] .pillar:hover .ico{transform:rotate(6deg)}

/* footer + CTA bandı */
html[dir="rtl"] .ft-mark{left:auto;right:-60px}
html[dir="rtl"] .cta-band{background:linear-gradient(242deg,var(--blue) 0%,#1a29b8 60%,#131f8f 100%)}
html[dir="rtl"] .cta-band::before{right:auto;left:-140px}
html[dir="rtl"] .cta-band::after{right:auto;left:-60px}

/* ---------- ana sayfa hero: portre sola, metin sağa ---------- */
html[dir="rtl"] .hero{background:
    radial-gradient(90% 90% at 70% 8%,#EDF0FE 0%,rgba(237,240,254,0) 55%),
    radial-gradient(70% 80% at 92% 90%,#F3EEE3 0%,rgba(243,238,227,0) 60%),
    var(--paper)}
html[dir="rtl"] .hero-watermark{left:auto;right:30%}
html[dir="rtl"] .hero-figure{right:auto;left:0;clip-path:inset(0 38% 0 0)}
html[dir="rtl"] .hero-figure::before{background:
    linear-gradient(270deg,var(--paper) 0%,rgba(251,250,247,.5) 8%,transparent 30%),
    linear-gradient(0deg,rgba(10,17,48,.5),transparent 36%),
    linear-gradient(180deg,rgba(10,17,48,.18),transparent 20%)}
html[dir="rtl"] .hero-figure::after{left:auto;right:0}
html[dir="rtl"] .hero-figure .chip{right:auto;left:30px;text-align:left}
html[dir="rtl"] .floating-card.a{left:auto;right:9%}
html[dir="rtl"] .scroll-cue{left:auto;right:clamp(120px,25vw,460px);transform:translateX(50%)}
html[dir="rtl"] .hero-stats .s{padding:18px 0 0 26px;margin-right:0;margin-left:26px;border-right:0;border-left:1px solid var(--line-soft)}
html[dir="rtl"] .hero-stats .s:last-child{border-left:0;margin-left:0}
html[dir="rtl"] .hero-stats .s::before{left:auto;right:0}

/* ana sayfa bölümleri */
html[dir="rtl"] .vitem::before{left:auto;right:0}
html[dir="rtl"] .about-photo::before{transform:translate(16px,16px)}
html[dir="rtl"] .about-photo .badge{right:auto;left:-24px}
html[dir="rtl"] .gfig figcaption{left:auto;right:22px}
html[dir="rtl"] .process-img .cap{left:auto;right:20px}
html[dir="rtl"] .step::before{left:auto;right:0}
html[dir="rtl"] .faq-q{text-align:right}

/* iç sayfalar */
html[dir="rtl"] .ct-row small{text-transform:none}
html[dir="rtl"] .vm-card .glyph{right:auto;left:-16px}

/* mobil sabit iletişim çubuğu */
html[dir="rtl"] .mbar a+a{border-left:0;border-right:1px solid rgba(255,255,255,.12)}

@media(max-width:980px){
  html[dir="rtl"] .hero-figure{left:auto;clip-path:none}
  html[dir="rtl"] .hero-figure::before{background:linear-gradient(0deg,rgba(10,17,48,.48),transparent 38%)}
  html[dir="rtl"] .hero-figure .chip{left:18px}
}
@media(max-width:640px){
  html[dir="rtl"] .hero h1{font-size:2.15rem}
  html[dir="rtl"] .kicker{font-size:.74rem}
  html[dir="rtl"] .hero-stats .s{border-left:0;margin:0;padding:14px 0 0}
  html[dir="rtl"] .floating-card.a{right:4%}
  html[dir="rtl"] .about-photo .badge{left:0}
}

/* tedavi sayfaları (2026-10-26) */
html[dir="rtl"] .proc ul{margin:14px 4px 14px 0;padding-left:0;padding-right:20px}
html[dir="rtl"] .proc-wrap .risk-note,html[dir="rtl"] .prose .risk-note{border-left:0;border-right:3px solid var(--champ);border-radius:10px 0 0 10px}
html[dir="rtl"] .risk-box{border-left:1px solid rgba(185,151,91,.4);border-right:3px solid var(--champ)}
html[dir="rtl"] .proc-faq .faq-q{text-align:right}
html[dir="rtl"] .proc-faq .faq-q i::before{left:auto;right:0}
html[dir="rtl"] .proc-faq .faq-q i::after{left:auto;right:8px}
html[dir="rtl"] .proc .cmp th,html[dir="rtl"] .proc .cmp td{text-align:right}
html[dir="rtl"] .svc-more svg,html[dir="rtl"] .rel-card svg{transform:scaleX(-1)}
html[dir="rtl"] .pfact small{text-transform:none}