/* General */
* { margin:0; padding:0; box-sizing:border-box; font-family:'Poppins', sans-serif; }
body { line-height:1.6; color:#333; }

/* Header */
header { background-color:#ffb74d; padding:20px 0; }
header .container { display:flex; justify-content:space-between; align-items:center; width:90%; margin:auto; }
.logo { font-size:1.8rem; font-weight:600; color:#fff; }
nav ul { list-style:none; display:flex; gap:20px; }
nav a { color:#fff; text-decoration:none; font-weight:500; }
nav a.active { text-decoration:underline; }
nav a:hover { text-decoration:underline; }

/* Hero */
.hero { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:50px 20px; background-color:#fff3e0; }
.hero-text { flex:1; min-width:300px; padding:20px; }
.hero-text h2 { font-size:2rem; margin-bottom:20px; color:#e65100; }
.hero-text p { font-size:1.1rem; }
.hero-img { flex:1; min-width:300px; padding:20px; }
.hero-img img { display:block; margin:0 auto; width:100%; max-width:400px; border-radius:10px; height:auto; }

/* Intro Section */
.intro { text-align:center; padding:40px 20px; background-color:#fff8e1; }
.intro h2 { font-size:1.8rem; color:#e65100; margin-bottom:15px; }
.intro p { max-width:700px; margin:auto; font-size:1.1rem; }

/* Orange Layout */
.orange-layout { background-color:orange; color:white; padding:40px 20px; text-align:center; border-radius:10px; margin:20px 0; }

/* Products */
.products .product-grid, .gallery-grid { display:flex; flex-wrap:wrap; gap:20px; justify-content:center; }
.product-card { background-color:#fff3e0; border-radius:10px; padding:15px; text-align:center; width:250px; transition: transform 0.3s; }
.product-card img { display:block; margin:0 auto 10px auto; width:100%; max-width:250px; border-radius:10px; height:auto; }
.product-card:hover { transform:scale(1.05); }

/* Gallery Images */
.gallery-grid img { width:100%; max-width:250px; height:auto; border-radius:10px; }

/* Footer */
footer { background-color:#ffb74d; text-align:center; padding:15px 0; color:#fff; font-weight:500; }

/* WhatsApp Button */
.whatsapp-button { position:fixed; bottom:20px; right:20px; width:60px; height:60px; border-radius:50%; background-color:#25D366; display:flex; align-items:center; justify-content:center; box-shadow:2px 2px 5px rgba(0,0,0,0.3); z-index:9999; }
.whatsapp-button img { width:35px; height:35px; }

/* Contact */
.contact form { display:flex; flex-direction:column; gap:15px; max-width:500px; margin:20px auto; }
.contact input, .contact textarea { padding:10px; border:1px solid #ccc; border-radius:5px; }
.contact button { padding:12px; background-color:#e65100; color:#fff; border:none; border-radius:5px; cursor:pointer; font-weight:600; }
.contact button:hover { background-color:#bf360c; }

/* Responsive */
@media (max-width:768px){
.hero { flex-direction:column; }
nav ul { flex-direction:column; gap:10px; }
.product-grid, .gallery-grid { flex-direction:column; align-items:center; }
}