/* GENERERAD FIL — redigera fonts/fonts.css, style.css eller consent.css och kör: python3 tools/build_css.py */
/* vietnamese */
@font-face {
  font-family: 'Anybody';
  font-style: normal;
  font-weight: 700;
  font-stretch: 75%;
  font-display: swap;
  src: url(fonts/anybody-VuJudNvK2Ib2ppdWYq311GH32hxIv0tD5iDkWdTYR-zRp28.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Anybody';
  font-style: normal;
  font-weight: 700;
  font-stretch: 75%;
  font-display: swap;
  src: url(fonts/anybody-VuJudNvK2Ib2ppdWYq311GH32hxIv0tD5iDlWdTYR-zRp28.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Anybody';
  font-style: normal;
  font-weight: 700;
  font-stretch: 75%;
  font-display: swap;
  src: url(fonts/anybody-VuJudNvK2Ib2ppdWYq311GH32hxIv0tD5iDrWdTYR-zR.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;
}
/* vietnamese */
@font-face {
  font-family: 'Anybody';
  font-style: normal;
  font-weight: 900;
  font-stretch: 75%;
  font-display: swap;
  src: url(fonts/anybody-VuJudNvK2Ib2ppdWYq311GH32hxIv0tD5iDkWdTYR-zRp28.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Anybody';
  font-style: normal;
  font-weight: 900;
  font-stretch: 75%;
  font-display: swap;
  src: url(fonts/anybody-VuJudNvK2Ib2ppdWYq311GH32hxIv0tD5iDlWdTYR-zRp28.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Anybody';
  font-style: normal;
  font-weight: 900;
  font-stretch: 75%;
  font-display: swap;
  src: url(fonts/anybody-VuJudNvK2Ib2ppdWYq311GH32hxIv0tD5iDrWdTYR-zR.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;
}
/* vietnamese */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/archivo-k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLySOxKsv4RnUPU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/archivo-k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLyTOxKsv4RnUPU.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/archivo-k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLydOxKsv4Rn.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;
}
/* vietnamese */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/archivo-k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLySOxKsv4RnUPU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/archivo-k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLyTOxKsv4RnUPU.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/archivo-k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLydOxKsv4Rn.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;
}
/* vietnamese */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/archivo-k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLySOxKsv4RnUPU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/archivo-k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLyTOxKsv4RnUPU.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/archivo-k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLydOxKsv4Rn.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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/ibmplexmono--F63fjptAgt5VM-kVkqdyU8n1iIq131nj-otFQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/ibmplexmono--F63fjptAgt5VM-kVkqdyU8n1isq131nj-otFQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/ibmplexmono--F63fjptAgt5VM-kVkqdyU8n1iAq131nj-otFQ.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/ibmplexmono--F63fjptAgt5VM-kVkqdyU8n1iEq131nj-otFQ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/ibmplexmono--F63fjptAgt5VM-kVkqdyU8n1i8q131nj-o.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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/ibmplexmono--F6qfjptAgt5VM-kVkqdyU8n3twJwl1FgsAXHNlYzg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/ibmplexmono--F6qfjptAgt5VM-kVkqdyU8n3twJwlRFgsAXHNlYzg.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/ibmplexmono--F6qfjptAgt5VM-kVkqdyU8n3twJwl9FgsAXHNlYzg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/ibmplexmono--F6qfjptAgt5VM-kVkqdyU8n3twJwl5FgsAXHNlYzg.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/ibmplexmono--F6qfjptAgt5VM-kVkqdyU8n3twJwlBFgsAXHNk.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;
}

/* ═══════════════════════════════════════════════════════════════
   Bränneribolaget — designsystem
   Röstregel: färgen i flaskan, inte i rösten. Chromet är svalt.
   Grönt (#1E6B45, Östgötagin) är enda accent. Flaskorna bär färgen.
   Display: Anybody (kondenserad black). Body: Archivo. Data: IBM Plex Mono.
   ═══════════════════════════════════════════════════════════════ */

:root{
  --paper:#FCFCFA;
  --ink:#14130F;
  --muted:#6B6960;
  --muted-dot:#9A9689;
  --line:#DEDCD3;
  --green:#84C388;        /* enda accent — ljusgröna ur Östgötagin. Ljus: bär mörk text, aldrig text-på-papper */
  --green-deep:#74B378;   /* tryck/press */
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

body{
  background:var(--paper);color:var(--ink);
  font-family:'Archivo',system-ui,sans-serif;
  font-size:clamp(15.5px, 0.9rem + 0.3vw, 17px);line-height:1.6;-webkit-font-smoothing:antialiased;
  border-top:2px solid var(--ink);   /* tunn mörk linje, ingen dekorfärg */
}
img{max-width:100%;height:auto}
.wrap{max-width:960px;margin:0 auto;padding:0 24px}

/* header */
.site-head{border-bottom:2px solid var(--ink);position:sticky;top:0;background:var(--paper);z-index:10}
.head-inner{display:flex;justify-content:center;align-items:center;gap:26px;padding:16px 24px;flex-wrap:wrap}
.wordmark{text-decoration:none;display:inline-flex;align-items:center;line-height:0}
.head-emblem{height:30px;width:auto;display:block}
@media(max-width:560px){.head-emblem{height:26px}}

/* centrerad hel logga högst upp — inte del av sticky headern */
.brandmark{text-align:center;padding:14px 24px 6px}
.brandmark a{display:inline-block;position:relative;overflow:hidden;line-height:0}
.brandmark-img{height:150px;width:auto;display:block;margin:0 auto}
.brandmark a::after{content:"";position:absolute;top:0;left:0;width:55%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);
  transform:translateX(-180%);pointer-events:none}
/* effekten spelar bara när .intro satts (en gång per session, styrs av JS) */
.brandmark.intro .brandmark-img{animation:markIn 1s cubic-bezier(.2,.7,.2,1) both}
.brandmark.intro a::after{animation:sheen 1.7s ease .6s 1 both}
@keyframes markIn{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}
@keyframes sheen{to{transform:translateX(340%)}}
@media(max-width:560px){.brandmark{padding:10px 20px 4px}.brandmark-img{height:104px}}
.site-head nav{display:flex;gap:24px;align-items:center;font-family:'IBM Plex Mono',monospace;font-size:13px;letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap}
.site-head nav a{color:var(--ink);text-decoration:none;padding-bottom:2px;border-bottom:1.5px solid transparent}
.site-head nav a:hover{border-bottom-color:var(--ink)}
.site-head nav a[aria-current="page"]{border-bottom-color:var(--ink)}
/* Tillgänglighet: skip-länk + tydlig tangentbordsfokus */
.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:var(--ink);color:var(--paper);padding:10px 16px;font-family:'IBM Plex Mono',monospace;font-size:13px;text-decoration:none}
.skip-link:focus{left:8px;top:8px}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:1px}
.list-band :focus-visible,.site-foot :focus-visible,.nav-cta:focus-visible{outline-color:var(--green)}
.nav-cta{color:var(--ink)!important;font-weight:600;background:var(--green);border-bottom:none!important;text-indent:.08em}
.site-head nav a.nav-cta{padding:8px 18px;line-height:1.15}
.nav-cta:hover{background:var(--ink);color:var(--paper)!important;border-bottom:none!important}
/* hamburgermeny (mobil) — helt CSS-styrd, ingen JS */
.nav-toggle{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.nav-burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;background:none;border:none}
.nav-burger span{display:block;width:26px;height:2px;background:var(--ink);transition:transform .2s,opacity .2s}
@media(max-width:720px){
  .head-inner{justify-content:flex-end;gap:12px;padding:12px 20px}
  .nav-burger{display:flex}
  .site-head nav{display:none;order:3;width:100%;flex-direction:column;align-items:stretch;gap:0;padding-top:4px}
  .nav-toggle:checked ~ nav{display:flex}
  .site-head nav a{padding:14px 2px;border-top:1px solid var(--line);border-bottom:none}
  .site-head nav a:hover{border-bottom-color:transparent}
  .nav-cta{text-align:center;margin-top:10px;padding:14px 18px}
  .nav-toggle:checked ~ .nav-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nav-toggle:checked ~ .nav-burger span:nth-child(2){opacity:0}
  .nav-toggle:checked ~ .nav-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}

/* eyebrow / typografi */
.eyebrow{font-family:'IBM Plex Mono',monospace;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.eyebrow.light{color:rgba(252,252,250,.7)}
@media(max-width:560px){.eyebrow{font-size:11px;letter-spacing:.04em;text-wrap:balance}}
h1{font-family:'Anybody',sans-serif;font-stretch:75%;font-weight:900;text-transform:uppercase;font-size:clamp(44px,10vw,104px);line-height:.92;letter-spacing:.005em;overflow-wrap:break-word}
h2{font-family:'Anybody',sans-serif;font-stretch:75%;font-weight:900;text-transform:uppercase;font-size:clamp(30px,5vw,46px);line-height:1;letter-spacing:.01em}
a{color:var(--ink)}

/* hero */
.hero{padding:72px 24px 56px;text-align:center}
.hero .hero-lede{margin-left:auto;margin-right:auto}
.hero .hero-actions{justify-content:center}
.hero h1{margin:18px 0 0;white-space:nowrap;font-size:clamp(22px,7.6vw,76px)}
.hp{color:var(--green)}
.hero-lede{margin-top:26px;font-size:clamp(17px, 1rem + 0.5vw, 20px);max-width:56ch}
.hero-actions{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap}

/* knappar */
.btn{font-family:'Anybody',sans-serif;font-stretch:75%;font-weight:700;font-size:18px;letter-spacing:.04em;text-transform:uppercase;background:var(--ink);color:var(--paper);text-decoration:none;padding:14px 26px;display:inline-block;border:2px solid var(--ink)}
.btn:hover{background:var(--green);border-color:var(--green);color:var(--ink)}
.btn-ghost{background:transparent;color:var(--ink)}
.btn-ghost:hover{background:var(--ink);color:var(--paper)}
.btn-invert{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.btn-invert:hover{background:transparent;color:var(--paper)}
.btn-green{background:var(--green);color:var(--ink);border-color:var(--green)}
.btn-green:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.btn:focus-visible,a:focus-visible,input:focus-visible,button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}

/* bevisbandet */
.proof{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);background:#fff}
.proof .wrap{padding-top:56px;padding-bottom:56px;text-align:center}
.proof-lead{font-size:clamp(16px, 0.9rem + 0.4vw, 18px);color:var(--ink);line-height:1.6;max-width:54ch;margin:0 auto 42px}
.proof-quad{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,3vw,32px);align-items:start}
.proof-quad li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px}
.pt-link{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;text-decoration:none;color:inherit}
.pt-link .pt-bottle{transition:transform .18s ease}
.pt-link:hover .pt-bottle{transform:translateY(-5px)}
.pt-link:hover .pt-name{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--green);text-decoration-thickness:2px}
.pt-bottle{height:200px;width:auto;object-fit:contain;object-position:bottom}
.pt-medals{display:flex;gap:4px;justify-content:center;align-items:center;height:42px;margin-top:4px}
.pt-medals img{height:42px;width:auto}
.pt-num{font-family:'Anybody',sans-serif;font-stretch:75%;font-weight:900;font-size:clamp(20px,2.6vw,28px);line-height:1;text-transform:uppercase}
.pt-of{font-size:.5em;color:var(--muted);letter-spacing:.02em}
.pt-name{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);line-height:1.5}
.origin-layout{display:block}
.origin-img{display:block;width:100%;max-width:760px;height:auto;object-fit:contain;border:1px solid var(--line);margin:0 auto 30px}
.origin-copy{max-width:64ch;margin:0 auto}
.origin-copy p{font-size:clamp(16px, 0.9rem + 0.4vw, 18px)}
.origin-copy p+p{margin-top:16px}
/* editorial foto (grundare, produktion, fat) – hela bilden, aldrig beskuren */
.feature{margin:12px 0 0;text-align:center}
.feature-img{display:block;max-width:100%;max-height:clamp(360px,60vw,520px);width:auto;height:auto;margin:0 auto;border:1px solid var(--line)}
.feature figcaption{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:10px}
/* intro med text vänster, foto höger */
.intro-split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}
.intro-split-copy>:first-child{margin-top:0}
.intro-split .feature{margin:0;text-align:left}
.intro-split .feature-img{margin:0}
@media(max-width:820px){.intro-split{grid-template-columns:1fr;gap:22px}}
.hero-sub{font-family:'Archivo',sans-serif;font-weight:600;font-size:clamp(18px,1rem+0.5vw,22px);margin:10px 0 0}
/* entitetssidor (produkt/drink) + breadcrumbs */
.crumbs{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-top:22px}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--ink);text-decoration:underline}
.entity{padding:26px 24px 8px}
.entity h1{font-family:'Anybody',sans-serif;font-stretch:75%;font-weight:900;text-transform:uppercase;font-size:clamp(34px,6vw,56px);line-height:1;margin:8px 0 0}
.entity .hero-lede{margin-top:16px;max-width:58ch}
.entity-bottle{display:block;max-height:420px;width:auto;height:auto;margin:0 auto}
.entity-spec{max-width:360px;margin-top:24px}
.entity-sec{padding-top:8px;padding-bottom:8px}
.entity-sec h2{font-family:'Anybody',sans-serif;font-stretch:75%;font-weight:900;text-transform:uppercase;font-size:clamp(20px,3vw,26px);margin:26px 0 10px;border-top:2px solid var(--ink);padding-top:18px}
.entity-ing{margin:0;padding:0;list-style:none}
.entity-ing li{padding:7px 0;border-bottom:1px solid var(--line);font-size:16px}
.drink-list{margin:0;padding:0;list-style:none;columns:2;column-gap:32px}
.drink-list li{padding:7px 0;border-bottom:1px solid var(--line);break-inside:avoid}
.drink-list a{color:var(--ink);text-decoration:none;font-weight:500}
.drink-list a:hover{text-decoration:underline}
.dl-meta{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.04em;color:var(--muted);text-transform:lowercase}
.entity-more{margin-top:14px;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.entity-more a{color:var(--ink)}
.entity-bfig,.intro-split .entity-bfig{text-align:center}.entity-bfig a{display:inline-block}.drink-bottle{max-height:340px}
.entity-bfig figcaption a{color:var(--muted);text-decoration:none}.entity-bfig figcaption a:hover{color:var(--ink);text-decoration:underline}
@media(max-width:700px){.drink-list{columns:1}.entity-bottle{max-height:320px}.drink-bottle{max-height:260px}}
/* entitetslänkar från hubbarna: länkad rubrik med grön pil + tydlig radlänk */
.product h3 a,.recipe h3 a{color:inherit;text-decoration:none}
.product h3 a:hover,.recipe h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.product h3 a::after,.recipe h3 a::after{content:"→";color:var(--green);display:inline-block;margin-left:.3em;transition:transform .15s ease}
.product h3 a:hover::after,.recipe h3 a:hover::after{transform:translateX(5px)}
.p-more{margin-top:12px}
.p-more a,.r-open a{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);text-decoration:none;border-bottom:1.5px solid var(--green);padding-bottom:2px}
.p-more a::after,.r-open a::after{content:" →";color:var(--green)}
.p-more a:hover,.r-open a:hover{background:var(--green);border-bottom-color:var(--green)}
.r-open{margin-top:14px}
@media(max-width:760px){
  .proof-quad{grid-template-columns:repeat(2,1fr);gap:28px 12px}
  .pt-bottle{height:180px}
}
.proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.proof-grid>div{padding:26px 22px;border-right:1px solid var(--line)}
.proof-grid>div:last-child{border-right:none}
.proof-grid dt{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.proof-grid dd{font-size:16px;line-height:1.35;font-weight:500}
@media(max-width:760px){.proof-grid{grid-template-columns:repeat(2,1fr)}.proof-grid>div:nth-child(2){border-right:none}.proof-grid>div:nth-child(1),.proof-grid>div:nth-child(2){border-bottom:1px solid var(--line)}}
@media(max-width:420px){.proof-grid{grid-template-columns:1fr}.proof-grid>div{border-right:none;border-bottom:1px solid var(--line)}}

/* sektioner */
.section{padding:64px 24px}
.section-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid var(--ink);padding-bottom:14px;margin-bottom:32px}
.section-link{font-family:'IBM Plex Mono',monospace;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);text-decoration:none}
.section-link:hover{color:var(--ink);text-decoration:underline}

/* teaser-grid */
.teaser-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.teaser{position:relative;background:var(--paper);padding:26px 22px 24px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;transition:background .15s}
.t-medal{position:absolute;top:14px;right:14px;height:34px;width:auto;z-index:1}
.teaser:hover{background:#fff}
.teaser .thumb{height:230px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:10px}
.teaser .thumb img{max-height:230px;width:auto;max-width:82%;object-fit:contain}
.t-name{font-family:'Anybody',sans-serif;font-stretch:75%;font-weight:900;font-size:22px;text-transform:uppercase;line-height:1}
.t-meta{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.06em;color:var(--muted)}
@media(max-width:700px){.teaser-grid{grid-template-columns:1fr 1fr}}
@media(max-width:440px){.teaser-grid{grid-template-columns:1fr}}

/* list-band */
.list-band{background:var(--ink);color:var(--paper)}
.list-inner{padding:64px 24px;text-align:center}
.list-h{margin:16px 0 0}
.list-lede{margin:22px auto 30px;max-width:48ch;color:rgba(252,252,250,.85)}

/* footer */
.site-foot{border-top:1px solid rgba(252,252,250,.14);padding:40px 0 40px;text-align:center;background:var(--ink);color:var(--paper)}
.foot-logo{width:196px;height:auto;display:block;margin:0 auto 2px}
.foot-brand{font-family:'Anybody',sans-serif;font-stretch:75%;font-weight:900;font-size:26px;text-transform:uppercase;margin:0}
.foot-line{font-family:'IBM Plex Mono',monospace;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:rgba(252,252,250,.62);margin-top:14px}
.foot-meta{font-size:14px;color:rgba(252,252,250,.55);margin-top:14px}
address.foot-meta{font-style:normal}
.foot-meta a{color:inherit}
.foot-nav{margin-top:16px;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px}
.foot-nav a{color:rgba(252,252,250,.75);text-decoration:none}
.foot-nav a:hover{color:var(--paper)}
.list-band .btn-green:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}

/* ── SORTIMENT-SIDAN ── */
.page-hero{padding:56px 24px 20px}
.page-hero h1{font-size:clamp(44px,8vw,76px);margin-top:14px}
.page-hero .hero-lede{font-size:clamp(16px, 0.9rem + 0.4vw, 18px);margin-top:20px}

.product{border-top:2px solid var(--ink);padding:44px 0;scroll-margin-top:90px}
.product-inner{display:grid;grid-template-columns:150px 1fr 220px;gap:32px;align-items:start}
.product .swatch{width:150px;display:flex;align-items:flex-start;justify-content:center}
.product .bottle{display:block;width:100%;height:auto;max-height:300px;object-fit:contain;object-position:top center}
.product .dot{width:44px;height:44px;border-radius:50%;background:var(--muted-dot);margin-top:6px}
.product-main{min-width:0}
.product h3{font-family:'Anybody',sans-serif;font-stretch:75%;font-weight:900;font-size:34px;text-transform:uppercase;line-height:1;margin-top:-0.14em}
.product .cat{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:6px}
.product .desc{margin-top:16px;max-width:52ch}
.product .merit{margin-top:14px;font-family:'IBM Plex Mono',monospace;font-size:13px;letter-spacing:.04em;color:var(--muted)}
.product .status-retired{color:var(--muted)}
.spec-box{border:1.5px solid var(--ink);font-family:'IBM Plex Mono',monospace;font-size:13px;align-self:start}
.spec-box div{display:flex;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--line)}
.spec-box div:last-child{border-bottom:none}
.spec-box .k{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px}
.spec-box .v{font-weight:500}

/* två-actions per produkt: kolla tillgänglighet + släpplistan */
.product-actions{grid-column:2/-1;display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.sb-btn{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;padding:11px 18px;border:1.5px solid var(--ink);color:var(--ink);background:var(--paper)}
.sb-btn:hover{background:var(--ink);color:var(--paper)}
.sb-btn.primary{background:var(--green);border-color:var(--green);color:var(--ink);font-weight:500}
.sb-btn.primary:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.sb-btn.dark{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.sb-btn.dark:hover{background:var(--paper);color:var(--ink)}
/* Billetto: samtyckesruta innan tredjepartsembed laddas */
.billetto-consent{border:1.5px solid var(--line);padding:28px 24px;text-align:center;background:var(--paper)}
.billetto-consent p{max-width:52ch;margin:0 auto 16px;color:var(--muted);font-size:15px}

@media(max-width:720px){
  .product-inner{grid-template-columns:96px 1fr;gap:18px}
  .product .swatch{width:96px}
  .product .bottle{max-height:210px}
  .product .dot{width:32px;height:32px}
  .spec-box{grid-column:1/-1;margin-top:8px}
  .product-actions{grid-column:1/-1}
}

.subhead{font-family:'IBM Plex Mono',monospace;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:48px 0 4px;border-bottom:2px solid var(--ink)}
.archive-intro{color:var(--muted);max-width:62ch;margin:18px 0 6px;font-size:16px}
.product.archive{padding:32px 0}
.product.archive .dot{background:var(--line)}

/* ── PROVNINGSSIDAN ── */
.tasting-lede{max-width:60ch;font-size:clamp(16px, 0.9rem + 0.4vw, 18px);margin-top:22px}
.tasting-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin:36px 0}
.tasting-grid>div{background:var(--paper);padding:24px 22px}
.tasting-grid dt{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.tasting-grid dd{font-size:17px;margin-top:5px}
@media(max-width:600px){.tasting-grid{grid-template-columns:1fr}}
.billetto-embed{margin:24px 0;min-height:200px}
.private-tasting{border:1.5px solid var(--ink);padding:24px 26px;margin:28px 0;max-width:640px}
.private-tasting h3{font-family:'Anybody',sans-serif;font-stretch:75%;font-weight:900;font-size:22px;text-transform:uppercase;line-height:1;margin-bottom:10px}
.private-tasting p{max-width:60ch;font-size:16px;line-height:1.55}

/* ── LISTSIDAN (inbäddad variant) ── */
.list-proof{font-family:'IBM Plex Mono',monospace;font-size:13px;letter-spacing:.04em;color:var(--muted);max-width:560px;margin:28px 0 0;line-height:1.5}
.list-card{border:2px solid var(--ink);background:#fff;max-width:560px;margin:32px 0 36px}
.list-card-head{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:12px 20px;border-bottom:1px solid var(--line);color:var(--muted);display:flex;justify-content:space-between}
.list-card form{padding:24px 20px 26px;display:grid;gap:18px}
.list-card label{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;display:block;margin-bottom:7px}
.list-card .opt{color:var(--muted)}
.list-card input[type=email],.list-card input[type=text]{width:100%;padding:14px;font:inherit;font-size:17px;border:1.5px solid var(--ink);background:var(--paper)}
.check{display:flex;gap:12px;align-items:flex-start;font-size:15px}
.check input{width:20px;height:20px;margin-top:3px;accent-color:var(--green);flex:none}
.fine{font-size:13.5px;color:var(--muted);line-height:1.55}
.list-thanks{padding:26px 20px 28px}
.list-thanks-h{font-family:'Anybody',sans-serif;font-stretch:75%;font-weight:900;font-size:24px;text-transform:uppercase;line-height:1;margin-bottom:10px}
.list-thanks p{max-width:46ch}
.spec-rows{border-top:2px solid var(--ink);margin-top:12px}
.spec-rows .row{display:grid;grid-template-columns:170px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}
.spec-rows dt{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-top:3px}
@media(max-width:560px){.spec-rows .row{grid-template-columns:1fr;gap:6px}}

/* ── MERITSIDAN ── */
.merit-year{border-top:2px solid var(--ink);padding:32px 0}
.merit-year h3{font-family:'Anybody',sans-serif;font-stretch:75%;font-weight:900;font-size:30px;text-transform:uppercase}
.merit-year h3 a{color:inherit;text-decoration:none;border-bottom:2px solid var(--line)}
.merit-year h3 a:hover{border-bottom-color:var(--ink)}
.merit-item a{color:inherit;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.merit-item a:hover{text-decoration-color:var(--ink)}
.merit-list{margin-top:16px;display:grid;gap:10px}
.merit-item{display:grid;grid-template-columns:110px 1fr;gap:18px;font-size:16px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.merit-item .medal{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-top:2px}
@media(max-width:560px){.merit-item{grid-template-columns:1fr;gap:2px}}

/* medaljbrickor (IWSC m.fl.) — officiella award-märken */
.medals{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:16px}
.medals img{height:64px;width:auto;display:block}
.medals figure{margin:0;text-align:center}
.medals figcaption{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:4px}
.merit-year .medals{margin-top:18px}
@media(max-width:560px){.medals img{height:52px}}

/* ── FAQ-SIDAN (SEO/GEO) ── */
.faq-item{border-top:1px solid var(--line);padding:26px 0}
.faq-item:first-of-type{border-top:2px solid var(--ink)}
.faq-item h3{font-family:'Archivo',sans-serif;font-weight:600;font-size:20px;line-height:1.3}
.faq-item p{margin-top:10px;max-width:64ch;color:var(--ink)}
.faq-lede{max-width:60ch;font-size:clamp(16px, 0.9rem + 0.4vw, 18px);margin-top:22px}

/* ── GINERATORN (recept) ── */
.gin-hero{padding:52px 24px 6px}
.gin-hero .kicker{font-family:'IBM Plex Mono',monospace;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.gin-hero h1{font-size:clamp(52px,11vw,110px);margin:10px 0 0}
.gin-hero .beGin{font-family:'Anybody',sans-serif;font-stretch:75%;font-weight:700;font-size:clamp(18px,3vw,26px);color:var(--muted);margin-top:6px}
.gin-hero .lede{max-width:58ch;font-size:clamp(16px, 0.9rem + 0.4vw, 18px);margin-top:18px}
.filterbar{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);margin:28px 0 0;padding:20px 0}
.filter-group{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:6px 0}
.filter-group .glabel{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);width:auto;margin-right:4px;flex:none}
.chip{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:8px 14px;border:1.5px solid var(--ink);background:var(--paper);color:var(--ink);cursor:pointer;line-height:1}
.chip:hover{background:var(--ink);color:var(--paper)}
.chip-emoji{margin-right:7px;font-size:17px;line-height:1;vertical-align:-2px;font-style:normal}
.chip[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:var(--ink);font-weight:500}
.filter-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:14px}
.randbtn{font-family:'Anybody',sans-serif;font-stretch:75%;font-weight:700;font-size:17px;letter-spacing:.04em;text-transform:uppercase;background:var(--green);color:var(--ink);border:2px solid var(--green);padding:12px 22px;cursor:pointer}
.randbtn:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.filter-clear{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;background:none;border:none;color:var(--muted);cursor:pointer;text-decoration:underline}
.filter-count{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.06em;color:var(--muted);margin-left:auto}
.recipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:0 0 8px}
.recipe{background:var(--paper);padding:26px 22px;display:flex;flex-direction:column;gap:0;scroll-margin-top:90px}
.recipe.hide{display:none}
.recipe.flash{outline:3px solid var(--green);outline-offset:-3px;background:#EFF7F0;animation:flashpop .45s ease}
@keyframes flashpop{0%{transform:scale(.98)}60%{transform:scale(1.01)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.recipe.flash{animation:none}}
.recipe .r-fam{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.recipe h3{font-family:'Anybody',sans-serif;font-stretch:75%;font-weight:900;font-size:27px;text-transform:uppercase;line-height:1;margin-top:6px}
.recipe .r-gin{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.04em;margin-top:8px}
.recipe .r-gin a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--green);text-underline-offset:3px;text-decoration-thickness:2px}
.recipe .r-desc{margin-top:12px;font-size:15.5px;line-height:1.5}
.recipe .r-spec{list-style:none;margin-top:14px;padding:12px 0 0;border-top:1px solid var(--line);font-family:'IBM Plex Mono',monospace;font-size:12.5px;line-height:1.5}
.recipe .r-spec li{padding:2px 0}
.recipe .r-spec b{font-weight:500}
.recipe .r-method{font-size:14px;color:var(--ink);margin-top:10px}
.recipe .r-foot{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}
/* samma receptdetaljer på drinksidorna (utanför .recipe-korten) */
.entity .r-foot{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:22px;display:flex;flex-wrap:wrap;gap:8px}
.entity .r-foot span{border:1px solid var(--line);padding:4px 10px}
.entity .r-gin{font-family:'IBM Plex Mono',monospace;font-size:13px;letter-spacing:.04em;margin-top:14px}
.entity .r-gin a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--green);text-underline-offset:3px;text-decoration-thickness:2px}
.no-hits{display:none;padding:48px 4px;font-family:'IBM Plex Mono',monospace;font-size:14px;color:var(--muted)}
@media(max-width:820px){.recipe-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.recipe-grid{grid-template-columns:1fr}.filter-group .glabel{width:100%}}

/* Åldersgrind + cookiebanner. Bränneribolagets nuvarande designspråk (Anybody, ljusgrönt).
   Ingår i <head> efter style.css. Egna variabler så grinden renderar rätt även om style.css laddar långsamt. */
.bb-gate,.bb-cookie{
  --paper:#FCFCFA;--ink:#14130F;--muted:#6B6960;--green:#84C388;--line:#DEDCD3;
  font-family:'Archivo',system-ui,sans-serif;
}

/* Åldersgrind */
.bb-gate{
  position:fixed;inset:0;z-index:9999;background:var(--paper);
  display:flex;flex-direction:column;
}
.bb-gate-range{height:6px;width:100%;background:var(--green)}
.bb-gate-box{
  flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;
  text-align:center;padding:32px 24px;max-width:560px;margin:0 auto;
}
.bb-gate-brand{font-family:'IBM Plex Mono',monospace;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.bb-gate-h{font-family:'Anybody',sans-serif;font-stretch:75%;font-weight:900;text-transform:uppercase;font-size:clamp(40px,9vw,72px);line-height:.95;margin:18px 0 0;color:var(--ink)}
.bb-gate-sub{margin-top:22px;font-size:18px;color:var(--ink);max-width:46ch}
.bb-gate-cookie{margin-top:18px;font-size:14px;line-height:1.55;color:var(--muted);max-width:52ch}
.bb-gate-cookie a{color:var(--ink);text-decoration:underline}
.bb-gate-actions{margin-top:28px;display:flex;flex-direction:column;gap:12px;width:100%;max-width:400px}
.bb-gate-actions .bb-btn{background:transparent;color:var(--ink);border-color:var(--ink);text-align:center;font-size:16px;padding:15px 20px}
.bb-gate-actions .bb-btn:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.bb-gate-actions .bb-btn-primary{background:var(--green);color:var(--ink);border-color:var(--green)}
.bb-gate-actions .bb-btn-primary:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.bb-dot{color:var(--green)}
.bb-gate-no,.bb-gate-link{margin-top:20px;background:none;border:none;cursor:pointer;
  font-family:'IBM Plex Mono',monospace;font-size:13px;letter-spacing:.06em;
  color:var(--muted);text-decoration:underline;padding:6px}
.bb-gate-no:hover,.bb-gate-link:hover{color:var(--ink)}
.bb-gate-no:focus-visible,.bb-gate-link:focus-visible{outline:3px solid var(--ink);outline-offset:3px}

/* Cookiebanner */
.bb-cookie{
  position:fixed;left:0;right:0;bottom:0;z-index:9998;
  background:var(--ink);color:var(--paper);border-top:6px solid var(--green);
}
.bb-cookie-inner{
  max-width:960px;margin:0 auto;padding:20px 24px;
  display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap;
}
.bb-cookie-text{font-size:15px;line-height:1.55;max-width:60ch}
.bb-cookie-text a{color:var(--paper);text-decoration:underline}
.bb-cookie-actions{display:flex;gap:12px;flex-wrap:wrap}

/* Knappar (matchar sajtens system, fristående) */
.bb-btn{font-family:'Anybody',sans-serif;font-stretch:75%;font-weight:900;font-size:16px;letter-spacing:.03em;text-transform:uppercase;
  background:var(--green);color:var(--ink);border:2px solid var(--green);padding:14px 22px;cursor:pointer;text-decoration:none;display:inline-block}
.bb-btn:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.bb-btn-ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.bb-cookie .bb-btn-ghost{color:var(--paper);border-color:var(--paper)}
.bb-btn-ghost:hover{background:var(--ink);color:var(--paper)}
.bb-cookie .bb-btn-ghost:hover{background:var(--paper);color:var(--ink)}
.bb-btn-sm{font-size:14px;padding:11px 18px}
.bb-btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}

@media(max-width:640px){
  .bb-cookie-inner{flex-direction:column;align-items:stretch}
  .bb-cookie-actions{justify-content:stretch}
  .bb-cookie-actions .bb-btn{flex:1;text-align:center}
}