body { margin: 0; font-family: Arial, sans-serif; background: #f9f9f9; }
header { background: #25D366; color: #fff; padding: 15px; text-align: center; }
header img.logo { height: 40px; vertical-align: middle; }
nav a { color: #fff; text-decoration: none; margin: 0 5px; }
.hero { background: #25D366; color: #fff; text-align: center; padding: 60px 20px; }
.hero.small-hero { background: #25D366; padding: 40px 20px; }
.section { max-width: 960px; margin: 40px auto; padding: 0 20px; }
.product-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; }
.product-card { background: #fff; border: 1px solid #ddd; padding: 20px; text-align: center; border-radius: 6px; }
.product-card img { max-width: 100%; height: auto; margin-bottom: 15px; }
footer { background: #333; color: #fff; text-align: center; padding: 20px; font-size: 13px; }
.whatsapp-btn { background: #25D366; color: #fff; padding: 10px 20px; text-decoration: none; border-radius: 4px; display: inline-block; margin-top: 10px; }
.big-btn { font-size: 18px; padding: 12px 25px; }
.modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); }
.modal-content { background: #fff; margin: 5% auto; padding: 20px 30px; border-radius: 8px; width: 90%; max-width: 500px; position: relative; }
.close-btn { position: absolute; right: 15px; top: 15px; font-size: 22px; cursor: pointer; }
label { display: block; margin-top: 10px; }
input, textarea, select { width: 100%; padding: 10px; margin-top: 5px; border: 1px solid #ccc; border-radius: 4px; }
.phone-input { display: flex; }
.phone-input span { padding: 10px; background: #eee; border: 1px solid #ccc; border-right: none; border-radius: 4px 0 0 4px; }
.phone-input input { flex: 1; border-radius: 0 4px 4px 0; border-left: none; }
button { background: #25D366; color: #fff; border: none; padding: 12px 20px; font-size: 16px; border-radius: 4px; margin-top: 10px; cursor: pointer; }
.call-now-btn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #25D366;
  color: #fff;
  padding: 12px 18px;
  border-radius: 50px;
  text-decoration: none;
  font-weight: bold;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  z-index: 9999;
  transition: background 0.3s ease;
}
.call-now-btn:hover {
  background: #128C7E;
}