* {
  margin: 0; padding: 0; box-sizing: border-box;
  font-family: 'Segoe UI', sans-serif;
}
body { background: #f8fff8; color: #333; }
header { background: #004d00; padding: 1rem 2rem; display: flex; justify-content: space-between; align-items: center; }
header h1, nav a { color: white; }
nav a { margin-left: 1rem; text-decoration: none; font-weight: bold; }
.section { padding: 4rem 2rem; max-width: 1200px; margin: auto; }
.hero { background: url('https://images.unsplash.com/photo-1556909218-31c2035299c5') center/cover no-repeat; height: 400px; display: flex; justify-content: center; align-items: center; color: white; text-align: center; }
.hero h2 { font-size: 3rem; background: rgba(0,77,0,0.7); padding: 1rem 2rem; border-radius: 10px; }
.products { display: grid; grid-template-columns: repeat(auto-fit,minmax(250px,1fr)); gap: 2rem; }
.product-card { background: white; border: 1px solid #ccc; border-radius: 10px; padding: 1rem; text-align: center; }
.product-card img { max-width:100%; height:200px; object-fit:cover; border-radius:8px; }
button { padding:0.8rem; background:#004d00; color:white; border:none; border-radius:5px; cursor:pointer; margin-top:1rem; }
#cart-items .cart-item { display:flex; justify-content:space-between; margin-bottom:1rem; }