:root{--green:#02301b;--lime:#95d5b2;--dark:#1b4332}
*{box-sizing:border-box}
body{margin:0;font-family:'Inter',sans-serif;line-height:1.7;color:#222;background:#fff}
.container{max-width:1200px;margin:auto;padding:0 20px}
header{background:linear-gradient(rgba(2,48,27,.98),rgba(2,48,27,.98)),url('../assets/hero.jpg') center/cover no-repeat;color:#fff;text-align:center;padding:180px 20px 120px}
h1{font-size:3.4rem;margin:0;font-weight:800}
.tagline{font-size:2.6rem;font-weight:800;color:var(--lime);margin:15px 0 25px}
.btn{background:var(--lime);color:#000;padding:18px 40px;border-radius:50px;font-weight:700;text-decoration:none;display:inline-block;margin:10px;transition:.3s}
.btn:hover{transform:translateY(-4px);box-shadow:0 10px 25px rgba(0,0,0,.3)}
.btn-dark{background:#000;color:#fff}
nav{background:var(--dark);padding:15px 0;position:sticky;top:0;z-index:1000;box-shadow:0 4px 10px rgba(0,0,0,.1)}
nav .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
nav a{color:#fff;text-decoration:none;margin:0 15px;font-weight:600}
nav a:hover{color:var(--lime)}
.logo{font-size:1.5rem;font-weight:800;color:var(--lime)}
.mobile-menu{display:none;cursor:pointer;color:#fff;font-weight:700}
section{padding:90px 20px}
.alt{background:#f8f9fa}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;margin-top:50px}
.card{background:#fff;padding:35px;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.09);text-align:center}
.card h3{color:var(--green);font-size:1.7rem}
.shops{background:var(--dark);color:#fff;text-align:center}
.shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:35px;margin-top:50px}
.shop{background:rgba(255,255,255,.1);padding:30px;border-radius:12px}
.shop h3{color:var(--lime)}
.whatsapp-float{position:fixed;bottom:25px;right:20px;width:60px;height:60px;background:#25D366;color:#fff;border-radius:50%;text-align:center;line-height:60px;font-size:30px;box-shadow:0 4px 15px rgba(0,0,0,.3);z-index:1000}
footer{background:var(--green);color:#fff;text-align:center;padding:70px 20px}
.lang-switch{background:var(--lime);color:#000;padding:6px 12px;border-radius:20px;font-size:0.9rem}
@media(max-width:768px){
  h1{font-size:2.6rem}.tagline{font-size:2rem}
  .mobile-menu{display:block}
  .nav-links{display:none;flex-direction:column;width:100%;background:var(--dark);padding:10px 0}
  .nav-links.active{display:flex}
  nav a{margin:10px 0}
}