:root{
  --bg:#f3dfb7;
  --card:#fff5df;
  --ink:#3f2c1e;
  --muted:#7a624c;
  --accent:#7b4b2a;
  --accent2:#c08a4b;
  --shadow:0 12px 28px rgba(55,35,15,.18);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at top,#fff1cf 0,#f3dfb7 55%,#e7c892 100%);color:var(--ink)}
.hidden{display:none!important}.language-screen{min-height:100vh;display:grid;place-items:center;padding:22px}.brand-card{width:min(520px,100%);background:rgba(255,245,223,.92);border:1px solid rgba(123,75,42,.22);border-radius:28px;padding:30px 20px;box-shadow:var(--shadow);text-align:center}.wolf-mark{font-size:52px;color:var(--accent);line-height:1}h1{margin:.1em 0;font-family:Georgia,serif;font-size:clamp(34px,9vw,56px);letter-spacing:.5px}.subtitle{margin:8px 0 22px;color:var(--muted);font-size:18px}.lang-grid{display:grid;grid-template-columns:1fr;gap:12px}.type-screen{min-height:100vh;display:grid;place-items:center;padding:22px}.type-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px;width:100%}.type-btn{border:0;border-radius:22px;padding:28px 16px;background:var(--accent);color:white;font-weight:800;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 6px 18px rgba(80,45,20,.28);transition:transform .15s,box-shadow .15s}.type-btn:active{transform:scale(.95)}.type-emoji{font-size:44px;line-height:1}.type-label{font-size:18px;font-family:Georgia,serif;letter-spacing:.5px}.prep-note{font-style:italic;margin-top:4px}.lang-btn,.small-btn{border:0;border-radius:18px;padding:16px 18px;background:var(--accent);color:white;font-weight:800;font-size:18px;box-shadow:0 6px 14px rgba(80,45,20,.22)}.lang-btn:active,.small-btn:active{transform:translateY(1px)}.menu-screen{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 14px 10px;background:rgba(243,223,183,.96);backdrop-filter:blur(10px);border-bottom:1px solid rgba(123,75,42,.18)}.topbar h1{font-size:28px;margin:0}.topbar p{margin:2px 0 0;color:var(--muted);font-weight:700}.menu-screen{position:relative}.menu-screen::after{content:'';position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(70vmin,420px);height:min(70vmin,420px);background:url('logo.png') center/contain no-repeat;opacity:.055;pointer-events:none;z-index:0}.small-btn{font-size:14px;padding:10px 14px;border-radius:999px;white-space:nowrap}.topbar-controls{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.type-switcher{display:flex;gap:4px;background:rgba(123,75,42,.12);border-radius:999px;padding:4px 6px}.ts-btn{font-size:15px;font-weight:900;cursor:pointer;opacity:.4;transition:opacity .25s,color .25s;padding:5px 12px;border-radius:999px;line-height:1;user-select:none;color:var(--ink);letter-spacing:.3px}.ts-btn.active{opacity:1;background:var(--accent);color:white}.ts-btn:hover{opacity:.7}.lang-switcher{display:flex;gap:4px;align-items:center;background:rgba(123,75,42,.12);border-radius:999px;padding:4px 6px}.ls-btn{font-size:1.3rem;cursor:pointer;opacity:.35;transition:opacity .3s,transform .3s;padding:3px 5px;border-radius:999px;line-height:1;user-select:none}.ls-btn.active{opacity:1;transform:scale(1.25)}.ls-btn:hover{opacity:.75}.category-nav{position:sticky;top:72px;z-index:9;display:flex;gap:8px;overflow-x:auto;padding:10px 12px;background:rgba(243,223,183,.94);border-bottom:1px solid rgba(123,75,42,.12);scrollbar-width:none}.category-nav::-webkit-scrollbar{display:none}.cat-pill{flex:0 0 auto;border:1px solid rgba(123,75,42,.25);border-radius:999px;padding:9px 13px;background:#fff7e5;color:var(--ink);font-weight:800;text-decoration:none;font-size:14px}.cat-pill.active{background:var(--accent);color:white}.menu-content{padding:14px 12px 26px;max-width:900px;margin:0 auto}.category{margin:0 0 18px;scroll-margin-top:130px}.category-title{display:flex;align-items:end;justify-content:space-between;gap:10px;margin:18px 4px 10px}.category-title h2{font-family:Georgia,serif;font-size:29px;margin:0;color:var(--accent)}.category-title span{font-size:13px;color:var(--muted);font-weight:800}.items{display:grid;gap:10px}.item{background:rgba(255,248,231,.95);border:1px solid rgba(123,75,42,.14);border-radius:18px;padding:13px 14px;box-shadow:0 6px 16px rgba(55,35,15,.08)}.item-main{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start}.item-name{font-weight:900;font-size:17px;line-height:1.25}.item-price{font-weight:950;font-size:17px;white-space:nowrap;color:var(--accent);background:#f4dfb8;border-radius:999px;padding:4px 9px}.item-desc{margin:5px 0 0;color:var(--muted);font-size:14px;line-height:1.35}.options{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.option{font-size:13px;background:#f7e6c5;border-radius:999px;padding:5px 9px;color:#5d4029}.footer-note{max-width:900px;margin:0 auto;padding:0 16px 30px;color:var(--muted);font-size:13px}.badge{display:inline-block;margin-left:6px;font-size:12px;color:#8a1f1f;background:#ffe5e5;border-radius:999px;padding:2px 7px}@media (min-width:720px){.lang-grid{grid-template-columns:1fr 1fr}.menu-content{display:grid;grid-template-columns:1fr 1fr;gap:18px}.category{margin-bottom:0}.category-title h2{font-size:31px}.item-name{font-size:18px}.category-nav{justify-content:center}.topbar{padding-left:24px;padding-right:24px}}
