:root{
  --primary-color:#4b6b46;
  --accent-color:#c5a880;
  --text-color:#333;
  --bg-color:#fdfcf8;
  --white:#fff;
  --modal-overlay:rgba(0,0,0,0.75);
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,'Segoe UI',Roboto,Arial;background:var(--bg-color);color:var(--text-color);line-height:1.5;}
.eh-header{background:var(--white);border-bottom:2px solid var(--accent-color);position:sticky;top:0;z-index:100;}
.eh-header-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;}
.eh-logo{width:64px;height:64px;border-radius:8px;object-fit:cover;margin-right:12px;}
.eh-title{font-weight:700;color:var(--primary-color);font-size:1.1rem;}
.eh-subtitle{font-size:.85rem;color:#666;}
.eh-top-actions{display:flex;align-items:center;gap:8px;}
.eh-menu-toggle{background:transparent;border:0;font-size:1.2rem;cursor:pointer;color:var(--primary-color);padding:6px;}
.eh-nav .eh-menu{display:flex;gap:12px;list-style:none;margin:0;padding:8px 16px;align-items:center;}
.eh-nav a{color:var(--primary-color);text-decoration:none;font-weight:600;}
.eh-dropdown{position:relative;}
.eh-dropdown-panel{display:none;position:absolute;top:36px;left:0;background:var(--white);border:1px solid #eee;padding:8px;border-radius:6px;box-shadow:0 6px 18px rgba(0,0,0,0.06);min-width:180px;}
.hero{max-width:1100px;margin:20px auto;padding:60px 16px;text-align:center;background:linear-gradient(rgba(75,107,70,0.45),rgba(75,107,70,0.15)), url('g1.png') center/cover;color:var(--white);border-radius:12px;}
.hero-logo{width:180px;height:180px;border-radius:12px;object-fit:cover;margin-bottom:12px;}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;padding:20px;}
.card{background:var(--white);padding:18px;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,0.04);}
.affiliate-section{max-width:1100px;margin:30px auto;padding:20px;}
.amazon-card img{max-width:100%;border-radius:8px;}
.btn-buy{display:inline-block;margin-top:8px;background:var(--accent-color);color:var(--white);padding:8px 14px;border-radius:8px;text-decoration:none;}
.btn-primary{background:var(--accent-color);color:var(--white);padding:10px 18px;border-radius:28px;text-decoration:none;display:inline-block;border:none;cursor:pointer;}
.support-cta{max-width:1100px;margin:30px auto;padding:20px;text-align:center;}
footer{background:var(--primary-color);color:var(--white);padding:24px 16px;margin-top:30px;}
.footer-container{max-width:1100px;margin:0 auto;display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start;justify-content:space-between;}
.footer-links ul{list-style:none;padding:0;margin:0;}
.footer-links ul li{margin:6px 0;}
.whatsapp-float{position:fixed;width:56px;height:56px;bottom:24px;right:24px;background:#25D366;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 6px 18px rgba(0,0,0,0.12);z-index:9999;text-decoration:none;}
.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:var(--modal-overlay);justify-content:center;align-items:center;z-index:9999;padding:20px;}
.modal-content{background:var(--white);padding:26px;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,0.2);max-width:420px;text-align:center;position:relative;}
.modal-close{background:none;border:0;color:var(--primary-color);font-size:1.2rem;position:absolute;right:12px;top:8px;cursor:pointer;}
.footer-bottom{padding-top:10px;border-top:1px solid rgba(255,255,255,0.08);margin-top:12px;text-align:center;}
@media (max-width:900px){.eh-nav .eh-menu{display:none}.eh-nav .eh-menu.mobile-active{display:flex;flex-direction:column;gap:8px;background:var(--white);position:absolute;top:72px;right:16px;padding:12px;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,0.06);} }
@media (max-width:420px){ .modal-content{ width: calc(100% - 32px); margin:0 16px } }

/* Modal Styling */
.modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.7);
  justify-content: center; align-items: center;
  transition: opacity 0.3s ease-in-out;
}
.modal-content {
  background: #fff;
  padding: 25px;
  border-radius: 12px;
  text-align: center;
  width: 400px;
  max-width: 90%;
}

.modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.7);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.modal[aria-hidden="false"] {
  display: flex;
}
.modal-content {
  background: #fff;
  border-radius: 16px;
  max-width: 500px;
  padding: 30px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.25);
  text-align: center;
  animation: fadeIn 0.4s ease;
}
.modal-close {
  border: none;
  background: transparent;
  font-size: 1.5rem;
  position: absolute;
  top: 12px;
  right: 18px;
  cursor: pointer;
}
.support-options {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 20px;
}
.support-card {
  border: 1px solid #ddd;
  border-radius: 12px;
  padding: 20px;
  background: #fdfcf8;
}
.support-card h4 {
  color: var(--primary-color);
  display: flex;
  align-items: center;
  gap: 8px;
}
.product-card {
  border: 1px solid #eaeaea;
  padding: 16px;
  border-radius: 12px;
  text-align: center;
  background: #fff;
  max-width: 330px;
  margin: 12px auto;
}

.product-card img {
  border-radius: 10px;
  object-fit: cover;
}

.product-card {
  border: 1px solid #eaeaea;
  padding: 16px;
  border-radius: 12px;
  text-align: center;
  background: #fff;
  max-width: 330px;
  margin: 12px auto;
}

.product-card img {
  border-radius: 10px;
  object-fit: cover;
}

.buy-btn {
  display: inline-block;
  padding: 10px 18px;
  background: #3b7cff;
  color: #fff;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  margin-top: 10px;
}

.buy-btn:hover {
  opacity: 0.9;
}

.affiliate-note {
  margin-top: 6px;
  font-size: 12px;
  opacity: 0.7;
}

.buy-btn {
  display: inline-block;
  padding: 10px 18px;
  background: #3b7cff;
  color: #fff;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  margin-top: 10px;
}

.buy-btn:hover {
  opacity: 0.9;
}

.affiliate-note {
  margin-top: 6px;
  font-size: 12px;
  opacity: 0.7;
}
.btn-primary {
  background: var(--accent-color);
  color: #fff;
  padding: 10px 18px;
  border-radius: 25px;
  border: none;
  cursor: pointer;
  transition: background 0.3s ease;
}
.btn-primary:hover {
  background: #a98967;
}
.btn-outline {
  background: transparent;
  color: var(--primary-color);
  border: 1px solid var(--accent-color);
  border-radius: 25px;
  padding: 10px 18px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.btn-outline:hover {
  background: var(--accent-color);
  color: #fff;
}
@keyframes fadeIn {
  from {opacity: 0; transform: scale(0.9);}
  to {opacity: 1; transform: scale(1);}
}

.footer-links {
  display: block;
}
.footer-links a {
  color: #fff;
  text-decoration: none;
}
.footer-links a:hover {
  text-decoration: underline;
}
.footer-contact ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-contact li {
  margin: 8px 0;
}
.footer-contact a {
  color: #fff;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 8px;
}
.footer-contact a:hover {
  text-decoration: underline;
}
.footer-contact i {
  font-size: 1.2em;
  color: var(--accent-color);
                 }