:root {
  --cookbook-orange: #f15a24;
  --cookbook-ink: #151515;
  --cookbook-cream: #f7f1e8;
  --cookbook-stone: #d7d0c6;
}

.cookbook-hero {
  position: relative;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 80% 28%, rgba(241,90,36,.24), transparent 30%),
    linear-gradient(125deg, #080808 0%, #171512 56%, #24140e 100%);
  padding: clamp(54px, 8vw, 104px) 0;
}
.cookbook-hero::before { content:""; position:absolute; inset:0; opacity:.12; background-image:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.18) 50%,transparent 50.2%); background-size:58px 58px; }
.cookbook-hero__grid { position:relative; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr); align-items:center; gap:clamp(30px,6vw,78px); }
.cookbook-kicker { margin:0 0 12px; color:var(--cookbook-orange); font-size:.78rem; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
.cookbook-hero h1 { max-width:760px; margin:0; color:#fff; font-size:clamp(3.15rem,7.2vw,6.9rem); line-height:.89; letter-spacing:-.065em; }
.cookbook-lede { max-width:700px; margin:24px 0 0; color:#eee8df; font-size:clamp(1.05rem,1.7vw,1.3rem); line-height:1.62; }
.cookbook-proof { display:grid; gap:10px; margin:24px 0 0; padding:0; list-style:none; }
.cookbook-proof li { position:relative; padding-left:28px; color:#f8f3ec; font-weight:700; }
.cookbook-proof li::before { content:"✓"; position:absolute; left:0; color:var(--cookbook-orange); font-weight:950; }
.cookbook-actions { display:flex; align-items:center; flex-wrap:wrap; gap:16px; margin-top:30px; }
.cookbook-actions .btn, .cookbook-order .btn { padding:15px 24px; border-radius:999px; font-weight:900; }
.cookbook-text-link { color:#fff; font-weight:750; text-underline-offset:4px; }
.cookbook-secure-note { margin:12px 0 0; color:#bdb6ae; font-size:.86rem; }
.cookbook-hero__visual { position:relative; justify-self:center; width:min(100%,520px); min-height:590px; display:grid; place-items:center; }
.cookbook-hero__visual img { position:relative; z-index:1; width:min(100%,470px); max-height:650px; object-fit:contain; filter:drop-shadow(0 38px 38px rgba(0,0,0,.5)); transform:rotate(1.5deg); }
.cookbook-book-glow { position:absolute; width:72%; aspect-ratio:1; border-radius:50%; background:rgba(241,90,36,.34); filter:blur(80px); }
.cookbook-direct-badge { position:absolute; z-index:2; right:0; bottom:10%; margin:0; padding:13px 17px; border:1px solid rgba(255,255,255,.22); border-radius:14px; color:#fff; background:rgba(12,12,12,.86); box-shadow:0 18px 34px rgba(0,0,0,.34); transform:rotate(-2deg); }
.cookbook-direct-badge strong,.cookbook-direct-badge span { display:block; }
.cookbook-direct-badge span { color:#cfc7bd; font-size:.82rem; }

.cookbook-problem { background:var(--cookbook-orange); color:#fff; }
.cookbook-problem__grid { display:grid; grid-template-columns:repeat(3,1fr); }
.cookbook-problem p { margin:0; padding:19px 22px; text-align:center; font-size:clamp(1rem,2vw,1.2rem); font-weight:900; border-right:1px solid rgba(255,255,255,.28); }
.cookbook-problem p:last-child { border-right:0; }

.cookbook-inside { background:var(--cookbook-cream); }
.cookbook-section-heading { max-width:820px; margin:0 auto 34px; text-align:center; }
.cookbook-section-heading h2,.cookbook-story h2,.cookbook-order h2,.cookbook-faq h2 { margin:0 0 16px; color:var(--cookbook-ink); font-size:clamp(2.1rem,4vw,3.7rem); line-height:1; letter-spacing:-.045em; }
.cookbook-section-heading > p:last-child { color:#544d45; font-size:1.08rem; line-height:1.7; }
.cookbook-feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.cookbook-feature-grid article { padding:26px; border:1px solid #dfd4c4; border-radius:22px; background:#fff; box-shadow:0 18px 48px rgba(72,48,25,.08); }
.cookbook-feature-grid span { color:var(--cookbook-orange); font-weight:950; letter-spacing:.12em; }
.cookbook-feature-grid h3 { margin:18px 0 8px; color:#171717; font-size:1.35rem; }
.cookbook-feature-grid p { margin:0; color:#5c554d; line-height:1.65; }

.cookbook-story { background:#fff; }
.cookbook-story__grid { display:grid; grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr); align-items:center; gap:clamp(34px,7vw,90px); }
.cookbook-story__image { border-radius:28px; overflow:hidden; background:#17120f; box-shadow:0 28px 70px rgba(38,28,19,.18); }
.cookbook-story__image img { display:block; width:100%; max-height:670px; object-fit:cover; }
.cookbook-story p:not(.cookbook-kicker) { color:#544d45; font-size:1.05rem; line-height:1.7; }
.cookbook-story blockquote { margin:28px 0 0; padding:23px 0 4px 24px; border-left:4px solid var(--cookbook-orange); color:#222; font-size:1.18rem; font-weight:750; line-height:1.55; }
.cookbook-story cite { display:block; margin-top:10px; color:#6c6258; font-size:.9rem; font-style:normal; }

.cookbook-order { background:linear-gradient(135deg,#12100f,#25150f); }
.cookbook-order__card { display:grid; grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr); align-items:center; gap:clamp(28px,6vw,74px); max-width:1040px; padding:clamp(24px,5vw,52px); border:1px solid rgba(255,255,255,.12); border-radius:30px; color:#fff; background:rgba(255,255,255,.055); box-shadow:0 34px 80px rgba(0,0,0,.28); }
.cookbook-order__image img { display:block; width:100%; max-height:480px; object-fit:contain; filter:drop-shadow(0 25px 28px rgba(0,0,0,.48)); }
.cookbook-order h2 { color:#fff; }
.cookbook-order__summary { color:#eee5dc; font-size:1.12rem; line-height:1.6; }
.cookbook-price { display:flex; align-items:baseline; flex-wrap:wrap; gap:10px 14px; margin:16px 0 4px; }
.cookbook-price strong { color:#fff; font-size:clamp(2rem,4vw,3rem); line-height:1; letter-spacing:-.04em; }
.cookbook-price span { color:#ffd0bd; font-weight:850; }
.cookbook-order ul { display:grid; gap:8px; margin:20px 0 26px; padding-left:20px; color:#f7f0e8; }
.cookbook-checkout { display:inline-flex; }
.cookbook-checkout[aria-disabled="true"] { opacity:.62; cursor:not-allowed; }
.cookbook-checkout-help { margin:12px 0 0; color:#bfb5ac; font-size:.86rem; }

.cookbook-faq { background:var(--cookbook-cream); }
.cookbook-faq__wrap { max-width:820px; }
.cookbook-faq details { border-top:1px solid #d8cdc0; }
.cookbook-faq details:last-child { border-bottom:1px solid #d8cdc0; }
.cookbook-faq summary { padding:19px 4px; cursor:pointer; color:#1a1816; font-weight:850; }
.cookbook-faq details p { margin:0; padding:0 4px 20px; color:#5d554c; line-height:1.65; }
.cookbook-page .site-footer .smallprint p:last-child:not(:first-child) { display:none; }

@media (max-width: 820px) {
  .cookbook-hero__grid,.cookbook-story__grid,.cookbook-order__card { grid-template-columns:1fr; }
  .cookbook-hero__visual { order:-1; min-height:430px; width:min(100%,390px); }
  .cookbook-hero__visual img { max-height:470px; }
  .cookbook-direct-badge { right:-8px; bottom:4%; }
  .cookbook-hero__copy { text-align:center; }
  .cookbook-proof { width:min(100%,540px); margin-inline:auto; text-align:left; }
  .cookbook-actions { justify-content:center; }
  .cookbook-feature-grid { grid-template-columns:1fr; }
  .cookbook-order__image { width:min(100%,300px); margin-inline:auto; }
}
@media (max-width: 600px) {
  .cookbook-hero { padding:38px 0 58px; }
  .cookbook-hero__visual { min-height:350px; width:300px; }
  .cookbook-hero__visual img { max-height:380px; }
  .cookbook-problem__grid { grid-template-columns:1fr; padding:7px 0; }
  .cookbook-problem p { padding:8px 12px; border-right:0; }
  .cookbook-order__card { border-radius:22px; }
  .cookbook-checkout { width:100%; justify-content:center; text-align:center; }
}