/* The Checked Kitchen — site stili
   Kitapla aynı dil: koyu yeşil zemin, krem kâğıt, terracotta vurgu. */

:root{
  --green-900:#143E2A;
  --green-700:#1F5A3C;
  --green-500:#2F6B46;
  --green-100:#EDF2EE;
  --terra:#C87A32;
  --terra-dark:#A96023;
  --paper:#FBF9F4;
  --paper-2:#F3F1E9;
  --ink:#1E211F;
  --muted:#5C6862;
  --rule:#DFDACE;
  --shadow:0 18px 46px -22px rgba(20,62,42,.45);
  --wrap:1080px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth; -webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:Caladea,Georgia,"Times New Roman",serif;
  font-size:17.5px; line-height:1.62;
}
img{max-width:100%; height:auto; display:block}
a{color:var(--green-500)}

.wrap{max-width:var(--wrap); margin:0 auto; padding:0 22px}
.narrow{max-width:720px}

h1,h2,h3,h4,.sans{font-family:Poppins,"Helvetica Neue",Helvetica,Arial,sans-serif}
h1,h2,h3{color:var(--green-900); line-height:1.2; margin:0 0 .4em}
h2{font-size:clamp(1.5rem,3.2vw,2.05rem); letter-spacing:-.01em}
h3{font-size:1.12rem; letter-spacing:-.005em}
p{margin:0 0 1em}
.lede{font-size:1.12rem; color:var(--muted)}

.eyebrow{
  font-family:Poppins,Arial,sans-serif; font-size:.68rem; font-weight:600;
  letter-spacing:.2em; text-transform:uppercase; color:var(--terra);
  margin:0 0 .8em;
}
.rule-acc{width:56px; height:3px; background:var(--terra); border:0; margin:0 0 1.3em}

/* ---------- üst şerit ---------- */
.topbar{
  background:var(--green-900); color:#EAF1EC;
  font-family:Poppins,Arial,sans-serif; font-size:.78rem; letter-spacing:.02em;
}
.topbar .wrap{display:flex; align-items:center; justify-content:space-between;
  gap:14px; padding-top:11px; padding-bottom:11px; flex-wrap:wrap}
.topbar a{color:#EAF1EC; text-decoration:none}
.brandmark{font-weight:600; letter-spacing:.16em; text-transform:uppercase}
.topnav{display:flex; gap:20px}
.topnav a:hover{color:var(--terra)}

/* ---------- hero ---------- */
.hero{background:var(--green-900); color:#F1F5F2; padding:52px 0 60px}
.hero .grid{display:grid; grid-template-columns:1fr 340px; gap:52px; align-items:center}
.hero h1{
  color:#fff; font-size:clamp(2rem,4.6vw,3.05rem); letter-spacing:-.02em;
  margin:0 0 .45em;
}
.hero .lede{color:#C9DBCF; font-size:1.16rem}
.hero .cover{box-shadow:var(--shadow); border-radius:3px}
.hero .stats{
  display:flex; gap:30px; flex-wrap:wrap; margin:26px 0 30px;
  border-top:1px solid rgba(255,255,255,.16); padding-top:22px;
}
.hero .stats b{
  display:block; font-family:Poppins,Arial,sans-serif; font-size:1.6rem;
  color:#fff; line-height:1.1; font-weight:600;
}
.hero .stats span{font-family:Poppins,Arial,sans-serif; font-size:.7rem;
  letter-spacing:.14em; text-transform:uppercase; color:#8FB09C}

/* ---------- düğmeler ---------- */
.btn{
  display:inline-block; font-family:Poppins,Arial,sans-serif; font-weight:600;
  font-size:.95rem; letter-spacing:.01em; text-decoration:none;
  padding:15px 30px; border-radius:4px; border:2px solid transparent;
  transition:transform .12s ease, background .15s ease, color .15s ease;
}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--terra); color:#fff}
.btn-primary:hover{background:var(--terra-dark)}
.btn-ghost{border-color:rgba(255,255,255,.4); color:#fff}
.btn-ghost:hover{border-color:#fff; background:rgba(255,255,255,.08)}
.btn-dark{background:var(--green-700); color:#fff}
.btn-dark:hover{background:var(--green-900)}
.btn-row{display:flex; gap:14px; flex-wrap:wrap; align-items:center}
.price{font-family:Poppins,Arial,sans-serif; font-size:.9rem; color:#8FB09C}
.price s{opacity:.6}

/* ---------- bölümler ---------- */
section{padding:64px 0}
section.tint{background:var(--paper-2)}
section.green{background:var(--green-700); color:#EAF1EC}
section.green h2{color:#fff}
section.green .lede{color:#BFD5C7}

.cols-2{display:grid; grid-template-columns:1fr 1fr; gap:44px; align-items:start}
.cols-3{display:grid; grid-template-columns:repeat(3,1fr); gap:26px}

.card{
  background:#fff; border:1px solid var(--rule); border-radius:6px;
  padding:26px 24px;
}
.card h3{margin-bottom:.35em}
.card p:last-child{margin-bottom:0}
.card .num{
  font-family:Poppins,Arial,sans-serif; font-weight:600; font-size:.72rem;
  letter-spacing:.16em; color:var(--terra); display:block; margin-bottom:.9em;
}

/* içerik listesi */
.chapters{list-style:none; margin:0; padding:0}
.chapters li{
  display:flex; gap:16px; padding:13px 0; border-bottom:1px solid var(--rule);
}
.chapters li:last-child{border-bottom:0}
.chapters .n{
  font-family:Poppins,Arial,sans-serif; font-weight:600; color:var(--terra);
  min-width:26px; font-size:.95rem;
}
.chapters .t{font-weight:600; color:var(--green-900)}
.chapters .d{color:var(--muted); display:block; font-size:.94rem}

/* kategori rozetleri */
.cats{display:flex; flex-wrap:wrap; gap:9px; margin-top:8px}
.cats span{
  font-family:Poppins,Arial,sans-serif; font-size:.8rem;
  background:#fff; border:1px solid var(--rule); color:var(--green-900);
  padding:7px 13px; border-radius:100px;
}
.cats span i{font-style:normal; color:var(--terra); font-weight:600}

/* içeriden bak */
.look{display:grid; grid-template-columns:repeat(3,1fr); gap:20px}
.look figure{margin:0}
.look img{border:1px solid var(--rule); border-radius:3px; box-shadow:0 10px 26px -18px rgba(0,0,0,.5)}
.look figcaption{
  font-family:Poppins,Arial,sans-serif; font-size:.78rem; color:var(--muted);
  margin-top:10px;
}

/* alıntı / vurgu */
.pull{
  border-left:3px solid var(--terra); padding:4px 0 4px 20px;
  font-size:1.15rem; color:var(--green-900); margin:0 0 1.2em;
}

/* SSS */
.faq{border-top:1px solid var(--rule)}
.faq details{border-bottom:1px solid var(--rule); padding:16px 0}
.faq summary{
  cursor:pointer; font-family:Poppins,Arial,sans-serif; font-weight:600;
  color:var(--green-900); list-style:none; display:flex; justify-content:space-between;
  gap:16px; align-items:flex-start;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+"; color:var(--terra); font-size:1.3rem; line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:.85em 0 0; color:var(--muted)}

/* lead magnet şeridi */
.leadband{display:grid; grid-template-columns:230px 1fr; gap:38px; align-items:center}
.leadband img{border-radius:3px; border:1px solid rgba(255,255,255,.22);
  box-shadow:0 20px 44px -20px rgba(0,0,0,.6)}
section.tint .leadband img{border-color:var(--rule)}

/* bonus sayfası */
.bonus-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:8px}
.dl{
  background:#fff; border:1px solid var(--rule); border-radius:6px; padding:24px 22px;
  display:flex; flex-direction:column; gap:10px;
}
.dl .kind{font-family:Poppins,Arial,sans-serif; font-size:.68rem; letter-spacing:.16em;
  text-transform:uppercase; color:var(--terra)}
.dl h3{margin:0}
.dl p{color:var(--muted); font-size:.95rem; margin:0; flex:1}
.dl a{
  font-family:Poppins,Arial,sans-serif; font-weight:600; font-size:.9rem;
  text-decoration:none; color:var(--green-500);
}
.dl a::after{content:" →"}

.note{
  background:var(--green-100); border-left:3px solid var(--green-500);
  padding:18px 22px; border-radius:0 4px 4px 0; color:var(--muted); font-size:.97rem;
}
.note strong{color:var(--green-900)}

/* alt bilgi */
footer{background:var(--green-900); color:#9FBCAA; padding:44px 0 52px;
  font-family:Poppins,Arial,sans-serif; font-size:.85rem}
footer a{color:#C9DBCF; text-decoration:none}
footer a:hover{color:#fff}
footer .fgrid{display:flex; justify-content:space-between; gap:26px; flex-wrap:wrap}
footer .fnav{display:flex; gap:20px; flex-wrap:wrap}
footer .fine{margin-top:26px; padding-top:20px; border-top:1px solid rgba(255,255,255,.13);
  color:#7C9A88; font-size:.78rem; max-width:760px}

/* ---------- duyarlı ---------- */
@media (max-width:900px){
  .hero .grid{grid-template-columns:1fr; gap:34px}
  .hero .cover{max-width:250px; margin:0 auto}
  .cols-2,.cols-3,.look,.bonus-grid{grid-template-columns:1fr}
  .leadband{grid-template-columns:1fr; text-align:left}
  .leadband img{max-width:190px}
  section{padding:48px 0}
}
@media (max-width:560px){
  body{font-size:16.5px}
  .topnav{gap:14px; font-size:.74rem}
  .hero .stats{gap:20px}
}

/* ---------------------------------------------------------------------------
   Yazı tipleri kendi sunucumuzdan. Google Fonts'a bağlanmıyoruz: üçüncü taraf
   isteği yok, gizlilik metnindeki söz doğru kalıyor, sayfa daha hızlı açılıyor.
   Alt küme: Latin + tipografik tırnaklar. Altısı toplam ~70 KB.
   --------------------------------------------------------------------------- */
@font-face{font-family:Caladea;src:url(/assets/fonts/caladea-regular.woff2) format("woff2");
  font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Caladea;src:url(/assets/fonts/caladea-bold.woff2) format("woff2");
  font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Caladea;src:url(/assets/fonts/caladea-italic.woff2) format("woff2");
  font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:Poppins;src:url(/assets/fonts/poppins-400.woff2) format("woff2");
  font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url(/assets/fonts/poppins-500.woff2) format("woff2");
  font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url(/assets/fonts/poppins-700.woff2) format("woff2");
  font-weight:600 700;font-style:normal;font-display:swap}