*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:#111}
.container{max-width:1100px;margin:0 auto;padding:16px}
header.hero{position:relative;min-height:45svh;overflow:hidden}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.lang{position:absolute;top:18px;right:18px;display:flex;gap:8px;z-index:5}
.lang button{border:none;border-radius:16px;padding:6px 10px;font-weight:700;background:#eee}
.lang .on{background:#111;color:#fff}
.status-badge{position:absolute;left:50%;transform:translateX(-50%);bottom:6%;z-index:5;background:rgba(255,255,255,.88);color:#c00;border-radius:999px;padding:8px 16px;font-weight:700;box-shadow:0 2px 10px rgba(0,0,0,.08)}

.grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}
@media (max-width:900px){.grid{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid #eee;border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.06);padding:16px}
h1,h2{margin:18px 0 10px;text-align:center}
p.lead{text-align:center;color:#555;margin:0 0 14px}

.btn{display:inline-block;border:none;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer}
.btn.dark{background:#111;color:#fff}
.btn.green{background:#0a7;color:#fff}
.btn.red{background:#d33;color:#fff}
.btn.ghost{background:#f3f3f3;color:#111}

.order-rows{width:100%;font-size:14px;border-collapse:collapse}
.order-rows td{padding:6px 4px;border-bottom:1px solid #eee}
.right{text-align:right}
.note{font-size:13px;color:#666}
.center{text-align:center}

.blur{filter:blur(2px) grayscale(.2);pointer-events:none;user-select:none}
.cover{position:relative}
.cover::after{content:"Venter på bekreftelse …";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.65);font-weight:800;color:#333;border-radius:14px}
.success{background:#eafff5;border:1px solid #a8f0c8;padding:10px;border-radius:10px}