body {font-family: Arial, sans-serif; margin: 0; padding: 0;}
.navbar {display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; background: #ff6600; color: #fff;}
.nav-links {list-style: none; display: flex; gap: 15px;}
.nav-links a {color: white; text-decoration: none;}
.hero {text-align: center; padding: 50px; background: #ffe6cc;}
.hero h1 {font-size: 2.5em;}
.btn {display: inline-block; margin: 10px; padding: 10px 20px; background: #ff6600; color: #fff; text-decoration: none; border-radius: 5px;}
.btn-alt {background: #333;}
.offers, .menu, .gallery, .reserve, .reviews, .contact {padding: 40px 20px; text-align: center;}
.menu-grid, .gallery-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 20px; margin-top: 20px;}
.card {padding: 15px; background: #f2f2f2; border-radius: 10px;}
.gallery img {width: 100%; border-radius: 10px;}
footer {text-align: center; padding: 15px; background: #333; color: #fff;}
input, button {display: block; margin: 10px auto; padding: 10px; width: 80%; max-width: 400px;}
.social-links a {margin: 0 10px; font-size: 1.5em; color: #ff6600;}