@font-face{font-family:Geist;src:url(/fonts/Geist-Variable.woff2) format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:'Cormorant Garamond';src:url(/fonts/CormorantGaramond.ttf) format('truetype');font-weight:300 700;font-display:swap}
:root{
  --bg:#07111f;--bg2:#0b1829;--panel:#0e1b30;--line:rgba(190,210,235,.12);--line2:rgba(190,210,235,.22);--ink:#e9eff7;--muted:#a3b2c6;--gold:#d4a94f;--green:#5ee3a1;--amber:#f0b24a;--red:#ff6b6b;--sea-line:#9cc8f0;--sun-line:#f3c969;--polar:#9db4ec;--veh:#cfe3ff;--c-au:#5ee3a1;--c-po:#6f8fd6;--c-mi:#f3c969;--c-fe:#7fc4e8;--c-ar:#e8935a;--c-sd:#c7a6f0;
  --status:var(--green);
  /* Naturfarger fra Senja: hver seksjon får sin (--acc) i lenker, ikoner, knapper og et svakt fargeskjær øverst i kortene */
  --c-fjord:#6cb6e3;--c-sky:#8ec5ee;--c-heather:#b9a0f2;--c-moss:#a8d27f;--c-rain:#7fb4e6;--c-snow:#d2e4fb;--c-cloud:#a9b8cc;--c-ember:#e8935a;--tint:15%;--acc:var(--gold);
  /* Kartene (forsiden, figurene, minikartet): blekk, halo, fartøy, sjø; tripler brukes som rgb(var(--m-ink) / .5) */
  --m-ink:233 239 247;--m-halo:7 17 31;--m-veh:207 227 255;--m-sea1:#0b1a2e;--m-sea2:#07111f;--m-rain:156 200 240;--m-flake:255 255 255;--m-stars:visible;--m-blend:screen;--m-night:brightness(.72) saturate(.85);--m-au1:#7dffb4;--m-au2:#5ee3a1;--m-cl1:#cfd9e6;--m-cl2:#9fb0c4;--halo:rgba(0,0,0,.45);
  --r:16px;--max:1180px;--gutter:16px;--head:56px;
  --ease:cubic-bezier(.23,1,.32,1);--spring:cubic-bezier(.34,1.4,.64,1);
  /* Glass (eier 2026-11-04, samme designsystem som Kodelig Hub): frostede flater over myke lysflekker.
     Blur bare på topp, nedtrekk og kort; lysflekkene flyttes kun med transform (animert filter krasjer WebKit). */
  --glass:rgba(14,27,48,.58);--glass-strong:rgba(10,20,38,.84);--hl:rgba(255,255,255,.07);--blur:blur(18px) saturate(150%);
  --shadow-card:inset 0 1px 0 var(--hl),0 16px 40px -22px rgba(0,0,0,.6);--shadow-pop:inset 0 1px 0 var(--hl),0 24px 60px -24px rgba(0,0,0,.75);
  --orb-a:#5ee3a1;--orb-b:#3b7cf0;--orb-c:#d4a94f;--orb-op:.3;--scrim-m:linear-gradient(180deg,transparent 0%,transparent 26%,color-mix(in srgb,var(--bg) 55%,transparent) 46%,color-mix(in srgb,var(--bg) 88%,transparent) 64%,var(--bg) 100%);
  color-scheme:dark;
}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 Geist,system-ui,sans-serif}
a{color:inherit}img{max-width:100%;display:block}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
header.top{position:sticky;top:0;z-index:5;background:var(--glass-strong);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;align-items:center;gap:16px;height:var(--head)}
.brand{font-weight:600;letter-spacing:.02em;text-decoration:none}.brand b{color:var(--gold);font-weight:600}
nav.main{display:flex;gap:4px;margin-left:22px}nav.main a{font-size:14px;text-decoration:none;color:var(--muted);padding:6px 12px;border-radius:999px;white-space:nowrap}nav.main a:hover{color:var(--ink)}nav.main a[aria-current]{color:var(--ink);background:var(--hl)}@media (max-width:680px){header.top .wrap{flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:8px;row-gap:6px}nav.main{order:3;width:100%;margin:0 -8px;overflow-x:auto;scrollbar-width:none}nav.main::-webkit-scrollbar{display:none}}nav.lang{margin-left:auto;display:flex;gap:6px}nav.lang a{font-size:13px;text-decoration:none;color:var(--muted);padding:4px 8px;border-radius:8px}nav.lang a[aria-current]{color:var(--ink);background:var(--hl)}
.hero{padding:56px 0 28px}.hero h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:clamp(34px,6vw,64px);line-height:1.05;margin:0 0 14px}
.hero p{color:var(--muted);max-width:720px;font-size:17px;margin:0}
.today{margin:28px 0 8px;display:flex;flex-wrap:wrap;gap:10px}
.chip{background:var(--glass);border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:14px;color:var(--muted)}.chip b{color:var(--ink);font-weight:500}
.cols{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 8px}.cols a{font-size:14px;text-decoration:none;padding:7px 14px;border-radius:999px;border:1px solid var(--line2);color:var(--muted)}.cols a:hover{color:var(--ink);border-color:var(--gold)}
section.more{margin-top:26px}section h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:32px;margin:42px 0 6px}
section .sub{color:var(--muted);margin:0 0 18px;max-width:760px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.card{background:var(--glass);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;box-shadow:var(--shadow-card);transition:transform .35s var(--ease),border-color .35s}
.card:hover{transform:translateY(-3px);border-color:var(--line2)}
.card .im{aspect-ratio:4/5;background:#0b1424;overflow:hidden}.card .im img{width:100%;height:100%;object-fit:cover}
.grid.cols9{margin-top:34px}.colcard .s{color:var(--muted);font-size:14px;margin-top:2px}
.crumb{color:var(--muted);text-decoration:none;font-size:14px}
.card{display:flex;flex-direction:column}.card .t{padding:12px 14px 14px;display:flex;flex-direction:column;flex:1}.card .n{font-weight:500;font-size:16px;line-height:1.3}.card .row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px}.card .meta{color:var(--muted);font-size:13px}.card .pr{font-weight:600;font-size:17px;color:var(--ink);white-space:nowrap;background:var(--hl);border:1px solid var(--line2);border-radius:999px;padding:3px 11px}.card .pr small{font-weight:400;font-size:12px;color:var(--muted)}.card:hover .pr{border-color:var(--gold);color:var(--gold)}.card .row.one{margin-top:0;padding-top:0;align-items:center}.card .row.one + .meta{margin-top:4px}
.prod{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:36px;padding:34px 0 20px}
@media (max-width:820px){.prod{grid-template-columns:1fr}}
.gal .main{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:#0b1424}.gal .thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.gal .thumbs button{width:74px;height:92px;border:1px solid var(--line);border-radius:10px;padding:0;overflow:hidden;background:none;cursor:pointer}.gal .thumbs img{width:100%;height:100%;object-fit:cover}
.prod h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:clamp(30px,4.6vw,46px);line-height:1.08;margin:0 0 10px}
.price{font-size:24px;margin:8px 0 14px}.price small{color:var(--muted);font-size:14px}
.opts{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 16px}.opts button{font:inherit;font-size:14px;color:var(--ink);background:var(--glass);border:1px solid var(--line2);border-radius:999px;padding:7px 14px;cursor:pointer}
.opts button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}
.lbl{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:14px}
.buy{display:inline-flex;align-items:center;gap:10px;background:var(--gold);color:#16120a;font-weight:600;text-decoration:none;border-radius:999px;padding:13px 26px;margin:10px 0 6px}
.buy[aria-disabled=true]{background:var(--hl);color:var(--muted);pointer-events:none}
.facts{color:var(--muted);font-size:14px;border-top:1px solid var(--line);margin-top:18px;padding-top:14px}
table.sol{width:100%;border-collapse:collapse;font-size:15px}table.sol td,table.sol th{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left}table.sol th{color:var(--muted);font-weight:500;font-size:13px}
table.sol td.d{color:var(--gold)}table.sol a{text-decoration:none}.tw{overflow-x:auto}
@media (max-width:560px){table.sol .x{display:none}}
.order{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;padding:20px 0}@media (max-width:820px){.order{grid-template-columns:1fr}}
#kart{height:440px;border-radius:var(--r);border:1px solid var(--line);overflow:hidden}.order label{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:14px 0 6px}
.order input,.order select{width:100%;font:inherit;font-size:15px;color:var(--ink);background:var(--glass);border:1px solid var(--line2);border-radius:12px;padding:10px 12px}
.hits{list-style:none;margin:6px 0 0;padding:0}.hits li{padding:8px 10px;border-radius:10px;cursor:pointer;color:var(--muted);font-size:14px}.hits li:hover{background:var(--hl);color:var(--ink)}
.est{color:var(--gold);font-size:15px;margin:12px 0;min-height:1.4em}.coord{color:var(--muted);font-size:13px}
.prose{max-width:760px;padding:30px 0 10px}.prose h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:40px;margin:0 0 12px}.prose p,.prose li{color:#cfd8e4}
footer{border-top:1px solid var(--line);margin-top:56px;padding:26px 0 40px;color:var(--muted);font-size:14px}footer .wrap{display:flex;flex-wrap:wrap;gap:18px}footer a{text-decoration:none}footer .seller{margin-top:14px;font-size:13px;opacity:.85;gap:4px}