/* Müşteri teması dil sürümleri (EN/DE/AR; çeviri turu 05.11). Yalnız dil sayfalarında yüklenir (m/base.html). Katmansız:
   onna.css'in "tasarim" katmanını geçer. Satır içi stil yok. TR sayfalar bu dosyayı yüklemez.
   1) Uzun Almanca sözcükler dar sütunlarda taşmasın (TR'de olmayan durum).
   2) Arapça (dir="rtl"): ızgara/esnek düzenler kendiliğinden aynalanır; burada fiziksel (left/right) kurallar aynalanır.
      Kayan şeritler, öncesi/sonrası sürgüsü ve telefon girdisi soldan sağa kalır (görsel ve rakam). Arapça yazı tipi
      temada yok: Poppins Latin harflerde kalır, Arapça harfler sistem yazı tipinden (Google Fonts yok, dış kaynak yok). */

/* ---------- 1) uzun sözcükler ---------- */
html:not([lang="tr"]) .lnav{grid-template-columns:minmax(0,1fr)}
@media (max-width:900px){html:not([lang="tr"]) .lnav{grid-template-columns:repeat(2,minmax(0,1fr))}}
html:not([lang="tr"]) .lnav a,html:not([lang="tr"]) .legaltxt,html:not([lang="tr"]) .ddm b,html:not([lang="tr"]) .mrow b{overflow-wrap:anywhere;hyphens:auto}
html:not([lang="tr"]) :is(h1,h2,h3){overflow-wrap:break-word;hyphens:auto}

/* telefon (Ajan 4 çeviri tur 1): uzun etiketli düğmeler kırılır, kenara dayanmaz; sistem bulucu gezintisi sığmazsa alt satıra */
html:not([lang="tr"]) .btn{white-space:normal;text-align:center}
html:not([lang="tr"]) .wiz .wnav{flex-wrap:wrap}
/* KVKK / rıza kutusu iki satırda ilk satırla hizalı (TR .form label.c gibi) */
html:not([lang="tr"]) .wform .wk{align-items:flex-start}
html:not([lang="tr"]) .wform .wk input{margin-top:3px}

/* masaüstü (Ajan 3 çeviri tur 1): 1280 ve altında üst menüde Ürünler gizli (TR onna.css kuralı /urunler/ adresine bağlı) */
@media(max-width:1280px){nav.main .links>a:is([href="/en/products/"],[href="/de/produkte/"],[href="/ar/%d8%a7%d9%84%d9%85%d9%86%d8%aa%d8%ac%d8%a7%d8%aa/"],[href="/ar/المنتجات/"]){display:none}}
/* ana sayfa form bandı 1001–1280: uzun başlık ve düğme metni yüzünden alanlar daralmasın; başlık alanların üstüne sarar
   (telefon alanı TR'den dar kalmaz) */
@media(min-width:1001px) and (max-width:1280px){html:not([lang="tr"]) .fband .form{grid-template-columns:1fr}}
/* dil blog sayfası: son Türkçe yazılar (m/dil/<dl>/kartlar-tr.html) */
.m-kartlar-tr .kart-tr-bas{margin:0 0 22px}
.m-kartlar-tr .kart-tr-bas h2{margin:0 0 6px;font-size:clamp(1.3rem,2vw,1.7rem)}
.m-kartlar-tr .kart-tr-bas p{margin:0;color:var(--mu-l)}
.m-kartlar-tr .dil-tr{display:inline-block;padding:2px 9px;border-radius:999px;border:1px solid var(--ln-l);background:var(--lilac);color:var(--plum);font-size:.72rem;font-weight:600}

/* blog kartı oku: RTL'de ok ve üstüne gelince kayma ters yönde */
[dir="rtl"] .m-kartlar .ok{scale:-1 1}
@media (prefers-reduced-motion:no-preference){[dir="rtl"] .m-kartlar :is(a,button):is(:hover,:focus-visible)>.ok{translate:-5px 0}}

/* yasal dil sayfaları: bağlayıcı metin Türkçe notu (sol menüdeki .lnav kutusunun dilinde) */
.legaltxt>.m-bagla{margin:0 0 22px;padding:12px 16px;border-radius:14px;background:var(--lilac);border:1px solid var(--ln-l);font-size:.9rem;line-height:1.6}

/* ---------- 2) Arapça ---------- */
:root[dir="rtl"]{--sans:"Poppins","Noto Sans Arabic","Noto Naskh Arabic","Geeza Pro","Segoe UI",Tahoma,system-ui,sans-serif;--script:"Vujahday Script","Noto Naskh Arabic","Geeza Pro",Tahoma,serif}
[dir="rtl"] body{font-weight:400}
[dir="rtl"] :is(h1,h2,h3,.sc,.k,.pill){letter-spacing:0}
/* rakam, telefon, kod: soldan sağa */
[dir="rtl"] a[href^="tel:"]:not(.ctile){direction:ltr;unicode-bidi:isolate;display:inline-block}
/* iletişim telefon kartı: kart RTL ızgara kalır, yalnız numara LTR yalıtılır */
[dir="rtl"] a.ctile[href^="tel:"] b{direction:ltr;unicode-bidi:isolate;text-align:right}
[dir="rtl"] a.ctile span[dir="ltr"]{unicode-bidi:isolate;white-space:nowrap}
[dir="rtl"] a.ctile[href^="tel:"] b{white-space:nowrap}
/* Instagram: hesap adı soldan sağa ("@onnahair"), ok düğmeleri kayan satırla aynı yönde (← →) */
[dir="rtl"] a.ighandle>b{direction:ltr;unicode-bidi:isolate}
[dir="rtl"] #instagram .igctl{direction:ltr}
/* kalın yazı: TR'deki görünüm (sınıflı kurallar etkilenmez) */
@layer tasarim{:where([dir="rtl"]) :where(b,strong){font-weight:600}}
/* (onna.css @layer tasarim içinde: katmansız yazılırsa sınıflı ağırlıkları da ezer, ör. çekmece .mrow b 500) */
[dir="rtl"] :is(input[type="tel"],.telg){direction:ltr}
[dir="rtl"] :is(b,strong,i):has(>[data-count]){direction:ltr;unicode-bidi:isolate}
[dir="rtl"] footer .fc li:nth-child(3) a{direction:ltr;unicode-bidi:isolate;display:inline-block}
/* kayan şeritler (basın, yorumlar, galeri şeridi, Instagram): hareket soldan sağa düzende; içerik sağdan sola */
[dir="rtl"] :is(.press .mq,.rtrack-wrap,.gstrip,#instagram .igrow){direction:ltr}
[dir="rtl"] :is(.press .t,.rtrack,.gtrack,#instagram .igrow)>*{direction:rtl}
/* öncesi/sonrası: görüntüler ve sürgü soldan sağa (önce solda, sonra sağda) */
[dir="rtl"] :is(.ba,.gimg,.gpair){direction:ltr}
[dir="rtl"] :is(.ba,.gimg,.gpair) :is(.t,figcaption,.badge){direction:rtl}
/* üst menü */
[dir="rtl"] nav.main .links{margin-left:0;margin-right:auto}
[dir="rtl"] nav.main .links>a::after,[dir="rtl"] .dd>button::after{transform-origin:right}
[dir="rtl"] .chev{margin-left:0;margin-right:4px}
[dir="rtl"] .ddm{left:auto;right:-24px}
[dir="rtl"] .ddm a{padding:12px 18px 12px 14px}
[dir="rtl"] .ddm a::before{left:auto;right:4px}
[dir="rtl"] .ddm a:hover{transform:translateX(-4px)}
@media (max-width:1020px){
  [dir="rtl"] nav.main .cta{margin-left:0;margin-right:auto}
  [dir="rtl"] .mnav .mw{left:auto;right:0;box-shadow:-30px 0 60px rgba(0,0,0,.45);animation-name:mslide-rtl}
}
@keyframes mslide-rtl{from{transform:translateX(100%)}to{transform:none}}
[dir="rtl"] .ccb .cv{margin-left:0;margin-right:2px}
/* yüzen WhatsApp düğmesi: sol altta */
[dir="rtl"] .wa{right:auto;left:max(18px,env(safe-area-inset-left,0px))}
/* kahraman görseli: metin sağda, görsel solda */
[dir="rtl"] .hero.h8 .ph{left:0;right:24%;-webkit-mask-image:linear-gradient(270deg,transparent 0%,rgba(0,0,0,.35) 18%,#000 42%);mask-image:linear-gradient(270deg,transparent 0%,rgba(0,0,0,.35) 18%,#000 42%)}
@media (max-width:760px){[dir="rtl"] .hero.h8 .ph{right:0;-webkit-mask-image:none;mask-image:none}}
/* sayfa başı süsleri (satir.css: müşteri temasının satır içi konumları) */
[dir="rtl"] .ms89d197{right:auto;left:-120px}
[dir="rtl"] .ms59fda2{left:auto;right:-30px}
[dir="rtl"] .ms359d27{right:auto;left:30px}
[dir="rtl"] .ms501d54{right:auto;left:-180px}
[dir="rtl"] .ms9ceaa0{left:auto;right:max(20px,3vw)}
@media (max-width:600px){[dir="rtl"] .phero .im .orb:first-child{left:auto!important;right:-12px!important}}
/* çizgiler, kenarlıklar, girintiler */
[dir="rtl"] .specs div+div{padding-left:0;border-left:0;padding-right:24px;border-right:1px solid var(--ln-l)}
[dir="rtl"] .specs div:nth-child(3){padding-right:0;border-right:0}
[dir="rtl"] .statband .w div+div{border-left:0;border-right:1px solid rgba(255,255,255,.08)}
[dir="rtl"] .statband .w div:nth-child(3){border-right:0}
[dir="rtl"] .tl{border-left:0;padding-left:0;border-right:2px solid var(--gold);padding-right:26px}
[dir="rtl"] .tl div::before{left:auto;right:-34px}
[dir="rtl"] .cinema .who{padding-left:0;border-left:0;padding-right:18px;border-right:3px solid var(--gold)}
[dir="rtl"] .founder{border-left:0;border-right:3px solid var(--gold2)}
[dir="rtl"] :is(.fa ul,.legaltxt ul){padding-left:0;padding-right:22px}
[dir="rtl"] .fa ul{padding-right:1.1em}
[dir="rtl"] summary .cat{margin-right:0;margin-left:12px}
[dir="rtl"] .rq b{margin-right:0;margin-left:8px}
[dir="rtl"] .wc .fig b{margin-right:0;margin-left:6px}
[dir="rtl"] :is(.pcard2 .btn svg,.harita-bilgi .hb .btn svg){margin-right:0;margin-left:4px}
[dir="rtl"] :is(.tbl th,.cs-btn,.form small){text-align:right!important}
[dir="rtl"] .cs-btn::after{right:auto;left:16px}
[dir="rtl"] .cs-btn{padding-left:42px;padding-right:16px}
[dir="rtl"] .form .cs-btn{padding-left:42px;padding-right:1.1em}
/* görsel üstü etiketler ve konumlu öğeler */
[dir="rtl"] .wc .n{right:auto;left:22px}
[dir="rtl"] .reveal .frame .lab{left:auto;right:24px}
[dir="rtl"] .bt .tag{left:auto;right:22px}
[dir="rtl"] .bt .tag2{right:auto;left:22px}
[dir="rtl"] .nt8i .lab{left:auto;right:16px}
[dir="rtl"] .vq::before{right:auto;left:24px}
[dir="rtl"] .vq.feature{padding-right:30px;padding-left:clamp(30px,22vw,290px)}
[dir="rtl"] .vq.feature .slot{right:auto;left:28px}
@media (max-width:760px){[dir="rtl"] .vq.feature{padding-left:30px}}
@media (max-width:900px){[dir="rtl"] .proc::before{left:auto;right:27px}}
@media (max-width:760px){[dir="rtl"] .proc::before{right:23px}}
[dir="rtl"] .proc .d em{right:auto;left:-6px}
[dir="rtl"] .mapinfo{left:auto;right:12px}
@media (max-width:760px){[dir="rtl"] .ctr.c8 .mapinfo{left:10px;right:10px}}
[dir="rtl"] .harita-bilgi{left:auto;right:20px}
@media (max-width:900px){[dir="rtl"] .harita-bilgi{right:auto}}
[dir="rtl"] .foll{right:auto;left:9%}
@media (max-width:760px){[dir="rtl"] .foll{left:5%}}
[dir="rtl"] .strandwrap{right:auto;left:-28px}
@media (max-width:900px){[dir="rtl"] .strandwrap{left:-6px}}
[dir="rtl"] .ikart .ikmark{right:auto;left:-30px}
[dir="rtl"] #oyun .oyun-rozet{left:auto;right:14px}
[dir="rtl"] #oyun .oyun-isaret{right:auto;left:-6px}