:root{--cream:#faf4e8;--card:#fffdf8;--sage:#8fa683;--sage-d:#5f7a56;--terra:#c06a4a;--ink:#3c342c;--muted:#6f655b;--r:18px}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:19px/1.65 "Atkinson Hyperlegible","Segoe UI",system-ui,-apple-system,Roboto,"Noto Sans",sans-serif}
a{color:var(--sage-d)}img{max-width:100%;height:auto}.wrap{max-width:1140px;margin:0 auto;padding:0 22px}
h1{font-size:clamp(2rem,4.5vw,3.1rem);line-height:1.15;margin:.4em 0}h2{font-size:1.6rem;margin:1.6em 0 .6em}
.top{background:var(--card);border-bottom:1px solid #eadfcd;position:sticky;top:0;z-index:5}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 22px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:1.5rem;font-weight:700}.logo b{color:var(--terra)}
nav a{margin-left:20px;text-decoration:none;color:var(--ink);font-weight:600}nav a:hover{color:var(--terra)}
.btn{display:inline-block;background:var(--terra);color:#fff;border:0;border-radius:999px;padding:13px 26px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;margin:4px 6px 4px 0}.btn:hover{filter:brightness(.93)}
.btn.ghost{background:transparent;color:var(--sage-d);box-shadow:inset 0 0 0 2px var(--sage)}.btn.pin{background:#e60023}
.hero{background:linear-gradient(135deg,#f3ead8,#e9efe3);padding:48px 0}.hero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.hero-img{border-radius:var(--r);background:#fff;box-shadow:0 12px 40px #3c342c22;max-height:520px;object-fit:contain;justify-self:center}
.eyebrow{color:var(--terra);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.85rem}.lead{font-size:1.2rem;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:22px}.grid3{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}
.card,.prod,.cat{background:var(--card);border-radius:var(--r);padding:14px;text-decoration:none;color:var(--ink);box-shadow:0 2px 10px #3c342c12;display:flex;flex-direction:column}
.card img{border-radius:12px;background:#fff;border:1px solid #eee}.card span{font-weight:700;margin-top:8px}.card small,.cat small{color:var(--muted)}.card:hover,.cat:hover{transform:translateY(-2px)}
.prod{padding:22px;margin-bottom:16px}.price{font-size:1.5rem;color:var(--terra);font-weight:800;margin:.2em 0}
.cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.cat{border-left:6px solid var(--sage);padding:18px}.cat b{font-size:1.2rem}
.page{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:start}.preview{margin:0;background:#fff;border-radius:var(--r);padding:16px;box-shadow:0 6px 24px #3c342c18}
.dl .btn{display:block;text-align:center;margin:10px 0}.tag{background:#e9efe3;color:var(--sage-d);border-radius:999px;padding:3px 12px;font-size:.85rem;font-weight:700}
.ad{border:2px dashed #d8cbb5;border-radius:var(--r);color:#b2a48d;text-align:center;padding:30px;margin:28px auto;max-width:1140px;font-size:.85rem}
.aff{background:#fff5ee;border-radius:var(--r);padding:16px 20px;margin:20px 0}.aff h3{margin:.2em 0}.aff li{margin:6px 0}
.upsell,.soon{background:#e9efe3;border-radius:var(--r);padding:24px;margin:32px 0}.crumbs{font-size:.9rem;color:var(--muted);margin-top:20px}
.signup{background:var(--sage);color:#fff;padding:40px 0;margin-top:50px;text-align:center}.signup h2{margin-top:0}
.form{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.form input{padding:13px 20px;border-radius:999px;border:0;font:inherit;min-width:300px}
footer{background:#3c342c;color:#eadfcd;padding:34px 0 14px}footer a{color:#eadfcd;display:block;text-decoration:none;margin:3px 0}.foot{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.small{font-size:.85rem;color:inherit;opacity:.85}.center{text-align:center;margin-top:24px}.post{max-width:780px}.sr{position:absolute;left:-9999px}
.cookie{position:fixed;bottom:16px;left:16px;right:16px;max-width:760px;margin:auto;background:var(--card);border-radius:var(--r);box-shadow:0 8px 40px #0003;padding:16px 20px;display:flex;gap:16px;align-items:center;z-index:9;font-size:.95rem}
.cookie[hidden]{display:none}
@media(max-width:800px){.hero-in,.page,.foot{grid-template-columns:1fr}nav a{margin:0 14px 0 0}body{font-size:18px}.cookie{flex-direction:column}}
@media print{.top,footer,.signup,.ad,.aff,.cookie{display:none}}
.prod img{width:100%;height:auto;border-radius:12px;margin-bottom:.6rem}
