*{box-sizing:border-box;margin:0}body{font-family:system-ui,"Segoe UI",Roboto,sans-serif;color:#2b2118;line-height:1.6}
a{color:#b5651d}.nav{position:sticky;top:0;z-index:9;background:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:.7rem 1rem;box-shadow:0 2px 8px #0001}
.logo{font-weight:800;text-decoration:none;color:#2b2118;font-size:1.15rem}.nav nav a{margin-left:.9rem;text-decoration:none;font-size:.95rem;color:#2b2118}
.hero{height:600px;background:url(img/hero-farmer.jpg) center/cover;display:flex}.ov{flex:1;background:linear-gradient(#0007,#000a);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem}
.hero h1{font-size:clamp(2.2rem,7vw,4rem)}.tag{font-size:1.4rem;color:#ffc857;font-weight:700}
.btns{margin-top:1.4rem;display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center}.btn{display:inline-block;background:#e8892b;color:#fff;padding:.8rem 1.4rem;border-radius:40px;text-decoration:none;font-weight:700}.btn.wa{background:#25d366}
.wrap{padding:3.5rem 1.2rem;max-width:1100px;margin:auto}.alt{background:#fff8ec;max-width:none}.alt>*{max-width:1060px;margin-left:auto;margin-right:auto}
h2{font-size:1.7rem;margin-bottom:1rem;color:#7a3e0c}p{margin-bottom:.8rem}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.card{background:#fff;border-radius:14px;padding:1.4rem;box-shadow:0 4px 14px #0001}.ic{font-size:2.4rem}
.rate{background:linear-gradient(135deg,#ffc857,#e8892b);color:#2b2118;border-radius:18px;padding:2rem;text-align:center;max-width:460px}.val{font-size:3.4rem;font-weight:800}.val small{font-size:1rem}.note{font-size:.85rem;margin-top:.6rem}
.gal{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.gal img,.ph{width:100%;height:220px;object-fit:cover;border-radius:12px}.ph{background:#f1e2c8;display:flex;align-items:center;justify-content:center;color:#7a3e0c}
.ct{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}iframe{width:100%;min-height:300px;border:0;border-radius:12px}
footer{text-align:center;padding:1.5rem;background:#2b2118;color:#fff;font-size:.9rem}
.fab{position:fixed;right:18px;bottom:18px;background:#25d366;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.7rem;text-decoration:none;box-shadow:0 4px 12px #0004}
@media(max-width:700px){.nav nav{width:100%;display:flex;justify-content:space-between;margin-top:.4rem}.nav nav a{margin:0}.ct{grid-template-columns:1fr}}
.cr{opacity:.7;font-size:.75rem}
.logo{display:flex;align-items:center;gap:.55rem;text-decoration:none}
.logo img{height:52px;width:auto;display:block}
.logo span{font-weight:800;color:#c8961e;font-size:1.15rem;line-height:1.05;letter-spacing:.5px}
.logo small{font-size:.8rem;letter-spacing:2px}
@media(max-width:700px){.nav{padding:.5rem .8rem}.logo img{height:42px}.logo span{font-size:1rem}.nav nav a{font-size:.9rem}.hero{height:520px}}
.art{max-width:820px;margin:0 auto}.art h1{font-size:2rem;margin:.5rem 0}.art h2{margin-top:1.6rem;color:#b5651d}.art img{width:100%;height:auto;border-radius:12px;margin:1rem 0}.art .meta{color:#777;margin-top:0}.art li{margin:.5rem 0}.art p,.art li{line-height:1.7}.art .note{background:#fff6e5;border-left:4px solid #b5651d;padding:.8rem 1rem;border-radius:6px}.art .cta{background:#2b2118;color:#fff;padding:1.2rem;border-radius:12px;margin-top:1.5rem;text-align:center}.art .cta h2{color:#ffc46b;margin-top:0}
.teaser{display:flex;gap:1rem;align-items:center;text-decoration:none;color:inherit;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0002;overflow:hidden}.teaser img{width:40%;height:auto;object-fit:cover}.teaser div{padding:1rem}.teaser .btn{display:inline-block}
.nav nav a[aria-current]{color:#b5651d;font-weight:700}
@media(max-width:700px){.art h1{font-size:1.6rem}.teaser{flex-direction:column}.teaser img{width:100%}.nav nav a{font-size:.85rem}}

.acards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.1rem;margin-top:1rem}.acard{display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 14px #0001;text-decoration:none;color:#2b2118;transition:transform .15s}.acard:hover{transform:translateY(-3px)}.acard img{width:100%;aspect-ratio:16/10;object-fit:cover;margin:0;border-radius:0}.acard div{padding:.8rem 1rem 1rem}.acard h3{margin:0 0 .35rem;font-size:1.05rem;color:#b5651d}.acard p{margin:0;font-size:.92rem;line-height:1.45;color:#555}.ph{margin:.6rem 0 .2rem}.more{margin-top:2rem}.acards.sm{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.art .acard img{margin:0;border-radius:0}
@media(max-width:700px){.acards{grid-template-columns:1fr}}
.wrap h1.ph{background:none!important;padding:0!important;height:auto!important;min-height:0!important;display:block!important;text-align:left;font-size:2rem;color:#2b2118;margin:.4rem 0 .2rem}.wrap:has(.ph){padding-top:1.6rem}@media(max-width:700px){.wrap h1.ph{font-size:1.6rem}}
.art sup{line-height:0;font-size:.7em}.art sup a{text-decoration:none;font-weight:700}.srcs{margin-top:1.8rem;font-size:.88rem}.srcs ol{padding-left:1.4rem}.srcs li{margin:.45rem 0;line-height:1.5;overflow-wrap:anywhere;word-break:break-word}.srcs li:target{background:#fff6e5}.art{overflow-wrap:anywhere}
.crumb{font-size:.85rem;color:#777;margin-bottom:.3rem}.crumb a{color:#777}.faq h3{font-size:1.05rem;margin:1rem 0 .3rem;color:#2b2118}.faq{margin-top:1.6rem}

.flinks{margin-bottom:.6rem}.flinks a{color:#f3d9a4;margin:0 .2rem}
.tw{overflow-x:auto;margin:1rem 0}.ptable{width:100%;border-collapse:collapse;font-size:.92rem;min-width:520px;background:#fff}.ptable caption{font-weight:700;text-align:left;padding:.4rem 0;color:#2b2118}.ptable th{background:#2b2118;color:#f3d9a4;padding:.5rem;text-align:left}.ptable td{border:1px solid #e6d8c3;padding:.45rem .5rem}.ptable tr:nth-child(even) td{background:#fbf5ea}.art>.ptable{min-width:0;max-width:420px}
.brand{display:flex;gap:1.2rem;align-items:center;margin:1.6rem 0;padding:1rem;border:1px solid #e6d8c3;border-radius:12px;background:#fff}.brand img{width:120px;height:120px;object-fit:contain;flex:0 0 120px;margin:0}.brand h2{margin:.2rem 0}@media(max-width:560px){.brand{flex-direction:column;text-align:center}}
.prod img{height:auto}
.acard h2{margin:0 0 .35rem;font-size:1.15rem;color:#b5651d}
