/* Base */
body { margin: 0; font-family: Arial, sans-serif; background: #f9f7f3; color: #2b2b2b; }
.container { width: 90%; max-width: 1100px; margin: auto; }

/* Nav */
.nav { background: #5a3e36; padding: 15px 0; }
.nav a { color: #fff; text-decoration: none; margin: 0 10px; font-weight: bold; }
.nav a:hover { color: #d4a373; }

/* Hero */
.hero { background: url('Images/hero.jpg') center/cover no-repeat; color: #fff; }
.hero-overlay { background: rgba(0,0,0,0.5); padding: 100px 20px; text-align: center; }
.hero .btn { margin: 10px; }

/* Buttons */
.btn { background: #5a3e36; color: #fff; padding: 10px 20px; text-decoration: none; border-radius: 5px; }
.btn:hover { background: #7a564d; }
.btn-alt { background: #d4a373; color: #000; }
.btn-alt:hover { background: #c2925f; }

/* Gallery */
.grid.gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin: 30px 0; }
.grid.gallery img { width: 100%; border-radius: 10px; border: 4px solid #5a3e36; box-shadow: 0 4px 10px rgba(0,0,0,0.3); transition: transform 0.3s ease, box-shadow 0.3s ease; }
.grid.gallery img:hover { transform: scale(1.05); box-shadow: 0 6px 14px rgba(0,0,0,0.4); }

/* Testimonials */
.testimonials { background: #f4ede4; padding: 40px 0; }
.testimonials h2 { text-align: center; margin-bottom: 30px; }
.testimonials .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; }
.testimonial { background: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.2); font-style: italic; }
.testimonial strong { display: block; margin-top: 10px; color: #5a3e36; }

/* Shipping & Order Info */
.shipping-info { background: #f4ede4; padding: 30px; margin: 40px 0; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.2); }
.shipping-info h2 { color: #5a3e36; }
.shipping-info li { margin-bottom: 10px; }

/* Form */
.form-box { background: #f4ede4; padding: 30px; margin: 40px 0; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.2); }
.form-box label { display: block; margin: 10px 0 5px; }
.form-box input, .form-box textarea { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 5px; margin-bottom: 15px; }
.form-box button { background: #5a3e36; color: #fff; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; }
.form-box button:hover { background: #7a564d; }

/* CTA */
.cta { background: #5a3e36; color: #fff; padding: 40px 20px; text-align: center; }
.cta .btn { background: #d4a373; color: #000; }

/* Footer */
footer { background: #5a3e36; color: #fff; padding: 20px; text-align: center; }
footer small { display: block; margin-top: 10px; color: #ddd; }