body {font-family: Arial, sans-serif; margin:0; padding:0; background:#fafafa; color:#333;}
header {background:#8B0000; color:#fff; padding:20px; text-align:center;}
header h1 {margin:0; font-size:2rem;}
header nav a {color:white; text-decoration:none; margin:0 15px; font-weight:bold;}
header nav a:hover {text-decoration:underline;}
.hero {background:url('https://source.unsplash.com/1600x500/?restaurant,food') center/cover no-repeat; color:white; height:300px; display:flex; align-items:center; justify-content:center; text-shadow:0 2px 5px rgba(0,0,0,0.7);}
.hero.small {height:200px;}
.hero h2 {font-size:2.5rem; background:rgba(0,0,0,0.5); padding:10px 20px; border-radius:8px;}
.intro, .MENU, .promo, .about {padding:40px 20px; max-width:1000px; margin:auto;}
.grid {display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:20px;}
.item {background:white; border-radius:10px; box-shadow:0 2px 8px rgba(0,0,0,0.1); text-align:center; overflow:hidden;}
.item img {width:100%; height:180px; object-fit:cover;}
.item h3 {margin:10px 0 5px;}
.price {color:#8B0000; font-weight:bold; margin-bottom:15px;}
footer {background:#333; color:#fff; text-align:center; padding:20px; margin-top:20px;}