/* Kaynak-transfer: prototip protein-rehberi-v1.html <style> blogu — AYNEN.
   HANDOFF §0: bu tasarim yeniden yapilmaz, oldugu gibi tasinir. */
/* ===== SAYFA CSS — kabuk CSS'i assets/css/dd-shell.css'te ===== */
/* ===== SAYFA CSS (T-B) ===== */

.tb-top{position:relative;padding-top:128px;padding-bottom:46px;overflow:hidden;background:#3a352c}
/* §2f H1 koyu-overlay hero — temsilî Unsplash görseli (data-img-pending KORUNUR: highfield gelince bu URL swap edilir). Kerem Bey pattern'ı: bg-image cover/center. */
.tb-top .tb-hero-img{position:absolute;inset:0;background:#3a352c url('../media/photo-1505253716362-afaea1d3d1af.avif') center/cover no-repeat;z-index:0}
.tb-top::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(18,28,22,.94),rgba(20,32,25,.74))}
.tb-top .wrap{position:relative;z-index:2}
.tb-top .rd-crumb,.tb-top .rd-crumb a{color:#bcd0c4}
.tb-top .rd-crumb a:hover{color:#fff}
.tb-top .rd-crumb i{color:rgba(255,255,255,.4)}
.tb-top .rd-crumb b{color:#fff}
.rd-crumb{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:0 0 14px;font-size:13px;font-weight:500;color:var(--muted)}
.rd-crumb a{color:var(--muted);transition:.18s}
.rd-crumb i{font-size:9px;color:#c7c7c7}
.rd-crumb b{color:var(--slate);font-weight:700}
.tb-hero-main{max-width:760px}
.tb-top .eyebrow{color:#99d7b4}
.tb-top h1{color:#fff;font-size:42px;margin:6px 0 12px;text-shadow:0 2px 24px rgba(0,0,0,.25)}
.tb-top .lead{color:#e9e2d6;font-size:16.5px;font-weight:500;max-width:600px;text-shadow:0 1px 14px rgba(0,0,0,.3)}
@media (max-width:1024px){.tb-top h1{font-size:34px}}
@media (max-width:640px){.tb-top{padding-top:74px;padding-bottom:34px}.tb-top h1{font-size:27px}.tb-top .lead{font-size:15px}}

/* besin rehber gövdesi */
.bg-intro{padding:50px 0 14px;background:var(--bg-white)}
.bg-intro .lead-wrap{max-width:760px}
.bg-intro p{font-size:16px;color:var(--slate-2);font-weight:500;line-height:1.7;margin-bottom:16px}
.bg-intro p:first-of-type{font-size:17.5px;color:var(--slate)}
/* hızlı bilgi kartları */
.bg-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}
.bg-fact{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px 22px;box-shadow:var(--sh-sm)}
.bg-fact .bf-ico{width:42px;height:42px;border-radius:var(--radius-md);background:#e8f6ef;color:var(--green-deep);display:grid;place-items:center;font-size:17px;margin-bottom:13px}
.bg-fact b{display:block;font-size:15px;color:var(--slate);margin-bottom:5px}
.bg-fact p{font-size:13.5px;color:var(--muted);font-weight:500;line-height:1.6;margin:0}
/* referans tablo */
.bg-table-sec{padding:46px 0 64px;background:var(--bg-white)}
.bg-tbl-note{font-size:13px;color:var(--muted);font-weight:500;margin-bottom:16px}
.bg-tbl-note b{color:var(--slate);font-weight:700}
.ref-table{width:100%;border-collapse:collapse;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--sh-sm)}
.ref-table thead th{font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);text-align:right;padding:15px 20px 13px;background:#fafbf9;border-bottom:1px solid var(--line)}
.ref-table thead th:first-child{text-align:left}
.ref-table tbody td{text-align:right;font-size:14px;font-weight:600;color:var(--slate-2);padding:14px 20px}
.ref-table tbody td:first-child{text-align:left}
.ref-table tbody .fr-ico-cell{display:flex;align-items:center;gap:12px}
.ref-table tbody .fr-ico{flex:none;width:36px;height:36px;border-radius:var(--radius-md);background:var(--cream-2);color:var(--green-deep);display:grid;place-items:center;font-size:15px}
.ref-table tbody .f-name{font-weight:700;color:var(--slate)}
.ref-table tbody .f-sub{display:block;font-size:11.5px;color:var(--muted);font-weight:500;margin-top:1px}
.ref-table tbody tr+tr td{border-top:1px solid var(--line)}
.ref-table tbody tr:nth-child(odd){background:#fafbf9}
.ref-table .hl{color:var(--green-deep);font-weight:700}
.bg-disc{display:flex;gap:11px;font-size:12.5px;color:var(--muted);font-weight:500;line-height:1.6;margin-top:18px;padding:16px 18px;background:var(--bg-cream);border-radius:var(--radius-md)}
.bg-disc i{color:var(--green);margin-top:2px;flex:none}
/* alt köprü */
.bg-next{padding:50px 0 70px;background:var(--bg-cream);border-top:1px solid var(--line)}
.bg-next-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.bg-next-card{display:flex;align-items:center;gap:13px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px 18px;transition:.2s var(--ease)}
.bg-next-card:hover{border-color:var(--green);transform:translateY(-3px);box-shadow:var(--sh-md)}
.bg-next-card .nx-ico{flex:none;width:42px;height:42px;border-radius:var(--radius-md);background:#e8f6ef;color:var(--green-deep);display:grid;place-items:center;font-size:16px}
.bg-next-card b{display:block;font-size:14px;color:var(--slate)}
.bg-next-card span{display:block;font-size:12px;color:var(--muted);font-weight:500;margin-top:1px}
@media (max-width:1024px){.bg-facts{grid-template-columns:1fr}.bg-next-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.ref-table .col-opt{display:none}.bg-next-grid{grid-template-columns:1fr}}