/* ==================================================================
   tur.css — TÜR SAYFALARI (yalnız bu sayfalara özel)      2026-09-04
   ==================================================================
   Sayfalar : /kurslar (+ sırada /e-ders, /e-sinav, /e-kitap)
   View     : views/yeni/tur_vitrin.php
   Katman   : ortak.css + kurs.css + vitrin.css ÜSTÜNE gelir.
              Hero, arama/çip, kart ızgarası, yorum şeridi ve akordiyon
              vitrin.css/kurs.css'ten MİRAS — burada tekrar yazılmaz.
              Yalnız bu sayfaya özel olan üç parça burada:
                1) .tur-anlati / .tur-ozellik*  — "ana kurs ne veriyor"
                2) .tur-demo                    — 1 günlük demo şeridi
                3) .tur-kart-kat + köprü linki  — kart kategori etiketi

   TUZAK NOTLARI (tasarim-tuzaklari.md):
   §A  Element seçicisi yok — her kural .tur- önekli.
   §A  Reset p{margin:0} / ul{list-style:none;padding:0} veriyor;
       gereken boşluk burada AÇIKÇA geri veriliyor.
   §K  Izgarada açık grid-template-columns + min-width:0;
       auto-fill üst sınırı 1fr (sabit max sağda ölü bant bırakır).
   ================================================================== */

/* --- 1) ANLATI — BENTO + ÜRÜN MOCKUP'LARI (♻️ 2. tur, 2026-09-05) --
   Kullanıcı: "çok sade kalmış, premium olmalı; kimse 6 kartta metin
   okumaz, SEO ve YZ okur — kullanıcıya tasarımsal cazibe lazım."
   Çözüm: 12 sütunlu bento (7+5 / 5+7 / 6+6 ritmi), kart başına renk
   tonu (CSS değişkenleriyle) ve her kartın üstünde saf CSS'le çizilen
   bir ÜRÜN ÂNI (YZ sohbeti, oynatıcı, canlı ders, puan, kitap, takip).
   Gerçek ekran görüntüleri dershane modernizasyonundan sonra gelecek.

   ⛔ İLK SÜRÜM (eş kartlı düz ızgara) — silinmedi, yoruma alındı:
.tur-ozellikler{
  list-style:none; padding:0; margin:0;
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));
  gap:16px;
}
.tur-ozellik{
  min-width:0;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--r-l);
  padding:22px 20px 24px;
  box-shadow:var(--sh-1);
  scroll-margin-top:96px;
}
.tur-ozellik-iko{
  display:inline-flex; align-items:center; justify-content:center;
  width:44px; height:44px; border-radius:12px;
  background:var(--brand-w); color:var(--brand-d);
}
.tur-ozellik-iko svg{ width:22px; height:22px }
.tur-ozellik h3{
  margin:13px 0 7px;
  font-size:1.06rem; line-height:1.35; font-weight:800; color:var(--ink);
}
.tur-ozellik p{
  margin:0;
  color:var(--ink-2); font-size:15.5px; line-height:1.66;
}
*/
.tur-anlati{ padding-block:clamp(38px,5vw,72px) clamp(18px,2.5vw,34px) }

.tur-ozellikler{
  list-style:none; padding:0; margin:0;
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:16px;
}
.tur-ozellik{
  min-width:0; grid-column:span 12;
  display:flex; flex-direction:column; gap:15px;
  background:linear-gradient(180deg, var(--tur-zemin, var(--surface)) 0%, var(--surface) 64%);
  border:1px solid var(--tur-cizgi, var(--line));
  border-radius:var(--r-x);
  padding:18px 18px 21px;
  box-shadow:var(--sh-1);
  /* çapa hedefi (hero yan panel #tur-* linkleri) menünün altına
     saklanmasın */
  scroll-margin-top:96px;
  transition:transform .18s ease, box-shadow .18s ease;
}
.tur-ozellik:hover{ transform:translateY(-3px); box-shadow:var(--sh-2) }
/* Tablet: ikili düzen; masaüstünde bento oranları (7/6/5). */
@media (min-width:640px){ .tur-ozellik{ grid-column:span 6 } }
@media (min-width:1024px){
  .tur-oz-genis{ grid-column:span 7 }
  .tur-oz-orta{ grid-column:span 6 }
  .tur-oz-dar{ grid-column:span 5 }
}

/* Ton aileleri — kart zemini/çizgisi + ikon çipi + vurgu rengi.
   Renkler paletin pastel uzantıları; her kart tek tonda kalır. */
.tur-ton-mor{     --tur-zemin:#F5F1FF; --tur-cizgi:rgb(109 40 217 / .16); --tur-cip-z:#EDE6FF; --tur-cip-y:#6D28D9 }
.tur-ton-mavi{    --tur-zemin:var(--brand-w); --tur-cizgi:rgb(31 82 172 / .16); --tur-cip-z:#DCE9FB; --tur-cip-y:var(--brand-d) }
.tur-ton-yesil{   --tur-zemin:#E9F8F1; --tur-cizgi:rgb(11 122 80 / .16); --tur-cip-z:#DBF3E7; --tur-cip-y:#0B7A50 }
.tur-ton-amber{   --tur-zemin:#FFF6E7; --tur-cizgi:rgb(146 64 14 / .14); --tur-cip-z:#FAEBD0; --tur-cip-y:#92400E }
.tur-ton-kirmizi{ --tur-zemin:var(--red-w); --tur-cizgi:rgb(182 11 50 / .14); --tur-cip-z:#FBDDE5; --tur-cip-y:var(--red-d) }
.tur-ton-turkuaz{ --tur-zemin:#E6F5F8; --tur-cizgi:rgb(14 116 144 / .16); --tur-cip-z:#D9EFF4; --tur-cip-y:#0E7490 }

/* Metin bloğu — mockup üstte, metin kartın dibine yaslanır ki aynı
   satırdaki kartların metinleri hizalı otursun. */
.tur-ozellik-metin{ margin-top:auto }
.tur-ozellik h3{
  margin:0 0 7px;
  display:flex; align-items:center; gap:9px;
  font-size:1.04rem; line-height:1.3; font-weight:800; color:var(--ink);
}
.tur-ozellik-iko{
  display:inline-flex; align-items:center; justify-content:center;
  width:30px; height:30px; border-radius:9px; flex:none;
  background:var(--tur-cip-z, var(--brand-w)); color:var(--tur-cip-y, var(--brand-d));
}
.tur-ozellik-iko svg{ width:16px; height:16px }
/* 🐞 Seçici BİLEREK dar: `.tur-ozellik p` yazılınca (0,1,1) mockup
   paragraflarını da (rozet/balon/satır — hepsi 0,1,0) eziyordu:
   CANLI rozeti kırmızı zeminde mürekkep rengi + 14.5px kalıyordu
   (ölçüldü, getComputedStyle). Metin kuralı yalnız metin bloğuna. */
.tur-ozellik-metin p{
  margin:0;
  color:var(--ink-2); font-size:14.5px; line-height:1.62;
}

/* --- MOCKUP'LAR — ortak panel ------------------------------------- */
.tur-mock{
  background:var(--surface);
  border:1px solid var(--tur-cizgi, var(--line));
  border-radius:14px;
  padding:13px 14px;
  box-shadow:var(--sh-1);
  font-size:13.5px; line-height:1.5;
}
.tur-mock p{ margin:0 }
/* ♻️ 4. tur incelemesi: eş yükseklik satırında kısa mockup'lu kart
   sününce mock ile metin arasında tonlu BOŞ bant kalıyordu (tablette
   CANLI kartında bariz — 768 taramasında görüldü). Boşluk mock
   panelinin İÇİNE alınır: panel esner, içeriği dikeyde ortalanır.
   ⚠️ Kitap mock'u LİSTEDE YOK: yapışkan not paneline göre absolute
   (top:-9px) — panel esnese not sayfadan kopar. YZ zaten en uzun kart. */
.tur-mock-canli, .tur-mock-video, .tur-mock-takip,
.tur-mock-brans, .tur-mock-not, .tur-mock-soru,
.tur-mock-sinav, .tur-mock-karne, .tur-mock-havuz,
.tur-mock-kategori, .tur-mock-paket,
.tur-mock-knot, .tur-mock-viewer,
.tur-mock-uret, .tur-mock-ara, .tur-mock-prog,
.tur-mock-kitapyz, .tur-mock-kiyas{ flex:1; justify-content:center }
.tur-mock-puan{ flex:1 }

/* YZ sohbeti (§F4b — asistan izlenen ânı biliyor) */
.tur-mock-yz{ display:flex; flex-direction:column; gap:8px }
.tur-yz-bas{
  display:flex; align-items:center; gap:7px;
  font-weight:800; font-size:12.5px; color:#6D28D9;
}
.tur-yz-bas em{ font-style:normal; font-weight:600; color:var(--ink-3) }
.tur-yz-nokta{
  width:8px; height:8px; border-radius:50%; flex:none;
  background:#8B5CF6; box-shadow:0 0 0 4px rgb(139 92 246 / .16);
}
.tur-yz-balon{ max-width:88%; padding:8px 12px; border-radius:12px }
.tur-yz-kisi{
  align-self:flex-end; background:var(--navy); color:#fff;
  border-bottom-right-radius:4px;
}
.tur-yz-cevap{
  align-self:flex-start; background:#F3EEFF; color:#3B2A66;
  border:1px solid rgb(109 40 217 / .12);
  border-bottom-left-radius:4px;
}
.tur-yz-cevap b{ color:#6D28D9 }
/* ⛔ 3. tur ilk denemesi — 44px sohbet avatarı (.msg-owl kalıbı).
   Kullanıcı düzeltti: "avatarla sınırlı değil, komple baykuş olsun" —
   kurs detayın asıl kullanımı kutunun köşesindeki büyük maskot.
   Yanlış kalıp yoruma alındı:
.tur-yz-cevap-satir{ display:flex; align-items:flex-start; gap:9px }
.tur-yz-baykus{
  flex:none; width:44px; height:44px; border-radius:50%;
  background:#EDE6FF; padding:4px;
  box-shadow:var(--sh-1); overflow:hidden;
}
.tur-yz-baykus img{ width:100%; height:100%; object-fit:contain; display:block }
.tur-yz-cevap-satir .tur-yz-balon{ max-width:none; min-width:0 }
*/
/* ♻️ KOMPLE BAYKUŞ — kurs detaydaki `.khero-owl` kalıbının eşi
   (kurs.css:231: kartın sağ alt köşesine oturan maskot, drop-shadow,
   tıklanmaz). Kart açık zeminli olduğu için gölge oradakinden yumuşak.
   Konum kartın kendisine göre (.tur-ozellik position:relative). */
.tur-oz-yzli{ position:relative }
.tur-yz-owl{
  position:absolute; right:12px; bottom:6px; width:118px;
  filter:drop-shadow(0 14px 20px rgb(23 43 76 / .26));
  pointer-events:none;
}
.tur-yz-owl img{ width:100%; height:auto; display:block }
/* metin bloğu baykuşun altına girmesin (kurs detaydaki
   `padding-right:100px` çözümünün eşi) */
.tur-oz-yzli .tur-ozellik-metin{ padding-right:124px }
/* sohbet balonu da köşeye taşmasın */
.tur-oz-yzli .tur-yz-cevap{ max-width:84% }

/* Canlı ders (§F7b — sağda sohbet, karşılıklı soru) */
.tur-mock-canli{ display:flex; flex-direction:column; gap:8px }
.tur-cn-rozet{
  display:inline-flex; align-items:center; gap:7px; align-self:flex-start;
  background:var(--red); color:#fff;
  font-weight:800; font-size:11px; letter-spacing:.08em;
  padding:4px 10px; border-radius:999px;
}
.tur-cn-nokta{
  width:7px; height:7px; border-radius:50%; background:#fff; flex:none;
  animation:tur-cn-atim 1.6s ease-in-out infinite;
}
@keyframes tur-cn-atim{ 0%,100%{opacity:1} 50%{opacity:.35} }
.tur-cn-satir{
  background:var(--bg); border:1px solid var(--line-2);
  border-radius:10px; padding:7px 11px; color:var(--ink-2); font-size:13px;
}
.tur-cn-satir b{ color:var(--ink) }
.tur-cn-hoca{ background:var(--red-w); border-color:rgb(182 11 50 / .10) }

/* Video oynatıcı (§F3b — altyazı/hız/HD + saniyeye not) */
.tur-mock-video{ display:flex; flex-direction:column; gap:9px }
.tur-vd-ekran{
  position:relative; display:block; height:96px; overflow:hidden;
  border-radius:11px;
  background:linear-gradient(150deg,#1B3358,#0F1F3A);
}
.tur-vd-oynat{
  position:absolute; inset:0; margin:auto;
  width:38px; height:38px; border-radius:50%;
  background:rgb(255 255 255 / .92); color:var(--navy);
  display:flex; align-items:center; justify-content:center;
}
.tur-vd-oynat svg{ width:16px; height:16px; margin-left:2px }
.tur-vd-cipler{ position:absolute; top:8px; right:8px; display:flex; gap:5px }
.tur-vd-cipler i{
  font-style:normal; font-weight:800; font-size:10.5px; color:#fff;
  background:rgb(255 255 255 / .16); border-radius:6px; padding:2px 6px;
}
.tur-vd-bar{
  position:absolute; left:10px; right:10px; bottom:9px; height:4px;
  border-radius:99px; background:rgb(255 255 255 / .25);
}
.tur-vd-bar i{ position:absolute; inset:0 58% 0 0; border-radius:99px; background:#5EE6C8 }
.tur-vd-not{ display:flex; align-items:center; gap:7px; color:var(--ink-2); font-size:13px }
.tur-vd-not svg{ width:14px; height:14px; color:var(--brand-d); flex:none }
.tur-vd-not b{ color:var(--ink) }

/* Akıllı kitap (§F5b — sayfada video linki + yapışkan not).
   Sayfanın kendisi panel: ortak .tur-mock kabuğu burada kapatılır,
   yapışkan not köşeden taşar. */
.tur-mock-kitap{
  background:transparent; border:0; box-shadow:none; padding:0;
  position:relative;
}
.tur-kt-sayfa{
  background:var(--surface); border:1px solid var(--tur-cizgi, var(--line));
  border-radius:12px; padding:16px 15px 13px;
  box-shadow:var(--sh-1);
  display:flex; flex-direction:column; gap:9px;
}
.tur-kt-cizgi{ height:7px; border-radius:99px; background:var(--tint) }
.tur-kt-kisa{ width:62% }
.tur-kt-video{
  display:inline-flex; align-items:center; gap:6px; align-self:flex-start;
  margin-top:3px; padding:5px 11px; border-radius:999px;
  background:var(--brand-w); color:var(--brand-d);
  font-weight:800; font-size:12.5px;
}
.tur-kt-video svg{ width:12px; height:12px; flex:none }
.tur-kt-not{
  position:absolute; top:-9px; right:12px; transform:rotate(3deg);
  background:#FDE68A; color:#78350F;
  font-size:12px; font-weight:700; padding:6px 10px; border-radius:4px;
  box-shadow:var(--sh-1);
}

/* Deneme puanı (§F6 — anında puan) */
.tur-mock-puan{ display:flex; align-items:center; justify-content:space-between; gap:14px }
.tur-pn-skor b{
  display:block; font-size:clamp(28px,3vw,34px); line-height:1.05;
  font-weight:800; color:#0B7A50;
}
.tur-pn-skor span{ color:var(--ink-3); font-size:12.5px; font-weight:700 }
.tur-pn-barlar{ display:flex; align-items:flex-end; gap:6px; height:52px; flex:none }
.tur-pn-barlar i{
  width:12px; border-radius:5px 5px 2px 2px;
  background:linear-gradient(180deg,#34D399,#0FA36B);
}
.tur-pn-barlar i:nth-child(1){ height:34% }
.tur-pn-barlar i:nth-child(2){ height:52% }
.tur-pn-barlar i:nth-child(3){ height:70% }
.tur-pn-barlar i:nth-child(4){ height:96% }

/* Takip / raporlar (§F7 — tamamlama çubukları; branşlar TUS örneği) */
.tur-mock-takip{ display:flex; flex-direction:column; gap:10px }
.tur-tk-satir{
  display:flex; align-items:center; gap:10px;
  font-size:12.5px; font-weight:700; color:var(--ink-2);
}
.tur-tk-satir > span:first-child{ width:84px; flex:none }
.tur-tk-satir b{ flex:none; color:var(--ink) }
.tur-tk-bar{
  flex:1; min-width:0; height:7px; border-radius:99px;
  background:var(--tint); position:relative; overflow:hidden;
}
.tur-tk-bar i{
  position:absolute; top:0; bottom:0; left:0; border-radius:99px;
  background:linear-gradient(90deg,#22B8CF,#0E7490);
}
.tur-tk-b1 i{ width:82% }
.tur-tk-b2 i{ width:64% }
.tur-tk-b3 i{ width:47% }

/* ── e-DERS MOCKUP'LARI (2026-09-07) — §F3/F3b desenleri ────────────
   branş listesi (süre etiketli ders satırları) · Notlarım (saniyeli
   not satırları) · çıkmış soru (video çözüm satırları). Satır kalıbı
   canlı ders mockup'ındaki .tur-cn-satir ailesiyle aynı dil. */
.tur-mock-brans{ display:flex; flex-direction:column; gap:8px }
.tur-br-satir{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  background:var(--bg); border:1px solid var(--line-2);
  border-radius:10px; padding:8px 12px; font-size:13px;
}
.tur-br-satir b{ color:var(--ink); font-weight:800 }
.tur-br-satir span{ color:var(--ink-3); font-weight:700; font-size:12px; flex:none }
.tur-br-dip{ color:var(--ink-3); font-size:12.5px; font-weight:700 }

.tur-mock-not{ display:flex; flex-direction:column; gap:8px }
.tur-nt-satir{
  display:flex; align-items:center; gap:8px; min-width:0;
  background:var(--bg); border:1px solid var(--line-2);
  border-radius:10px; padding:7px 11px; font-size:13px; color:var(--ink-2);
}
.tur-nt-satir svg{ width:13px; height:13px; color:#0E7490; flex:none }
.tur-nt-satir b{ color:var(--ink); flex:none }
.tur-nt-dip{ color:var(--ink-3); font-size:12.5px; font-weight:700 }

.tur-mock-soru{ display:flex; flex-direction:column; gap:8px }
.tur-sr-rozet{
  align-self:flex-start; background:#0B7A50; color:#fff;
  font-weight:800; font-size:11px; letter-spacing:.08em;
  padding:4px 10px; border-radius:999px;
}
.tur-sr-satir{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  background:var(--bg); border:1px solid var(--line-2);
  border-radius:10px; padding:7px 11px; font-size:13px; color:var(--ink-2);
}
.tur-sr-izle{ display:inline-flex; align-items:center; gap:5px; color:#0B7A50; font-weight:800; font-size:12px; flex:none }
.tur-sr-izle svg{ width:11px; height:11px }

/* ── e-SINAV MOCKUP'LARI (2026-09-07) — §F6 deneme motoru deseni ────
   sınav ekranı (soru sayacı + şıklar) · karne (D/Y/B kutuları) ·
   havuz (.tur-br-satir MİRAS + YENİ rozeti) · kategori setleri ·
   ana kurs paketi (✓ listesi). */
.tur-mock-sinav{ display:flex; flex-direction:column; gap:8px }
.tur-sn-bas{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  font-size:12.5px; font-weight:800; color:var(--ink);
}
.tur-sn-bas span{ color:var(--ink-3) }
.tur-sn-sik{
  display:flex; align-items:center; gap:9px;
  background:var(--bg); border:1px solid var(--line-2);
  border-radius:10px; padding:7px 11px; font-size:13px; color:var(--ink-2);
}
.tur-sn-sik i{
  width:14px; height:14px; border-radius:50%; flex:none;
  border:2px solid var(--ink-3); background:var(--surface);
}
.tur-sn-secili{
  background:var(--brand-w); border-color:rgb(31 82 172 / .25);
  color:var(--brand-d); font-weight:700;
}
.tur-sn-secili i{ border-color:var(--brand); background:var(--brand); box-shadow:inset 0 0 0 3px var(--brand-w) }

.tur-mock-karne{ display:flex; flex-direction:column; gap:10px }
.tur-kr-kutular{ display:flex; gap:8px }
.tur-kr-kutular span{
  flex:1; min-width:0; display:flex; flex-direction:column; align-items:center; gap:1px;
  border-radius:10px; padding:8px 6px;
  font-size:11.5px; font-weight:700;
}
.tur-kr-kutular b{ font-size:19px; line-height:1.1; font-weight:800 }
.tur-kr-dogru{ background:#E9F8F1; color:#0B7A50 }
.tur-kr-yanlis{ background:var(--red-w); color:var(--red-d) }
.tur-kr-bos{ background:var(--tint); color:var(--ink-2) }
.tur-kr-dip{ color:var(--ink-3); font-size:12.5px; font-weight:700 }

/* havuz satırları .tur-br-satir'dan miras; yalnız YENİ rozeti özel */
.tur-mock-havuz{ display:flex; flex-direction:column; gap:8px }
.tur-hv-yeni{
  flex:none; background:#0B7A50; color:#fff;
  font-size:10.5px; font-weight:800; letter-spacing:.08em;
  padding:2px 8px; border-radius:999px;
}

.tur-mock-kategori{ display:flex; flex-direction:column; gap:9px }
.tur-ktg-bas{ font-size:12.5px; font-weight:800; color:var(--ink) }
.tur-ktg-cipler{ display:flex; flex-wrap:wrap; gap:7px }
.tur-ktg-cipler span{
  background:var(--red-w); color:var(--red-d);
  font-size:12.5px; font-weight:800; padding:4px 12px; border-radius:999px;
}
.tur-ktg-dip{ color:var(--ink-3); font-size:12.5px; font-weight:700 }

.tur-mock-paket{ display:flex; flex-direction:column; gap:8px }
/* ♻️ e-kitap turu: rozet rengi sabit mordu; paket kartı e-kitap'ta
   kırmızı tonda — rozet artık kartın ton değişkenlerinden renklenir
   (e-sinav'ın mor kartında görünüm değişmez: değişkenler mor). */
.tur-pk-bas{
  align-self:flex-start;
  background:var(--tur-cip-z, #EDE6FF); color:var(--tur-cip-y, #6D28D9);
  font-size:11px; font-weight:800; letter-spacing:.08em;
  padding:4px 10px; border-radius:999px;
}
.tur-pk-satir{
  display:flex; align-items:center; gap:8px;
  font-size:13px; font-weight:700; color:var(--ink-2);
}
.tur-pk-satir svg{ width:14px; height:14px; color:#0B7A50; flex:none }

/* ── e-KİTAP MOCKUP'LARI (2026-09-07) — §F5b desenleri ──────────────
   yapışkan notlar (renkli, tarihli) · görüntüleyici künyesi (çift
   sayfa göstergesi + araç çipleri). Soru bankası mockup'ı .tur-sr
   ailesini aynen kullanır — yeni kural gerekmez. */
.tur-mock-knot{ display:flex; flex-direction:column; gap:9px }
.tur-kn-not{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:8px 12px; border-radius:4px;
  font-size:13px; font-weight:700;
  box-shadow:var(--sh-1);
}
.tur-kn-not em{ font-style:normal; font-weight:700; font-size:11.5px; opacity:.75 }
.tur-kn-sari{ background:#FDE68A; color:#78350F; transform:rotate(-1deg) }
.tur-kn-turkuaz{ background:#BAF3E6; color:#0F5C50; transform:rotate(1deg) }
.tur-kn-dip{ color:var(--ink-3); font-size:12.5px; font-weight:700 }

.tur-mock-viewer{ display:flex; flex-direction:column; gap:9px }
.tur-vw-bas{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  font-size:12.5px; font-weight:800; color:var(--ink);
}
.tur-vw-bas span{ color:var(--ink-3) }
.tur-vw-cipler{ display:flex; flex-wrap:wrap; gap:7px }
.tur-vw-cipler span{
  background:var(--brand-w); color:var(--brand-d);
  font-size:12.5px; font-weight:800; padding:4px 12px; border-radius:999px;
}

/* ── YAPAY ZEKA MOCKUP'LARI (2026-09-07, plan §H) ───────────────────
   qcard (soru üretimi — kurs detay .qcard deseninin minisi) · arama
   (kutu + kaynak satırları, satırlar .tur-br-satir mirası) · program
   (satırlar miras) · kitapyz (yz balonları amber varyant) · kıyas
   (✗/✓ satırları). */
.tur-mock-uret{ display:flex; flex-direction:column; gap:7px }
.tur-qc-no{
  font-size:10.5px; font-weight:900; letter-spacing:.1em;
  color:var(--ink-3);
}
.tur-qc-soru{ font-size:13px; font-weight:800; color:var(--ink) }
.tur-qc-sik{
  background:var(--bg); border:1px solid var(--line-2);
  border-radius:10px; padding:6px 11px; font-size:13px; color:var(--ink-2);
}
.tur-qc-dogru{
  background:#E9F8F1; border-color:rgb(11 122 80 / .25);
  color:#0B7A50; font-weight:800;
}

.tur-mock-ara{ display:flex; flex-direction:column; gap:8px }
.tur-ar-kutu{
  display:flex; align-items:center; gap:8px;
  background:var(--surface); border:1.5px solid var(--brand);
  border-radius:999px; padding:7px 13px;
  font-size:13px; font-weight:700; color:var(--ink);
  box-shadow:var(--sh-1);
}
.tur-ar-kutu svg{ width:14px; height:14px; color:var(--brand-d); flex:none }
.tur-ar-iko{ width:12px; height:12px; margin-right:6px; color:var(--brand-d); vertical-align:-1px }

.tur-mock-prog{ display:flex; flex-direction:column; gap:8px }
.tur-pg-bas{ font-size:12.5px; font-weight:800; color:#0E7490 }

/* kitap-YZ balonları — mor aile yerine kartın amber tonunda */
.tur-mock-kitapyz{ display:flex; flex-direction:column; gap:8px }
.tur-mock-kitapyz .tur-yz-cevap{
  background:#FDF3E3; color:#6B4708;
  border-color:rgb(146 64 14 / .16);
}
.tur-mock-kitapyz .tur-yz-cevap b{ color:#92400E }

.tur-mock-kiyas{ display:flex; flex-direction:column; gap:8px }
.tur-ky-satir{
  display:flex; align-items:center; gap:9px;
  background:var(--bg); border:1px solid var(--line-2);
  border-radius:10px; padding:7px 11px;
  font-size:13px; font-weight:700; color:var(--ink-2);
}
.tur-ky-satir svg{ width:14px; height:14px; flex:none; color:#0B7A50 }
.tur-ky-eksi{ color:var(--ink-3); text-decoration:line-through }
.tur-ky-eksi svg{ color:var(--red) }

/* --- 1e) HERO KARŞILAMA LİSTESİ (yapay-zeka, ürün 0 dönemi) --------
   yz-teaser kartının altındaki üç yetenek satırı. Cam kart dili —
   vit-alan-kart / pn-kunye ailesinin sadeleşmiş hâli; KOYU hero
   zeminine kalibre (beyaz yarı saydam katmanlar). Turkuaz onay
   ikonu güven şeridiyle (khero-guven) aynı vurgu rengi. */
.tur-yan-liste{
  list-style:none; margin:0; padding:0;
  display:grid; gap:9px;
}
.tur-yan-liste li{
  min-width:0;
  display:flex; align-items:center; gap:10px;
  padding:11px 14px; border-radius:12px;
  background:linear-gradient(180deg, rgb(255 255 255 / .08), rgb(255 255 255 / .045));
  border:1px solid rgb(255 255 255 / .12);
  border-top-color:rgb(255 255 255 / .2);
  color:#DCE7F5; font-size:.88rem; font-weight:700; line-height:1.45;
}
.tur-yan-liste svg{ flex:none; width:15px; height:15px; color:#5EE6C8 }

/* --- 2) DEMO ŞERİDİ — "satın almadan önce içinden gör" -------------
   Hero ile aynı lacivert aile; sayfada tek koyu vurgu bloğu. */
.tur-demo{
  margin-top:clamp(22px,3vw,34px);
  display:flex; flex-wrap:wrap; align-items:center;
  justify-content:space-between; gap:18px 30px;
  background:linear-gradient(135deg,var(--navy-d) 0%,var(--navy-t) 100%);
  color:#fff;
  border-radius:var(--r-x);
  padding:clamp(22px,3.4vw,32px) clamp(20px,3.4vw,34px);
  box-shadow:var(--sh-2);
}
/* ⛔ 3. tur düzeltmesi (kullanıcı): "baykuş = yapay zekâ" — maskot
   demo şeridine KONMAZ, yalnız YZ Asistanı kartında (avatar) kalır.
   Yanlış eklenen kurallar yoruma alındı:
.tur-demo-baykus{
  flex:none; width:84px; margin:-20px 0 -4px;
  pointer-events:none;
}
.tur-demo-baykus img{
  width:100%; height:auto; display:block;
  filter:drop-shadow(0 10px 18px rgb(0 0 0 / .35));
}
*/
.tur-demo-metin{ min-width:0; flex:1 1 380px }
.tur-demo-metin h3{
  margin:0 0 7px;
  font-size:clamp(1.15rem,2.2vw,1.35rem); line-height:1.3;
  font-weight:800; color:#fff;
}
.tur-demo-metin p{
  margin:0;
  color:rgb(255 255 255 / .84); font-size:16px; line-height:1.66;
}
.tur-demo-cta{
  display:flex; flex-direction:column; align-items:center; gap:8px;
  flex:none;
}
.tur-demo-cta span{ font-size:13px; color:rgb(255 255 255 / .68) }

/* --- 3) ÜRÜN KARTI EKLERİ ------------------------------------------ */
/* Kategori etiketi — kartın gerçek linki başlıkta (stretch katmanı),
   etiket bu yüzden <span>; görünümü çip. */
.tur-kart-kat{
  display:inline-block; align-self:flex-start;
  margin-bottom:7px; padding:2px 9px;
  border-radius:999px;
  background:var(--brand-w); color:var(--brand-d);
  font-size:12px; font-weight:800; letter-spacing:.02em; line-height:1.5;
  /* ♻️ SEO denetimi: çip artık kategori LİNKİ (E8 iç ağ) — başlık
     linkinin kartı kaplayan ::after katmanının ÜSTÜNE çıkar ki
     tıklanabilsin; span hâlinde de kural zararsız. */
  position:relative; z-index:2;
  text-decoration:none;
}
a.tur-kart-kat:hover{ background:var(--brand); color:#fff }

/* Ürün kartının birincil aksiyonu — kategori sayfasındaki KIRMIZI
   "İncele" düğmesiyle aynı dil (♻️ tutarlılık turu 2026-09-05,
   kullanıcı: "birinde buton kırmızı birinde gri olmasın").
   `.vit-kart-git` tabanını ezer: tur.css vitrin.css'ten SONRA yüklenir
   (aynı özgüllük, sıra kazanır). "Kategoriye git" (navigasyon) bu
   sınıfı ALMAZ — lacivert kalır, vitrin kategori kartlarının dili. */
.tur-kart-git{
  background:var(--red);
  box-shadow:0 10px 20px -14px rgb(182 11 50 / .55);
}
.vit-kart:hover .tur-kart-git{
  background:var(--red-d);
  box-shadow:0 12px 22px -12px rgb(182 11 50 / .6);
}

/* Liste başlığındaki /online köprüsü */
.tur-online-koprusu{
  color:var(--brand-d); font-weight:700;
  text-decoration:underline; text-underline-offset:3px;
}
.tur-online-koprusu:hover{ color:var(--brand) }

/* --- SSS bölümü (akordiyon stilleri kurs.css .faq'tan miras) ------- */
.tur-sss{ padding-block:clamp(28px,3.5vw,52px) }

/* --- MOBİL --------------------------------------------------------- */
@media (max-width:640px){
  .tur-ozellik{ padding:18px 16px 20px }
  /* komple baykuş dar ekranda küçülür (kurs detaydaki 96px kuralının eşi) */
  .tur-yz-owl{ width:94px; right:8px; bottom:4px }
  .tur-oz-yzli .tur-ozellik-metin{ padding-right:100px }
  .tur-demo-cta{ width:100%; flex-direction:row; justify-content:space-between }
}