*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--green-dark: #1a5c38;--green-mid: #2e7d52;--green-light: #d6ead8;--green-pale: #f2f9f3;--gold: #c8a84b;--text-dark: #1a1a1a;--text-mid: #444;--text-light: #777;--bg: #fff;--border: #e0e0e0;--radius: 8px;--max-w: 1100px;--font: "Georgia", "Times New Roman", serif;--font-sans: system-ui, -apple-system, sans-serif}html{font-size:18px;scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--text-dark);background:var(--bg);line-height:1.7}a{color:var(--green-mid);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4{font-family:var(--font);line-height:1.25;color:var(--text-dark)}h1{font-size:clamp(1.8rem,4vw,2.8rem)}h2{font-size:clamp(1.4rem,3vw,2rem)}h3{font-size:1.2rem}p{margin-bottom:1rem}.container{max-width:var(--max-w);margin:0 auto;padding:0 1.5rem}.section{padding:4rem 0}.section--alt{background:var(--green-pale)}header{background:var(--green-dark);padding:0 1.5rem;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000002e}.header-inner{max-width:var(--max-w);margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px}.logo{color:#fff;font-family:var(--font);font-size:1.35rem;font-weight:700;letter-spacing:.02em}.logo span{color:var(--gold)}nav{display:flex;gap:1.8rem}nav a{color:#ffffffe0;font-size:.95rem;font-family:var(--font-sans);transition:color .2s}nav a:hover{color:var(--gold);text-decoration:none}footer{background:var(--green-dark);color:#ffffffbf;padding:2.5rem 1.5rem;font-size:.88rem;text-align:center}footer a{color:var(--gold)}.footer-inner{max-width:var(--max-w);margin:0 auto}.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem;flex-wrap:wrap}.hero{background:linear-gradient(135deg,var(--green-dark) 0%,var(--green-mid) 100%);color:#fff;padding:5rem 1.5rem;text-align:center}.hero h1{color:#fff;margin-bottom:1.2rem}.hero p{color:#ffffffe0;font-size:1.15rem;max-width:640px;margin:0 auto 2rem}.product-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);gap:2.5rem;align-items:center;text-align:left}.product-hero-grid .hero-copy p{margin-left:0;margin-right:0}.product-hero-image{background:#fff;border:1px solid rgba(255,255,255,.35);border-radius:var(--radius);aspect-ratio:1 / 1;padding:1.5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 16px 40px #0000002e}.product-hero-image img{width:100%;height:100%;object-fit:contain}.btn{display:inline-block;padding:.75rem 1.75rem;border-radius:var(--radius);font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s}.btn:hover{opacity:.9;transform:translateY(-1px);text-decoration:none}.btn-primary{background:var(--gold);color:#1a1a1a}.btn-outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:0 4px 20px #0000001a;transform:translateY(-2px)}.product-card-image{aspect-ratio:4 / 3;background:var(--green-pale);border:1px solid var(--green-light);border-radius:var(--radius);margin-bottom:1rem;padding:1rem;display:flex;align-items:center;justify-content:center}.product-card-image img{width:100%;height:100%;object-fit:contain}.card-tag{display:inline-block;background:var(--green-light);color:var(--green-dark);font-size:.75rem;font-weight:700;padding:.2rem .65rem;border-radius:20px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.card h3{margin-bottom:.5rem}.card p{color:var(--text-mid);font-size:.95rem;margin-bottom:1rem}.card-meta{font-size:.85rem;color:var(--text-light)}.stars{color:var(--gold);letter-spacing:1px}.affiliate-box{background:var(--green-pale);border:1px solid var(--green-light);border-left:4px solid var(--green-mid);border-radius:var(--radius);padding:1.5rem;margin:2rem 0}.affiliate-box p{margin-bottom:.75rem;font-size:.95rem;color:var(--text-mid)}.disclosure{font-size:.8rem;color:var(--text-light);border-top:1px solid var(--border);padding-top:1rem;margin-top:3rem}@media (max-width: 640px){nav{gap:1rem}.hero{padding:3rem 1rem}.product-hero-grid{grid-template-columns:1fr;gap:1.5rem;text-align:center}.product-hero-grid .hero-copy p{margin-left:auto;margin-right:auto}.product-hero-image{max-width:320px;margin:0 auto}}
