:root{--tall:#1F3D2F;--mossa:#86A97C;--raps:#E8B53C;--bjork:#F2F3EE;--tomat:#C8432B;--tomat-d:#A8361F;--ink:#1F3D2F;--grey:#4A5D52;--line:#D3D8CD;--white:#fff}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bjork);color:var(--ink);font-family:Poppins,system-ui,sans-serif;font-size:17px;line-height:1.6}
h1,h2,h3{font-family:Lora,Georgia,serif;font-weight:600;line-height:1.15;margin:0 0 .5em}
h1{font-size:clamp(2.1rem,5vw,3.4rem)}h2{font-size:clamp(1.6rem,3.4vw,2.3rem)}h3{font-size:1.3rem}
a{color:var(--tomat-d)}a:hover{color:var(--tall)}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.narrow{max-width:760px}
header.site{background:var(--bjork);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--tall);font-family:Lora,serif;font-size:1.5rem;font-weight:600}
.logo{width:48px;height:48px;flex:none}
nav.main{display:flex;gap:22px;flex-wrap:wrap}nav.main a{color:var(--tall);text-decoration:none;font-weight:500;font-size:.95rem}nav.main a:hover{color:var(--tomat-d)}
@media(max-width:720px){nav.main{gap:14px}nav.main a.hide-m{display:none}.brand span{font-size:1.25rem}}
.btn{display:inline-block;background:var(--tomat);color:#fff;text-decoration:none;font-weight:600;padding:14px 26px;border-radius:999px;border:0;font:inherit;font-weight:600;cursor:pointer;min-height:48px}
.btn:hover{background:var(--tomat-d);color:#fff}
.btn.ghost{background:transparent;color:var(--tall);border:2px solid var(--tall)}.btn.ghost:hover{background:var(--tall);color:var(--bjork)}
.eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--tomat-d)}
.hero{padding:64px 0 56px}.hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}
.hero p.lead{font-size:1.15rem;color:var(--grey);max-width:34em}
.hero .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
@media(max-width:860px){.hero .wrap{grid-template-columns:1fr}.hero{padding:40px 0}}
section{padding:56px 0}section.alt{background:var(--white)}section.dark{background:var(--tall);color:var(--bjork)}section.dark h2,section.dark h3{color:var(--bjork)}
.grid{display:grid;gap:24px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:860px){.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.g2,.g3,.g4{grid-template-columns:1fr}}
.card{background:var(--white);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
.card .body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px;flex:1}
.card .price{font-weight:700;font-size:1.15rem}.card .btn{margin-top:auto;align-self:flex-start}
.card a.cover{display:block}
.steps .n{font-family:Lora,serif;font-size:2.6rem;color:var(--tomat);line-height:1}
.zonefinder{background:var(--white);border-radius:18px;padding:28px;border:1px solid var(--line)}
.zonefinder label{font-weight:600;display:block;margin-bottom:8px}
select,input[type=email],input[type=text]{font:inherit;padding:12px 14px;border:1.5px solid var(--mossa);border-radius:12px;background:#fff;color:var(--ink);min-height:48px;width:100%}
.zf-out{margin-top:16px;font-size:1.05rem}
table.zon{width:100%;border-collapse:collapse;background:var(--white);border-radius:14px;overflow:hidden;font-size:1rem}
table.zon th{background:var(--tall);color:var(--bjork);font-weight:500;text-align:left;padding:12px 14px}
table.zon td{padding:11px 12px;border-top:1px solid var(--line);white-space:nowrap}
table.zon td:first-child{font-family:Lora,serif;color:var(--tomat-d);font-weight:600;width:70px}
table.zon tr:nth-child(even) td{background:#FAFBF8}
.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}
.note{color:var(--grey);font-size:.95rem}
.callout{background:var(--white);border-left:0;border-radius:16px;padding:22px 24px;border:1px solid var(--line)}
.cta-box{background:var(--tall);color:var(--bjork);border-radius:20px;padding:32px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}
.cta-box h3{color:var(--bjork)}@media(max-width:680px){.cta-box{grid-template-columns:1fr}}
.crop-list{columns:3;column-gap:28px;padding:0;list-style:none}.crop-list li{break-inside:avoid;padding:4px 0}
@media(max-width:720px){.crop-list{columns:2}}
.crop-list h3{column-span:all;margin-top:18px}
footer.site{background:var(--tall);color:var(--bjork);padding:48px 0 32px;font-size:.95rem}
footer.site a{color:var(--bjork)}footer.site .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}
@media(max-width:720px){footer.site .cols{grid-template-columns:1fr}}
.form-row{display:grid;grid-template-columns:1fr 160px auto;gap:12px}@media(max-width:680px){.form-row{grid-template-columns:1fr}}
.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
.breadcrumbs{font-size:.9rem;color:var(--grey);margin:24px 0 8px}.breadcrumbs a{color:var(--grey)}
.gallery{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.gallery img{border-radius:14px;border:1px solid var(--line)}
.product{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:start}@media(max-width:860px){.product{grid-template-columns:1fr}}
.prose h2{margin-top:1.6em}.prose ul{padding-left:1.2em}
details{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin-bottom:12px}
summary{font-weight:600;cursor:pointer}