:root{
--primary:#12343c;
--border:#e7e7e7;
--muted:#b4b5b6;
--font:'Inter',sans-serif;
}

*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font);}
body{background:#fff;}

/* HEADER */
.top-bar{background:var(--primary);padding:40px 0;text-align:center;}
.logo{height:140px;object-fit:contain;} /* 2x bigger */

/* SEARCH */
.search-section{padding:30px 20px;max-width:1200px;margin:auto;}
#searchInput{
width:100%;
padding:18px 25px;
border-radius:50px;
border:2px solid #ddd;
font-size:18px;
margin-bottom:25px;
}

/* CTA */
.cta-buttons{
display:flex;
gap:15px;
}
.btn{
flex:1;
display:flex;
align-items:center;
justify-content:center;
gap:10px;
padding:18px 0;
background:var(--primary);
color:#fff;
border:4px solid var(--primary);
border-radius:50px;
text-decoration:none;
font-size:18px;
transition:.3s;
}
.btn img{height:20px;}
.btn:hover{background:transparent;color:var(--primary);}

/* SLIDER */
.slider{max-width:1200px;margin:0 auto 40px auto;padding:0 20px;}
.slides{display:flex;border-radius:50px;overflow:hidden;}
.slides img{width:100%;flex-shrink:0;object-fit:cover;}

/* OFFERS */
.offers-section{padding:40px 20px;}
.offers-section h2{text-align:center;margin-bottom:30px;}
.offers-grid{
display:grid;
grid-template-columns:repeat(3,1fr); /* forced 3 on mobile */
gap:20px;
max-width:1200px;
margin:auto;
}
.offer-card{
border:4px solid var(--border);
border-radius:25px;
padding:15px;
text-align:center;
cursor:pointer;
}
.offer-card img{height:90px;object-fit:contain;margin-bottom:10px;}
.offer-card h3{font-size:14px;font-weight:700;}
.no-result{display:none;text-align:center;margin-top:20px;}

/* WHY */
.why-section{background:var(--primary);color:#fff;padding:60px 20px;}
.why-section h2{text-align:center;margin-bottom:40px;}
.why-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
max-width:1200px;
margin:auto;
}
.why-card{
background:rgba(255,255,255,0.05);
padding:25px;
border-radius:25px;
display:flex;
justify-content:space-between;
align-items:center;
}
.why-card.full{grid-column:1/3;}
.why-card img{height:45px;}

/* REVIEWS */
.reviews-section{padding:60px 20px;text-align:center;}
.review-slider{max-width:900px;margin:auto;overflow:hidden;}
.review-track{
display:flex;
gap:30px;
animation:slide 18s linear infinite;
}
.review-card{
min-width:45%;
background:#fff;
border:1px solid #ddd;
border-radius:20px;
padding:20px;
}
@keyframes slide{
0%{transform:translateX(0);}
100%{transform:translateX(-50%);}
}

/* REACH */
.reach-section{background:var(--primary);color:#fff;padding:60px 20px;text-align:center;}
.form-container{
background:#fff;
border-radius:30px;
padding:40px;
max-width:700px;
margin:40px auto 0 auto;
}
.form-container input,
.form-container textarea{
width:100%;
padding:18px;
margin-bottom:20px;
border-radius:15px;
border:1px solid #ccc;
}
.submit-btn{
width:100%;
font-size:18px;
}

/* FOOTER */
footer{background:var(--primary);padding:60px 20px;color:#fff;}
.footer-content{
display:flex;
justify-content:space-between;
max-width:1200px;
margin:auto;
gap:40px;
}
footer h4{font-weight:700;margin-bottom:15px;text-align:left;}
footer p{color:var(--muted);font-size:14px;margin-bottom:8px;text-align:left;}
.footer-logo{height:300px;} /* 8x larger */
.footer-content img{height:22px;margin-right:10px;}
.copyright{text-align:center;color:var(--muted);margin-top:20px;}

/* FLOATING */
.floating-whatsapp{
position:fixed;
right:20px;
top:50%;
transform:translateY(-50%);
z-index:999;
}
.floating-whatsapp img{width:65px;}
