*{box-sizing:border-box}
:root{--bg:#fff;--text:#111;--muted:#6b7280;--accent:#ef4444;--card:#fff;--shadow:0 8px 24px rgba(0,0,0,.08);--radius:16px}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}
.container{max-width:1060px;margin:0 auto;padding:24px 16px}
.lang-toggle{position:fixed;right:16px;top:16px;z-index:50;display:flex;gap:8px}
.pill{border:none;background:#111;color:#fff;padding:6px 10px;border-radius:999px;opacity:.5;cursor:pointer}
.pill.active{opacity:1}
.hero{position:relative;height:50svh}
@media(max-width:640px){.hero{height:55svh}}
.hero__img{position:absolute;inset:0;background:url('assets/hero.jpg') center/cover no-repeat}
.hero__img::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:22svh;background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.9) 60%, #fff 100%)}
.openline{display:flex;justify-content:center;font-weight:800;color:var(--accent);padding:8px 0}
.intro{text-align:center}.kicker{color:var(--muted);margin:0 0 4px}.title{font-size:clamp(28px,3.5vw,40px);margin:0}.sub{margin:4px 0 0 0}
.section-title{text-align:center;margin:12px 0 8px 0}
.specials .specials-row{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 12px 16px;text-align:center;flex:1 1 320px;max-width:420px}
.card .img-wrap{position:relative;padding-top:62%;background:#f2f2f2;border-radius:12px;overflow:hidden;margin-bottom:10px}
.card img{position:absolute;width:100%;height:100%;left:0;top:0;object-fit:cover}
.badge{display:inline-block;background:#111;color:#fff;border-radius:999px;padding:4px 10px;font-size:12px;margin-bottom:8px}
.price{font-weight:800;margin:6px 0}
.qty{display:flex;align-items:center;justify-content:center;gap:10px}
.btn{border:1px solid #ddd;background:#fff;border-radius:10px;padding:6px 10px;cursor:pointer}
.btn.primary{background:#111;color:#fff;border-color:#111}
input[readonly]{text-align:center;width:64px;border:1px solid #ddd;border-radius:8px;padding:6px 8px;background:#fafafa}
.menu-section>h3{text-align:center;margin:28px 0 10px}
.grid{display:grid;gap:16px}
@media(max-width:640px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:641px){.grid{grid-template-columns:repeat(4,1fr)}}
.menu-card{background:#fff;border-radius:14px;box-shadow:var(--shadow);padding:10px;text-align:center}
.menu-card .img{position:relative;padding-top:64%;background:#f6f6f6;border-radius:10px;overflow:hidden;margin-bottom:8px}
.menu-card .img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.menu-card .name{font-weight:700}
.menu-card .meta{color:var(--muted);font-size:12px}
.two-col{display:grid;gap:20px}
@media(min-width:900px){.two-col{grid-template-columns:1fr 1fr}}
.order-form{display:grid;gap:8px;margin-top:8px}
.order-form input{border:1px solid #ddd;border-radius:10px;padding:8px}
.hint{color:var(--muted);font-size:12px}
.orderid{margin-top:6px;font-size:12px;color:var(--muted)}
.payment{border:1px solid #eee;border-radius:16px;padding:16px;box-shadow:var(--shadow);text-align:center}
.payment.dimmed{filter:grayscale(1);opacity:.6}
.payment .qr{width:160px;max-width:60%;display:block;margin:10px auto}
.vipps{font-size:14px}
.map-wrap iframe{width:100%;height:320px;border:0;border-radius:14px;box-shadow:var(--shadow)}
.footer{padding:24px 0;color:#666;text-align:center}