body{font-family:Arial;margin:0;background:#f5f5f5}

.header{display:flex;justify-content:space-between;padding:20px 60px;background:white}
.logo img{height:60px}
nav a{margin-left:25px;text-decoration:none;color:#333;font-weight:600}

.hero{height:100vh;background:url('../images/hero/hero.jpg') center/cover;display:flex;align-items:center;justify-content:center;position:relative;color:white;text-align:center}
.overlay{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.6)}
.hero-content{position:relative}

.btn{background:#0F8A4B;color:white;padding:14px 28px;text-decoration:none;border-radius:4px}

.features{padding:80px;text-align:center}
.grid{display:flex;gap:30px;justify-content:center;flex-wrap:wrap;margin-top:40px}

.card{background:white;padding:25px;box-shadow:0 5px 15px rgba(0,0,0,0.1);border-radius:6px}
.card img{width:200px}

.products{padding:80px;background:#fafafa;text-align:center}

.cta{padding:80px;background:#0F8A4B;color:white;text-align:center}

.gallery{display:flex;gap:20px;justify-content:center}
.gallery img{width:300px;cursor:pointer}

#lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:black;justify-content:center;align-items:center}
#lightbox img{max-width:90%;max-height:90%}

.whatsapp-btn{
position:fixed;
bottom:25px;
right:25px;
background:#25D366;
color:white;
font-size:26px;
width:60px;
height:60px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
text-decoration:none;
box-shadow:0 6px 15px rgba(0,0,0,0.2);
}

.contact-form{display:flex;flex-direction:column;gap:10px;width:300px}