/* Arapça (sağdan sola). Gabarito ve Figtree'de Arap harfi yok: Latin harfler (ürün adları, rakamlar) markanın
   kendi yazı tipinde kalır, Arapça harfler Noto Kufi Arabic (başlık) ve IBM Plex Sans Arabic (metin) ile basılır
   (ui.json fonts_href). styles.css'teki sol/sağa bağlı her kural burada aynı seçici ve aynı medya sorgusuyla
   aynalanır; bu dosya styles.css'ten sonra yüklendiği için eşit özgüllükte o kazanır. */
:root {
  --display: "Gabarito", "Noto Kufi Arabic", "Helvetica Neue", Arial, sans-serif;
  --sans: "Figtree", "IBM Plex Sans Arabic", "Helvetica Neue", Arial, sans-serif;
  --fs-display: clamp(36px, 4.4vw, 60px);
  --fs-h2: clamp(28px, 3.2vw, 44px);
  --fs-h3: clamp(23px, 2vw, 30px);
  --fs-label: 14px;
}

/* ---------- yazı ---------- */
/* Arapça bitişik yazılır: harf aralığı harfleri koparır. Latin büyük harf etiketlerinin geniş aralığı da kalkar.
   Arapçada büyük harf yok; etiketlerdeki Latin adlar (Scholege, kurum adları) olduğu gibi yazılır. */
body, body * { letter-spacing: 0 !important; text-transform: none !important; }
body { line-height: 1.75; }
/* Arapçada harflerin üstü ve altı uzun: Latin için ayarlı sıkı satır aralıkları satırları üst üste bindirir */
.display { line-height: 1.32; }
.hero--home .display { font-size: clamp(36px, 4vw, 58px); }
.p-hero .display { font-size: clamp(32px, 3.8vw, 52px); }
.h2 { line-height: 1.35; }
.h3 { line-height: 1.4; }
.btn { line-height: 1.3; }
.proof-num b { line-height: 1.25; }
.proof-num .sub { font-size: clamp(30px, 3.6vw, 50px); }
.statement, .faq details p, .bio details p { line-height: 1.85; }
.wcard-name, .feats h3, .roles h3, .adv h3, .rel-text b, .prod-body b, .bio h3, .cf-name, .col h3 { line-height: 1.35; }

/* telefon numaraları soldan sağa okunur; yoksa sağdan sola satırda gruplar ters sıralanır */
a[href^="tel:"]:not(.btn) { direction: ltr; unicode-bidi: isolate; text-align: right; }
.form-card input[type="email"], .form-card input[type="tel"] { direction: ltr; text-align: right; }

/* ---------- oklar ---------- */
/* ileri ok ve dış bağlantı oku sola baksın (okuma yönü) */
svg:has(> use[href="#i-arrow"]), svg:has(> use[href="#i-out"]) { transform: scaleX(-1); }

/* ---------- üst menü ---------- */
.sub { left: auto; right: -14px; }
.sub--right { right: auto; left: 0; }
.lang-btn { padding: 0 16px 0 12px; }
@media (min-width: 1221px) {
  /* logo sağda, menü ve düğmeler solda: Latin düzenin aynası */
  .site-nav { margin-left: 0; margin-right: auto; }
}
@media (max-width: 1220px) {
  .head-actions { margin-left: 0; margin-right: auto; }
  .site-nav .sub, .site-nav .sub--mega { padding: 4px 12px 8px 0; }
}

/* ---------- ana sayfa vitrini: metin sağda, eğik duvar solda ---------- */
.hero--home { background: linear-gradient(245deg, var(--navy-deep) 0%, var(--navy) 46%, #15476A 100%); }
.hero--home::after {
  -webkit-mask-image: radial-gradient(60% 75% at 78% 55%, #000, transparent);
  mask-image: radial-gradient(60% 75% at 78% 55%, #000, transparent);
}
@media (min-width: 1081px) {
  .wall {
    left: 0; right: max(43%, calc(var(--gutter) + 540px));
    -webkit-mask-image: linear-gradient(270deg, transparent 0, #000 24%), linear-gradient(180deg, transparent 0, #000 14%, #000 86%, transparent 100%);
    mask-image: linear-gradient(270deg, transparent 0, #000 24%), linear-gradient(180deg, transparent 0, #000 14%, #000 86%, transparent 100%);
  }
  /* duvar metne dönük: Y ve Z dönüşleri ters, fare izleme de aynalı (vitrin.js --mx değerini soldan ölçer) */
  .wall-tilt {
    transform: translate(-56%, -50%) perspective(1800px)
      rotateX(calc(18deg - var(--my) * 3deg)) rotateY(calc(14deg + var(--mx) * 4deg)) rotateZ(-10deg);
  }
}
@media (max-width: 1080px) {
  .wall-tilt { transform: translate(-50%, -50%) perspective(1800px) rotateX(18deg) rotateY(10deg) rotateZ(-10deg); }
}
.wcard-kind { padding-right: 0; padding-left: 44px; }
.wcard-go { right: auto; left: 16px; transform: scale(.4) rotate(45deg); }
.wcard:hover .wcard-go { transform: none; }
.wall-pause { right: auto; left: var(--gutter); }

/* ---------- şeritler ve köşeler ---------- */
.stats div:first-child { border-radius: 0 var(--radius) var(--radius) 0; }
.stats div:last-child { border-radius: var(--radius) 0 0 var(--radius); }
.band div:first-child { border-radius: 0 var(--radius) var(--radius) 0; }
.band div:last-child { border-radius: var(--radius) 0 0 var(--radius); }
@media (max-width: 1080px) {
  .stats div:first-child { border-radius: 0 var(--radius) 0 0; }
  .stats div:nth-child(2) { border-radius: var(--radius) 0 0 0; }
  .stats div:nth-child(3) { border-radius: 0 0 var(--radius) 0; }
  .stats div:last-child { border-radius: 0 0 0 var(--radius); }
}

/* ---------- listeler ---------- */
.ticks li { padding-left: 0; padding-right: 32px; }
.ticks li::before { left: auto; right: 0; }
.checks li { padding: 18px 34px 18px 0; }
.checks li::before { left: auto; right: 4px; }
.checks--one li { padding: 11px 30px 11px 0; }

/* ---------- kartlar ---------- */
.rel { padding: 14px 14px 14px 24px; }
.rels--three .rel { padding: 12px 12px 12px 18px; }
.prod-go { right: auto; left: 14px; }
@media (max-width: 760px) { .prod-go { right: auto; left: 8px; } }
.people-track .org, .cf-card .org { left: auto; right: 14px; }

/* ---------- kayan şeritler (mentorlar, basın): sağdan sola dizilir, sola değil sağa kayar ---------- */
.people-track li { margin-right: 0; margin-left: 20px; }
.people-track { animation-name: people-scroll-rtl; }
@keyframes people-scroll-rtl { to { transform: translateX(50%); } }
.press .press-track li { margin-right: 0; margin-left: 16px; }
.press .press-track { animation-name: press-scroll-rtl; }
@keyframes press-scroll-rtl { to { transform: translateX(50%); } }
@media (prefers-reduced-motion: reduce) {
  .people-track { animation: none; }
  .press .press-track { animation: none; }
  .press .press-track li { margin-left: 0; }
}

/* ---------- eğitmen sahnesi ---------- */
/* kadro.js kaydırma ve ok tuşlarında "sonraki"yi sağdan getirir; düğmeler ve noktalar da bu yüzden soldan sağa
   kalır ki dokunma, klavye ve düğmeler aynı yönü göstersin. Metin sağdan sola okunur. */
.cf-ctrl { direction: ltr; }
.cf .cf-next svg { transform: none; }

/* ---------- form ---------- */
/* bot tuzağı ekran dışında: sağdan sola sayfada sol taraf kaydırılabilir taşma olur, bu yüzden sağa itilir */
.form-card .hp { left: auto; right: -9999px; }

/* ---------- alt bilgi ve çerez uyarısı ---------- */
.foot-legal p { margin-right: 0; margin-left: auto; }
@media (min-width: 761px) { .consent-banner { right: auto; left: 24px; } }