:root,[data-theme=light]{--bg: #f5f1ea;--surface: #ffffff;--surface-2: #efe9df;--line: #e9e3d8;--line-2: #e2dbd0;--rule: #eee8de;--field: #d5ccbe;--line-strong: #d9d3c7;--ink: #1d1b18;--ink-2: #3d3833;--muted: #5e5850;--accent: #7b2233;--accent-hover: #5a1826;--accent-ink: #ffffff;--accent-soft: #f6ecea;--apk-bg: #1d1b18;--apk-fg: #f5f1ea;--panel-bg: #1d1b18;--panel-fg: #ffffff;--panel-text: #e9e3d8;--panel-muted: #d8d0c3;--ok-bg: #e6efe9;--ok-fg: #2f5d4a;--ok-line: #c4d8cb;--warn-bg: #f8ecdb;--warn-fg: #7a4a12;--warn-line: #e8cfa8;--risk-bg: #f7e3df;--risk-fg: #9a2a1a;--risk-line: #ebbcb2;--seg1: #3d3833;--seg2: #a39a8e;--seg3: #7b2233;--seg4: #c98a95;--seg5: #b8702e;--seg6: #e0cf9a;--c1: #7b2233;--c2: #2f5d4a;--c3: #b8702e;--c4: #5e5850;--cat-vin: #7b2233;--cat-ol: #a2611f;--cat-sprit: #2f2a24;--cat-cider: #e8ddb5;--cat-af: #2f5d4a;--scrim: rgba(29, 27, 24, .45);--shadow: 0 1px 2px rgba(29, 27, 24, .04), 0 8px 24px rgba(29, 27, 24, .06);color-scheme:light}[data-theme=dark]{--bg: #16130f;--surface: #1f1b17;--surface-2: #27221d;--line: #332d26;--line-2: #332d26;--rule: #2b2621;--field: #4a4239;--line-strong: #4a4239;--ink: #f3eee6;--ink-2: #d4ccc0;--muted: #a89e91;--accent: #e58a9b;--accent-hover: #f0a3b1;--accent-ink: #2a1215;--accent-soft: #3a1c21;--apk-bg: #f3eee6;--apk-fg: #16130f;--panel-bg: #f3eee6;--panel-fg: #16130f;--panel-text: #3d3833;--panel-muted: #5e5850;--ok-bg: #17281f;--ok-fg: #8fcaa8;--ok-line: #2c4a39;--warn-bg: #33260f;--warn-fg: #f0c27a;--warn-line: #5a4318;--risk-bg: #3a1a14;--risk-fg: #ffa08f;--risk-line: #6a2e24;--seg1: #d4ccc0;--seg2: #7a7064;--seg3: #e58a9b;--seg4: #8a4552;--seg5: #e0a864;--seg6: #c9b27a;--c1: #e58a9b;--c2: #8fcaa8;--c3: #e0a864;--c4: #a89e91;--cat-vin: #7b2233;--cat-ol: #a2611f;--cat-sprit: #3d3833;--cat-cider: #c9b27a;--cat-af: #2f5d4a;--scrim: rgba(0, 0, 0, .6);--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .3);color-scheme:dark}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/instrument-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/newsreader-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-ui: "Instrument Sans", system-ui, sans-serif;--font-serif: "Newsreader", Georgia, serif;--wide: 900px}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}button,input,select,textarea{font-family:var(--font-ui)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.serif{font-family:var(--font-serif)}.nowrap{white-space:nowrap}.muted{color:var(--muted)}.ink2{color:var(--ink-2)}.eyebrow{margin:0;font:600 14px/1.2 var(--font-ui);letter-spacing:1.5px;text-transform:uppercase;color:var(--accent)}.kicker{font:600 13px/1.2 var(--font-ui);letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.h1{margin:0;font:500 clamp(34px,5vw,56px)/1.05 var(--font-serif);letter-spacing:-1px;color:var(--ink);text-wrap:balance}.h2{margin:0;font:500 clamp(28px,3.2vw,40px)/1.1 var(--font-serif);color:var(--ink)}.h2-sm{margin:0;font:500 24px/1.2 var(--font-serif);color:var(--ink)}.h3{margin:0;font:600 19px/1.3 var(--font-ui);color:var(--ink)}.card{background:var(--surface);border:1px solid var(--line-2);border-radius:14px}.btn-dark,.btn-outline,.btn-accent{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 20px;border-radius:10px;font:600 15px/1 var(--font-ui);text-decoration:none;cursor:pointer;white-space:nowrap}.btn-dark{border:1.5px solid var(--ink);background:var(--ink);color:var(--bg)}.btn-dark:hover{color:var(--bg);text-decoration:none;opacity:.92}.btn-outline{border:1.5px solid var(--ink);background:var(--surface);color:var(--ink)}.btn-outline:hover{color:var(--ink);text-decoration:none;background:var(--surface-2)}.btn-accent{border:1.5px solid var(--accent);background:var(--accent);color:var(--accent-ink)}.btn-accent:hover{color:var(--accent-ink);text-decoration:none;background:var(--accent-hover);border-color:var(--accent-hover)}.btn-dark:active,.btn-outline:active,.btn-accent:active{transform:scale(.98)}.qty-group{display:flex;gap:8px}.qty-btn{flex:1 1 0;min-width:56px;height:44px;padding:0 10px;border:1.5px solid var(--ink);border-radius:10px;background:var(--surface);color:var(--ink);font:600 15px/1 var(--font-ui);cursor:pointer;white-space:nowrap}.qty-btn.on{background:var(--ink);color:var(--bg)}.tax-pill{display:inline-flex;align-items:center;padding:3px 8px;border-radius:6px;font:600 12px/1.3 var(--font-ui);white-space:nowrap}.tax-pill.ingar{background:var(--ok-bg);color:var(--ok-fg)}.tax-pill.tillkommer{background:var(--warn-bg);color:var(--warn-fg)}.tax-pill.okant{background:var(--risk-bg);color:var(--risk-fg)}.link-btn{all:unset;cursor:pointer;font:500 15px/1.3 var(--font-ui);color:var(--accent)}.link-btn:hover{text-decoration:underline}.unset-btn{all:unset;cursor:pointer}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 16px}@media(min-width:900px){.container{padding:0 40px}}.tiles{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}@media(min-width:600px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1100px){.tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}p a,.crumb a,.lead a,.note a{text-decoration:underline;text-underline-offset:2px;text-decoration-color:color-mix(in srgb,var(--accent) 55%,transparent)}p a:hover,.crumb a:hover,.lead a:hover,.note a:hover{text-decoration-color:currentColor}.crumb{display:flex;flex-wrap:wrap;gap:8px;font:400 14px/1.3 var(--font-ui);color:var(--muted)}
