/* Mutfağa Giriş listesi (content.lesson.index) — ref mutfaga-giris-liste-v1.html
   "SAYFA CSS" bloğundan kaynak-transfer, yalnız gerçek veriyle beslenen kısım.

   DIŞARIDA BIRAKILANLAR (bilinçli — teammate raporunda ayrıntı):
   - .gnav/.gtab (tab çubuğu), .seo-intro/.seo-prose/.seo-aside/.seo-quick
     (gizli "nereden başlamalı" paneli), .guide/.steps-grid/.route-track ve
     .rstep aile sınıfları (12 adımlık "Önerilen Rota") — hiçbiri Content
     modelinde karşılığı olmayan sabit/kurgusal müfredat verisi üretiyordu
     (SAHTE SAYI/İÇERİK YASAK).
   - .lib-sec/.lib-block/.lib-head/.lib-filter/.lb-cnt/.lb-go (7 sabit başlık ×
     36 sabit "konu" gruplaması) — gerçek Content'te böyle bir taksonomi/alt
     kategori alanı yok; flat $contents + disc-grid + gerçek sayfalamaya
     indirgendi (gurme-lezzetler/püf-noktaları portlarıyla AYNI karar).
   - .lst-back (ayrı "hub" sayfasına dönüş linki) — bu route zaten hem hub hem
     liste; ayrı hub sayfası yok.

   Kalanlar (.rd-crumb, .lst-top/.lst-hero/.lst-stats) ref'ten BİREBİR
   (puf-noktalari.css ile AYNI blok — tarif-liste kökenli ortak miras).
   .disc-grid/.disc-card/.disc-fig/.m-types/.disc-meta GERÇEK veri render'ı
   portal.css'in KANONİK disc-card ailesini kullanır (public/reference/
   gurme-lezzetler/ emsali) — burada YENİDEN TANIMLANMAZ. TEK istisna: portal.css
   .disc-cat/.disc-card:hover h3 rengini var(--gourmet) sabitliyor (o dosyanın
   kendi markası); bu sayfa var(--tomato) marka rengini kullandığı için altta
   dar bir renk düzeltmesi override edilir (yeniden tasarım değil, marka rengi
   düzeltmesi — lead'e raporlandı). .lvl (seviye rozeti) bu sayfaya özgü YENİ
   sınıf (disc-badge türevi, ref'ten VERBATIM). */

.rd-crumb{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:18px 0 14px;font-size:13px;font-weight:500;color:var(--muted)}
.rd-crumb a{color:var(--muted);transition:.18s}
.rd-crumb a:hover{color:var(--tomato)}
.rd-crumb i{font-size:9px;color:#c7c7c7}
.rd-crumb b{color:var(--slate);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}

/* ---- liste hero: lst-top koyu-overlay (tarif-liste VERBATIM) ----
   T-A (2026-08-03): görsel adresi CANLI bir images.unsplash.com HOTLINK'iydi
   — üretimde her ziyaretçi üçüncü tarafa istek atıyordu; servis düşerse ya da
   adres değişirse iki sayfanın (Tüm Dersler + Konu Listesi) hero'su kaybolur,
   üstelik ziyaretçinin IP'si dış servise sızardı. Dosya indirilip
   public/img/mutfaga-giris-liste.jpg olarak yerelleştirildi; kadraj/işleme
   birebir aynı (indirilen dosya o adresin ta kendisi, 1600x1067).
   Görselin kendisi artık Sayfa Tanımları'ndan da değiştirilebilir — blade
   inline background-image ile bunu override eder, bu kural varsayılan. ---- */
.lst-top{
  position:relative;padding-top:128px;
  background-image:linear-gradient(90deg,rgba(28,25,18,.93),rgba(33,30,22,.72)),
    url('/img/mutfaga-giris-liste.jpg');
  background-size:cover;background-position:center;
}
.lst-top .wrap{position:relative}
.lst-top .rd-crumb{color:#c9c3b8}
.lst-top .rd-crumb a{color:#c9c3b8}
.lst-top .rd-crumb a:hover{color:#ff8763}
.lst-top .rd-crumb i{color:rgba(255,255,255,.4)}
.lst-top .rd-crumb b{color:#fff}
.lst-hero .eyebrow{color:#ffd9cf}
.lst-hero .eyebrow::before{background:var(--tomato)}
.lst-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:44px;align-items:end;padding:10px 0 42px}
.lst-hero h1{color:#fff;font-size:44px;margin:14px 0 12px;letter-spacing:-.03em;text-shadow:0 2px 24px rgba(0,0,0,.25)}
.lst-hero h1 .accent{color:#ff7a5c;white-space:nowrap}
.lst-hero .lead{color:#e7edf1;font-weight:500;font-size:15.5px;max-width:560px;text-shadow:0 1px 14px rgba(0,0,0,.3)}
.lst-hero .lh-main{min-width:0}
.lst-stats{display:flex;flex-direction:column;gap:16px;padding-left:38px;border-left:1px solid rgba(255,255,255,.18)}
.lst-stats .st b{display:block;font-size:29px;font-weight:700;color:#fff;letter-spacing:-.02em;line-height:1.1}
.lst-stats .st span{font-size:12.5px;color:#c9c3b8;font-weight:500}

/* ---- konu grid bölümü ---- */
.topics-sec{padding:52px 0 74px;background:var(--bg-cream)}

/* seviye rozeti — disc-badge türevi (görsel sol-alt), ref'ten VERBATIM */
.lvl{font-size:11px;font-weight:700;padding:6px 11px;border-radius:var(--radius-sm);letter-spacing:.04em;display:inline-flex;align-items:center;gap:6px}
.lvl i{font-size:10px}
.lvl-baslangic{background:rgba(255,255,255,.94);color:var(--slate)}
.lvl-baslangic i{color:var(--tomato)}
.lvl-orta{background:var(--tomato);color:#fff}
.lvl-ileri{background:rgba(20,18,12,.82);color:#fff;backdrop-filter:blur(4px)}

/* marka rengi düzeltmesi: portal.css .disc-card ailesi var(--gourmet)
   kullanıyor (gurme-lezzetler markası); bu sayfa tomato kullanır. */
.disc-card:hover h3{color:var(--tomato)}
.disc-fig--empty{display:flex;align-items:center;justify-content:center;background:var(--bg-cream);color:var(--muted);font-size:28px}

/* ---- rehber ailesi köprü şeridi (VERBATIM) ---- */
.next-sec{background:var(--bg-white);padding:54px 0 64px}
.next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.next-card{display:flex;align-items:center;gap:14px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px 22px;transition:.25s var(--ease)}
.next-card:hover{transform:translateY(-3px);border-color:var(--tomato);box-shadow:var(--sh-sm)}
.next-card .nx-ico{flex:none;width:44px;height:44px;border-radius:var(--radius-md);background:var(--tomato-tint);color:var(--tomato);display:grid;place-items:center;font-size:18px}
.next-card b{display:block;font-size:15.5px;font-weight:700;color:var(--slate)}
.next-card span{display:block;font-size:12.5px;color:var(--muted);font-weight:500;margin-top:2px}
.next-card .nx-go{margin-left:auto;color:var(--muted);font-size:13px;transition:.2s var(--ease)}
.next-card:hover .nx-go{color:var(--tomato);transform:translateX(3px)}

/* ===================== TABLET (≤1024px) ===================== */
@media (max-width:1024px){
  .lst-hero{grid-template-columns:1fr;align-items:start;gap:22px;padding-bottom:32px}
  .lst-stats{flex-direction:row;gap:34px;padding-left:0;border-left:none;padding-top:18px;border-top:1px solid rgba(255,255,255,.18)}
  /* portal.css'in .disc-grid mobil override'ı başka bir bölüme (keşfet slider)
     scoped — bu sayfa kendi grid sütun sayısını burada belirtir (gurme-lezzetler
     .disc-grid mobil deseniyle AYNI). */
  .disc-grid{grid-template-columns:1fr 1fr;gap:22px}
  .next-grid{grid-template-columns:1fr}
}
/* ===================== MOBİL (≤640px) ===================== */
@media (max-width:640px){
  .rd-crumb{padding:14px 0 10px;font-size:12px}
  .lst-top{padding-top:74px}
  .lst-hero{padding:2px 0 26px}
  .lst-hero h1{font-size:29px}
  .lst-hero .lead{font-size:14.5px}
  .lst-stats{gap:10px}
  .lst-stats .st{flex:1}
  .topics-sec{padding:36px 0 50px}
  .disc-grid{grid-template-columns:1fr;gap:20px}
  .next-sec{padding:38px 0 46px}
}