/* =====================================================================
   Akasya — Arapça (RTL) düzenlemeleri. Yalnızca /ar/ sayfalarında yüklenir.
   Temel yerleşim mantıksal CSS özellikleriyle zaten ters döner; bu dosya
   yazı tipi, ok yönleri ve fotoğraf üstü metin konumlarını düzenler.
   Logo, ürün fotoğrafları ve harita ASLA aynalanmaz.
   ===================================================================== */
:root{--font:"Cairo","Figtree",system-ui,"Segoe UI",Tahoma,Arial,sans-serif}
body{font-size:16.5px;line-height:1.75}
h1,h2,h3,h4,.display-title,.page-title,.section-title,.form-title{letter-spacing:0;line-height:1.3}
.display-title{line-height:1.18;font-size:clamp(2.5rem,5.4vw,4.8rem)}
.page-title{line-height:1.25}
.cover-title{letter-spacing:0}
.nav-link{font-size:1rem}
.btn{letter-spacing:0}

/* Yön bildiren arayüz ikonları (oklar, ileri/geri) ters çevrilir */
.ico-dir{transform:scaleX(-1)}
.breadcrumb li+li::before{content:"\\"}
.breadcrumb-inline li+li::before{content:"‹"}

/* Fotoğraf üstü başlıklar: görsellerde ürünler sağda, boş alan solda olduğundan
   metin bloğu RTL'de de fiziksel olarak sol tarafta kalır (görsel aynalanmaz). */
@media (min-width:768px){
  .hero-text,.banner-hero-text{margin-right:auto;margin-left:0}
  .banner-cta-text{right:auto;left:0;padding-left:clamp(20px,3vw,40px);padding-right:0}
}
@media (min-width:992px){
  .catalog-hero-over{right:auto;left:0}
}

/* Latin içerik (telefon, e-posta, kod) yalıtımı */
[dir=ltr],bdi{unicode-bidi:isolate}
.field input[type=email],.field input[type=tel]{text-align:right}
.field input[type=email]:not(:placeholder-shown),.field input[type=tel]:not(:placeholder-shown){text-align:left}

/* Kategori adlarında büyük harf dönüşümü yok */
.pm-cat{text-transform:none;letter-spacing:0}

/* Mobil çekmeceler sağdan/soldan doğru yönde açılır (ana CSS'te tanımlı) */