:root{
  --bg:#151311; --bg2:#1d1b18; --text:#f7f4ed; --muted:#cfcac0;
  --accent:#ff6a00; --gold:#f6b100; --card:#201e1a;
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(1200px 800px at 80% -100px, rgba(255,106,0,.15), transparent 60%), var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;}
a{color:var(--accent);text-decoration:none}
header.site-header{position:sticky;top:0;z-index:30;background:linear-gradient(to bottom, rgba(21,19,17,.95), rgba(21,19,17,.7));border-bottom:1px solid #2a2723}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;gap:10px;align-items:center;font-family:Oswald,Impact,system-ui;font-weight:700;letter-spacing:.5px}
.brand-logo{width:36px;height:36px;border-radius:10px;background:conic-gradient(from 0deg, #ff6a00, #f6b100, #ff6a00);display:grid;place-items:center;color:#000;font-weight:800}
.nav a{margin-left:16px;color:var(--text);opacity:.9}
.btn{display:inline-block;padding:12px 18px;border-radius:14px;background:var(--accent);color:#000;font-weight:800;letter-spacing:.2px}
.btn.secondary{background:transparent;border:1px solid #4a443e;color:var(--text)}
.btn.whatsapp{background:#25D366;color:#000}
.hero{
  padding: 70px 0 40px;
  background: none; /* gradient uit */
}
.hero h1{font-family:Oswald,Impact;letter-spacing:.5px;font-size:48px;margin:0 0 8px}
.tag{display:inline-block;padding:5px 10px;background:#2a2622;border:1px solid #3b352e;border-radius:999px;color:var(--muted);font-size:13px;margin-bottom:12px}
.grid{display:grid;gap:18px}
@media(min-width:820px){.grid.cols-2{grid-template-columns:1.2fr .8fr}}
.card{background:var(--card);border:1px solid #2a2723;border-radius:18px;padding:18px}
h2{font-family:Oswald,Impact;margin:0 0 10px;font-size:28px}
.kicker{color:var(--gold);text-transform:uppercase;font-weight:800;letter-spacing:.6px;font-size:12px}
ul.clean{list-style:none;padding:0;margin:8px 0}
ul.clean li{padding:8px 0;border-bottom:1px dashed #3a342e}
.price{float:right;color:var(--muted)}
.note{color:var(--muted);font-size:14px}
.section{padding:36px 0}
.menu-grid{display:grid;gap:14px}
@media(min-width:700px){.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gallery{display:grid;gap:10px;grid-template-columns:repeat(5,1fr)}
.ph{background:linear-gradient(135deg,#322c26,#28241f);border:1px solid #3a342e;border-radius:14px;height:86px;display:grid;place-items:center;color:#8c857c;font-size:12px}
footer.site-footer{padding:26px 0;border-top:1px solid #2a2723;background:var(--bg2);color:var(--muted)}
form label{display:block;margin:8px 0 6px}
input,textarea,select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #3a342e;background:#1b1916;color:#f7f4ed}
.row{display:grid;gap:12px}
@media(min-width:720px){.row.two{grid-template-columns:1fr 1fr}}
small.badge{background:#2a2622;border:1px solid #3b352e;border-radius:999px;padding:3px 8px;color:#bdb6ac}
.hours b{color:#f7f4ed}