/* Sofra Düzeni — LİSTE (content.sofra.index) sayfa CSS'i, ref sofra-duzeni-v1.html
   "SAYFA CSS" bloğundan (satır 751-870) VERBATIM taşındı. Kasıtlı atlamalar:
   - GÜNCELLEME (builder-rehber, FB18 — Beyar bağlayıcı 2026-07-15): sihirbaz
     artık KURULUYOR (hibrit — adım metinleri table_setting_steps'te admin
     yönetir, SVG kuver diyagramı sabit sunum kodu). cookmode/cm/swz aileleri
     (stilleri) sofra-wizard.css'te AYRI dosyada (bu dosyayı şişirmemek için);
     .disc-kur AŞAĞIDA GERİ EKLENDİ (kart içi "Adım Adım Kur" tetikleyici).
   - trailing .dropdown-health/.d-sub-health kuralları (satır 959-976): global
     chrome, portal.css'te zaten var (nav sağlık dropdown'ı) — kopyalanmadı.
   - .lst-empty/.le-ico bloğu ref'te YOK (ref her zaman 8 statik kart gösteriyordu);
     gerçek $contents boş olabileceği için tarif-liste.css/gurme-lezzetler.css
     emsaliyle (tomato tonlu) burada eklendi.

   ÖNEMLİ ÇAKIŞMA NOTU: .disc-card/.disc-cat/.lvl-* ailesi portal.css'te de
   tanımlı ama --gourmet (mor) tonunda (kesfet hub'ının rengi). Bu sayfa Gastro
   içeriği (tomato) olduğu için ref'in KENDİ tam disc-* kopyasını (aşağıda)
   taşıdık — @stack('styles') portal.css'ten SONRA yüklendiği için kaynak
   sırasıyla doğru (tomato) rengi ezip kazanıyor; ayrı isimlendirme/rename
   yapılmadı (DOM class'ları ref'le birebir kalmalı). */

.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}

.lst-top{
  position:relative;padding-top:128px;
  background-image:linear-gradient(90deg,rgba(28,25,18,.93),rgba(33,30,22,.72)),
    url('https://images.unsplash.com/photo-1603298573248-3e98441a0d6d?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}
.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}.lh-chips{margin-top:20px;min-width:0}
.lh-chips .lbl{color:#cdd8e0}
.lh-chips .chip{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);color:#fff;backdrop-filter:blur(4px)}
.lh-chips .chip:hover{background:var(--tomato);border-color:var(--tomato);color:#fff}
.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:#aebcc6;font-weight:500}

.seo-intro{background:var(--bg-white);border-bottom:1px solid var(--line)}
.seo-intro .wrap{padding-top:46px;padding-bottom:46px}
.seo-intro-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:start}
.seo-prose h2{font-size:26px;margin-bottom:14px}
.seo-prose h3{font-size:18px;margin:26px 0 10px}
.seo-prose p{font-size:15px;color:var(--slate-2);font-weight:500;line-height:1.7;margin-bottom:12px}
.seo-prose p:last-child{margin-bottom:0}
.seo-prose strong{color:var(--slate);font-weight:700}
.seo-prose a.inline{color:var(--tomato);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.seo-aside{background:var(--bg-cream);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px;position:sticky;top:128px}
.seo-aside h4{font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}
.seo-quick{display:flex;flex-direction:column;gap:0;margin:0;padding:0}
.seo-quick li{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);list-style:none;font-size:13.5px;font-weight:500;color:var(--slate-2)}
.seo-quick li:last-child{border-bottom:none}
.seo-quick li i{flex:none;width:32px;height:32px;border-radius:var(--radius-sm);background:var(--tomato-tint);color:var(--tomato);display:grid;place-items:center;font-size:14px}
.seo-quick li b{display:block;color:var(--slate);font-weight:700;font-size:14px;margin-bottom:1px}

.sof-index{padding:58px 0 64px;background:var(--bg-cream)}
.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}
/* mevsim rozeti kabı (RV-PUBLIC-4 R2, Beyar 2026-07-24) — disc-badges'ten
   AYRIK, sağ-üst köşe; emsal .r-save (portal.css:460, top:11px/right:11px). */
.disc-season{position:absolute;top:11px;right:11px;display:flex;z-index:2}
.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;flex-wrap:wrap;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}
.disc-meta .disc-stats{margin-left:auto;display:inline-flex;align-items:center;gap:12px;flex:none}
.disc-kur{color:var(--tomato);font-weight:700;transition:color .2s var(--ease)}
.disc-kur:hover{color:var(--tomato-dark)}
/* seviye rozeti — disc-badge türevi (görsel sol-alt) */
.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)}
/* mevsim rozeti (RV-PUBLIC-4 R5) — disc-badges ailesinin ansiklopedi.css'teki
   ikinci-seviye .lvl-2 tanımıyla BİREBİR (yeni renk/radius icat edilmedi). */
.lvl-2{background:var(--green);color:#fff}

/* boş-durum (ref'te yoktu, gerçek $contents için tarif-liste/gurme-lezzetler
   emsaliyle tomato tonunda eklendi — Beyar direktifi: eksik arayüz bırakılmaz). */
.lst-empty{display:none;text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:78px 30px;margin-top:24px}
.lst-empty.show{display:block;animation:fadeUp .35s var(--ease)}
.le-ico{width:76px;height:76px;border-radius:var(--radius-lg);background:var(--tomato-tint);color:var(--tomato);display:grid;place-items:center;font-size:30px;margin:0 auto 20px}
.lst-empty h3{font-size:23px;margin-bottom:9px}
.lst-empty p{font-size:14.5px;color:var(--muted);font-weight:500;max-width:420px;margin:0 auto 24px;line-height:1.6}

/* sayfalama — tarif-liste.css/gurme-lezzetler.css emsali (tokens.css'in eski
   .pg tanımı farklı DOM/durum sınıfları (.is-active/.is-disabled) kullanıyor;
   bu sayfanın pagi markup'u [disabled]/.active/.arrow/.pg-dots ile çalışıyor). */
.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.arrow i{font-size:12px}
.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}

.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)}
  .seo-intro-grid{grid-template-columns:1fr;gap:30px}
  .seo-aside{position:static;top:auto}
  .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}
  .seo-intro .wrap{padding-top:32px;padding-bottom:32px}
  .seo-prose h2{font-size:22px}
  .sof-index{padding:40px 0 46px}
  .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;display:flex;flex-direction:column}
  .disc-card .disc-meta{margin-top:auto;padding-top:12px}
  .next-sec{padding:38px 0 46px}
  .lst-empty{padding:54px 20px}
  .lst-empty h3{font-size:19px}
}