*{box-sizing:border-box;margin:0}body{font-family:Inter,Helvetica,Arial,sans-serif;color:#1d2b22;background:#f6f8f4;line-height:1.5}
a{color:#2e7d32}img{max-width:100%}
.top{display:flex;align-items:center;justify-content:space-between;padding:10px 48px;background:#fff;border-bottom:1px solid #dfe7dc;position:sticky;top:0;z-index:10}
.logo img{height:56px;display:block}.top nav a{margin-left:24px;color:#1b4d2e;text-decoration:none;font-weight:600}.top nav a:hover{color:#7bc043}
.cartlink{background:#1b4d2e;color:#fff!important;padding:8px 14px;border-radius:8px}#cartcount{background:#7bc043;color:#0e301c;border-radius:10px;padding:0 7px;margin-left:4px;font-size:13px}
.menu{display:none;background:none;border:0;font-size:28px;color:#1b4d2e}
.hero{position:relative;min-height:500px;background:url(../img/hero.jpg) center/cover}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,48,28,.9),rgba(14,48,28,.2))}
.hc{position:relative;padding:110px 64px;max-width:680px;color:#fff}.hc h1{font-size:52px;line-height:1.08;font-weight:800}.hc p{font-size:20px;margin:20px 0 32px;opacity:.92}
.btn{display:inline-block;background:#7bc043;color:#0e301c;padding:14px 28px;border-radius:8px;font-weight:800;text-decoration:none;font-size:17px;border:0;cursor:pointer;font-family:inherit}
.btn:hover{background:#8fd456}.btn.dark{background:#1b4d2e;color:#fff}.btn[disabled]{background:#c9d3c6;color:#5b6a5f;cursor:not-allowed}
.btn.small{padding:8px 14px;font-size:14px}.btn.ghost{background:#fff;color:#1b4d2e;border:2px solid #1b4d2e}
section,.wrap{padding:56px 48px;max-width:1280px;margin:0 auto}h1.pt{font-size:38px;color:#1b4d2e;margin-bottom:10px}h2{font-size:30px;color:#1b4d2e;margin-bottom:24px}
.center{text-align:center}.lead{font-size:18px;color:#4a5a4f;max-width:760px}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px}
.tile{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.07);text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform .15s}
.tile:hover{transform:translateY(-3px)}.tile img{width:100%;height:160px;object-fit:cover}.tb{padding:16px;flex:1;display:flex;flex-direction:column}
.tb h3{color:#1b4d2e;font-size:18px}.tb p{font-size:14px;margin:6px 0 10px;color:#4a5a4f;flex:1}.tb .pr{font-weight:700;color:#2e7d32}.tag{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#6b7d70}
.why{background:#1b4d2e;color:#fff;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center;max-width:none}.why h4{font-size:18px;margin:8px 0}.why p{opacity:.85;font-size:14px}.why .i{font-size:34px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 28px}.chips a{padding:6px 14px;border-radius:20px;background:#fff;border:1px solid #cfdccb;text-decoration:none;color:#1b4d2e;font-size:14px}.chips a.on{background:#1b4d2e;color:#fff}
.pgrid{display:grid;grid-template-columns:1fr 1.1fr;gap:44px;align-items:start}.pimg{border-radius:14px;width:100%;box-shadow:0 2px 12px rgba(0,0,0,.08)}
.card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px rgba(0,0,0,.06)}
label{display:block;font-weight:600;font-size:14px;margin:14px 0 6px;color:#1b4d2e}select,input[type=text],input[type=email],textarea{width:100%;padding:10px 12px;border:1px solid #cfdccb;border-radius:8px;font:inherit;background:#fff}
details.addon{border:1px solid #e1e9de;border-radius:8px;margin:8px 0;padding:8px 12px}details.addon summary{cursor:pointer;font-weight:600;color:#1b4d2e}
.price{font-size:34px;font-weight:800;color:#1b4d2e}.muted{color:#6b7d70;font-size:14px}.crumbs{font-size:14px;margin-bottom:16px;color:#6b7d70}.crumbs a{color:#6b7d70}
table.cart{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}table.cart td,table.cart th{padding:14px;border-bottom:1px solid #eef2ec;text-align:left;vertical-align:top}table.cart th{background:#eef4ea;color:#1b4d2e}
.notice{background:#fff8e1;border:1px solid #e9c46a;padding:14px 18px;border-radius:8px;margin:16px 0}.ok{background:#e8f5e9;border-color:#7bc043}
.policy h2{font-size:22px;margin:26px 0 8px}.policy p,.policy li{margin-bottom:10px;max-width:820px}.draft{background:#eef4ea;padding:10px 14px;border-radius:8px;font-size:14px;margin-bottom:18px}
.foot{background:#0e301c;color:#cfe3d3;padding:44px 48px 18px;font-size:14px;margin-top:40px}.fcols{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;max-width:1280px;margin:0 auto}
.foot h4{color:#fff;margin-bottom:10px}.foot a{display:block;color:#cfe3d3;text-decoration:none;margin:4px 0}.foot a:hover{color:#7bc043}.flogo{height:48px;background:#fff;border-radius:6px;padding:4px;margin-bottom:10px}.foot p{margin-bottom:10px}
.copy{text-align:center;border-top:1px solid #24563a;margin-top:28px;padding-top:14px;opacity:.7}
@media(max-width:900px){.top{padding:10px 18px}.menu{display:block}.top nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;flex-direction:column;padding:12px}.nav-open .top nav{display:flex}.top nav a{margin:8px}
.hc{padding:70px 24px}.hc h1{font-size:36px}section,.wrap{padding:36px 18px}.why,.fcols{grid-template-columns:1fr 1fr}.pgrid{grid-template-columns:1fr}table.cart td,table.cart th{padding:8px;font-size:14px}}
@media(max-width:560px){.foot{padding:32px 20px 16px}.fcols{grid-template-columns:1fr;gap:18px}.copy{line-height:1.6}img{max-width:100%;height:auto}}
