/* Ixvéne — Arapça (RTL) katmanı. site.css'ten ve sayfa <style> bloğundan SONRA yüklenir.
   Latin sözcükler (Ixvéne, numaralar) Bodoni/Jost'ta kalır; Arapça harfler Reem Kufi / Noto Naskh Arabic'e düşer. */
:root{
  --serif:"Cormorant Garamond","Reem Kufi","Noto Kufi Arabic",serif;
  --sans:Manrope,"Noto Naskh Arabic",Tahoma,sans-serif;
}
/* Arapçada harf aralığı bitişik harfleri bozar; büyük harf dönüşümü anlamsız; italik yok */
html[dir="rtl"] *,html[dir="rtl"] *::before,html[dir="rtl"] *::after{letter-spacing:0!important;text-transform:none!important}
html[dir="rtl"] em,html[dir="rtl"] i{font-style:normal}
body{line-height:1.85}
.ltr{direction:ltr;unicode-bidi:isolate;white-space:nowrap}

/* tipografi ölçüleri: Arapça daha yüksek satır ister */
.b1{font-size:clamp(42px,6.6vw,104px);line-height:1.22}
.b2{font-size:clamp(34px,4.6vw,68px);line-height:1.3}
.b3{font-size:clamp(24px,2.3vw,34px);line-height:1.45}
.hero h1{max-width:13ch}
.giris{line-height:1.85}
.manifesto p{font-size:clamp(26px,3.1vw,46px);line-height:1.55}
.manifesto p em{font-style:normal}
.etiket{font-size:14px;line-height:1.4;margin-bottom:18px}
.btn,.bag{font-size:15px;font-weight:500}
.nav nav{font-size:16px;gap:30px}
.form label,.form legend{font-size:14px;line-height:1.4}
.altbilgi h4{font-size:14px}
.altbilgi .imza{line-height:1.4}
.mmenu a{font-size:36px;line-height:1.5}
.mmenu a[aria-current]{font-style:normal;text-decoration:underline;text-underline-offset:10px;text-decoration-thickness:1px}
.yazi h2{font-size:clamp(32px,4.4vw,64px);line-height:1.3}
.kart h3{line-height:1.4}
.kart figcaption{grid-template-columns:40px 1fr}
.kart figcaption span{font-style:normal}
.liste li b{line-height:1.45}
.taslak{font-size:11px}

/* üst menü ve mobil menü */
.mmenu .kapat{right:auto;left:calc(var(--kenar) - 10px)}

/* hero: metin sağda, karartma sağdan */
.hero::after{background:linear-gradient(270deg,rgba(11,10,8,.86) 0%,rgba(11,10,8,.6) 34%,rgba(11,10,8,.08) 62%,rgba(11,10,8,0) 75%),linear-gradient(0deg,rgba(11,10,8,.6),transparent 30%)}
.hero .ust{left:auto;right:var(--kenar);transform:translateY(-50%);writing-mode:vertical-rl}
@media (max-width:960px){.hero::after{background:linear-gradient(0deg,rgba(11,10,8,.97) 34%,rgba(11,10,8,.72) 55%,rgba(11,10,8,.1) 80%)}}
/* alt sayfa girişi (hikâye, salonlar, iletişim): görsel sol yarıda, koyu alan sağda */
@media (min-width:961px){
  .hero.alt-sayfa>img{right:auto;left:0}
  .hero.alt-sayfa:has(>img)::after{background:linear-gradient(270deg,var(--koyu) 50%,rgba(11,10,8,.25) 50%,rgba(11,10,8,0) 64%)}
}
.foto .not,.temsili{right:auto;left:12px}

/* .bag oku: RTL'de satır sonu solda; ::after çizgisi kendiliğinden solda kalır */

/* tanım listesi */
.liste li span{text-align:left}
@media (max-width:560px){.liste li span{text-align:right}}

/* kaydırmalı sahne yazıları */
.yazi{left:auto;right:var(--kenar)}
.yazi.sag{right:auto;left:var(--kenar)}
@media (max-width:960px){.yazi.sag{left:auto;right:var(--kenar)}}

/* önce / sonra: ÖNCE sağda, SONRA solda (JS de ayna mantığıyla çalışır) */
.kiyas .ust{clip-path:inset(0 0 0 50%)}
.kiyas .etk{font-size:14px}
.kiyas .etk.o{left:auto;right:16px}.kiyas .etk.s{right:auto;left:16px}

/* formlar */
.form input[type="tel"]{direction:ltr;text-align:right}

/* açılış perdesi */
.perdeK button{right:auto;left:var(--kenar);font-size:14px}

/* ana sayfa */
.paketler span{padding:16px 0 16px 22px;margin-right:0;margin-left:22px}
.set-sayi small{font-size:15px;margin-top:30px}

/* ürün sayfası */
.alt-sayfa h1{max-width:16ch}
.paket{border-left:0;border-right:1px solid var(--murekkep)}
.paket span{border-right:0;border-left:1px solid var(--murekkep)}
.paket span small{font-size:13px}
.makro figcaption b,.kutu .liste li.top b{font-style:normal}
.magaza b{font-style:normal}
.akordeon summary{line-height:1.5}

/* ritüel sayfası */
.adim .rakam{font-style:normal}
.adim .kisa{font-style:normal}
@media (min-width:961px){.adim .metin{padding-left:0;padding-right:clamp(0px,2vw,32px)}.adim.ters .metin{padding-right:0}}
.kapanis{text-align:right}

/* hikâye / salonlar / iletişim */
.no,.ofis .no{font-style:normal}
.paket-tablo .ad{line-height:1.2}
.paket-tablo .ad small{margin-left:0;margin-right:10px;font-size:14px}
.harita-not{border-left:0;border-right:2px solid var(--murekkep);padding-left:0;padding-right:12px}
.salon-liste button{text-align:right}
.salon-liste button span{font-size:14px}
.salon-liste button:hover,.salon-liste button.sec{padding-left:0;padding-right:12px}
.salon-liste button.sec{font-style:normal}
.kanal a:hover{padding-left:0;padding-right:12px}
.kanal small{font-size:14px;line-height:1.4}
.kanal span{text-align:left}
.kanal b .ltr{font-size:inherit;color:inherit;text-align:inherit}
@media (max-width:560px){.kanal span{text-align:right}}
.leaflet-popup-content{direction:rtl;text-align:right;font-family:var(--sans)}

/* ürün kutusu görselin sağ yarısında olan girişler (ana sayfa, set): masaüstünde metin bloğu solda, satırlar sağa hizalı */
@media (min-width:961px){
  .hero.metin-sol::after{background:linear-gradient(90deg,rgba(11,10,8,.86) 0%,rgba(11,10,8,.6) 34%,rgba(11,10,8,.08) 62%,rgba(11,10,8,0) 75%),linear-gradient(0deg,rgba(11,10,8,.6),transparent 30%)}
  .hero.metin-sol .ic{display:flex;flex-direction:column;align-items:flex-end}
  .hero.metin-sol .ic>*{width:min(560px,100%);max-width:none}
  .hero.metin-sol h1{font-size:clamp(44px,5.6vw,84px)}
  .hero.metin-sol.alt-sayfa h1{font-size:clamp(40px,4.8vw,70px)}
}
/* alt sayfa başlıkları: Arapça satırlar daha yüksek; girişe sığsın */
.alt-sayfa .b1{font-size:clamp(40px,5.4vw,84px)}
/* açılış perdesi videosu: left+right+genişlik çakışmasında RTL "left"i yok sayar; video ortada kalsın */
.perdeK{direction:ltr}
