/* Simple, clean starter styling */
* { box-sizing: border-box; }
body { font-family: system-ui, -apple-system, Arial, sans-serif; margin: 0; color: #222; }
.topbar { background: #8b0000; color: #fff; padding: 14px; text-align: center; }
.topbar nav a { color: #fff; text-decoration: none; margin: 0 10px; }
.hero { display: grid; gap: 16px; justify-items: center; padding: 32px; }
.hero img { max-width: 420px; border-radius: 16px; }
.button { background: #daa520; color: #fff; padding: 10px 16px; border-radius: 8px; text-decoration: none; }
.menu-grid { display: grid; gap: 20px; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); padding: 20px; }
.menu-item { background: #fff; border: 1px solid #eee; border-radius: 12px; padding: 12px; text-align: center; }
.menu-item img { width: 100%; border-radius: 10px; }
.price { color: #8b0000; font-weight: 700; }
.content { padding: 20px; max-width: 800px; margin: auto; }
footer { text-align: center; padding: 20px; color: #666; }