/* ===== SAYFA CSS — kabuk CSS'i assets/css/dd-shell.css'te ===== */
/* ============ KİMLİK TOKEN'LARI (brand-tokens.md) ============ */
:root{
  --tomato:#009A44;          /* DadaDiet kabuk aksanı — NANE (Beyar kararı A5; site default domatesten bilinçli sapma, --green token'ı). DadaFit'in doygun #0093d0 sporcu yeşilinden daha yumuşak/klinik → beslenme tonu */
  --tomato-dark:#007E38;     /* hover türevi (nane koyu, --green-deep ile aynı) */
  --tomato-deep:#00602b;     /* nane derin — CTA/footer/aksan metin (WCAG AA: beyaz üstü & beyaz zeminde ≥4.5) */
  --tomato-tint:#DDF2E6;     /* nane fısıltısı zemin */
  --slate:#211E16;           /* Pantone Process Black C — başlık/koyu metin/panel */
  --slate-2:#56514a;           /* sıcak muted koyu */
  --green:#009A44;           /* yalnız sağlık bloğu */
  /* R37 (2026-08-24): bu satır KALDIRILDI — kabuğun kanon değeri geçerli.
     Ölçüldü: #007e38 eyebrow metni olarak beyazda 3,59:1 / kremde 3,41:1,
     WCAG AA metin eşiği 4,5:1. dd-shell.css'in kendi --green-deep'i
     #00602b ve o eşiği geçiyor (5,33 / 5,06). Buradaki yeniden tanım
     kanondan KAYMIŞ bir kopyaydı; yeni renk açılmadı, kayma kaldırıldı. */
  --yellow:#FAC045;          /* yalnız puan */
  --muted:#717171;           /* ikincil metin (AA: beyaz zeminde ≥4.5) */
  --line:#ECECEC;            /* hairline ayraç */
  --cream:#EFE5D3;           /* sıcak nötr */
  --cream-2:#F7F1E6;
  /* kurumsal alternatif renkler (kılavuz) */
  --c-purple:#b14fc5; --c-mint:#6cca98; --c-green:#0093d0; --c-petrol:#006072;
  --paper:#ffffff;
  --bg:#f9f9f9;              /* eski site grisi — sayfa zemini (Revize T3 M12) */
  --ink:#211E16;
  /* section zemin ritmi — açık bölüm alternasyonu (gri ↔ beyaz, eski site ekseni) */
  --bg-white:#ffffff;        /* saf beyaz */
  --bg-cream:#f9f9f9;        /* eski site section grisi (own.css'teki en yaygın zemin) */

  --radius-sm:8px; --radius-md:12px; --radius-lg:16px; --radius-xl:24px; --radius-pill:999px; --radius-circle:50%;
  /* legacy alias → yeni ölçek */
  --r:var(--radius-lg); --r-sm:var(--radius-sm); --r-lg:var(--radius-xl);
  --sh-sm:0 1px 2px rgba(33,30,22,.04), 0 2px 6px rgba(33,30,22,.05);
  --sh-md:0 6px 22px rgba(33,30,22,.09);
  --sh-lg:0 18px 50px rgba(33,30,22,.16);
  --ease:cubic-bezier(.22,.61,.36,1);
  --wrap:1240px;
}
:root{--c-mint-deep:#009A44}
:root{
  --d-3:#322D26; --d-deep:#161310;
  --dline:rgba(251,248,243,.16);
  --r-md:12px; --r-lg:16px; --r-xl:24px; --r-circle:50%;
  --ease-spring:cubic-bezier(.16,1,.3,1);
  --tomato-rgb:59,183,126;
  --sh-3:0 18px 50px rgba(33,30,22,.16);
  --panel-fl:360px;
  --b-diet:#009A44;    --b-diet-l:#7FCCA1;
  --b-fit:#0093d0;     --b-fit-l:#4DB4DE;
  --b-akademi:#006072; --b-akademi-l:#2E97AB;
}
.sh-top .rd-crumb{margin-top:16px}
/* "Tüm Tarifler" — kategori grid'inin 13. hücresi, buton dilinde (Revize T3 M1) */
.mega-cats .mega-cat-all{
  font-weight:700;color:var(--tomato);
  background:var(--tomato-tint);border:1px solid rgba(0,154,68,.22);
}
/* Tarif Bulucu CTA — mega-feat kolonunda (Faz3 #22; finder giriş noktası) */

/* =====================================================================
   F10 — SAĞLIK HUB · sağlık dili (yeşil aksan; token seti AYNI)
   Kaynaklar: lst-hero (koyu band) · calc-card/diet-panel (v3a 418–447)
   ===================================================================== */

/* ---- HERO: koyu band (liste hero dili) — yeşil sağlık aksanı ---- */
/* FULL-VIEWPORT hero (kaynak sistemin .hero-v kompozisyonu → Diet): tam ekran yükseklik, içerik dikey ortalı */
.sh-top{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;padding-top:96px;background:#15241c;overflow:hidden}
/* hero media: optimize lazy video (JS kontrollü) + LOCAL poster (ilk-paint + mobil/reduced/save-data fallback) = bg; ::after nane overlay video ÜSTÜNDE; içerik .wrap z:2. prefers-reduced-motion → video gizli, poster kalır. */
.sh-hero-media{position:absolute;inset:0;z-index:0;background:#15241c url('assets/img/diet-hero-poster.jpg') center/cover no-repeat}
.sh-hero-media video{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block}
.sh-hero-media::after{content:"";position:absolute;inset:0;background:
  radial-gradient(820px 360px at 84% 12%,rgba(0,154,68,.22),transparent 62%),
  linear-gradient(90deg,rgba(18,28,22,.93) 0%,rgba(20,32,25,.80) 46%,rgba(20,32,25,.55) 100%),
  linear-gradient(180deg,rgba(18,28,22,0) 58%,rgba(16,26,20,.9) 100%)}
@media(prefers-reduced-motion:reduce){.sh-hero-media video{display:none}}
/* full-viewport hero alt scroll ipucu */
.sh-scroll{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);z-index:3;color:rgba(255,255,255,.72);font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}
.sh-scroll i{font-size:15px;animation:shbob 1.8s var(--ease) infinite}
@keyframes shbob{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@media(prefers-reduced-motion:reduce){.sh-scroll i{animation:none}}
.sh-top .wrap{position:relative;z-index:2;width:100%}
.sh-top .rd-crumb{color:#bcd0c4}
.sh-top .rd-crumb a{color:#bcd0c4}
.sh-top .rd-crumb a:hover{color:#99d7b4}
.sh-top .rd-crumb i{color:rgba(255,255,255,.4)}
.sh-top .rd-crumb b{color:#fff}
.sh-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:50px;align-items:center;padding:14px 0 50px}
.sh-hero .eyebrow{color:#99d7b4}
.sh-hero .eyebrow::before{background:var(--green)}
.sh-hero h1{color:#fff;font-size:44px;margin:14px 0 12px;letter-spacing:-.03em;text-shadow:0 2px 24px rgba(0,0,0,.25)}
.sh-hero h1 .accent{color:#7fcca1;white-space:nowrap}
.sh-hero .lead{color:#e3ede7;font-weight:500;font-size:15.5px;max-width:560px;text-shadow:0 1px 14px rgba(0,0,0,.3)}
.sh-hchips{margin-top:20px}
.sh-hchips .lbl{color:#c4d4ca}
.sh-hchips .chip{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);color:#fff;backdrop-filter:blur(4px)}
.sh-hchips .chip:hover{background:var(--green);border-color:var(--green);color:#fff}
/* hero trust şeridi (eski sh-stats sayıları — DadaFit df-htrust kalıbı) */
.sh-htrust{display:flex;flex-wrap:wrap;gap:14px 22px;margin-top:24px}
.sh-htrust span{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#cfe6da}
.sh-htrust i{color:var(--green);font-size:13px}
.sh-htrust b{color:#fff;font-weight:700}
/* SIGNATURE: Günün Beslenme Özeti — sağ kolon canlı kart (cam, nane) */
.sh-ledger{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-lg);padding:22px 22px 20px;backdrop-filter:blur(8px);box-shadow:0 18px 50px rgba(0,0,0,.28)}
.shl-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.shl-head h3{color:#fff;font-size:17px;font-weight:700;letter-spacing:-.01em}
/* Etiket yarıçapı kanon düğme/çip değerine çekildi (--radius-md 12px; Beyar, 2026-09-14 — donörde hap). */
.shl-date{font-size:11.5px;font-weight:600;color:#bfe0cf;background:rgba(0,154,68,.22);border:1px solid rgba(0,154,68,.45);padding:4px 10px;border-radius:var(--radius-md)}
.shl-row{margin-bottom:14px}
.shl-rowtop{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}
.shl-tag{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#e3efe9}
.shl-tag i{color:var(--green);width:15px;text-align:center}
.shl-val{font-size:13.5px;font-weight:700;color:#fff}
.shl-val small{font-size:11px;font-weight:500;color:#a9c6b7;margin-left:2px}
.shl-bar{height:7px;border-radius:var(--radius-pill);background:rgba(255,255,255,.12);overflow:hidden}
.shl-fill{height:100%;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--green),var(--c-mint))}
.shl-net{display:flex;gap:11px;align-items:flex-start;margin-top:16px;padding-top:15px;border-top:1px solid rgba(255,255,255,.14)}
.shl-net>i{color:var(--green);font-size:15px;margin-top:2px}
.shl-net b{display:block;color:#fff;font-size:13px;font-weight:700;margin-bottom:2px}
.shl-net span{font-size:12px;color:#b9d3c6;line-height:1.5}
.shl-net a{color:var(--green);font-weight:700;white-space:nowrap}

/* ---- sağlık eyebrow yeşil (genel) ---- */
.sec-green .eyebrow{color:var(--green-deep)}
.sec-green .eyebrow::before{background:var(--green)}
/* (sayfa-içi araç arama KALDIRILDI — header büyüteci + hero "Popüler" çipleri kapsıyor) */

/* ---- HESAPLAYICILAR: calc-card grid (v3a) — 3 sütun ---- */
/* HESAPLAYICILAR: yatay scroll-snap slider (3 tam kart + 4.'nün peek'i; sıfır bağımlılık) */
.calc-slider{position:relative}
.calc-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:4px 2px 8px}
.calc-track::-webkit-scrollbar{display:none}
.calc-track>.calc-card{flex:0 0 calc((100% - 122px)/3);scroll-snap-align:start}
.calc-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:42px;height:42px;border-radius:var(--radius-circle);border:1px solid #d9ebe1;background:#fff;color:var(--green-deep);font-size:15px;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 18px rgba(20,40,30,.12);transition:.2s var(--ease)}
.calc-arrow:hover{background:var(--green);border-color:var(--green);color:#fff}
.calc-arrow.prev{left:-12px}
.calc-arrow.next{right:-12px}
.calc-arrow[disabled]{opacity:0;pointer-events:none}
/* DİYET LİSTELERİ: aynı slider reçetesi (hub-card, .calc-arrow yeniden kullanılır) */
.hub-slider{position:relative}
.hub-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:4px 2px 8px}
.hub-track::-webkit-scrollbar{display:none}
.hub-track>.hub-card{flex:0 0 calc((100% - 130px)/3);scroll-snap-align:start}
.calc-card{display:flex;align-items:center;gap:14px;padding:16px;background:var(--paper);border:1px solid #e2efe8;border-radius:var(--radius-lg);cursor:pointer;transition:.25s var(--ease)}
.calc-card:hover{transform:translateY(-4px);border-color:var(--green);box-shadow:var(--sh-md)}
.calc-ico{flex:none;width:50px;height:50px;border-radius:var(--radius-lg);background:#E3F4EA;display:grid;place-items:center}
.calc-ico i{font-size:21px;color:var(--tomato-deep)}
.calc-card h4{font-size:16px;margin-bottom:3px}
.calc-card p{font-size:12.5px;color:var(--muted);font-weight:500}
.calc-card .go{margin-left:auto;color:var(--green);font-size:13px;transition:.2s var(--ease)}
.calc-card:hover .go{transform:translateX(3px)}

/* ---- HUB KARTLARI (testler + diyet programları) ---- */
.hub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.hub-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:.3s var(--ease)}
.hub-card:hover{transform:translateY(-6px);border-color:#dcdcdc;box-shadow:var(--sh-md)}
.hub-media{position:relative;height:172px;background-size:cover;background-position:center}
.hub-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(33,30,22,0) 52%,rgba(20,18,12,.5))}
.hub-cat{position:absolute;top:12px;left:12px;z-index:2;background:rgba(255,255,255,.94);color:var(--slate);font-size:11.5px;font-weight:700;padding:6px 12px;border-radius:var(--radius-sm);letter-spacing:.02em}
.hub-cat.green{background:var(--tomato-deep);color:#fff}
.hub-tags{position:absolute;bottom:12px;left:12px;z-index:2;display:flex;gap:6px}
.hub-tag{display:inline-flex;align-items:center;gap:5px;background:rgba(20,18,12,.72);color:#fff;font-size:11px;font-weight:700;padding:6px 10px;border-radius:var(--radius-sm);backdrop-filter:blur(4px)}
.hub-body h4{font-size:17px;margin-bottom:8px;letter-spacing:-.01em}
.hub-card:hover .hub-body h4{color:var(--green-deep)}
.hub-body p{font-size:13.5px;color:var(--muted);font-weight:500;line-height:1.55}
.hub-foot .go{display:inline-flex;align-items:center;gap:7px;color:var(--tomato-deep);font-weight:700}
.hub-card:hover .hub-foot .go i{transform:translateX(3px)}
.hub-foot .go i{transition:.2s var(--ease)}

/* ---- BESİN KÜTÜPHANESİ girişi (yeşil yıkamalı band) ---- */
.nut-entry{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;background:linear-gradient(180deg,#EFF9F3,#E3F4EA);border:1px solid #c9ead8;border-radius:var(--radius-xl);padding:40px}
.nut-entry h3{font-size:27px;margin:12px 0 10px}
.nut-entry p{color:var(--slate-2);font-weight:500;font-size:15px;margin-bottom:22px;max-width:440px}
.nut-search{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #c9ead8;border-radius:var(--radius-md);padding:14px 18px;max-width:440px;box-shadow:var(--sh-sm)}
.nut-search i{color:var(--green);font-size:16px}
.nut-search span{color:var(--muted);font-size:14px;font-weight:500;flex:1}
.nut-search .btn{padding:9px 16px;font-size:13px;color:#fff}
.nut-pop{display:flex;flex-direction:column;gap:11px}
.nut-row{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #c9ead8;border-radius:var(--radius-md);padding:13px 16px;transition:.2s var(--ease);cursor:pointer}
.nut-row:hover{border-color:var(--green);transform:translateX(3px)}
.nut-row .nr-ico{flex:none;width:42px;height:42px;border-radius:var(--radius-md);background:#E3F4EA;display:grid;place-items:center;color:var(--tomato-deep);font-size:17px}
.nut-row b{font-size:14.5px;color:var(--slate);display:block}
.nut-row span{font-size:12.5px;color:var(--muted);font-weight:500}
.nut-row .kcal{margin-left:auto;font-size:13px;font-weight:700;color:var(--tomato-deep);white-space:nowrap}

/* ---- DİYETİSYEN paneli (v3a diet-panel VERBATIM dili) ---- */
.diet-panel{background:var(--slate);border-radius:var(--radius-xl);padding:42px;color:#fff;position:relative;overflow:hidden}
.diet-panel::before{content:"";position:absolute;top:-60px;right:-60px;width:240px;height:240px;border-radius:var(--radius-circle);background:radial-gradient(circle,rgba(0,154,68,.35),transparent 70%)}
.diet-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.diet-panel .eyebrow{color:#99d7b4;position:relative}
.diet-panel .eyebrow::before{background:var(--green)}
.diet-panel h3{color:#fff;font-size:28px;margin:13px 0 12px;position:relative;letter-spacing:-.02em}
.diet-panel .lead{color:#b9c6d1;font-weight:500;font-size:15px;margin-bottom:24px;position:relative}
.diet-list{position:relative;display:flex;flex-direction:column;gap:13px}
.diet-doc{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:13px 15px;transition:.2s var(--ease);cursor:pointer}
.diet-doc:hover{background:rgba(255,255,255,.1)}
.diet-doc .av{width:50px;height:50px;border-radius:var(--radius-circle);background-size:cover;background-position:center;flex:none;border:2px solid rgba(0,154,68,.6)}
.diet-doc .di b{font-size:15px;font-weight:700;color:#fff;display:block}
.diet-doc .di span{font-size:12.5px;color:#9fb0bc;font-weight:500}
.diet-doc .tag{margin-left:auto;font-size:11px;font-weight:700;color:var(--c-mint);background:rgba(0,154,68,.18);padding:6px 12px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:6px;white-space:nowrap}
.diet-panel .btn-green{position:relative;background:var(--tomato-deep);color:#fff;width:100%;margin-top:22px;box-shadow:0 8px 22px rgba(0,154,68,.3)}
.diet-panel .btn-green:hover{filter:brightness(1.06);transform:translateY(-2px)}

/* ---- responsive ---- */
@media(max-width:1024px){
  .sh-top{align-items:flex-start}/* stacked içerik 100vh'yi aşarsa üstten başla, kırpma yok */
  .sh-hero{grid-template-columns:minmax(0,1fr);align-items:start;gap:22px;padding-bottom:34px}
  .sh-main{min-width:0}
  .sh-htrust{margin-top:18px}
  .sh-ledger{margin-top:4px}
  .hub-grid{grid-template-columns:1fr 1fr}
  .calc-track>.calc-card{flex-basis:calc((100% - 60px)/2.3)}
  .hub-track>.hub-card{flex-basis:calc((100% - 70px)/2.2)}
  .nut-entry,.diet-grid{grid-template-columns:1fr;gap:28px}
}
@media(max-width:640px){
  .sh-top{padding-top:74px}/* 62 header + 12 nefes (H1 koyu hero kanon) */
  .sh-hero h1{font-size:29px}
  .sh-hero .lead{font-size:14.5px}
  .sh-htrust{gap:10px 16px}
  .sh-ledger{padding:18px 16px 16px}
  .sh-hchips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
  .sh-hchips::-webkit-scrollbar{display:none}
  .sh-hchips .chip{flex:none;white-space:nowrap}
  .hub-grid{grid-template-columns:1fr}
  .calc-track>.calc-card{flex-basis:86%}
  .hub-track>.hub-card{flex-basis:88%}
  .calc-arrow{display:none}
  .nut-entry{padding:26px}
  .diet-panel{padding:28px}
}
.nav a.active[href="saglik-hub-v1.html"]{color:var(--green)}
.nav a.active[href="saglik-hub-v1.html"]::after{background:var(--green)}
/* 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)}
.nav a[href="saglik-hub-v1.html"]:hover{color:var(--green);background:rgba(0,154,68,.10)}

/* ===================================================================
   BESLENME REHBERİ — DENGELİ TABAK (makale + tabak signature, nane)
   =================================================================== */
.reh-hero{position:relative;background-color:#15241c;background-image:linear-gradient(90deg,rgba(18,28,22,.94),rgba(20,32,25,.74)),url('varliklar/_dis/images.unsplash.com/photo-1467453678174-768ec283a940.avif');background-size:cover;background-position:center;overflow:hidden;padding:128px 0 50px}
.reh-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(760px 320px at 84% -10%,rgba(0,154,68,.20),transparent 60%),linear-gradient(180deg,rgba(18,28,22,0) 60%,rgba(16,26,20,.6));pointer-events:none}
.reh-hero .wrap{position:relative;z-index:2}
.reh-hero .rd-crumb{color:#bcd0c4;padding-bottom:18px;font-size:13px}
.reh-hero .rd-crumb a{color:#bcd0c4}
.reh-hero .rd-crumb a:hover{color:#99d7b4}
.reh-hero .rd-crumb i{color:rgba(255,255,255,.4)}
.reh-hero .rd-crumb b{color:#fff}
.reh-hero .eyebrow{color:#99d7b4}
.reh-hero .eyebrow::before{background:var(--green)}
.reh-hero h1{color:#fff;font-size:40px;margin:12px 0 12px;letter-spacing:-.03em;text-shadow:0 2px 24px rgba(0,0,0,.25)}
.reh-hero h1 .accent{color:#7fcca1;white-space:nowrap}
.reh-hero .lead{color:#e3ede7;font-weight:500;font-size:16px;max-width:600px;text-shadow:0 1px 14px rgba(0,0,0,.3)}
/* R7/R14 (revizyon turu 2026-08-24) — künye satırı yataydan banner'ın
   SAĞINA, dikey ve ayraçlı bir sayaç bloğuna taşındı (kardeş markanın
   tarif listesi banner'ı referans alındı — salt-okuma, kod bağı yok —
   R7). Sayı taşımayan kalem ("Son güncelleme" tarihi) düştü:
   CLAUDE.md'nin sıfır/placeholder basılmaz kuralı sayı taşımayan
   kalemi de kapsıyor (Beyar kararı, R14). */
.reh-hstats{display:flex;flex-direction:column;gap:18px;padding-left:22px;border-left:1px solid rgba(255,255,255,.16)}
.reh-hstats b{display:block;font-size:25px;font-weight:800;color:#fff;line-height:1;letter-spacing:-.02em}
.reh-hstats span{display:block;font-size:11.5px;font-weight:600;color:#bcd0c4;margin-top:4px}
/* article hero 2-col + tabak */
.reh-arthero{display:grid;grid-template-columns:minmax(0,1.05fr) auto minmax(0,.85fr);gap:34px;align-items:center;padding-top:4px}
.plate-fig{margin:0;display:flex;flex-direction:column;align-items:center;gap:18px}
.plate{width:236px;height:236px;border-radius:50%;background:conic-gradient(from 0deg,#009A44 0 50%,#56514a 50% 75%,#EFE5D3 75% 100%);box-shadow:0 20px 50px rgba(0,0,0,.34),inset 0 0 0 9px rgba(255,255,255,.92);position:relative}
.plate::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.plate-legend{display:flex;flex-direction:column;gap:9px;width:100%;max-width:236px}
.plate-legend span{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600;color:#e3ede7}
.plate-legend b{color:#fff;font-weight:800;margin-right:1px}
.plate-legend .dot{width:14px;height:14px;border-radius:4px;flex:none}
.plate-legend .dot.veg{background:#009A44}
.plate-legend .dot.pro{background:#56514a}
.plate-legend .dot.car{background:#EFE5D3}
/* makale ölçüsü */
.reh-article{max-width:860px}
/* accordion Q&A (sss deseni; Diet mint override) */
.qa-list{display:flex;flex-direction:column;gap:12px}
.qa{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}
.qa.open{border-color:rgba(0,154,68,.4);box-shadow:var(--sh-sm)}
.qa-ico{flex:none;width:34px;height:34px;border-radius:var(--radius-md);background:var(--tomato-tint);color:var(--tomato-deep);display:grid;place-items:center;font-size:14px}
.qa-car{margin-left:auto;flex:none;font-size:12px;color:var(--muted);transition:transform .25s var(--ease)}
.qa.open .qa-car{transform:rotate(180deg);color:var(--tomato-deep)}
.qa-body{max-height:0;overflow:hidden;transition:max-height .32s var(--ease)}
.qa-body p{padding:0 26px 18px 70px;font-size:14.5px;color:var(--slate-2);font-weight:500;line-height:1.7}
.qa-body p+p{padding-top:0;margin-top:-6px}
.qa-body .qa-sub{padding:2px 26px 10px 70px;font-size:13.5px;font-weight:700;color:var(--slate)}
.qa-ul{list-style:none;padding:0 26px 20px 70px;display:flex;flex-direction:column;gap:9px}
.qa-ul li{position:relative;padding-left:20px;font-size:14px;color:var(--slate-2);font-weight:500;line-height:1.6}
.qa-ul li::before{content:"";position:absolute;left:2px;top:9px;width:7px;height:7px;border-radius:50%;background:var(--tomato)}
/* cross-brand köprü kartları */
.reh-bridge{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.brg-card{display:flex;flex-direction:column;gap:11px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px;transition:.25s var(--ease)}
.brg-card:hover{transform:translateY(-4px);border-color:var(--tomato);box-shadow:var(--sh-md)}
.brg-brand{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--slate-2)}
.brg-brand i{font-size:12px;color:var(--tomato-deep)}
.brg-card h4{font-size:16.5px;letter-spacing:-.01em}
.brg-card p{font-size:13.5px;color:var(--muted);font-weight:500;line-height:1.55;flex:1}
.brg-go{display:inline-flex;align-items:center;gap:8px;color:var(--tomato-deep);font-weight:700;font-size:13.5px}
.brg-card:hover .brg-go i{transform:translateX(3px)}
.brg-go i{transition:.2s var(--ease)}
/* genel-bilgi notu (disclaimer) */
.reh-note{display:flex;gap:14px;align-items:flex-start;background:var(--tomato-tint);border:1px solid #bae4cc;border-radius:var(--radius-lg);padding:20px 22px}
.reh-note>i{color:var(--tomato-deep);font-size:18px;margin-top:2px;flex:none}
.reh-note p{font-size:14px;color:var(--slate-2);font-weight:500;line-height:1.6}
.reh-note p a{color:var(--tomato-deep);font-weight:700}
.reh-note p a:hover{text-decoration:underline}
/* R14(c) (revizyon turu 2026-08-24) — CTA kartın ortasında ve genişletilmiş: mevcut .btn kutusunun kendi justify-content:center'ı korunuyor, yalnız kutunun kendisi metin sütununun tam genişliğine yayılıyor — yeni renk/ölçü icat edilmedi. */
.reh-note-lg .btn{margin-top:14px;display:flex;width:100%}
/* nav aktif — Beslenme Rehberi (nane) */
/* ≤1024: hero grafiği gizlenir — banner tavanını bu grafik belirliyordu (HANDOFF §6.9) */
@media(max-width:1024px){.reh-arthero{grid-template-columns:1fr;gap:30px}.reh-hstats{flex-direction:row;border-left:none;border-top:1px solid rgba(255,255,255,.16);padding-left:0;padding-top:14px;gap:26px}.plate-fig{display:none}.reh-bridge{grid-template-columns:1fr}}
@media(max-width:640px){.reh-hero{padding:96px 0 36px}.reh-hero h1{font-size:28px}.qa-body p,.qa-ul,.qa-body .qa-sub{padding-left:24px}.qa-ul li{padding-left:18px}}

/* Kaynak künyesi bloğu — prototipte karşılığı YOK, Beyar kararı A ile eklendi.
   Yalnız var olan token'lar kullanılır (tokens/kabuk CSS'i), yeni renk/radius
   icat edilmez (component-token.md §6). Sayfa CSS'ine dokunmaz. */
.dd-sources{margin-top:28px;padding-top:18px;border-top:1px solid var(--line)}
.dd-sources h3{font-size:14px;font-weight:800;color:var(--slate);margin:0 0 10px}
.dd-sources ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.dd-sources li{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.55;color:var(--muted)}
.dd-sources li i{color:var(--green);font-size:11px;margin-top:4px;flex:none}
.dd-sources a{color:var(--green-deep);font-weight:700;text-decoration:none}
.dd-sources a:hover{text-decoration:underline}
.dd-sources b{color:var(--slate-2);font-weight:700}
.dd-src-portion,.dd-src-date{display:inline-block;margin-left:6px}
.dd-src-date{opacity:.8}