*{box-sizing:border-box;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#1f2a1f;background:#fbfcf8}
a{color:#2e7d32}header{position:sticky;top:0;z-index:10;background:#2e7d32;display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;align-items:center;justify-content:space-between;padding:.8rem 1.2rem;box-shadow:0 2px 6px #0002}
.logo{color:#fff;font-weight:700;font-size:1.3rem;text-decoration:none}nav{display:flex;flex-wrap:wrap;gap:.3rem 1rem}nav a{color:#fff;text-decoration:none;font-size:.95rem}
section,main.narrow{max-width:1100px;margin:auto;padding:3rem 1.2rem}main.narrow{max-width:720px}main.narrow h2{margin-top:1.5rem}h2{font-size:1.7rem;margin-bottom:1rem}
.hero{text-align:center;max-width:none;background:linear-gradient(135deg,#e8f5e9,#fff8e1);padding:4rem 1.2rem}.hero h1{font-size:clamp(1.8rem,5vw,2.8rem)}.hero p{max-width:640px;margin:1rem auto 1.5rem}
.grid{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.card{background:#fff;border:1px solid #e2e8dc;border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 2px 8px #0000000d}
.img{height:170px;border-radius:8px}.price{font-size:1.3rem;font-weight:700}.price span{font-size:.9rem;font-weight:400;color:#666}.facts{padding:0;list-style:none;font-size:.88rem;color:#444;margin-bottom:auto}
.btn{display:inline-block;background:#2e7d32;color:#fff;text-align:center;padding:.75rem 1.4rem;border-radius:8px;text-decoration:none;font-weight:600}.btn:hover{background:#1b5e20}
.alt{max-width:none;background:#f1f5ec}.alt>*{max-width:1100px;margin-left:auto;margin-right:auto}.three{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
footer{background:#263238;color:#eceff1;text-align:center;padding:2rem 1rem}footer a{color:#a5d6a7}