:root{
  --bg:#0e0f11; --panel:#14151a; --border:#1f2127;
  --text:#f2f3f6; --muted:#a0a4ad; --brand:#e5362d; --accent:#ffcc00;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,'Noto Sans',sans-serif;line-height:1.55}
a{color:#fff;text-decoration:none}
img{max-width:100%;display:block}
.site-header{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;
  padding:12px 16px;background:#0b0c0e;border-bottom:1px solid var(--border)}
.brand{display:flex;gap:10px;align-items:center;font-weight:800;letter-spacing:.5px}
.logo{width:28px;height:28px}
.nav a{padding:8px 10px;border-radius:10px;margin:0 4px}
.nav a:hover{background:#1a1d22}
.nav .cta{background:var(--brand)}
.hero{min-height:62vh;display:grid;place-items:center;padding:40px;text-align:center;position:relative;background:#111;
  background-image:url('https://images.unsplash.com/photo-1541599188778-cdc73298e8f8?q=80&w=1600&auto=format&fit=crop');background-size:cover;background-position:center}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.85))}
.hero-inner{position:relative;z-index:1;max-width:960px}
.hero .chips{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;color:#d0d3d8}
.btn{display:inline-block;background:var(--brand);padding:10px 14px;border-radius:12px;font-weight:700}
.btn-outline{background:transparent;border:1px solid var(--brand)}
.btn-ghost{background:transparent;border:1px solid #333}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;max-width:1200px;margin:0 auto;padding:24px}
.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;overflow:hidden}
.card-media{height:160px;background:#222;background-size:cover;background-position:center}
.card-body{padding:14px}
.card-body .muted{color:var(--muted)}
.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;max-width:1200px;margin:0 auto;padding:24px}
.menu-card{display:grid;grid-template-rows:160px auto;background:var(--panel);border:1px solid var(--border);border-radius:16px;overflow:hidden}
.menu-media{background-size:cover;background-position:center}
.menu-body{padding:14px}
.sizes{display:flex;gap:12px;flex-wrap:wrap;margin:8px 0 12px}
.menu-list{max-width:980px;margin:0 auto;padding:24px}
.menu-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--border)}
.menu-row .ing{color:var(--muted)}
.menu-row-price{font-weight:800}
.note{max-width:980px;margin:0 auto;padding:0 24px 36px;color:#c9ccd2}
.page-hero{min-height:40vh;display:grid;place-items:center;text-align:center;padding:40px;background-size:cover;background-position:center;position:relative}
.page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.85))}
.page-hero-inner{position:relative;z-index:1;max-width:960px;padding:0 16px}
.section{max-width:1100px;margin:0 auto;padding:24px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (max-width:900px){.split{grid-template-columns:1fr}}
.contact-card,.map-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:18px}
form label{display:block;margin:8px 0 6px}
input,textarea{width:100%;background:#0f1114;border:1px solid #2a2d34;border-radius:10px;color:#fff;padding:10px}
textarea{resize:vertical}
.site-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:18px;border-top:1px solid var(--border);background:#0b0c0e}
.social{opacity:.8}