*{box-sizing:border-box;margin:0;padding:0}
:root{--kraft:#d9c49a;--packet:#f4ead0;--green:#3f7a3a;--red:#c2402d;--ink:#2d2a1e;--gold:#e8b53a}
body{background:var(--kraft) repeating-linear-gradient(45deg,rgba(0,0,0,.025) 0 2px,transparent 2px 7px);color:var(--ink);font-family:'Bitter',Georgia,serif;line-height:1.65}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
.wrap{width:min(900px,92%);margin:0 auto}
h1,h2,.logo,.big{font-family:'Abril Fatface',Georgia,serif;font-weight:400}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:20px 0}
.logo{font-size:1.2rem;text-decoration:none;color:var(--green)}
.tel{font-weight:700;text-decoration:none;background:var(--ink);color:var(--packet);padding:4px 18px;border-radius:99px}
.packet{background:var(--green);clip-path:polygon(0 14px,2.78% 0,5.56% 14px,8.33% 0,11.11% 14px,13.89% 0,16.67% 14px,19.44% 0,22.22% 14px,25.00% 0,27.78% 14px,30.56% 0,33.33% 14px,36.11% 0,38.89% 14px,41.67% 0,44.44% 14px,47.22% 0,50.00% 14px,52.78% 0,55.56% 14px,58.33% 0,61.11% 14px,63.89% 0,66.67% 14px,69.44% 0,72.22% 14px,75.00% 0,77.78% 14px,80.56% 0,83.33% 14px,86.11% 0,88.89% 14px,91.67% 0,94.44% 14px,97.22% 0,100.00% 14px,100% 14px,100% 100%,0 100%);padding:40px 0 0;margin-top:8px}
.pin{background:var(--packet);margin:0 14px;padding:34px 7% 36px;text-align:center;border:3px solid var(--ink);border-radius:6px 6px 0 0;box-shadow:inset 0 0 0 7px var(--packet),inset 0 0 0 9px var(--red)}
.small{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--red)}
.ill{width:min(220px,62%);margin:18px auto 14px;border-radius:50%;background:#fff;padding:10px;border:6px solid var(--gold);box-shadow:0 0 0 4px var(--green)}
.ill img{border-radius:50%}
h1{font-size:clamp(2.8rem,8vw,5rem);line-height:1;color:var(--red)}
.variety{font-style:italic;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);display:inline-block;padding:2px 18px;margin:10px 0 14px}
.lead{max-width:30em;margin:0 auto 22px}
.btn{display:inline-block;background:var(--green);color:#fff;padding:12px 30px;font-weight:700;text-decoration:none;border-radius:99px}
.btn:hover{background:var(--red)}
.net{margin-top:20px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}
.plant{padding:64px 0 20px}
.plant h2,.about h2{font-size:2.2rem;line-height:1.1;margin-bottom:18px;color:var(--green)}
.plant ol{list-style:none;counter-reset:n;display:grid;grid-template-columns:1fr 1fr;gap:16px 32px}
.plant li{counter-increment:n;background:var(--packet);border:2px solid var(--ink);padding:16px 18px 16px 62px;position:relative;border-radius:8px}
.plant li::before{content:counter(n);position:absolute;left:14px;top:14px;width:34px;height:34px;border-radius:50%;background:var(--red);color:#fff;font-family:'Abril Fatface',serif;text-align:center;line-height:34px}
.plant b{display:block}
.plant span{font-size:.9rem;color:#514b36}
.about{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:64px 0}
.about img{border:8px solid var(--packet);outline:2px solid var(--ink);transform:rotate(-1.5deg)}
.packed{background:var(--packet);border:3px solid var(--ink);border-radius:8px;padding:28px 34px;margin-bottom:56px;box-shadow:inset 0 0 0 6px var(--packet),inset 0 0 0 8px var(--green)}
.k{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--red);margin-bottom:12px}
.cols{display:grid;grid-template-columns:1.2fr 1.3fr 1fr 1fr;gap:20px}
.cols span{display:block;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--green);font-weight:700}
.big{font-size:1.5rem;text-decoration:none;line-height:1.2}
footer{padding:0 0 30px;font-size:.85rem}
@media(max-width:780px){.plant ol,.about,.cols{grid-template-columns:1fr}}