:root{
  --green:#2f7d57;
  --light:#f4fbf6;
  --cream:#fffdf7;
  --gold:#c89a2b;
  --text:#1b1b1b;
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  color:var(--text);
  background:var(--cream);
}
a{text-decoration:none;color:inherit}
.topbar{
  background:var(--green);
  color:#fff;
  text-align:center;
  padding:10px;
  font-size:14px;
}
.navbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:16px 24px;
  background:#fff;
  border-bottom:1px solid #eee;
}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px}
.logo{width:40px;height:40px;object-fit:contain}
.navlinks{display:flex;gap:16px}
.hero,.product-page{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:32px;
  align-items:center;
  padding:48px 24px;
  max-width:1200px;
  margin:auto;
}
.hero-image img,.product-image img{
  width:100%;
  max-width:500px;
  display:block;
  margin:auto;
}
.eyebrow{color:var(--green);font-weight:700}
h1,h2{margin:0 0 16px}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.btn{
  display:inline-block;
  padding:12px 20px;
  border-radius:999px;
  border:1px solid var(--green);
}
.primary{background:var(--green);color:#fff}
.secondary{background:transparent;color:var(--green)}
.trust{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  padding:24px;
  max-width:1200px;
  margin:auto;
}
.trust div,.feature,.product-card{
  background:#fff;
  border:1px solid #eee;
  border-radius:20px;
  padding:18px;
  text-align:center;
}
.page{max-width:1200px;margin:auto;padding:48px 24px}
.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.product-card img{width:100%;height:260px;object-fit:contain}
.strike{text-decoration:line-through;color:#999}
.checkout-form{display:grid;gap:12px;max-width:420px}
.checkout-form input,.checkout-form select{
  padding:12px 14px;border:1px solid #ddd;border-radius:12px
}
.footer{
  text-align:center;
  padding:24px;
  border-top:1px solid #eee;
  margin-top:40px;
}
@media (max-width: 768px){
  .hero,.product-page,.trust{grid-template-columns:1fr}
  .navlinks{flex-wrap:wrap}
}