@import url('https://fonts.googleapis.com/css2?family=Lobster&family=Nunito+Sans:wght@400;700;800&display=swap');
:root { --gold:#f7c945; --ink:#30231a; --cream:#fbf7f0; --orange:#b75202; }
* { box-sizing:border-box; } body { margin:0; color:var(--ink); background:var(--cream); font-family:'Nunito Sans',sans-serif; }
.topbar { min-height:124px; padding:10px 3.5%; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:24px; position:relative; background:#fff; }
.brand { grid-column:2; justify-self:center; width:76px; height:94px; display:grid; place-items:center; } .brand img { max-width:76px; max-height:94px; object-fit:contain; mix-blend-mode:multiply; }
.phone { grid-column:3; justify-self:end; padding:13px 26px; border:1px solid #c65e05; border-radius:28px; color:var(--orange); font-weight:800; text-decoration:none; white-space:nowrap; }
.language-switcher { position:absolute; left:3.5%; bottom:16px; display:flex; gap:4px; } .language-button { border:0; background:transparent; color:#6d625a; padding:5px 7px; cursor:pointer; border-radius:6px; font:800 12px 'Nunito Sans',sans-serif; } .language-button.is-active { background:#f6e8d2; color:#9b4b0a; }
.menu-page { max-width:1050px; margin:0 auto; padding:48px 28px 72px; } .back-link { display:inline-block; margin-bottom:18px; color:var(--orange); font-weight:800; text-decoration:none; } .page-title { margin:0; font:400 clamp(40px,6vw,64px)/1 Lobster,cursive; color:#8f4005; } .page-intro { margin:10px 0 34px; font-size:18px; }
.menu-section { margin:38px 0; } .section-title { margin:0 0 14px; padding-bottom:10px; border-bottom:2px solid #e8bd5b; font:400 32px Lobster,cursive; color:#8f4005; } .menu-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 22px; }
.menu-item { display:flex; gap:16px; padding:18px 0; border-bottom:1px solid #e4d8c8; } .item-photo { width:112px; height:86px; flex:0 0 112px; object-fit:cover; border-radius:4px; background:#e8ded1; } .item-details { min-width:0; flex:1; } .item-head { display:flex; justify-content:space-between; gap:18px; align-items:baseline; } .item-name { margin:0; font-size:18px; } .item-price { color:var(--orange); font-weight:800; white-space:nowrap; } .item-description { margin:6px 0 0; color:#62564d; line-height:1.45; }
.footer { padding:24px; background:#30231a; color:#fff; text-align:center; } .footer a { color:#f7c945; } .translation-credit { display:block; margin-top:8px; color:#b9aaa0; font-size:11px; font-weight:400; }
@media (max-width:700px) { .topbar { min-height:156px; grid-template-columns:1fr auto; padding:10px 18px 42px; gap:10px; } .brand { grid-column:1/-1; grid-row:1; height:70px; } .brand img { max-height:70px; } .phone { grid-column:2; grid-row:2; font-size:12px; padding:10px 15px; } .language-switcher { left:18px; bottom:8px; } .menu-page { padding:34px 20px 50px; } .menu-list { grid-template-columns:1fr; } .page-intro { font-size:16px; } .item-photo { width:88px; height:72px; flex-basis:88px; } .item-head { gap:8px; } .item-name { font-size:16px; } }