* { margin:0; padding:0; box-sizing:border-box; font-family:Arial,sans-serif; }
body { color:#333; background:#fdfdfd; line-height:1.6; }

.container { max-width:1100px; margin:auto; padding:20px; }

header { background:#004d00; color:#fff; text-align:center; padding:40px 0; }
.hero { background: url('https://images.unsplash.com/photo-1576765607924-bb6b35d2d2fc') no-repeat center/cover; color:#fff; text-align:center; padding:60px 20px; }
.hero h2 { font-size:2.5rem; margin-bottom:10px; }

.products { background:#f2f2f2; padding:40px 20px; }
.products h2 { text-align:center; margin-bottom:30px; }
.product-grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap:20px; text-align:center; }
.product { background:#fff; border:1px solid #ddd; border-radius:8px; padding:15px; font-weight:bold; }

.contact { background:#e6ffe6; text-align:center; padding:40px 20px; }
.map { padding:40px 20px; }
.map h2 { text-align:center; margin-bottom:20px; }

footer { background:#004d00; color:#fff; text-align:center; padding:20px 0; }

.floating-btn {
  position: fixed; bottom:20px; width:50px; height:50px;
  border-radius:50%; color:#fff; font-size:24px; text-align:center;
  line-height:50px; z-index:999; box-shadow:0 2px 10px rgba(0,0,0,0.3); text-decoration:none;
}
.floating-btn.whatsapp { background:#25D366; right:20px; }
.floating-btn.map { background:#ff6347; right:80px; }
.banner {
  width: 100%;
  overflow: hidden;
}

.banner-img {
  width: 100%;
  height: auto;
  display: block;
}
.banner {
  width: 100%;
  overflow: hidden;
}