:root{
  --accent: #1b5e20;
  --muted: #556b2f;
  --bg: #f4fbf4;
}
*{box-sizing:border-box}
body{font-family: 'Segoe UI', Roboto, Arial; margin:0; background:var(--bg); color:#111}
.site-header{background:var(--accent); color:#fff; text-align:center; padding:22px 12px}
.logo{max-width:220px; width:60%; height:auto; display:block; margin:0 auto 10px auto; border-radius:10px}
h1{margin:6px 0; font-size:1.35rem}
.welcome{margin:0 0 8px 0; opacity:.95}

.container{max-width:1100px; margin:18px auto; padding:0 14px}
.menu-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
.menu-item{background:#fff; border-radius:12px; padding:14px; box-shadow:0 6px 18px rgba(0,0,0,0.06); text-align:center}
.menu-item h3{margin:8px 0}
.desc{color:var(--muted); font-size:.95rem; margin:6px 0}
.price{color:var(--accent); font-weight:800; margin:8px 0}

button{background:var(--accent); color:#fff; border:0; padding:10px 12px; border-radius:8px; cursor:pointer; font-weight:700}
button:hover{opacity:.95}

.site-footer{background:var(--accent); color:#fff; text-align:center; padding:12px; margin-top:18px}

/* Responsive */
@media(max-width:1000px){ .menu-grid{grid-template-columns:repeat(2,1fr);} }
@media(max-width:640px){ .menu-grid{grid-template-columns:1fr;} .logo{width:140px} h1{font-size:1.1rem} }