/* =====================================================================
   ANSIKLOPEDI — SAYFA CSS (kaynak-transfer, AYNEN)
   Kaynak: reference/ansiklopedi/ansiklopedi-v1.html ilk <style> bloğunun
   "SAYFA CSS" işaretinden sonraki kısmı (satır 738-925). Kabuk/mega-menü/
   footer katmanı hariç (resources/css/portal.css'te kanonik — sozluk-liste.css
   emsali). NOT: Bu dosyanın 2026-07-10 (modül reset ÖNCESİ) sürümü sıfırdan
   yeniden çıkarıldı — grep doğrulaması: canlı kodda o sürüme ait iz yok
   (sözlük-liste.css'teki aynı bulgu, dead-residue).
   ===================================================================== */

/* ============ F11 CİLA-2 — MUTFAK ANSİKLOPEDİSİ · LİSTE (YENİ MODÜL) ============
   Eski sözlük + yemek.com sözlük formatı: malzeme maddeleri (barbunya vb. — nedir,
   ne işe yarar, faydaları), SEO odaklı. sozluk-v1'e DOKUNULMADI; bu ayrı modül.
   Miras: lst-top ve lst-hero ve lst-stats (tarif-liste VERBATIM) · az-bar ve az
   (sozluk VERBATIM) · ke-filter (kesfet) · disc-card ve lvl ve m-types (v3a) ·
   pagi (tarif-liste 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}
.lst-top{position:relative;padding-top:128px;background-image:linear-gradient(90deg,rgba(28,25,18,.94),rgba(33,30,22,.74)),url('https://images.unsplash.com/photo-1540420773420-3366772f4999?w=1600&q=80&auto=format&fit=crop&exp=7&gam=6&sat=-9&high=8&vib=5');background-size:cover;background-position:center}
.lst-top .wrap{position:relative;width:100%}
.lst-top .rd-crumb,.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}
/* arama + A-Z + kategori */
.ans-sec{padding:34px 0 74px;background:var(--bg-white)}
.ans-search{position:relative;max-width:560px;margin-bottom:4px}
.ans-search i{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--tomato);font-size:16px}
.ans-search input{width:100%;font-family:inherit;font-size:15px;font-weight:500;color:var(--slate);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);padding:15px 18px 15px 48px;outline:none;transition:.2s var(--ease);box-shadow:var(--sh-sm)}
.ans-search input::placeholder{color:#a7a7a7}
.ans-search input:focus{border-color:var(--tomato);box-shadow:0 0 0 3px rgba(225,72,39,.10)}
/* min-width:0 — admin-sozluk az-bar bulgusuyla aynı emsal (güvenlik ağı). */
.az-bar{display:flex;flex-wrap:nowrap;min-width:0;gap:6px;padding:18px 0 8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.az-bar::-webkit-scrollbar{display:none}
.az{flex:none;min-width:38px;height:38px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:13.5px;font-weight:700;color:var(--slate);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;transition:.18s var(--ease)}
.az:hover{border-color:var(--tomato);color:var(--tomato)}
.az.active{background:var(--tomato);border-color:var(--tomato);color:#fff}
.az[disabled]{opacity:.32;pointer-events:none}
.az-all{min-width:auto;padding:0 13px}
.ke-filter{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:10px 0 20px}
.ke-filter .chip{white-space:nowrap}
.ke-filter .chip.active{border-color:var(--tomato);background:var(--tomato-tint);color:var(--tomato);font-weight:700}
.ans-count{font-size:13px;color:var(--muted);font-weight:500;margin-bottom:18px}
.ans-count b{color:var(--slate);font-weight:700}

/* ---- R7: ESKİ SÖZLÜK MODELİ — görünür ana kategoriler + tıkla-aç maddeler ---- */
.ans-catsec{padding:28px 0 8px;border-top:1px solid var(--line);scroll-margin-top:120px}
.ans-catsec:first-of-type{border-top:none;padding-top:8px}
.ans-cathead{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.ans-cathead .ci{flex:none;width:50px;height:50px;border-radius:var(--radius-md);background:var(--tomato-tint);color:var(--tomato);display:grid;place-items:center;font-size:20px}
.ans-cathead h2{font-size:27px;letter-spacing:-.02em}
.ans-cathead .cc{font-size:12.5px;color:var(--muted);font-weight:600}
.ans-cathead .cgo{margin-left:auto;font-size:13px;font-weight:700;color:var(--tomato);display:inline-flex;align-items:center;gap:7px;transition:.2s var(--ease)}
.ans-cathead .cgo i{font-size:11px;transition:transform .2s var(--ease)}
.ans-cathead .cgo:hover i{transform:translateX(3px)}
.ans-acc{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--sh-sm)}
.ans-item{border-bottom:1px solid var(--line)}
.ans-item:last-child{border-bottom:none}
/* kapalı = nötr zemin · hover = tint · AÇIK (seçili) = başlık satırında tint KALICI */
.ans-row{display:flex;align-items:center;gap:16px;width:100%;text-align:left;font-family:inherit;background:var(--paper);border:none;padding:14px 18px;cursor:pointer;transition:.15s var(--ease)}
.ans-row:hover,.ans-item.open .ans-row{background:var(--tomato-tint)}
.ans-thumb{flex:none;width:54px;height:54px;border-radius:var(--radius-md);background-size:cover;background-position:center}
.ans-name{flex:1;min-width:0}
.ans-name b{display:block;font-size:16px;color:var(--slate);transition:color .15s var(--ease)}
.ans-item.open .ans-name b{color:var(--tomato)}
.ans-name span{display:block;font-size:12.5px;color:var(--muted);font-weight:500;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ans-badge{flex:none;font-size:11px;font-weight:700;color:var(--green-deep);background:#EAF7F0;padding:5px 11px;border-radius:var(--radius-sm)}
.ans-go{flex:none;color:var(--muted);font-size:14px;transition:.2s var(--ease)}
.ans-row:hover .ans-go{color:var(--tomato)}
.ans-item.open .ans-go{transform:rotate(90deg);color:var(--tomato)}
.ans-detail{display:none;padding:16px 18px 26px 88px;animation:fadeUp .3s var(--ease)}
.ans-item.open .ans-detail{display:block}
.ans-detail p{font-size:14.5px;color:var(--slate-2);font-weight:500;line-height:1.7;margin-bottom:10px}
.ans-detail strong{color:var(--slate);font-weight:700}
.ans-detail .ans-dgo-row{display:flex;justify-content:flex-end;margin-top:2px}
.ans-dgo{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--tomato);transition:.2s var(--ease)}
.ans-dgo i{font-size:11px;transition:transform .2s var(--ease)}
.ans-dgo:hover i{transform:translateX(3px)}
.ans-catsec.is-hidden{display:none}
.ans-item.is-hidden{display:none}
/* ===== İKİ KATMANLI İA — Katman 1 görselli kategori kartı grid'i (cat-card dili) ===== */
.anc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(214px,1fr));gap:16px;padding-top:8px}
.anc-card{position:relative;display:block;text-align:left;font-family:inherit;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:var(--paper);cursor:pointer;box-shadow:var(--sh-sm);padding:0;transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease);-webkit-tap-highlight-color:transparent}
.anc-card .anc-fig{display:block;height:128px;background-size:cover;background-position:center;position:relative}
.anc-card .anc-fig::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,18,12,0) 42%,rgba(20,18,12,.32) 100%);transition:.22s var(--ease)}
.anc-card .anc-tag{position:absolute;top:10px;left:10px;z-index:2;width:34px;height:34px;border-radius:var(--radius-md);background:rgba(255,255,255,.93);color:var(--tomato);display:grid;place-items:center;font-size:15px;box-shadow:var(--sh-sm)}
.anc-card .anc-body{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px}
.anc-card .anc-h{font-size:15.5px;font-weight:700;letter-spacing:-.01em;line-height:1.2;color:var(--slate)}
.anc-card .anc-cc{flex:none;font-size:12px;color:var(--muted);font-weight:600}
.anc-card:hover{transform:translateY(-4px);box-shadow:var(--sh-md);border-color:rgba(225,72,39,.3)}
.anc-card:hover .anc-fig::after{background:linear-gradient(180deg,rgba(20,18,12,0) 30%,rgba(20,18,12,.42) 100%)}
.anc-card:focus{outline:none}
.anc-card:focus-visible{box-shadow:0 0 0 3px rgba(225,72,39,.42),var(--sh-md)}
.anc-card.is-hidden{display:none}
/* boş harf durumu */
.ans-emptyletter{text-align:center;padding:52px 20px}
.ans-emptyletter .ael-ltr{display:inline-grid;place-items:center;width:74px;height:74px;border-radius:var(--radius-lg);background:var(--bg-cream);color:#c7c2b8;font-size:34px;font-weight:800;margin-bottom:16px}
.ans-emptyletter h3{font-size:19px;margin-bottom:7px}
.ans-emptyletter p{color:var(--muted);font-weight:500;margin-bottom:18px}
/* ===== Katman 2 — kategori maddeleri (drill) ===== */
.ans-back{display:inline-flex;align-items:center;gap:9px;font-family:inherit;font-size:13.5px;font-weight:700;color:var(--slate);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);padding:10px 16px;cursor:pointer;margin-bottom:22px;transition:.18s var(--ease)}
.ans-back:hover{border-color:var(--tomato);color:var(--tomato)}
.ans-back i{font-size:12px}
.ans-drill .ans-catsec{border-top:none;padding-top:0}
.ans-catempty{text-align:center;padding:48px 24px;background:var(--paper);border:1px dashed #e0dcd3;border-radius:var(--radius-lg)}
.ans-catempty .ace-ico{display:inline-grid;place-items:center;width:62px;height:62px;border-radius:var(--radius-lg);background:var(--tomato-tint);color:var(--tomato);font-size:24px;margin-bottom:15px}
.ans-catempty h3{font-size:19px;margin-bottom:7px}
.ans-catempty p{color:var(--muted);font-weight:500;margin-bottom:18px}
.anc-grid[hidden],.ans-drill[hidden],.ans-emptyletter[hidden],.ans-catempty[hidden],.ans-empty[hidden]{display:none}
@media (max-width:640px){
  .anc-grid{grid-template-columns:1fr 1fr;gap:11px}
  .anc-card .anc-fig{height:104px}
  .anc-card .anc-body{padding:11px 12px;flex-direction:column;align-items:flex-start;gap:5px}
  .anc-card .anc-h{font-size:14px}
}
/* madde kartı = disc-card (v3a VERBATIM) */
.disc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.disc-card{cursor:pointer;display:block}
.disc-fig{position:relative;aspect-ratio:16/10;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--sh-sm)}
.disc-fig .bg{width:100%;height:100%;background-size:cover;background-position:center;transition:.5s var(--ease)}
.disc-card:hover .disc-fig .bg{transform:scale(1.05)}
.disc-badges{position:absolute;bottom:13px;left:13px;display:flex;gap:6px;z-index:2}
.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-1{background:rgba(255,255,255,.94);color:var(--slate)}
.lvl-1 i{color:var(--tomato)}
.lvl-2{background:var(--green);color:#fff}
.disc-cat{display:inline-block;margin:16px 0 7px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--tomato)}
.disc-card h3{font-size:18px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px;transition:color .2s var(--ease)}
.disc-card:hover h3{color:var(--tomato)}
.disc-card p{font-size:13.5px;color:var(--muted);font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.disc-meta{display:flex;align-items:center;gap:16px;font-size:12.5px;color:var(--muted);font-weight:500;margin-top:13px;padding-top:12px;border-top:1px solid var(--line)}
.disc-meta span{display:inline-flex;align-items:center;gap:6px}
.disc-meta i{font-size:12px;color:var(--tomato)}
.disc-meta .disc-stats{margin-left:auto;display:inline-flex;align-items:center;gap:12px;flex:none}
.ans-empty{display:none;text-align:center;padding:60px 20px}
.ans-empty .ae-ico{width:64px;height:64px;border-radius:var(--radius-circle);background:var(--tomato-tint);color:var(--tomato);display:grid;place-items:center;font-size:26px;margin:0 auto 18px}
.ans-empty h3{font-size:19px;margin-bottom:8px}
.ans-empty p{font-size:14px;color:var(--muted);font-weight:500;max-width:380px;margin:0 auto 18px}
.pagi{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:40px;flex-wrap:wrap}
.pg{min-width:44px;height:44px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:14px;font-weight:700;color:var(--slate);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;transition:.2s var(--ease)}
.pg:hover{border-color:var(--tomato);color:var(--tomato)}
.pg.active{background:var(--tomato);border-color:var(--tomato);color:#fff;cursor:default}
.pg[disabled]{opacity:.4;pointer-events:none}
.pg-dots{color:var(--muted);font-weight:700;padding:0 2px;font-size:14px}
.pagi-note{width:100%;text-align:center;font-size:12.5px;color:var(--muted);font-weight:500;margin-top:6px}
@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)}
  .disc-grid{grid-template-columns:1fr 1fr;gap:22px}
}
@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-stats{gap:10px}.lst-stats .st{flex:1}
  .ans-sec{padding:24px 0 50px}
  .ans-detail{padding-left:18px}
  .ans-cathead h2{font-size:19px}
  .ans-thumb{width:46px;height:46px}
  .ke-filter{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .ke-filter::-webkit-scrollbar{display:none}.ke-filter .chip{flex:none}
  .disc-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:6px}
  .disc-grid::-webkit-scrollbar{display:none}
  .disc-card{flex:none;width:80vw;max-width:300px;scroll-snap-align:start}
}


/* saglik-dropdown: scoped health chrome */
/* diğer dropdown/mega aktif-item (turuncu kanon, underline gizli) */
.dropdown:not(.dropdown-health) a.active{background:var(--tomato-tint)}
.dropdown a.active::after,.mega-cats a.active::after{display:none}
.mega-cats a.active{background:var(--tomato-tint)}
.d-sub-health a i{color:var(--green)}
.d-sub-health a:hover{color:var(--green);background:rgba(59,183,126,.10)}
.nav a[href="saglik-hub-v1.html"]:hover{color:var(--green);background:rgba(59,183,126,.10)}
.header.at-top .nav>.nav-item>a[href="saglik-hub-v1.html"]:hover{color:#fff;background:rgba(255,255,255,.14)}
.dropdown-health a i{color:var(--green)}
.dropdown-health a:hover{background:rgba(59,183,126,.12);color:var(--green)}
.dropdown-health a.active{background:rgba(59,183,126,.12);color:var(--green)}
.dropdown-health a.active i{color:var(--green)}
.dropdown-health a.active::after{display:none}