@font-face{font-family:"Inter";src:url(../assets/fonts/inter-latin.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url(../assets/fonts/fraunces-latin.woff2) format("woff2");font-weight:600 900;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url(../assets/fonts/fraunces-italic-latin.woff2) format("woff2");font-weight:400 700;font-style:italic;font-display:swap}
/* Folkeguiden – felles stilark for alle temaer (bil, hus, hage, helse …) */
:root{
  --navy:#0b2545; --navy-2:#13315c; --blue:#1d4ed8; --blue-soft:#e8efff;
  --bg:#f3f5f8; --card:#fff; --text:#0f1b2d; --muted:#5b6778; --line:#e3e8ef;
  --green:#16a34a; --green-soft:#dcfce7; --amber:#b45309; --amber-soft:#fef3c7;
  --radius:14px; --radius-sm:10px; --shadow:0 1px 2px rgba(15,27,45,.06),0 4px 14px rgba(15,27,45,.06);
  --sidebar:76px;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--text);line-height:1.5;font-size:15px}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;display:block}
h1,h2,h3{margin:0;line-height:1.2;color:var(--navy)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- Layout med sidemeny ---------- */
.app{display:flex;min-height:100vh;background:linear-gradient(to right,var(--navy) var(--sidebar),transparent 0)}
.sidebar{position:sticky;top:0;height:100vh;width:var(--sidebar);flex:0 0 var(--sidebar);background:var(--navy);
  display:flex;flex-direction:column;align-items:center;padding:14px 0;gap:6px;z-index:20}
.sidebar .logo{width:44px;height:44px;border-radius:12px;background:#fff;color:var(--navy);display:grid;place-items:center;
  font-weight:800;font-size:20px;margin-bottom:14px}
.sidebar a.nav{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;color:#c9d5ea;position:relative}
.sidebar a.nav:hover{background:var(--navy-2);color:#fff;text-decoration:none}
.sidebar a.nav.active{background:#fff1;color:#fff;box-shadow:inset 3px 0 0 #7fb2ff}
.sidebar a.nav svg{width:24px;height:24px}
.sidebar a.nav[data-tip]:hover::after{content:attr(data-tip);position:absolute;left:58px;white-space:nowrap;background:var(--navy);
  color:#fff;font-size:13px;padding:5px 10px;border-radius:8px;box-shadow:var(--shadow)}
.sidebar .spacer{flex:1}
.main{flex:1;min-width:0}

.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 32px;background:#fff;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;color:var(--navy)}
.brand small{font-weight:500;color:var(--muted);font-size:14px}
.crumbs{font-size:14px;color:var(--muted)}
.crumbs a{color:var(--muted)}

/* ---------- Generelle komponenter ---------- */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.card-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line)}
.card-head h3{font-size:17px;flex:1}
.card-head svg{width:22px;height:22px;color:var(--blue)}
.card-foot{padding:12px 18px;border-top:1px solid var(--line);font-weight:600;font-size:14px}
.badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  padding:3px 8px;border-radius:999px;border:1px solid var(--line);color:var(--navy);background:#fff}
.badge.green{background:var(--green-soft);color:var(--green);border-color:transparent;text-transform:none;letter-spacing:0;font-size:12px}
.badge.amber{background:var(--amber-soft);color:var(--amber);border-color:transparent}
.badge.blue{background:var(--blue);color:#fff;border-color:transparent}
.demo-flag{display:inline-flex;align-items:center;gap:6px;background:var(--amber-soft);color:var(--amber);font-size:12px;font-weight:700;
  padding:4px 10px;border-radius:999px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--radius-sm);
  padding:11px 20px;font:inherit;font-weight:600;cursor:pointer;background:var(--navy);color:#fff}
.btn:hover{background:var(--navy-2);text-decoration:none}
.btn.ghost{background:#fff;color:var(--blue);border:1px solid #c7d4f0}
.btn.ghost:hover{background:var(--blue-soft)}
.btn svg{width:18px;height:18px}
.muted{color:var(--muted)}
.section-title{font-size:30px;font-weight:800}
.section-sub{color:var(--muted);margin:4px 0 20px}
.label{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--navy);margin:0 0 10px}
.site-footer{padding:24px 32px;color:var(--muted);font-size:13px;border-top:1px solid var(--line);background:#fff}

/* ---------- Forside ---------- */
.hero{padding:56px 32px 40px;background:linear-gradient(135deg,var(--navy) 0%,#1b3a6b 100%);color:#fff}
.hero-inner{max-width:1100px;margin:0 auto}
.hero h1{color:#fff;font-size:44px;font-weight:800;letter-spacing:-.02em}
.hero p{font-size:19px;color:#d6e2f5;max-width:640px;margin:12px 0 26px}
.hero-search{display:flex;gap:10px;max-width:560px}
.hero-search input{flex:1}
.wrap{max-width:1100px;margin:0 auto;padding:36px 32px}
.themes{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.theme{overflow:hidden;display:flex;flex-direction:column;color:inherit;transition:transform .15s,box-shadow .15s}
.theme:hover{text-decoration:none}
a.theme:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(15,27,45,.12)}
.theme .img{height:150px;background:#dfe5ee center/cover no-repeat;position:relative}
.theme .img .badge{position:absolute;top:12px;left:12px}
.theme .body{padding:16px 18px 18px;flex:1;display:flex;flex-direction:column;gap:6px}
.theme h3{font-size:20px;display:flex;align-items:center;gap:8px}
.theme p{margin:0;color:var(--muted);font-size:14px;flex:1}
.theme .go{font-weight:600;color:var(--blue);font-size:14px;margin-top:8px}
.theme.soon{opacity:.75}
.theme.soon .img{filter:grayscale(.7)}
.theme.soon .go{color:var(--muted)}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:8px}
.feature{padding:20px}
.feature .ico{width:42px;height:42px;border-radius:12px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;margin-bottom:10px}
.feature .ico svg{width:22px;height:22px}
.feature h3{font-size:17px;margin-bottom:4px}
.feature p{margin:0;color:var(--muted);font-size:14px}

/* ---------- Temaside (to kolonner: Generelt / Regionalt) ---------- */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);min-height:calc(100vh - 61px)}
.col{padding:32px}
.col.general{background:#fff;border-right:1px solid var(--line)}
.col.regional{background:var(--bg)}
.stack{display:flex;flex-direction:column;gap:20px}

.news-item{display:flex;gap:14px;padding:14px 18px;border-bottom:1px solid var(--line);align-items:center;color:inherit}
.news-item:hover{background:#f8fafc;text-decoration:none}
.news-item img{width:132px;height:88px;object-fit:cover;border-radius:10px;flex:0 0 132px}
.news-item .txt{flex:1;min-width:0}
.news-item h4{margin:6px 0 4px;font-size:16px;color:var(--navy);line-height:1.3}
.news-item p{margin:0;font-size:13px;color:var(--muted)}
.news-item .date{font-size:12px;color:var(--muted);margin-top:4px}
.chev{width:20px;height:20px;color:var(--navy);flex:0 0 20px}

.pdf-item{display:flex;align-items:center;gap:14px;padding:12px 18px;border-bottom:1px solid var(--line)}
.pdf-item:last-child{border-bottom:0}
.pdf-ico{width:36px;height:42px;flex:0 0 36px}
.pdf-item .txt{flex:1;min-width:0}
.pdf-item strong{display:block;color:var(--navy);font-size:15px}
.pdf-item span{font-size:13px;color:var(--muted)}
.dl{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--navy);padding:8px 12px;border-radius:8px;border:1px solid var(--line);background:#fff;white-space:nowrap}
.dl:hover{background:var(--blue-soft);text-decoration:none}
.dl svg{width:18px;height:18px}

/* Søkeskjema */
.search{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;margin-bottom:22px}
.field label{display:block;font-size:13px;font-weight:600;color:var(--navy);margin-bottom:6px}
.input{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:0 14px;height:48px}
.input:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #1d4ed822}
.input svg{width:20px;height:20px;color:var(--navy);flex:0 0 20px}
.input input,input.plain{border:0;outline:0;font:inherit;font-size:16px;width:100%;background:transparent;color:var(--text)}
input.plain{background:#fff;border-radius:var(--radius-sm);padding:0 16px;height:48px}
.search .btn{height:48px}
.form-error{color:#b91c1c;font-size:13px;margin:-12px 0 16px;min-height:0}

.result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.result-head h3{font-size:18px;display:flex;align-items:center;gap:8px}
.result-head h3 svg{width:20px;height:20px;color:var(--blue)}

.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}
.price{padding:16px 18px}
.price .k{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}
.price .k .dot{width:30px;height:30px;border-radius:9px;display:grid;place-items:center}
.price .k svg{width:18px;height:18px}
.price .v{font-size:28px;font-weight:800;color:var(--navy);margin-top:8px;letter-spacing:-.01em}
.price .u{font-size:13px;color:var(--muted)}
.price .trend{font-size:12px;font-weight:600;margin-top:4px}
.up{color:#b91c1c}.down{color:var(--green)}

.services{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}
.service{overflow:hidden;display:flex;flex-direction:column;color:inherit;position:relative;transition:box-shadow .15s,border-color .15s}
.service:hover{border-color:#bcd0f5;box-shadow:0 8px 22px rgba(15,27,45,.10);text-decoration:none}
.service .thumb{height:96px;background:#dfe5ee center/cover no-repeat}
.service .body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:3px;flex:1}
.service h4{margin:0;font-size:15px;color:var(--navy)}
.service p{margin:0;font-size:13px;color:var(--muted)}
.service .meta{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:13px;gap:6px}
.service .meta b{color:var(--navy);font-size:14px}
.service .tag{position:absolute;top:8px;right:8px}

.bottom-row{display:grid;grid-template-columns:2fr 1fr;gap:14px}
.map{position:relative;min-height:260px;overflow:hidden;background:#e9eef4}
.map svg.bg{position:absolute;inset:0;width:100%;height:100%}
.map .pin{position:absolute;transform:translate(-50%,-100%);color:var(--blue);filter:drop-shadow(0 2px 2px #0003)}
.map .pin svg{width:30px;height:30px}
.map .hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;padding:14px 18px;
  box-shadow:var(--shadow);display:flex;gap:10px;align-items:center;font-size:14px;max-width:80%}
.map .hint svg{width:22px;height:22px;color:var(--navy);flex:0 0 22px}
.map .caption{position:absolute;left:12px;bottom:10px;font-size:12px;background:#fffd;padding:3px 8px;border-radius:6px;color:var(--muted)}
.ad{border:2px dashed #b9c3d1;border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:8px;color:var(--muted);min-height:260px;background:#f8fafc;text-align:center;padding:16px}
.ad svg{width:44px;height:44px;color:#94a3b8}
.ad strong{color:var(--navy)}

.disclaimer{font-size:12px;color:var(--muted);margin-top:18px}

/* ---------- Responsivt ---------- */
@media (max-width:1100px){
  .split{grid-template-columns:1fr}
  .col.general{border-right:0;border-bottom:1px solid var(--line)}
  .themes{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
  :root{--sidebar:0px}
  .app{flex-direction:column}
  .sidebar{position:sticky;top:auto;bottom:0;order:2;width:100%;height:62px;flex-direction:row;justify-content:space-around;padding:6px}
  .sidebar .logo,.sidebar .spacer{display:none}
  .sidebar a.nav[data-tip]:hover::after{display:none}
  .topbar,.col,.wrap{padding-left:16px;padding-right:16px}
  .hero{padding:36px 16px}
  .hero h1{font-size:32px}
  .themes,.features,.prices,.services,.bottom-row{grid-template-columns:1fr}
  .search{grid-template-columns:1fr}
  .news-item img{width:96px;height:72px;flex-basis:96px}
}
.service .meta{flex-direction:column;align-items:stretch;gap:4px}
.service .meta .row{display:flex;justify-content:space-between;align-items:center;gap:6px}
.service .meta .price-line{font-size:13px;color:var(--muted)}
.service .meta .price-line b{font-size:16px;color:var(--navy);margin-right:4px;white-space:nowrap}
@media (max-width:720px){.app{background:none}}

/* =====================================================================
   v2: Todelt temaside (Generelt / Regionalt), fliser, modaler, Vipps
   ===================================================================== */
.topbar{gap:16px}
.topbar .demo-flag{margin-left:auto}
.split.half{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.col-head{margin-bottom:18px;padding-bottom:16px;border-bottom:2px solid var(--line)}
.col-head .section-sub{margin-bottom:0}
.col-kicker{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);margin-bottom:4px}
.col.regional .col-head{border-bottom-color:#d5dde8}
.card-intro{margin:0;padding:12px 18px 4px;color:var(--muted);font-size:14px}
.card-head .demo-flag{margin-left:auto}

/* Guider med pris */
.guide-item{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--line)}
.guide-item .txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.guide-item strong{color:var(--navy);font-size:15px}
.guide-item .txt>span{font-size:13px;color:var(--muted)}
.guide-item .meta-line{display:flex;gap:8px;align-items:center;margin-top:4px}
.guide-item .meta-line .badge{text-transform:none;letter-spacing:0;font-size:11px;padding:1px 7px}
.buy{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:0 0 auto}
.price-tag{font-size:18px;font-weight:800;color:var(--navy)}
.btn.vipps{background:#ff5b24;color:#fff;padding:8px 14px;font-size:14px;font-weight:500;white-space:nowrap}
.btn.vipps:hover{background:#e84a14}
.btn.vipps.big{width:100%;padding:14px;font-size:17px;font-weight:700;margin-top:6px}
.btn.sm{padding:7px 12px;font-size:13px}
.ad-wide{min-height:110px}

/* Kjøretøykort */
.vehicle{padding:18px;margin-bottom:18px}
.vehicle.empty{display:flex;gap:16px;align-items:flex-start;border-style:dashed;box-shadow:none;background:#fbfcfe}
.vehicle.empty strong{color:var(--navy);font-size:16px}
.vehicle.empty p{margin:4px 0 10px;font-size:14px}
.veh-ico{width:48px;height:48px;border-radius:12px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;flex:0 0 48px}
.veh-ico svg{width:26px;height:26px}
.try{display:flex;gap:8px;flex-wrap:wrap}
.veh-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.plate{display:inline-flex;align-items:center;gap:8px;border:2px solid #111;border-radius:6px;padding:2px 10px 2px 0;font-weight:800;font-size:20px;
  letter-spacing:.04em;background:#fff;color:#111;font-family:"DIN Alternate","Arial Narrow",Arial,sans-serif;overflow:hidden}
.plate-n{background:#0038a8;color:#fff;font-size:12px;padding:8px 6px;align-self:stretch;display:flex;align-items:flex-end}
.veh-name{display:flex;flex-direction:column;flex:1;min-width:180px}
.veh-name strong{font-size:18px;color:var(--navy)}
.veh-name span{font-size:13px}
.veh-actions{display:flex;gap:8px;align-items:center}
.veh-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0 0}
.veh-grid div{background:var(--bg);border-radius:10px;padding:10px 12px}
.veh-grid .wide{grid-column:1/-1}
.veh-grid dt{font-size:12px;color:var(--muted);font-weight:600}
.veh-grid dd{margin:2px 0 0;font-weight:700;color:var(--navy);font-size:15px}
.veh-grid dd small{display:block;font-weight:500;color:var(--muted);font-size:12px}
.veh-grid dd.warn{color:#b91c1c}
svg.tiny{width:14px;height:14px;vertical-align:-2px}
.fine{font-size:12px;color:var(--muted);margin:10px 0 0}

/* Fliser */
.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tile{display:flex;align-items:center;gap:12px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px;
  box-shadow:var(--shadow);cursor:pointer;font:inherit;color:inherit;transition:border-color .15s,box-shadow .15s,transform .15s}
.tile:hover{border-color:#bcd0f5;box-shadow:0 8px 22px rgba(15,27,45,.10);transform:translateY(-1px)}
.tile:focus-visible,.btn:focus-visible,.chip:focus-visible,.icon-btn:focus-visible{outline:3px solid #1d4ed866;outline-offset:2px}
.tile .dot{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:0 0 44px}
.tile .dot svg{width:24px;height:24px}
.tile-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;align-items:flex-start}
.tile-txt strong{color:var(--navy);font-size:15px}
.tile-txt>span{font-size:13px;color:var(--muted)}
.tile-txt .badge{margin-top:4px;text-transform:none;letter-spacing:0;font-size:11px}
.tile.locked{opacity:.72;box-shadow:none}
.tile.locked .chev.lock{color:#94a3b8;width:18px;height:18px}
.tile.highlight{border:2px solid #f9a8d4;background:linear-gradient(180deg,#fff, #fff5fa)}
.tiles .tile:last-child:nth-child(odd){grid-column:1/-1}

/* Modal */
body.modal-open{overflow:hidden}
.modal-backdrop{position:fixed;inset:0;background:rgba(11,37,69,.55);display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;z-index:100;overflow-y:auto}
.modal-backdrop[hidden]{display:none}
.modal{background:#fff;border-radius:16px;width:100%;max-width:640px;box-shadow:0 24px 60px rgba(0,0,0,.25);outline:0;animation:pop .16s ease-out}
.modal.modal-sm{max-width:460px}.modal.modal-lg{max-width:780px}.modal.modal-xl{max-width:980px}
@keyframes pop{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}
.modal-head{display:flex;align-items:flex-start;gap:12px;padding:20px 22px 14px;border-bottom:1px solid var(--line)}
.modal-head>div{flex:1}
.modal-head h2{font-size:22px}
.modal-sub{margin:6px 0 0;font-size:13px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.icon-btn{border:0;background:var(--bg);width:38px;height:38px;border-radius:10px;display:grid;place-items:center;cursor:pointer;color:var(--navy)}
.icon-btn:hover{background:#e3e8ef}.icon-btn svg{width:20px;height:20px}
.modal-body{padding:18px 22px 22px}
.mh{font-size:16px;margin:18px 0 10px}
.info-row{display:flex;gap:12px;align-items:flex-start;background:var(--blue-soft);border-radius:12px;padding:12px 14px;margin-bottom:14px}
.info-row>svg{width:22px;height:22px;color:var(--blue);flex:0 0 22px;margin-top:2px}
.info-row strong{display:block;color:var(--navy)}
.info-row span{font-size:14px;color:#334155}
.info-row.warn{background:#fef2f2}.info-row.warn>svg{color:#b91c1c}
.info-row.soft{background:var(--bg)}.info-row.soft>svg{color:var(--muted)}
.offers{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.offer{display:flex;gap:14px;padding:14px 16px;border-bottom:1px solid var(--line);align-items:center}
.offer:last-child{border-bottom:0}
.offer:nth-child(odd){background:#fcfdff}
.offer-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.offer-main strong{color:var(--navy);font-size:15px}
.offer-main .badge{text-transform:none;letter-spacing:0;font-size:11px;vertical-align:1px}
.offer-side{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex:0 0 auto;text-align:right}
.big-price{font-size:19px;color:var(--navy);white-space:nowrap}
.small{font-size:13px}
.cta{display:flex;flex-direction:column;align-items:flex-end;gap:3px;margin-top:6px}
.aff{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:1px 5px;line-height:1.4}
.rating{display:flex;align-items:center;gap:6px;font-size:13px}
.rating b{color:var(--navy)}
.stars{position:relative;display:inline-block;line-height:0}
.stars svg{width:15px;height:15px}
.s-bg{color:#e2e8f0;display:inline-flex}
.s-fg{position:absolute;inset:0 auto 0 0;overflow:hidden;color:#f59e0b;display:inline-flex;white-space:nowrap}
.sortbar,.tabs{display:flex;gap:8px;align-items:center;margin:0 0 12px;flex-wrap:wrap}
.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 14px;font:inherit;font-size:13px;font-weight:600;color:var(--navy);cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.chip.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.tips{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.tips li{display:flex;gap:10px;font-size:14px}
.tips li svg{color:var(--green);margin-top:3px;flex:0 0 14px}
.two-col{display:grid;grid-template-columns:1.1fr 1fr;gap:16px;align-items:start}
.map-box{position:relative;border-radius:12px;overflow:hidden;background:#e9eef4;border:1px solid var(--line)}
.map-fallback{position:absolute;inset:0}
.map-fallback svg{width:100%;height:100%}
.leaflet-host{position:absolute;inset:0;z-index:1}
.map-box.no-leaflet .leaflet-host{display:none}
.map-box.tiles-failed .leaflet-tile-pane{display:none}
.map-box.tiles-failed .leaflet-host{background:transparent}
.map-box .leaflet-container{background:transparent}
.map-box .pin{position:absolute;transform:translate(-50%,-100%);z-index:2}
.map-box .pin svg{width:28px;height:28px}
.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:8px}
.legend span{display:inline-flex;align-items:center;gap:6px}
.legend i{width:12px;height:12px;border-radius:50%;display:inline-block;border:2px solid #fff;box-shadow:0 0 0 1px #cbd5e1}
.legend i.you{background:#fff;box-shadow:0 0 0 3px var(--navy)}

/* Vipps */
.vipps-order{display:flex;gap:12px;align-items:center;padding:12px 14px;background:var(--bg);border-radius:12px;margin-bottom:16px}
.vipps-order>div{flex:1;display:flex;flex-direction:column}
.vipps-order strong{color:var(--navy)}
.vipps-order span{font-size:13px}
.vipps-sum{font-size:20px;color:var(--navy)}
.vipps-brand{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:14px}
.vipps-logo{background:#ff5b24;color:#fff;font-weight:800;font-size:18px;padding:4px 12px;border-radius:8px;letter-spacing:-.02em}
.lbl{display:block;font-size:13px;font-weight:600;color:var(--navy);margin:0 0 6px}
.input .prefix{font-weight:700;color:var(--navy);border-right:1px solid var(--line);padding-right:10px}
.vipps-box .form-error,.form-card .form-error{margin:8px 0 0}
.vipps-wait,.vipps-done{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:26px 8px}
.vipps-done h3{font-size:20px}
.vipps-done p{margin:0}
.ok-ico{width:52px;height:52px;color:var(--green)}
.spinner{width:42px;height:42px;border-radius:50%;border:4px solid #ffd9cc;border-top-color:#ff5b24;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* Forsikringsskjema */
.form-card{padding:18px;margin-top:18px;box-shadow:none;background:#fbfcfe}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-grid .full{grid-column:1/-1}
input.bordered{border:1px solid var(--line);height:44px;font-size:15px}
input.bordered:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1d4ed822}
.warn-box{display:flex;gap:8px;background:var(--amber-soft);color:#78350f;border-radius:10px;padding:10px 12px;font-size:13px;margin:8px 0 0}
.warn-box svg{flex:0 0 14px;margin-top:2px}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#334155;margin:14px 0 0}
.consent input{width:18px;height:18px;margin-top:1px;flex:0 0 18px}
.form-card .cta{flex-direction:row;align-items:center;justify-content:flex-end;gap:10px;margin-top:12px}

.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--navy);color:#fff;padding:12px 18px;border-radius:12px;
  box-shadow:0 10px 30px rgba(0,0,0,.25);font-size:14px;z-index:200;max-width:90vw}
.toast[hidden]{display:none}

@media (max-width:1100px){
  .split.half{grid-template-columns:1fr}
}
@media (max-width:720px){
  .tiles,.two-col,.form-grid{grid-template-columns:1fr}
  .veh-grid{grid-template-columns:1fr 1fr}
  .guide-item{flex-wrap:wrap}
  .buy{flex-direction:row;align-items:center;width:100%;justify-content:space-between;padding-left:50px}
  .offer{flex-direction:column;align-items:stretch}
  .offer-side{align-items:flex-start;text-align:left}
  .cta{align-items:flex-start}
  .modal-backdrop{padding:0}
  .modal{border-radius:0;min-height:100vh}
  .topbar .demo-flag{display:none}
}
/* v2-justeringer etter visuell gjennomgang */
.offer{padding:12px 16px}
.offer-side{display:grid;grid-template-columns:auto auto;column-gap:16px;row-gap:0;align-items:center;justify-items:end}
.offer-side .cta{grid-column:2;grid-row:1/span 2;margin:0}
.veh-grid{grid-template-columns:1fr 1fr 1fr 1.35fr}
@media (max-width:720px){
  .offer-side{justify-items:start;grid-template-columns:auto 1fr}
  .offer-side .cta{justify-self:end;align-items:flex-end}
  .veh-grid{grid-template-columns:1fr 1fr}
}

/* =====================================================================
   v3: Redaksjonelt uttrykk – informasjonsside (bil, og senere hus/hage/helse)
   ===================================================================== */
body.editorial{--serif:"Fraunces",Georgia,"Times New Roman",serif;background:#f6f7f9}
.editorial .section-title{font-family:var(--serif);font-weight:700;letter-spacing:-.01em;font-size:34px}
.editorial .col.regional{background:#f6f7f9}
.editorial .col-kicker{color:var(--muted)}
.proto-note{margin-left:auto;font-size:12px;color:var(--muted)}
.block-title{font-family:var(--serif);font-size:22px;color:var(--navy);margin:0}
.block-sub{color:var(--muted);margin:4px 0 14px;font-size:14px}
.kicker{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#5b6778;margin-bottom:4px}
.byline{font-size:12px;color:var(--muted)}

/* Hovedsak + nyhetsliste */
.lead-story img{width:100%;height:220px;object-fit:cover;border-radius:12px;margin-bottom:14px}
.lead-story h2{font-family:var(--serif);font-size:26px;line-height:1.2;margin:0 0 8px}
.lead-story h2 a{color:var(--navy)}
.lead-story p{margin:0 0 8px;color:#334155;font-size:16px}
.news-list{border-top:1px solid var(--line)}
.news-row{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);color:inherit;align-items:flex-start}
.news-row:hover{text-decoration:none}.news-row:hover h3{text-decoration:underline}
.news-row img{width:96px;height:68px;object-fit:cover;border-radius:8px;flex:0 0 96px}
.news-row h3{font-family:var(--serif);font-size:17px;line-height:1.3;margin:0 0 4px;color:var(--navy)}
.more-link{display:inline-block;margin-top:10px;font-weight:600;font-size:14px}

/* Gratis guider */
.guides{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}
.guide-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--line)}
.guide-row .pdf-ico{width:30px;height:36px;flex:0 0 30px;opacity:.9}
.guide-row .txt{flex:1;min-width:0}
.guide-row strong{display:block;color:var(--navy);font-size:15px}
.guide-row .txt>span{font-size:13px;color:#475569}
.dl-free{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:14px;font-weight:600;color:var(--navy);border:1px solid #cfd8e3;border-radius:8px;padding:8px 12px;background:#fff}
.dl-free:hover{background:#f1f5f9;text-decoration:none}
.dl-free svg{width:16px;height:16px}
.ad-slim{display:flex;align-items:center;justify-content:center;gap:10px;min-height:90px;border:1px dashed #cbd5e1;border-radius:12px;color:#94a3b8;font-size:13px;background:#fafbfc;position:relative}
.ad-label{position:absolute;top:6px;left:10px;font-size:10px;text-transform:uppercase;letter-spacing:.06em}

/* Søk v3 */
.search.v3{grid-template-columns:1.1fr 1fr auto}
.input.big{height:52px}.input.big input{font-size:18px;font-weight:600}
.opt{font-weight:400;color:var(--muted)}
.input.with-btn{padding-right:6px}
.mini-btn{border:1px solid #cfd8e3;background:#f8fafc;color:var(--navy);font:inherit;font-size:12px;font-weight:600;border-radius:7px;padding:5px 9px;cursor:pointer;white-space:nowrap}
.mini-btn:hover{background:#eef2f7}
.search.v3 .btn{height:52px}

/* Intro før postnr (som skisse 2) */
.intro-map{position:relative;height:380px;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#f1f4f8,#eef1f5);border:1px solid var(--line)}
.norway{position:absolute;left:50%;top:50%;height:112%;transform:translate(-50%,-50%);fill:#dde3ea;stroke:#fff;stroke-width:1.2}
.intro-dots i{position:absolute;width:10px;height:10px;border-radius:50%;background:#9fb3c8;box-shadow:0 0 0 5px #9fb3c833}
.prompt-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(400px,86%);background:#fff;border-radius:14px;padding:18px 20px;
  box-shadow:0 10px 30px rgba(15,27,45,.12);display:flex;gap:14px;align-items:flex-start}
.prompt-card .bulb{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;flex:0 0 42px;color:var(--navy)}
.prompt-card .bulb svg{width:22px;height:22px}
.prompt-card strong{display:block;font-family:var(--serif);font-size:19px;line-height:1.25;color:var(--navy);margin-bottom:4px}
.prompt-card span{display:block;font-size:14px;color:#475569}
.prompt-card .try-row{margin-top:8px;font-size:13px}
.link-btn{border:0;background:none;padding:0;font:inherit;color:var(--blue);cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.teaser-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
.teaser-prices>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column}
.tp-k{font-size:13px;color:var(--muted);font-weight:600}
.tp-v{font-size:26px;font-weight:800;color:var(--navy);letter-spacing:-.01em}
.tp-u{font-size:12px;color:var(--muted)}
.center{text-align:center}
.you-get{list-style:none;padding:0;margin:16px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.you-get li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;font-size:13px;color:#334155}
.you-get li span{width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:var(--navy)}
.you-get svg{width:20px;height:20px}
.season-hint{display:flex;gap:10px;align-items:flex-start;margin-top:16px;padding:12px 14px;border-left:3px solid var(--navy);background:#fff;border-radius:0 10px 10px 0;font-size:14px;color:#334155}
.season-hint svg{width:18px;height:18px;flex:0 0 18px;color:var(--navy);margin-top:2px}

/* Prisakart */
.price-map{padding:0;overflow:hidden}
.pm-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:16px 18px;flex-wrap:wrap}
.pm-head h3{font-family:var(--serif);font-size:22px}
.updated{margin:2px 0 0;font-size:12px;color:var(--muted)}
.seg{display:inline-flex;background:#eef1f5;border-radius:10px;padding:3px}
.seg button{border:0;background:none;font:inherit;font-size:13px;font-weight:600;color:#475569;padding:7px 12px;border-radius:8px;cursor:pointer}
.seg button.on{background:#fff;color:var(--navy);box-shadow:0 1px 3px rgba(15,27,45,.12)}
.price-map .map-box{border-radius:0;border-left:0;border-right:0}
.price-pin{background:none;border:0}
.price-pin span{display:inline-block;transform:translate(0,0);background:#fff;color:var(--navy);font-weight:700;font-size:12px;padding:3px 7px;border-radius:7px;
  border:1px solid #cbd5e1;box-shadow:0 2px 6px rgba(15,27,45,.15);white-space:nowrap;position:relative}
.price-pin span::after{content:"";position:absolute;left:50%;bottom:-5px;transform:translateX(-50%) rotate(45deg);width:8px;height:8px;background:inherit;border-right:1px solid #cbd5e1;border-bottom:1px solid #cbd5e1}
.price-pin.cheapest span{background:var(--navy);color:#fff;border-color:var(--navy);font-size:13px}
.price-pin.cheapest span::after{border-color:var(--navy)}
.pin-label{position:absolute;transform:translate(-50%,-100%);background:#fff;border:1px solid #cbd5e1;border-radius:7px;padding:2px 6px;font-size:12px;font-weight:700;color:var(--navy);z-index:2}
.pin-label.cheapest{background:var(--navy);color:#fff}
.cheap-list{list-style:none;margin:0;padding:6px 18px 0}
.cheap-list li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.cheap-list .rank{width:24px;height:24px;border-radius:50%;background:#eef1f5;color:var(--navy);font-size:12px;font-weight:700;display:grid;place-items:center;flex:0 0 24px}
.cheap-list li:first-child .rank{background:var(--navy);color:#fff}
.cheap-list .nm{flex:1;display:flex;flex-direction:column}
.cheap-list .nm strong{color:var(--navy);font-size:15px}
.cheap-list .nm span{font-size:12px}
.cheap-list .pr{display:flex;flex-direction:column;align-items:flex-end}
.cheap-list .pr b{font-size:18px;color:var(--navy)}
.cheap-list .pr .muted{font-size:12px;margin-top:-3px}
.diff{font-size:11px}.diff.lo{color:#166534}.diff.hi{color:#9a3412}
.cheap-list .avg-row{justify-content:space-between;font-size:13px;color:var(--muted);border-bottom:0}
.cheap-list .avg-row b{color:var(--navy)}
.price-map .fine{padding:0 18px 16px}

/* Info-fliser */
.info-tiles{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.info-tile{display:flex;align-items:center;gap:14px;padding:14px 18px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left;font:inherit;color:inherit;cursor:pointer}
.info-tile:last-child{border-bottom:0}
.info-tile:hover{background:#f8fafc}
.info-tile:focus-visible{outline:3px solid #1d4ed855;outline-offset:-3px}
.it-ico{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);display:grid;place-items:center;color:var(--navy);flex:0 0 40px}
.it-ico svg{width:20px;height:20px}
.it-txt{flex:1;display:flex;flex-direction:column}
.it-txt strong{color:var(--navy);font-size:16px}
.it-txt span{font-size:13px;color:#475569}
.it-txt em{font-style:normal;font-size:12px;color:var(--navy);margin-top:3px;font-weight:600}

/* Info-modaler */
.editorial .modal-head h2{font-family:var(--serif)}
.two-col-text{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.two-col-text p{font-size:15px;color:#334155;margin:0 0 10px}
.checks{list-style:none;margin:0 0 6px;padding:0;display:grid;gap:7px}
.checks li{display:flex;gap:9px;font-size:14px;color:#334155}
.checks li svg{color:var(--navy);flex:0 0 14px;margin-top:3px}
.note{display:flex;gap:10px;background:#f1f5f9;border-radius:10px;padding:12px 14px;margin:0 0 14px;font-size:14px;color:#334155}
.note>svg{width:18px;height:18px;flex:0 0 18px;color:var(--navy);margin-top:1px}
.facts{width:100%;border-collapse:collapse;font-size:14px;margin-bottom:8px}
.facts th,.facts td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.facts th{font-size:12px;color:var(--muted);font-weight:600}
.facts tr.hl td{background:#f1f5f9;font-weight:600;color:var(--navy)}
.plain-list{list-style:none;margin:0;padding:0}
.plain-list li{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}
.plain-list li>span:first-child{display:flex;flex-direction:column}
.plain-list strong{color:var(--navy);font-size:14px}
.plain-list .muted{font-size:12px}
.ext-link{font-weight:600}
.kv{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:0;font-size:15px}
.kv dt{color:var(--muted)}.kv dd{margin:0;font-weight:600;color:var(--navy)}

/* Frivillig støtte-kort */
.tip-card{position:fixed;right:24px;bottom:24px;width:340px;max-width:calc(100vw - 32px);background:#fff;border:1px solid var(--line);border-radius:14px;
  box-shadow:0 16px 40px rgba(15,27,45,.18);padding:16px 18px;z-index:90;animation:pop .2s ease-out}
.tip-card[hidden]{display:none}
.tip-card strong{font-family:var(--serif);font-size:18px;color:var(--navy)}
.tip-card p{margin:6px 0 12px;font-size:14px;color:#334155}
.tip-actions{display:flex;align-items:center;gap:14px}
.btn.vipps-soft{background:#fff;color:#c2410c;border:1px solid #fdba74;padding:8px 14px;font-size:14px}
.btn.vipps-soft:hover{background:#fff7ed}
.tip-x{position:absolute;top:10px;right:10px;border:0;background:none;color:var(--muted);cursor:pointer;width:28px;height:28px;display:grid;place-items:center}
.tip-x svg{width:16px;height:16px}
.tip-card .fine{display:block;margin-top:10px}

@media (max-width:720px){
  .search.v3{grid-template-columns:1fr}
  .teaser-prices{grid-template-columns:1fr 1fr 1fr;gap:8px}
  .tp-v{font-size:20px}
  .you-get{grid-template-columns:1fr 1fr}
  .two-col-text{grid-template-columns:1fr;gap:0}
  .intro-map{height:320px}
  .lead-story img{height:180px}
  .guide-row{flex-wrap:wrap}.dl-free{margin-left:44px}
  .proto-note{display:none}
}
/* v3-justeringer */
.norway{height:94%;width:auto;aspect-ratio:400/460}
.norway .city-dots circle{fill:#9fb3c8;stroke:#fff;stroke-width:2}
.search.v3{grid-template-columns:.85fr 1.25fr auto}
.price-map .leaflet-tile-pane{filter:grayscale(.75) brightness(1.04) contrast(.92)}
.search.v3{grid-template-columns:1fr 1.15fr auto}
.input.big input::placeholder{font-size:15px;font-weight:500}
@media (max-width:720px){
  .search.v3{grid-template-columns:1fr}
  .guide-row .txt{flex:1 1 calc(100% - 50px)}
  .dl-free{margin-left:44px}
}

/* =====================================================================
   Forside v2: skrå temapaneler (fra skisse)
   ===================================================================== */
body.home{margin:0;background:#f6f7f9;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}
.home-head{display:flex;align-items:baseline;gap:24px;flex-wrap:wrap;padding:22px 40px 18px}
.home-logo{font-family:var(--serif);font-size:44px;font-weight:700;color:var(--navy);letter-spacing:-.02em;line-height:1;text-decoration:none!important;
  border-bottom:3px solid var(--navy);padding-bottom:4px}
.home-logo span{font-style:italic;font-weight:400}
.home-tag{margin:0;color:#475569;font-size:16px}
.panels{--h:calc(100vh - 140px);--tilt:11deg;--shift:calc(var(--h) * .1);display:flex;height:max(var(--h),460px);
  width:calc(100% + 2 * var(--shift));margin-left:calc(-1 * var(--shift));overflow:hidden;background:#f6f7f9}
.panel{position:relative;flex:1 1 0;min-width:0;overflow:hidden;transform:skewX(calc(-1 * var(--tilt)));border-right:5px solid #f6f7f9;
  color:#fff;text-decoration:none!important;transition:flex-grow .55s cubic-bezier(.2,.7,.2,1);outline:none;cursor:pointer}
.panel:last-child{border-right:0}
.panel-bg{position:absolute;top:0;bottom:0;left:-30%;right:-30%;transform:skewX(var(--tilt));background-size:cover;
  filter:grayscale(1) brightness(.62) contrast(.95);transition:filter .55s ease,transform .8s ease}
.panel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,37,69,0) 45%,rgba(11,37,69,.55) 100%);pointer-events:none}
.panel-content{position:absolute;inset:0;transform:skewX(var(--tilt));display:flex;flex-direction:column;align-items:center;justify-content:flex-end;
  text-align:center;padding:0 12px calc(var(--h) * .12);z-index:1}
.p-ico{width:46px;height:46px;border-radius:50%;border:1.5px solid rgba(255,255,255,.75);display:grid;place-items:center;margin-bottom:12px;transition:background .4s}
.p-ico svg{width:22px;height:22px;color:#fff}
.p-title{font-family:var(--serif);font-size:34px;font-weight:700;line-height:1.05;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.p-tag,.p-cta{max-height:0;opacity:0;overflow:hidden;transition:opacity .4s ease .1s,max-height .5s ease}
.p-tag{font-size:15px;max-width:240px;color:#e8eef6;margin-top:8px}
.p-cta{margin-top:14px;font-size:13px;font-weight:600;letter-spacing:.03em;padding:0 14px;border:1px solid rgba(255,255,255,.7);border-radius:999px;line-height:32px}
.panel.soon .p-cta{border-style:dashed;color:#e8eef6}
.panel:hover,.panel:focus-visible{flex-grow:1.75}
.panel:hover .panel-bg,.panel:focus-visible .panel-bg{filter:none;transform:skewX(var(--tilt)) scale(1.04)}
.panel:hover .p-tag,.panel:focus-visible .p-tag,.panel:hover .p-cta,.panel:focus-visible .p-cta{max-height:80px;opacity:1}
.panel:hover .p-ico,.panel:focus-visible .p-ico{background:rgba(255,255,255,.18)}
.panel:focus-visible .p-title{text-decoration:underline;text-underline-offset:6px}
.home-foot{display:flex;gap:24px;flex-wrap:wrap;justify-content:space-between;padding:14px 40px;font-size:13px;color:var(--muted)}
@media (prefers-reduced-motion:reduce){.panel,.panel-bg,.p-tag,.p-cta{transition:none}}
@media (max-width:720px), (orientation:portrait) and (max-width:1100px){
  .home-head{padding:18px 18px 14px;gap:8px}
  .home-logo{font-size:34px}
  .home-tag{font-size:14px}
  .panels{flex-direction:column;height:auto;width:100%;margin:0;gap:4px}
  .panel{transform:none;border:0;min-height:22vh;flex:none}
  .panel-bg{left:0;right:0;transform:none;filter:grayscale(.5) brightness(.65)}
  .panel:hover .panel-bg,.panel:focus-visible .panel-bg{transform:scale(1.03)}
  .panel-content{transform:none;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;text-align:left;padding:18px 20px;gap:0 14px;align-content:flex-end}
  .p-ico{margin:0}
  .p-title{font-size:28px}
  .p-title br{display:none}
  .p-tag{max-height:none;opacity:1;flex-basis:100%;max-width:none;margin-top:6px}
  .p-cta{display:none}
  .home-foot{padding:14px 18px}
}
.panels{--shift:calc(var(--h) * .17);flex:0 0 auto;max-width:none}
.panel:first-child .panel-content{padding-left:calc(var(--shift) + 8px)}
.panel:last-child .panel-content{padding-right:calc(var(--shift) + 8px)}
.panel-bg{left:-22%;right:-22%}
@media (max-width:720px), (orientation:portrait) and (max-width:1100px){.panel:first-child .panel-content,.panel:last-child .panel-content{padding:18px 20px}.panel-bg{left:0;right:0}}
.panel:last-child .panel-content{padding-right:calc(var(--shift) + 44px)}
.panel:first-child .panel-content{padding-left:calc(var(--shift) + 20px)}
@media (max-width:720px), (orientation:portrait) and (max-width:1100px){.panel:first-child .panel-content,.panel:last-child .panel-content{padding:18px 20px}}
.panel:last-child .panel-content{padding-right:calc(var(--shift) + 96px)}
@media (max-width:720px), (orientation:portrait) and (max-width:1100px){.panel:last-child .panel-content{padding:18px 20px}}
/* v3.1: hurtiglading som hovedvisning */
.teaser-prices>div.primary{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}
.cheap-list .ops-row{flex-wrap:wrap;gap:6px;padding:12px 0;border-bottom:1px solid var(--line)}
.ops-k{font-size:12px;color:var(--muted);font-weight:600;margin-right:4px}
.op-chip{font-size:12px;background:#f1f5f9;border-radius:999px;padding:3px 10px;color:#334155}
.op-chip b{color:var(--navy)}
.cheap-list .pr{flex-direction:row;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:0 4px;max-width:150px}
.cheap-list .pr .fra{font-size:12px}
.cheap-list .pr .diff{flex-basis:100%;text-align:right}
.fuel-panel{display:grid;grid-template-columns:auto 1fr;gap:24px;padding:22px 18px 20px;border-top:1px solid var(--line);align-items:start}
.fp-avg{display:flex;flex-direction:column;background:#f6f7f9;border-radius:12px;padding:16px 20px;min-width:180px}
.fp-v{font-size:36px;font-weight:800;color:var(--navy);letter-spacing:-.01em}
.fp-v small{font-size:15px;font-weight:600;color:var(--muted)}
.fp-txt p{margin:0 0 12px;font-size:15px;color:#334155}
.fp-txt .fine{margin-top:10px}
@media (max-width:720px){.fuel-panel{grid-template-columns:1fr}}
.fuel-panel[hidden],.cheap-list[hidden],.map-box[hidden]{display:none}

/* =====================================================================
   Forside v3: logo, varianter A/B, utvidelsesovergang
   ===================================================================== */
.home-head{align-items:center;padding:20px 40px 16px;gap:28px}
.home-logo{border:0;padding:0;display:inline-flex;align-items:baseline;font-family:var(--serif);font-size:56px;line-height:.95;letter-spacing:-.035em;
  font-variation-settings:"opsz" 144,"SOFT" 0,"WONK" 1}
.home-logo .w1{font-weight:900;color:var(--navy)}
.home-logo .w2{font-style:italic;font-weight:500;color:var(--navy);margin-left:.02em;position:relative}
.home-logo .w2::after{content:"";position:absolute;left:4%;right:-2%;bottom:-.08em;height:.12em;background:#c8a96a;transform:skewX(-20deg) scaleX(0);transform-origin:left;
  animation:rule-in .7s cubic-bezier(.2,.7,.2,1) .75s forwards}
.home-logo .ch{display:inline-block;opacity:0;transform:translateY(.35em) rotate(-4deg);animation:ch-in .6s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i) * 45ms)}
@keyframes ch-in{to{opacity:1;transform:none}}
@keyframes rule-in{to{transform:skewX(-20deg) scaleX(1)}}
.home-tag{display:flex;align-items:center;gap:14px;font-size:17px;color:#334155;letter-spacing:.005em;opacity:0;animation:fade-up .7s ease .55s forwards}
.home-tag em{font-family:var(--serif);font-style:italic;font-weight:500;color:var(--navy)}
.tag-rule{width:34px;height:3px;background:var(--navy);transform:skewX(-20deg);flex:0 0 34px}
@keyframes fade-up{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.p-title{font-family:var(--serif);font-weight:800;letter-spacing:-.02em;font-size:38px}
@media (prefers-reduced-motion:reduce){.home-logo .ch,.home-tag{animation:none;opacity:1;transform:none}.home-logo .w2::after{animation:none;transform:skewX(-20deg)}}

/* Variant A: bunnlinjen ligger oppå panelene */
body.v-a{position:relative}
body.v-a .panels{--h:calc(100vh - var(--head,88px))}
body.v-a .home-foot{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:10px 40px 14px;color:rgba(255,255,255,.82);
  background:linear-gradient(180deg,rgba(11,37,69,0),rgba(6,16,32,.72));pointer-events:none;font-size:12.5px;letter-spacing:.01em}
body.v-a .home-foot a{color:#fff;pointer-events:auto;text-decoration:underline;text-underline-offset:2px}
body.v-a .panel-content{padding-bottom:calc(var(--h) * .14)}
/* Variant B: solid svart bunnlinje */
body.v-b .panels{--h:calc(100vh - var(--head,88px) - var(--foot,50px))}
body.v-b .home-foot{background:#0a0a0a;color:#cbd5e1;padding:16px 40px;font-size:13px}
body.v-b .home-foot a{color:#fff}
.foot-links a[data-v]{opacity:.8}

/* Utvidelse ved klikk på panel */
.expand-overlay{position:fixed;inset:0;z-index:200;background-size:cover;background-position:50% 50%;filter:grayscale(1) brightness(.62);
  transition:clip-path .6s cubic-bezier(.65,0,.35,1),filter .6s ease;view-transition-name:theme-hero;display:grid;place-items:center}
.expand-overlay.open{filter:grayscale(.2) brightness(.55)}
.eo-title{font-family:var(--serif);font-weight:900;font-size:clamp(64px,10vw,140px);color:#fff;letter-spacing:-.03em;opacity:0;transition:opacity .4s ease .25s}
.expand-overlay.open .eo-title{opacity:1}
body.leaving .home-head{opacity:.3;transition:opacity .4s}
::view-transition-old(root),::view-transition-new(root){animation-duration:.45s}
::view-transition-group(theme-hero){animation-duration:.55s;animation-timing-function:cubic-bezier(.65,0,.35,1)}
@media (max-width:720px), (orientation:portrait) and (max-width:1100px){
  .home-logo{font-size:42px}
  .home-tag{font-size:14px;flex-wrap:wrap;gap:8px}
  body.v-a .home-foot{position:static;background:#f6f7f9;color:var(--muted);pointer-events:auto}
  body.v-a .home-foot a{color:var(--blue)}
}

/* =====================================================================
   Tema-mal (gjenbrukes av bil, hus, hage, helse, mat): topplinje + hero
   ===================================================================== */
.theme-top{padding:12px 32px}
.mini-logo{font-family:var(--serif);font-size:24px;letter-spacing:-.03em;color:var(--navy);text-decoration:none!important;font-weight:900;font-variation-settings:"opsz" 144}
.mini-logo span{font-style:italic;font-weight:500}
.theme-top .crumbs{margin-left:8px}
.theme-hero{position:relative;height:250px;overflow:hidden;color:#fff;view-transition-name:theme-hero;
  clip-path:polygon(0 0,100% 0,100% 82%,0 100%);margin-bottom:-14px}
.hero-bg{position:absolute;inset:0;background:var(--hero-img) var(--hero-pos)/cover no-repeat;filter:grayscale(.85) brightness(.5);
  animation:hero-color 1.6s ease .2s forwards;transition:filter .8s ease,transform 1.2s ease}
.theme-hero:hover .hero-bg{filter:grayscale(.05) brightness(.55);transform:scale(1.02)}
@keyframes hero-color{to{filter:grayscale(.3) brightness(.52)}}
.theme-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,37,69,.78) 0%,rgba(11,37,69,.35) 55%,rgba(11,37,69,.1) 100%)}
.hero-stripes{position:absolute;top:0;bottom:0;right:6%;display:flex;gap:26px;z-index:1;pointer-events:none}
.hero-stripes i{width:5px;height:100%;background:rgba(255,255,255,.55);transform:skewX(-11deg);opacity:0;animation:stripe-in .8s ease forwards}
.hero-stripes i:nth-child(2){animation-delay:.12s;background:rgba(255,255,255,.35)}
.hero-stripes i:nth-child(3){animation-delay:.24s;background:rgba(255,255,255,.2)}
@keyframes stripe-in{from{opacity:0;transform:skewX(-11deg) translateY(-30px)}to{opacity:1;transform:skewX(-11deg)}}
.hero-inner{position:relative;z-index:2;height:100%;display:flex;align-items:center;gap:22px;padding:0 40px 24px;max-width:1400px}
.hero-ico{width:58px;height:58px;border-radius:50%;border:1.5px solid rgba(255,255,255,.8);display:grid;place-items:center;flex:0 0 58px;background:rgba(255,255,255,.08)}
.hero-ico svg{width:28px;height:28px;color:#fff}
.hero-kicker{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#c8d6ea}
.theme-hero h1{font-family:var(--serif);font-weight:900;font-size:64px;line-height:.95;letter-spacing:-.03em;color:#fff;margin:2px 0 8px;font-variation-settings:"opsz" 144}
.theme-hero p{margin:0;max-width:560px;font-size:16px;color:#e2e8f0}
.hero-links{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px;max-width:360px;justify-content:flex-end}
.hero-links a{color:#fff;font-size:13px;font-weight:600;padding:7px 14px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:rgba(255,255,255,.08);
  backdrop-filter:blur(4px);transition:background .25s,border-color .25s}
.hero-links a:hover{background:rgba(255,255,255,.22);border-color:#fff;text-decoration:none}
.hero-inner>div{animation:fade-up .7s ease .15s both}

/* Skrå aksenter og mykere kort-hover i temasidene */
.editorial .section-title{font-weight:800;font-variation-settings:"opsz" 144}
.editorial .col-head{border-bottom:0;padding-bottom:4px;position:relative}
.editorial .col-head::after{content:"";display:block;width:64px;height:4px;background:var(--navy);transform:skewX(-20deg);margin:14px 0 2px}
.editorial .col.regional .col-head::after{background:#c8a96a}
.editorial .split.half{position:relative}
.editorial .split.half::before{content:"";position:absolute;top:-6px;left:50%;width:4px;height:120px;margin-left:-2px;background:#c8a96a;transform:skewX(-11deg);z-index:1;pointer-events:none}
.editorial .lead-story{border-radius:14px;transition:transform .35s ease}
.editorial .lead-story img{transition:transform .6s ease,filter .6s ease;filter:saturate(.85)}
.editorial .lead-story:hover img{transform:scale(1.015);filter:saturate(1.05)}
.editorial .news-row img{transition:filter .5s ease,transform .5s ease;filter:grayscale(.6)}
.editorial .news-row:hover img{filter:none;transform:scale(1.04)}
.editorial .news-row{transition:padding-left .3s ease}
.editorial .news-row:hover{padding-left:6px}
.editorial .guides,.editorial .price-map,.editorial .info-tiles{transition:box-shadow .35s ease,transform .35s ease}
.editorial .guides:hover,.editorial .price-map:hover,.editorial .info-tiles:hover{box-shadow:0 14px 34px rgba(15,27,45,.10)}
.editorial .guide-row{transition:background .25s ease,padding .25s ease;border-radius:8px}
.editorial .guide-row:hover{background:#f6f8fb;padding-left:8px;padding-right:8px}
.editorial .info-tile{transition:background .25s ease,padding-left .3s ease}
.editorial .info-tile:hover{padding-left:24px;background:#f8fafc}
.editorial .info-tile .chev{transition:transform .3s ease}
.editorial .info-tile:hover .chev{transform:translateX(4px)}
.editorial .it-ico{transition:background .3s ease,color .3s ease,transform .3s ease}
.editorial .info-tile:hover .it-ico{background:var(--navy);color:#fff;transform:skewX(-8deg)}
.editorial .dl-free,.editorial .btn{transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.editorial .dl-free:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(15,27,45,.08)}
.editorial .teaser-prices>div{transition:transform .25s ease,box-shadow .25s ease}
.editorial .teaser-prices>div:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,27,45,.08)}
@media (prefers-reduced-motion:reduce){.hero-bg,.hero-stripes i,.hero-inner>div{animation:none!important;opacity:1}}
@media (max-width:1100px){.editorial .split.half::before{display:none}}
@media (max-width:720px){
  .theme-hero{height:200px}
  .theme-hero h1{font-size:44px}
  .hero-inner{padding:0 18px 22px;gap:14px}
  .hero-ico{display:none}
  .hero-links,.hero-stripes,.theme-top .proto-note{display:none}
  .theme-top{padding:10px 16px}
}
.panel:last-child .p-title{font-size:32px}@media (max-width:720px), (orientation:portrait) and (max-width:1100px){.panel:last-child .p-title{font-size:inherit}}

/* =====================================================================
   v4: Fraunces-typografi, forside-varianter, overgang, tema-hero (gjenbrukbar)
   ===================================================================== */
@font-face{font-family:"Fraunces";src:url(../assets/fonts/fraunces-latin.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url(../assets/fonts/fraunces-italic-latin.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}
body.editorial{--serif:"Fraunces",Georgia,"Times New Roman",serif}

/* Overganger mellom sider (kryssdokument View Transitions; ignoreres der det ikke støttes) */
::view-transition-old(root),::view-transition-new(root){animation-duration:.45s}
::view-transition-group(theme-hero){animation-duration:.6s;animation-timing-function:cubic-bezier(.4,0,.2,1)}
/* @view-transition legges inn via skript i <head> (ikke ved file://) */

/* ---------- Forside: logo og tagline ---------- */
.home-head{align-items:center;gap:28px;padding:20px 40px 18px}
.home-logo{border:0;padding:0;font-family:var(--serif);font-size:62px;font-weight:900;letter-spacing:-.035em;line-height:.95;color:var(--navy);
  font-variation-settings:"opsz" 144,"SOFT" 50;position:relative;white-space:nowrap}
.home-logo .lw span{display:inline-block;animation:letterUp .8s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 45ms)}
.home-logo em{font-style:italic;font-weight:500;color:#1f4f8f;letter-spacing:-.02em}
.home-logo::after{content:"";position:absolute;left:2px;bottom:-9px;height:6px;width:0;background:var(--navy);transform:skewX(-24deg);
  animation:barIn .7s .55s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes letterUp{from{opacity:0;transform:translateY(.45em) rotate(4deg)}to{opacity:1;transform:none}}
@keyframes barIn{to{width:58%}}
.home-tag{display:flex;align-items:center;gap:10px;font-size:15px;letter-spacing:.02em;color:#334155;animation:fadeIn .8s .7s both}
.tag-rule{width:28px;height:2px;background:#94a3b8;transform:skewX(-24deg)}
.tag-sep{color:#94a3b8}
.tag-em{font-family:var(--serif);font-style:italic;font-size:18px;color:var(--navy)}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.home-logo .lw span,.home-tag{animation:none;opacity:1;transform:none}.home-logo::after{animation:none;width:58%}}

/* ---------- Forside: bunnvarianter ---------- */
body.home{position:relative}
.home-foot a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.vswitch{font-size:12px;opacity:.75}
/* A: tekst integrert nederst i panelene */
.v-a .panels{--h:calc(100vh - 104px)}
.v-a .home-foot{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:40px 40px 14px;color:#e2e8f0;
  background:linear-gradient(180deg,rgba(5,15,30,0) 0%,rgba(5,15,30,.7) 100%);pointer-events:none;font-size:12.5px;letter-spacing:.02em}
.v-a .home-foot a{pointer-events:auto;color:#fff}
.v-a .panel-content{padding-bottom:calc(var(--h) * .14 + 20px)}
/* B: solid svart bunnlinje */
.v-b .panels{--h:calc(100vh - 104px - 48px)}
.v-b .home-foot{background:#0a0a0a;color:#cbd5e1;padding:15px 40px;font-size:13px;letter-spacing:.02em}
.v-b .home-foot a{color:#fff}

/* ---------- Forside: ekspansjon ved klikk ---------- */
.expand-overlay{position:fixed;inset:0;z-index:1000;background-size:cover;filter:grayscale(1) brightness(.62);view-transition-name:theme-hero;
  transition:clip-path .6s cubic-bezier(.7,0,.2,1),filter .6s ease;display:grid;place-items:center}
.expand-overlay.go{filter:grayscale(.15) brightness(.55)}
.eo-title{font-family:var(--serif);font-weight:900;font-size:72px;color:#fff;letter-spacing:-.03em;opacity:0;transition:opacity .4s .25s}
.expand-overlay.go .eo-title{opacity:1}
body.is-leaving .home-head,body.is-leaving .home-foot{opacity:0;transition:opacity .3s}

/* ---------- Tema-hero (gjenbrukes av bil, hus, hage, helse, mat) ---------- */
.theme-top{padding:12px 32px;gap:18px}
.theme-top .proto-note{margin-left:auto}
.mini-logo{font-family:var(--serif);font-weight:900;font-size:24px;color:var(--navy);letter-spacing:-.03em;text-decoration:none!important}
.mini-logo span{font-style:italic;font-weight:500;color:#1f4f8f}
.theme-hero{position:relative;height:250px;overflow:hidden;color:#fff;background:var(--navy);view-transition-name:theme-hero;
  clip-path:polygon(0 0,100% 0,100% 80%,0 100%)}
.hero-bg{position:absolute;inset:-2%;background:var(--hero-img) var(--hero-pos)/cover no-repeat;filter:grayscale(.2) brightness(.58);
  animation:heroIn 1.6s cubic-bezier(.2,.7,.2,1) both;transition:filter .7s ease,transform 1.4s ease}
.theme-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,37,69,.88) 0%,rgba(11,37,69,.45) 50%,rgba(11,37,69,.15) 100%)}
.theme-hero:hover .hero-bg{filter:grayscale(0) brightness(.64);transform:scale(1.02)}
@keyframes heroIn{from{filter:grayscale(1) brightness(.45);transform:scale(1.06)}to{filter:grayscale(.2) brightness(.58);transform:none}}
.hero-stripes{position:absolute;right:6%;top:-10%;bottom:-10%;display:flex;gap:22px;z-index:1;pointer-events:none}
.hero-stripes i{display:block;width:5px;background:rgba(255,255,255,.22);transform:skewX(-11deg)}
.hero-stripes i:nth-child(2){width:26px;background:rgba(255,255,255,.08)}
.hero-stripes i:nth-child(3){width:5px;background:rgba(255,255,255,.14)}
.hero-inner{position:relative;z-index:2;height:100%;display:flex;align-items:flex-end;gap:20px;padding:0 40px 58px}
.hero-ico{width:56px;height:56px;border-radius:50%;border:1.5px solid rgba(255,255,255,.75);display:grid;place-items:center;flex:0 0 56px;margin-bottom:6px}
.hero-ico svg{width:26px;height:26px}
.hero-kicker{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#c7d6ea}
.theme-hero h1{font-family:var(--serif);font-weight:900;font-size:68px;line-height:.95;letter-spacing:-.035em;color:#fff;margin:2px 0 8px;
  font-variation-settings:"opsz" 144}
.theme-hero p{margin:0;max-width:560px;color:#dbe5f1;font-size:16px}
.hero-links{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:360px;align-self:flex-end}
.hero-links a{color:#fff;font-size:13px;font-weight:600;padding:7px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.4);
  background:rgba(255,255,255,.1);backdrop-filter:blur(4px);transition:background .25s,transform .25s;text-decoration:none!important}
.hero-links a:hover{background:rgba(255,255,255,.24);transform:translateY(-1px)}
.editorial .split.half{margin-top:-28px;min-height:0}
.editorial .col{padding-top:44px}

/* Skrå aksenter og mykere hover */
.editorial .col-head{border-bottom:0;padding-bottom:0}
.editorial .col-head::after{content:"";display:block;width:64px;height:5px;margin-top:14px;background:var(--navy);transform:skewX(-24deg);transform-origin:left}
.editorial .col.regional .col-head::after{background:#1f4f8f}
.editorial .section-title{font-weight:800;letter-spacing:-.025em}
.info-tile{transition:background .25s ease,padding .25s ease}
.info-tile .chev{transition:transform .25s ease}
.info-tile:hover{background:#f6f8fb;padding-left:22px}
.info-tile:hover .chev{transform:translateX(3px)}
.info-tile .it-ico{transition:background .25s,color .25s,border-color .25s}
.info-tile:hover .it-ico{background:var(--navy);color:#fff;border-color:var(--navy)}
.guide-row{transition:background .25s ease}
.guide-row:hover{background:#f8fafc}
.dl-free{transition:background .2s,color .2s,border-color .2s}
.guide-row:hover .dl-free{background:var(--navy);color:#fff;border-color:var(--navy)}
.news-row img,.lead-story img{transition:transform .5s ease,filter .5s ease;filter:saturate(.85)}
.news-row:hover img,.lead-story:hover img{transform:scale(1.03);filter:saturate(1.05)}
.price-map,.guides,.info-tiles,.teaser-prices>div{transition:box-shadow .3s ease,transform .3s ease}
.price-map:hover,.guides:hover,.info-tiles:hover{box-shadow:0 10px 30px rgba(15,27,45,.08)}
.teaser-prices>div:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,27,45,.08)}

@media (max-width:720px), (orientation:portrait) and (max-width:1100px){
  .home-logo{font-size:44px}
  .home-tag{font-size:13px;flex-wrap:wrap;gap:6px}
  .tag-em{font-size:15px}
  .v-a .panels,.v-b .panels{--h:auto}
  .v-a .home-foot{position:static;background:#0b2545;color:#e2e8f0;padding:14px 18px}
  .v-b .home-foot{padding:14px 18px}
  .theme-hero{height:210px}
  .hero-inner{padding:0 18px 46px;gap:12px}
  .hero-ico{display:none}
  .theme-hero h1{font-size:46px}
  .theme-hero p{font-size:14px}
  .hero-links,.hero-stripes{display:none}
  .theme-top .proto-note{display:none}
}

/* v4.1 – opprydding: lysere hero, fjern løs skrålinje mellom kolonnene */
.editorial .split.half::before{display:none}
.hero-bg{filter:grayscale(.15) brightness(.8)}
@keyframes heroIn{from{filter:grayscale(1) brightness(.6);transform:scale(1.06)}to{filter:grayscale(.15) brightness(.8);transform:none}}
.theme-hero:hover .hero-bg{filter:grayscale(0) brightness(.88)}
.theme-hero::after{background:linear-gradient(90deg,rgba(11,37,69,.82) 0%,rgba(11,37,69,.4) 45%,rgba(11,37,69,0) 80%)}
.hero-stripes{top:0;bottom:0}
.home-logo>.lw:not(em),.home-logo>.lw:not(em) span{font-style:normal;font-weight:900;color:var(--navy)}
.home-logo em span{font-style:italic;font-weight:500}

/* =====================================================================
   v5 – kompakt temaside: slank toppstripe, små faner, topp 3 + «Vis flere»
   ===================================================================== */
.theme-bar{position:relative;display:flex;align-items:center;gap:16px;height:56px;padding:0 0 0 28px;background:#fff;border-bottom:1px solid var(--line);overflow:hidden}
.theme-bar .mini-logo{font-size:22px;flex:0 0 auto}
.tb-slash{width:2px;height:26px;background:#cbd5e1;transform:skewX(-20deg)}
.tb-title{display:flex;align-items:center;gap:8px}
.tb-ico{width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center}
.tb-ico svg{width:16px;height:16px}
.tb-title h1{font-family:var(--serif);font-weight:900;font-size:26px;letter-spacing:-.03em;margin:0;color:var(--navy);line-height:1}
.tb-links{display:flex;gap:4px;margin-left:10px}
.tb-links a{font-size:13px;font-weight:600;color:#334155;padding:6px 11px;border-radius:999px;text-decoration:none!important;transition:background .2s,color .2s}
.tb-links a:hover{background:#eef2f7;color:var(--navy)}
.theme-bar .proto-note{margin-left:auto;font-size:12px;color:var(--muted);white-space:nowrap}
.tb-photo{flex:0 0 170px;align-self:stretch;margin-right:-24px;background:var(--hero-img) var(--hero-pos)/cover no-repeat;
  clip-path:polygon(24px 0,100% 0,100% 100%,0 100%);filter:grayscale(1) brightness(.95);transition:filter .6s ease;view-transition-name:theme-hero;
  animation:tbIn 1.2s ease .2s both}
.theme-bar:hover .tb-photo{filter:grayscale(0) brightness(1)}
@keyframes tbIn{from{filter:grayscale(1) brightness(.7)}to{filter:grayscale(.6) brightness(.95)}}
.theme-hero{display:none}

.editorial .split.half{margin-top:0}
.editorial .col{padding-top:18px}
.col-tab{display:flex;align-items:baseline;gap:10px;margin:0 0 14px;font-family:inherit;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--navy)}
.col-tab span{position:relative;padding-left:14px}
.col-tab span::before{content:"";position:absolute;left:0;top:1px;bottom:1px;width:4px;background:var(--navy);transform:skewX(-20deg)}
.col.regional .col-tab span::before{background:#1f4f8f}
.col-tab small{font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--muted)}
.editorial .search.v3{margin-top:0}

/* Kart + topp 3 */
.editorial .map-box{height:250px}
.cheap-list.collapsed li.extra{display:none}
.cheap-list li{padding-top:8px;padding-bottom:8px}
.more-toggle{display:block;width:100%;margin:0;padding:8px;border:0;border-top:1px solid var(--line);background:none;color:var(--blue);font-weight:600;font-size:13px;cursor:pointer}
.more-toggle:hover{background:#f6f8fb}
.more-toggle[hidden]{display:none}
#priceNote{margin:6px 14px 10px;font-size:11.5px}

/* Nyttig å vite: to kolonner på bred skjerm */
.tiles-title{margin:20px 0 10px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.tiles-title .block-sub{font-family:inherit;font-size:13px;font-weight:400;letter-spacing:0;color:var(--muted);margin:0}
@media (min-width:1100px){
  .editorial .info-tiles{display:grid;grid-template-columns:1fr 1fr;gap:0}
  .editorial .info-tiles .info-tile{border-right:1px solid var(--line)}
  .editorial .info-tiles .info-tile:nth-child(2n){border-right:0}
  .editorial .info-tiles .it-txt>span{font-size:12.5px}
}
.checklist{list-style:none;padding:0;margin:10px 0 16px;display:grid;gap:6px}
.checklist label{display:flex;gap:10px;align-items:center;padding:9px 12px;border:1px solid var(--line);border-radius:10px;cursor:pointer;transition:background .2s}
.checklist label:hover{background:#f6f8fb}
.checklist input{width:18px;height:18px;accent-color:var(--navy)}
.checklist input:checked+span{text-decoration:line-through;color:var(--muted)}
@media (max-width:900px){.tb-links{display:none}}
@media (max-width:720px){
  .theme-bar{padding-left:16px;gap:10px;height:52px}
  .theme-bar .proto-note{display:none}
  .tb-photo{flex-basis:90px;margin-left:auto}
  .theme-bar .mini-logo{font-size:19px}
  .tb-title h1{font-size:22px}
}
/* v5 komprimering */
.editorial .input.big,.editorial .search.v3 .btn,.editorial .search.v3 .input{height:44px}
.editorial .search.v3 label{font-size:12px;margin-bottom:3px}
.editorial .search.v3{gap:10px}
.editorial .pm-head{flex-wrap:nowrap;align-items:center;padding:10px 14px}
.editorial .pm-head h3{font-size:19px;margin:0}
.editorial .pm-head .updated{font-size:11.5px;margin:1px 0 0}
.editorial .seg button{padding:5px 10px;font-size:12.5px}
.editorial .map-box{height:220px}
.cheap-list .ops-row{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;padding:8px 0!important;white-space:nowrap}
.cheap-list .ops-row::-webkit-scrollbar{display:none}
.cheap-list .ops-row .op-chip{flex:0 0 auto}
.cheap-list li{padding-top:6px;padding-bottom:6px}
.cheap-list .rank{width:22px;height:22px;font-size:11px}
.list-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted)}
.list-foot[hidden]{display:none}
.list-foot .more-toggle{width:auto;border:0;padding:9px 0;white-space:nowrap}
.list-foot .more-toggle::after{content:" ▾"}
.list-foot .more-toggle[aria-expanded="true"]::after{content:" ▴"}
#priceNote{margin:0 14px 8px;font-size:11px}
.tiles-title{margin:14px 0 8px}
.editorial .col{padding-top:14px}
.col-tab{margin-bottom:10px}
/* Statusrad ved kartet: vær, glatt, veimeldinger, fjell */
.status-row{display:flex;gap:6px;align-items:center;padding:0 14px 10px;flex-wrap:wrap}
.st-chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px 0 9px;border:1px solid var(--line);border-radius:999px;background:#fff;
  font:inherit;font-size:12.5px;color:#334155;cursor:pointer;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}
.st-chip svg{width:16px;height:16px;color:var(--navy)}
.st-chip b{font-weight:700;color:var(--navy)}
.st-chip span{color:var(--muted)}
.st-chip:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(15,27,45,.1);border-color:#c5d0de}
.st-chip.alert{background:#e8f1fb;border-color:#9cc0e8}
.st-chip.alert svg,.st-chip.alert b{color:#0b5cad}
.st-chip.warn{background:#fff8eb;border-color:#f1d29a}
.st-chip.warn svg{color:#b26a00}
.st-src{margin-left:auto;font-size:11px;color:var(--muted)}
.road-msgs .tag{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;background:#fff3dc;color:#8a5200;white-space:nowrap}
.road-msgs .tag.ice{background:#e3effc;color:#0b5cad}
@media (max-width:720px){.st-src{display:none}}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.editorial .map-box{height:185px}
.editorial .status-row{padding-bottom:8px}
.editorial .search.v3{align-items:end}
#priceNote{margin:2px 14px 8px}
.editorial .map-box{position:relative;height:210px}
.status-row.on-map{position:absolute;top:10px;left:52px;right:10px;z-index:500;padding:0;pointer-events:none}
.status-row.on-map .st-chip{pointer-events:auto;box-shadow:0 2px 8px rgba(15,27,45,.14);height:30px}
.status-row.on-map .st-chip:not(.alert):not(.warn){background:rgba(255,255,255,.96)}
/* Nyttig å vite: én kolonne, kompakte rader (beholder hover-animasjonen) */
@media (min-width:1100px){.editorial .info-tiles{display:block}.editorial .info-tiles .info-tile{border-right:0}}
.editorial .info-tile{padding-top:10px;padding-bottom:10px}
.editorial .info-tile .it-txt>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.editorial .info-tile .it-txt{min-width:0}
.editorial .info-tile .it-ico{width:34px;height:34px}
/* PKK-popup: kart + sorterbar liste */
.toast{z-index:300}
.pkk-tools{display:flex;align-items:center;gap:10px;margin:4px 0 10px}
.pkk-map{height:220px;border-radius:12px;overflow:hidden;border:1px solid var(--line);margin-bottom:8px;filter:none}
.pkk-map .leaflet-tile-pane{filter:grayscale(1) contrast(.95) brightness(1.04)}
.pkk-map[hidden]{display:none}
.pkk-list{list-style:none;margin:0;padding:0}
.pkk-list li{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .2s}
.pkk-list li:hover{background:#f6f8fb}
.pkk-list .rank{flex:0 0 22px;height:22px;border-radius:50%;background:#eef2f7;color:var(--navy);font-size:11px;font-weight:700;display:grid;place-items:center}
.pkk-list .nm{flex:1;min-width:0;display:flex;flex-direction:column}
.pkk-list .nm strong{font-size:14px;color:var(--navy)}
.pkk-list .nm .muted{font-size:12px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.pkk-list .pr{display:flex;flex-direction:column;align-items:flex-end;gap:2px;white-space:nowrap}
.pkk-list .pr b{font-size:15px;color:var(--navy)}
.site-link{font-size:11.5px;color:var(--muted);text-decoration:underline;text-underline-offset:2px}
.pkk-pin span{white-space:nowrap}
.editorial .map-box{z-index:0;isolation:isolate}
/* PKK: diskret forespørsel (demo) */
.pr-links{display:flex;gap:10px;align-items:center}
.req-link{border:0;background:none;padding:0;font:inherit;font-size:11.5px;color:#1f4f8f;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.req-link:hover{color:var(--navy)}
.modal-md{max-width:640px}
.back-link{font-size:13px;margin-bottom:8px}
.req-form .rf-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}
.req-form label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:600;color:#334155}
.req-form input:not([type=checkbox]),.req-form select,.req-form textarea{font:inherit;font-size:14px;font-weight:400;padding:9px 11px;border:1px solid #cfd8e3;border-radius:9px;background:#fff;color:var(--ink,#0f1b2d)}
.req-form input:focus,.req-form select:focus,.req-form textarea:focus{outline:2px solid #9cc0e8;border-color:#1f4f8f}
.req-form .rf-full{margin-top:10px}
.req-form .rf-consent{flex-direction:row;align-items:flex-start;gap:9px;font-weight:400;margin-top:12px;line-height:1.45}
.req-form .rf-consent input{margin-top:3px;width:16px;height:16px;accent-color:var(--navy);flex:0 0 auto}
.rf-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}
.req-done{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:12px;background:#ecf7f0;margin-bottom:12px}
.req-done svg{width:22px;height:22px;color:#1d7a46;flex:0 0 auto;margin-top:2px}
.req-done div{display:flex;flex-direction:column;gap:2px;font-size:14px}
.mail-preview{white-space:pre-wrap;font:12.5px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#f6f8fb;border:1px solid var(--line);border-radius:10px;padding:14px;margin:10px 0;color:#1e293b}
@media (max-width:600px){.req-form .rf-grid{grid-template-columns:1fr}}
.pr-links{flex-direction:column;align-items:flex-end;gap:1px}.pkk-list .nm .muted{flex-wrap:nowrap;white-space:nowrap}

/* =====================================================================
   v6 – kompakt fotobanner (erstatter hvit toppstripe)
   ===================================================================== */
.theme-bar{display:none}
.theme-banner{position:relative;height:124px;overflow:hidden;color:#fff;background:#0b2545;display:flex;flex-direction:column;justify-content:space-between;padding:12px 28px 14px}
.tbn-bg{position:absolute;inset:0;background:var(--hero-img) var(--hero-pos)/cover no-repeat;filter:grayscale(.15) brightness(.95);
  view-transition-name:theme-hero;animation:tbnIn 1.4s ease both;transition:filter .7s ease,transform 1.4s ease}
.theme-banner:hover .tbn-bg{filter:grayscale(0) brightness(1);transform:scale(1.015)}
@keyframes tbnIn{from{filter:grayscale(1) brightness(.7);transform:scale(1.04)}to{filter:grayscale(.15) brightness(.95);transform:none}}
.theme-banner::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(6,18,36,.92) 0%,rgba(8,26,50,.78) 40%,rgba(8,26,50,.45) 75%,rgba(8,26,50,.3) 100%),linear-gradient(0deg,rgba(6,18,36,.35),rgba(6,18,36,0) 60%)}
.theme-banner>*:not(.tbn-bg){position:relative;z-index:1}
.tbn-top{display:flex;align-items:center;gap:14px}
.theme-banner .mini-logo{color:#fff;font-size:21px}
.theme-banner .mini-logo span{color:#c9dbf2}
.theme-banner .crumbs{font-size:12.5px;color:rgba(255,255,255,.7)}
.theme-banner .crumbs a{color:rgba(255,255,255,.85)}
.theme-banner .proto-note{margin-left:auto;font-size:11.5px;color:rgba(255,255,255,.75);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);padding:3px 10px;border-radius:999px}
.tbn-main{display:flex;align-items:center;gap:12px;min-width:0}
.theme-banner .tb-ico{width:38px;height:38px;background:rgba(255,255,255,.12);border:1.5px solid rgba(255,255,255,.7);flex:0 0 38px}
.theme-banner .tb-ico svg{width:19px;height:19px}
.theme-banner h1{font-family:var(--serif);font-weight:900;font-size:44px;line-height:1;letter-spacing:-.035em;color:#fff;margin:0;font-variation-settings:"opsz" 144}
.tbn-tag{margin:0 0 0 6px;padding-left:16px;border-left:2px solid rgba(255,255,255,.35);font-size:14px;line-height:1.35;color:#dbe6f3;max-width:400px}
.theme-banner .tb-links{margin-left:auto;display:flex;gap:6px;flex-wrap:nowrap}
.theme-banner .tb-links a{color:#fff;font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);backdrop-filter:blur(3px);white-space:nowrap}
.theme-banner .tb-links a:hover{background:rgba(255,255,255,.22);color:#fff}
@media (max-width:1180px){.tbn-tag{display:none}}
@media (max-width:900px){.theme-banner .tb-links{display:none}}
@media (max-width:720px){
  .theme-banner{height:104px;padding:10px 16px 12px}
  .theme-banner .crumbs,.theme-banner .proto-note{display:none}
  .theme-banner h1{font-size:34px}
}
@media (prefers-reduced-motion:reduce){.tbn-bg{animation:none}}
/* hold første skjerm: litt strammere kart */
.editorial .map-box{height:190px}
#priceNote{display:none!important}
.editorial .map-box{height:182px}
.theme-banner{height:120px}
.theme-banner::after{background:linear-gradient(90deg,rgba(6,18,36,.9) 0%,rgba(8,26,50,.72) 38%,rgba(8,26,50,.35) 70%,rgba(8,26,50,.2) 100%),linear-gradient(0deg,rgba(6,18,36,.3),rgba(6,18,36,0) 60%)}
.pm-head .updated a{color:inherit;text-decoration:underline}
.rf-privacy{margin:4px 0 0 25px}
.editorial .seg button{white-space:nowrap}
.editorial .pm-head .updated{white-space:nowrap}
.editorial .search.v3{grid-template-columns:.8fr 1.25fr auto}
.req-form label .muted{font-weight:400}

/* v6.1 – robust logo: ordet holdes samlet uansett skrift, bredde og «reduser bevegelse» */
.home-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;column-gap:28px;row-gap:6px}
.home-logo{display:inline-block!important;flex:0 0 auto;width:auto!important;max-width:none;white-space:nowrap;text-align:left;
  letter-spacing:-.03em;word-spacing:0;font-family:"Fraunces",Georgia,"Times New Roman",serif;font-synthesis:none}
.home-logo .lw{display:inline;white-space:nowrap;width:auto!important;letter-spacing:inherit}
.home-logo .lw span{display:inline-block;width:auto!important;min-width:0;margin:0;padding:0;text-align:left;letter-spacing:inherit}
.home-logo>em.lw,.home-logo>em.lw span{font-family:"Fraunces",Georgia,"Times New Roman",serif;font-style:italic;font-weight:500}
.home-tag{flex:1 1 360px;min-width:0;flex-wrap:wrap;row-gap:4px}

/* =====================================================================
   v7 – fargede drivstoffikoner, PKK-knapper, temapopuper
   ===================================================================== */
:root{--c-ben:#1f6fd1;--c-die:#16a34a;--c-el:#8b3fd9}
.fi{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:6px;margin-right:6px;vertical-align:-5px;flex:0 0 auto}
.fi svg{width:13px;height:13px}
.fi-ben{background:#e6f0fc;color:var(--c-ben)}.fi-die{background:#e5f6eb;color:var(--c-die)}.fi-el{background:#f2e9fc;color:var(--c-el)}
.tp-k{display:flex;align-items:center}
.teaser-prices>div.primary{border-color:var(--c-el);box-shadow:inset 0 0 0 1px var(--c-el)}
.seg button{display:inline-flex;align-items:center}
.seg button .fi{width:16px;height:16px;margin-right:5px;border-radius:5px}.seg button .fi svg{width:11px;height:11px}
.fp-avg .fp-v{color:var(--navy)}
.fp-avg.fp-bensin{border-left:4px solid var(--c-ben)}.fp-avg.fp-diesel{border-left:4px solid var(--c-die)}
/* mindre, fargede kartnåler */
.price-pin span{font-size:11px;padding:2px 6px;border-radius:6px;line-height:1.3}
.price-pin.fuel-lading span{color:var(--c-el);border-color:#d9c3f3}
.price-pin.fuel-lading span::after{border-color:#d9c3f3}
.price-pin.fuel-lading.cheapest span{background:var(--c-el);color:#fff;border-color:var(--c-el);font-size:12px}
.price-pin.fuel-lading.cheapest span::after{border-color:var(--c-el)}
.price-pin.fuel-bensin.cheapest span{background:var(--c-ben);border-color:var(--c-ben)}
.price-pin.fuel-diesel.cheapest span{background:var(--c-die);border-color:var(--c-die)}
.cheap-list .pr b{color:var(--c-el)}
/* PKK: ordentlige knapper */
.btn-xs{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 11px;border-radius:8px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;text-decoration:none!important;transition:background .2s,border-color .2s,color .2s}
.btn-xs.primary{background:var(--navy);color:#fff;border:1px solid var(--navy)}
.btn-xs.primary:hover{background:#163a66}
.btn-xs.ghost{background:#fff;color:var(--navy);border:1px solid #cfd8e3}
.btn-xs.ghost:hover{border-color:var(--navy);background:#f6f8fb}
.pkk-list .pr{gap:6px}
.pr-links{flex-direction:row!important;gap:6px!important;align-items:center}
.btn-sm{height:34px;padding:0 14px;font-size:13px}
/* temapopuper */
.modal.modal-pop{max-width:920px;overflow:hidden;padding:0}
.modal.modal-pop .modal-head{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);padding:0;border:0}
.modal.modal-pop .modal-body{padding:0}
.pop-hero{position:relative;height:190px;color:#fff;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 78%,0 100%);background:#0b2545}
.ph-bg{position:absolute;inset:0;background:var(--img) var(--pos)/cover no-repeat;animation:phIn 1.2s cubic-bezier(.2,.7,.2,1) both}
@keyframes phIn{from{filter:grayscale(1) brightness(.75);transform:scale(1.05)}to{filter:grayscale(0) brightness(1);transform:none}}
.pop-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,18,36,.88),rgba(8,26,50,.55) 55%,rgba(8,26,50,.2))}
.ph-txt{position:absolute;left:28px;right:80px;bottom:44px;z-index:1}
.ph-k{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#c9dbf2}
.ph-h{font-family:var(--serif);font-weight:900;font-size:40px;letter-spacing:-.03em;line-height:1;margin:4px 0 8px;color:#fff}
.ph-txt p{margin:0;color:#dbe6f3;font-size:14.5px;max-width:560px}
.ph-x{position:absolute;top:14px;right:14px;z-index:2;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:rgba(0,0,0,.25);color:#fff;display:grid;place-items:center;cursor:pointer}
.ph-x:hover{background:rgba(0,0,0,.45)}.ph-x svg{width:18px;height:18px}
.pop-body{padding:8px 28px 24px}
.pop-cols{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.pop-h3{font-family:var(--serif);font-weight:800;font-size:19px;color:var(--navy);margin:16px 0 8px}
.pop-stat{display:flex;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:12px;margin-top:10px}
.pop-stat .fi{width:34px;height:34px;border-radius:10px;margin:0}.pop-stat .fi svg{width:18px;height:18px}
.pop-stat b{display:block;font-size:20px;color:var(--navy)}.pop-stat span{font-size:12.5px;color:var(--muted)}
.pop-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 8px}
.pop-actions .btn svg{width:16px;height:16px}
.pop-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}
.pop-card{border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:6px;transition:box-shadow .3s,transform .3s}
.pop-card:hover{box-shadow:0 12px 28px rgba(15,27,45,.1);transform:translateY(-2px)}
.pop-card h3{font-family:var(--serif);font-weight:800;font-size:21px;color:var(--navy);margin:4px 0 0}
.pop-card p{margin:0;font-size:14px;color:#334155}
.pc-ico{width:40px;height:40px;border-radius:12px;background:#eef2f7;color:var(--navy);display:grid;place-items:center}.pc-ico svg{width:20px;height:20px}
.pc-hl{background:#f6f8fb;border-radius:8px;padding:8px 10px}
.pop-card .btn{margin-top:auto;align-self:flex-start}
.pc-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.pdf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-top:10px}
.pdf-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;transition:box-shadow .3s,transform .3s}
.pdf-card:hover{box-shadow:0 12px 26px rgba(15,27,45,.12);transform:translateY(-3px)}
.pdf-thumb{display:block;aspect-ratio:210/297;overflow:hidden;background:#eef2f7;border-bottom:1px solid var(--line)}
.pdf-thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(.6);transition:filter .5s,transform .6s}
.pdf-card:hover .pdf-thumb img{filter:none;transform:scale(1.03)}
.pdf-meta{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px;flex:1}
.pdf-meta h3{font-size:14.5px;line-height:1.25;margin:0;color:var(--navy)}
.pdf-meta p{font-size:12.5px;color:#475569;margin:0}
.pdf-meta .btn{margin-top:auto;align-self:stretch;justify-content:center}
.pdf-meta .btn svg{width:15px;height:15px}
.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:10px}
.news-card{display:flex;gap:12px;padding:10px;border:1px solid var(--line);border-radius:12px;text-decoration:none!important;color:inherit;transition:box-shadow .3s,transform .3s}
.news-card:hover{box-shadow:0 10px 24px rgba(15,27,45,.1);transform:translateY(-2px)}
.nc-img{flex:0 0 120px;height:90px;border-radius:8px;overflow:hidden}
.nc-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(.5);transition:filter .5s,transform .6s}
.news-card:hover .nc-img img{filter:none;transform:scale(1.05)}
.nc-txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.nc-txt strong{font-family:var(--serif);font-size:15.5px;line-height:1.25;color:var(--navy)}
.nc-d{font-size:12.5px;color:#475569}
.tip-card{z-index:260}
@media (max-width:720px){.pop-cols,.pop-cards,.news-grid{grid-template-columns:1fr}.ph-h{font-size:30px}.pop-hero{height:160px}.pop-body{padding:8px 16px 18px}}
@media (prefers-reduced-motion:reduce){.ph-bg{animation:none}.pdf-card,.pop-card,.news-card{transition:none}.pdf-card:hover,.pop-card:hover,.news-card:hover{transform:none}}

/* =====================================================================
   v8 – rolig dynamikk på temasider (skrå geometri, reveal, sticky banner)
   ===================================================================== */
/* Sticky banner som krymper */
.theme-banner{position:sticky;top:0;z-index:60;transition:height .35s cubic-bezier(.2,.7,.2,1),padding .35s;
  clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 8px))}
.tbn-top,.tbn-tag,.tb-ico{transition:opacity .25s,transform .3s}
.theme-banner h1{transition:font-size .35s cubic-bezier(.2,.7,.2,1)}
body.is-scrolled .theme-banner{height:60px;padding-top:0;padding-bottom:0;justify-content:center}
body.is-scrolled .tbn-top{position:absolute;opacity:0;pointer-events:none;transform:translateY(-8px)}
body.is-scrolled .tbn-tag{opacity:0;width:0;padding:0;margin:0;border:0;overflow:hidden}
body.is-scrolled .theme-banner h1{font-size:28px}
body.is-scrolled .theme-banner .tb-ico{width:30px;height:30px;flex-basis:30px}
body.is-scrolled .tbn-main::before{content:"FolkeGuiden";font-family:var(--serif);font-weight:900;font-size:17px;letter-spacing:-.02em;color:rgba(255,255,255,.85);margin-right:4px}
@media (max-width:720px){body.is-scrolled .theme-banner{height:54px}}

/* Skrå hjørne på kartrammen og kortene, som panelene på forsiden */
.editorial .price-map{clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%)}
.editorial .map-box{clip-path:polygon(0 0,100% 0,100% 100%,18px 100%,0 calc(100% - 18px))}
#priceSection:not([hidden]) .map-box{animation:mapIn .8s cubic-bezier(.2,.7,.2,1) both}
@keyframes mapIn{from{opacity:0;clip-path:polygon(0 0,0 0,0 100%,0 100%,0 100%)}to{opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,18px 100%,0 calc(100% - 18px))}}
#priceSection:not([hidden]) .cheap-list li:not(.extra){animation:rowIn .5s ease both}
#priceSection:not([hidden]) .cheap-list li:nth-child(2){animation-delay:.08s}
#priceSection:not([hidden]) .cheap-list li:nth-child(3){animation-delay:.16s}
#priceSection:not([hidden]) .cheap-list li:nth-child(4){animation-delay:.24s}
@keyframes rowIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Fliser: skrå kant som glir inn ved hover (som panelkantene) */
.editorial .info-tile{position:relative;overflow:hidden}
.editorial .info-tile::before{content:"";position:absolute;left:-14px;top:0;bottom:0;width:8px;background:var(--navy);transform:skewX(-14deg);transition:left .3s cubic-bezier(.2,.7,.2,1)}
.editorial .info-tile:hover::before,.editorial .info-tile:focus-visible::before{left:-2px}
.editorial .guide-row{position:relative}
.editorial .guide-row::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;background:var(--navy);transform:skewX(-14deg) scaleY(0);transition:transform .3s}
.editorial .guide-row:hover::before{transform:skewX(-14deg) scaleY(1)}

/* Foto: gråtone som varmes opp til farge ved hover */
.editorial .news-row img,.editorial .lead-story img{filter:grayscale(.75) contrast(1.02);transition:filter .6s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.editorial .news-row:hover img,.editorial .lead-story:hover img{filter:none;transform:scale(1.03)}
.editorial .lead-story{overflow:hidden}
.editorial .lead-story img{clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),0 100%)}

/* Skrå skille mellom halvdelene øverst */
.editorial .col.regional{position:relative}
.editorial .col.regional::before{content:"";position:absolute;left:-1px;top:0;width:14px;height:64px;background:#fff;clip-path:polygon(0 0,100% 0,0 100%);pointer-events:none}

/* Scroll-reveal (kun når JS + bevegelse er tillatt) */
.motion-ok .rv{opacity:0;transform:translateY(8px);transition:opacity .55s ease var(--rv-d,0ms),transform .55s cubic-bezier(.2,.7,.2,1) var(--rv-d,0ms)}
.motion-ok .rv.in{opacity:1;transform:none}
.motion-ok .info-tile.rv.in{transition:opacity .55s ease var(--rv-d,0ms),transform .55s cubic-bezier(.2,.7,.2,1) var(--rv-d,0ms),background .25s,padding .25s}

@media (prefers-reduced-motion:reduce){
  .theme-banner,.theme-banner h1,.tbn-top,.tbn-tag{transition:none}
  #priceSection:not([hidden]) .map-box,#priceSection:not([hidden]) .cheap-list li{animation:none}
  .editorial .info-tile::before,.editorial .guide-row::before{transition:none}
  .editorial .news-row img,.editorial .lead-story img{transition:none}
  .editorial .news-row:hover img,.editorial .lead-story:hover img{transform:none}
}
.editorial .pm-head h3{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.editorial .pm-head>div:first-child{min-width:0}
.editorial .pm-head .seg{flex:0 0 auto}
.editorial .seg button{padding:5px 8px;font-size:12px}
.pdf-meta .btn{height:34px;font-size:12.5px;padding:0 10px;white-space:nowrap;gap:6px}
.pdf-meta h3{font-family:var(--serif);font-weight:800;font-size:15.5px}
.pkk-list li{align-items:center}
.editorial .info-tiles .info-tile{width:100%}


/* =====================================================================
   v9 – logo #19 (inline SVG + skrift), favicon, venstre halvdel med nyheter i fokus
   ===================================================================== */
.fg-logo{display:inline-flex;align-items:center;gap:.36em;text-decoration:none!important;color:#0b2545;white-space:nowrap;line-height:1;
  font-size:52px;--fg-sub:#5b6778;--fg-acc:#2f6fd6;--fg-c:#0b2545;--fg-f:#fff}
.fg-mark{width:1.28em;height:1.28em;flex:0 0 auto;overflow:visible}
.fm-c{fill:var(--fg-c)}.fm-f{fill:var(--fg-f)}.fm-a{fill:var(--fg-acc)}
.fg-lock{display:inline-flex;flex-direction:column;align-items:flex-start}
.fg-word{display:inline-flex;align-items:baseline;white-space:nowrap;letter-spacing:0}
.fg-w1{font-family:"Fraunces",Georgia,"Times New Roman",serif;font-weight:800;font-size:1em;letter-spacing:-.02em;font-variation-settings:"opsz" 144;color:inherit}
.fg-w2{font-family:"Inter",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-weight:400;font-size:.81em;letter-spacing:-.03em;color:var(--fg-sub);margin-left:.03em}
.fg-i{position:relative;display:inline-block}
.fg-i svg{position:absolute;left:50%;top:-.02em;margin-left:-.045em;width:.42em;height:.2em;overflow:visible}
.fg-i svg path{fill:var(--fg-acc)}
.fg-tag{display:flex;align-items:center;gap:.6em;margin-top:.32em;align-self:stretch;font-family:"Inter",system-ui,Arial,sans-serif;font-weight:500;
  font-size:.22em;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-sub)}
.fg-tag i{flex:1;height:1px;background:currentColor;opacity:.5;min-width:1.5em}
/* forside */
.home-head .fg-home{font-size:46px}
.home-head{align-items:center}
@media (max-width:720px), (orientation:portrait) and (max-width:1100px){.home-head .fg-home{font-size:32px}}
/* lys versjon på bilde */
.fg-light{--fg-c:#fff;--fg-f:#0b2545;--fg-acc:#4f8ff0;--fg-sub:rgba(255,255,255,.78);color:#fff;font-size:22px}
.theme-banner .fg-light{font-size:22px}
body.is-scrolled .tbn-main::before{content:none}
body.is-scrolled .tbn-top{position:static;opacity:1;transform:none;pointer-events:auto}
body.is-scrolled .theme-banner{flex-direction:row;align-items:center;justify-content:flex-start;gap:22px;padding:0 28px}
body.is-scrolled .tbn-top .crumbs,body.is-scrolled .tbn-top .proto-note{display:none}
body.is-scrolled .theme-banner .fg-light{font-size:19px}
body.is-scrolled .tbn-main{flex:1}
/* lasteanimasjon (rolig, ingen bokstavstrekking) */
.motionless{}
@keyframes fgMark{from{opacity:0;transform:scale(.82) rotate(-12deg)}to{opacity:1;transform:none}}
@keyframes fgArm{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}
@keyframes fgWord{from{opacity:0;transform:translateY(.18em)}to{opacity:1;transform:none}}
@keyframes fgDot{from{opacity:0;transform:translateX(-.25em)}to{opacity:1;transform:none}}
.fg-home .fg-mark{transform-origin:50% 50%;animation:fgMark .7s cubic-bezier(.2,.8,.2,1) both}
.fg-home .fm-a{animation:fgArm .55s cubic-bezier(.2,.8,.2,1) .45s both}
.fg-home .fg-w1{display:inline-block;animation:fgWord .6s cubic-bezier(.2,.8,.2,1) .15s both}
.fg-home .fg-w2{display:inline-block;animation:fgWord .6s cubic-bezier(.2,.8,.2,1) .28s both}
.fg-home .fg-i svg{animation:fgDot .5s cubic-bezier(.2,.8,.2,1) .75s both}
.fg-home .fg-tag{animation:fgWord .6s ease .5s both}
@media (prefers-reduced-motion:reduce){.fg-home .fg-mark,.fg-home .fm-a,.fg-home .fg-w1,.fg-home .fg-w2,.fg-home .fg-i svg,.fg-home .fg-tag{animation:none!important;opacity:1;transform:none}}

/* ---------- Venstre halvdel: nyheter i fokus ---------- */
.left-v2{display:flex;flex-direction:column;gap:0}
.left-v2 .kicker{font-family:"Inter",system-ui,sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#1f4f8f}
.feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.feat{display:flex;flex-direction:column;gap:6px;min-width:0}
.feat-img{display:block;aspect-ratio:4/3;border-radius:12px;overflow:hidden;margin-bottom:8px;background:#e2e8f0}
.feat-img img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(.7);transition:filter .6s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.feat:hover .feat-img img{filter:none;transform:scale(1.035)}
.feat h2{font-family:var(--serif);font-weight:800;font-size:23px;line-height:1.15;letter-spacing:-.02em;margin:0}
.feat h2 a{color:var(--navy);text-decoration:none}
.feat h2 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.feat p{margin:0;font-size:14.5px;line-height:1.55;color:#475569;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.feat .byline{font-size:12px;color:#94a3b8}
.news-mini{display:grid;grid-template-columns:1fr 1fr;gap:4px 22px;margin-top:22px;padding-top:18px;border-top:1px solid #e5e9f0}
.mini{display:flex;gap:12px;align-items:center;padding:8px 0;text-decoration:none!important;color:inherit;min-width:0}
.mini img{flex:0 0 76px;width:76px;height:58px;border-radius:8px;object-fit:cover;filter:grayscale(.7);transition:filter .5s,transform .6s}
.mini:hover img{filter:none;transform:scale(1.04)}
.mini>span{display:flex;flex-direction:column;gap:2px;min-width:0}
.mini strong{font-family:var(--serif);font-weight:700;font-size:15px;line-height:1.25;color:var(--navy)}
.mini:hover strong{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.mini .byline{font-size:11.5px;color:#94a3b8}
.news-more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.2,.7,.2,1),opacity .4s;opacity:0}
.news-more.open{grid-template-rows:1fr;opacity:1}
.news-more-in{overflow:hidden;min-height:0}
.news-more .news-mini{margin-top:4px;padding-top:4px;border-top:0}
.news-actions{display:flex;align-items:center;justify-content:space-between;margin-top:14px}
.more-news{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 16px;border-radius:999px;border:1px solid #cfd8e3;background:#fff;color:var(--navy);
  font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;transition:border-color .2s,background .2s}
.more-news:hover{border-color:var(--navy);background:#f8fafc}
.more-news svg{width:16px;height:16px;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.more-news[aria-expanded="true"] svg{transform:rotate(180deg)}
.see-all{border:0;background:none;padding:0;font:inherit;font-size:13.5px;font-weight:600;color:#1f4f8f;cursor:pointer}
.see-all:hover{text-decoration:underline;text-underline-offset:3px}
/* Gratis guider: kompakt hylle med bokomslag */
.guides-shelf{margin-top:30px;padding-top:22px;border-top:1px solid #e5e9f0}
.shelf-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}
.shelf-head h2{font-family:var(--serif);font-weight:800;font-size:21px;letter-spacing:-.02em;color:var(--navy);margin:0}
.shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;perspective:900px}
.book{display:flex;flex-direction:column;gap:4px;text-decoration:none!important;color:inherit;min-width:0}
.book-cover{display:block;aspect-ratio:210/297;border-radius:8px;overflow:hidden;background:#e2e8f0;margin-bottom:8px;
  box-shadow:0 1px 2px rgba(15,27,45,.08),0 6px 16px rgba(15,27,45,.10);transform-origin:50% 100%;
  transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
.book-cover img{width:100%;height:100%;object-fit:cover;display:block}
.book:hover .book-cover,.book:focus-visible .book-cover{transform:translateY(-4px) rotateX(4deg) rotateY(-6deg);box-shadow:0 2px 4px rgba(15,27,45,.08),0 16px 30px rgba(15,27,45,.18)}
.book strong{font-family:"Inter",system-ui,sans-serif;font-weight:600;font-size:13px;line-height:1.3;color:var(--navy)}
.book-d{font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.book-foot{display:flex;align-items:center;justify-content:space-between;margin-top:4px}
.pill-free{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:#e8f3ec;color:#1d7a46}
.book-dl{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#eef2f7;color:var(--navy);transition:background .25s,color .25s}
.book-dl svg{width:14px;height:14px}
.book:hover .book-dl{background:var(--navy);color:#fff}
.left-v2 .ad-slim{margin-top:28px}
@media (max-width:900px){.feat-grid,.news-mini{grid-template-columns:1fr}.shelf{grid-template-columns:repeat(2,1fr)}}
@media (prefers-reduced-motion:reduce){.news-more,.more-news svg,.book-cover,.feat-img img,.mini img{transition:none}.book:hover .book-cover{transform:none}}

/* v10 – kartfliser med reserve + ny logo i sidemenyen */
.pkk-map{position:relative}
.pkk-map.leaflet-container{background:#e9eef4}
.pkk-map .map-fallback{position:absolute;inset:0;z-index:0}
.pkk-map.tiles-failed .leaflet-tile-pane,.map-box.tiles-failed .leaflet-tile-pane{display:none}
.price-map .leaflet-tile-pane{filter:grayscale(.85) contrast(1.02)}
.sidebar .logo.logo-mark{background:none;border-radius:50%;padding:0;box-shadow:none;width:44px;height:44px;overflow:visible}
.sidebar .logo.logo-mark svg{width:44px;height:44px;display:block}
.sidebar .logo-mark .fm-c{fill:#fff}.sidebar .logo-mark .fm-f{fill:#0b2545}.sidebar .logo-mark .fm-a{fill:#2f6fd6}
[data-tiles="esri"] .leaflet-tile-pane{filter:none}
.price-map[data-tiles="osmfr"] .leaflet-tile-pane,.pkk-map[data-tiles="osmfr"] .leaflet-tile-pane{filter:grayscale(1) contrast(.9) brightness(1.06)}
.leaflet-overlay-pane img.leaflet-tile{pointer-events:none}
/* v10 – kompakte snittpris-brikker i tom tilstand */
.teaser-prices.tp-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px}
.teaser-prices.tp-chips>div{flex-direction:row;align-items:center;gap:6px;padding:5px 12px 5px 6px;border-radius:999px;border:1px solid var(--line);background:#fff;box-shadow:none;white-space:nowrap}
.teaser-prices.tp-chips>div:hover{transform:none;box-shadow:none}
.teaser-prices.tp-chips>div.primary{border-color:#d9c6f3;box-shadow:none}
.tp-chips .fi{margin:0;width:22px;height:22px;border-radius:50%}
.tp-chips .tp-k{font-size:12.5px;font-weight:600;color:var(--muted)}
.tp-chips .tp-v{font-size:14.5px;font-weight:800;letter-spacing:0;font-variant-numeric:tabular-nums}
.tp-chips .primary .tp-v{color:var(--c-el)}
.tp-chips .tp-u{font-size:12px;color:var(--muted)}
.tp-note{margin:6px 0 0}
@media (max-width:720px){.tp-chips .tp-k{display:none}}
.teaser-prices.tp-chips{flex-wrap:nowrap;gap:6px}
.teaser-prices.tp-chips>div{padding:4px 10px 4px 5px;gap:5px}
.tp-chips .fi{width:20px;height:20px}.tp-chips .fi svg{width:12px;height:12px}
.intro .intro-map{height:264px}
.intro .you-get{margin-top:12px}
@media (max-width:720px){.teaser-prices.tp-chips{flex-wrap:wrap}.intro .intro-map{height:240px}}
.intro .you-get{gap:6px}
.intro .you-get li{flex-direction:row;justify-content:center;text-align:left;gap:6px;font-size:12px;line-height:1.25}
.intro .you-get li span{width:26px;height:26px;flex:0 0 26px}.intro .you-get li span svg{width:13px;height:13px}

/* v11 – tydeligere kart: liten prompt i tom tilstand, høyere kart og kompakt liste etter søk */
.intro .prompt-card{left:12px;right:auto;top:auto;bottom:12px;transform:none;width:auto;max-width:min(330px,calc(100% - 24px));padding:9px 12px 9px 10px;border-radius:12px;
  display:flex;gap:10px;align-items:center;box-shadow:0 4px 14px rgba(15,27,45,.12)}
.intro .prompt-card .bulb{width:30px;height:30px;flex:0 0 30px}
.intro .prompt-card .bulb svg{width:16px;height:16px}
.intro .prompt-card strong{font-size:14px;line-height:1.25;display:block;margin:0}
.intro .prompt-card>div>span:not(.try-row){display:none}
.intro .prompt-card .try-row{font-size:12px;margin-top:2px;display:block}
.intro .norway{height:118%}
/* etter søk */
.status-row.on-map{top:8px;left:48px;right:auto;gap:4px}
.status-row.on-map .st-chip{height:24px;font-size:11.5px;padding:0 8px;box-shadow:0 1px 4px rgba(15,27,45,.12)}
.status-row.on-map .st-chip svg{width:12px;height:12px}
.editorial .map-box{height:330px}
.editorial .map-box{clip-path:none}
.map-box .leaflet-control-attribution{font-size:9.5px;line-height:1.3;padding:0 5px;background:rgba(255,255,255,.7);color:#64748b}
.map-box .leaflet-control-attribution a{color:#64748b}
.cheap-list{padding:2px 14px 0}
.cheap-list li.row1{gap:10px;padding:6px 0;font-size:13px;flex-wrap:nowrap}
.cheap-list li.row1 .rank{width:20px;height:20px;flex:0 0 20px;font-size:11px}
.cheap-list li.row1 .nm{flex-direction:row;align-items:baseline;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.cheap-list li.row1 .nm strong{font-size:13.5px;font-weight:600}
.cheap-list li.row1 .nm span{font-size:12.5px}
.cheap-list li.row1 .pr{flex-direction:row;align-items:baseline;gap:3px;max-width:none;flex:0 0 auto}
.cheap-list li.row1 .pr b{font-size:14.5px}
.cheap-list li.row1 .pr .muted{font-size:11.5px;margin:0}
.list-foot{font-size:12px}
.list-foot .more-toggle{padding:7px 0}
.intro .norway{height:96%;left:64%}
.intro .prompt-card{max-width:min(380px,calc(100% - 24px))}
.intro .prompt-card .try-row{white-space:nowrap}
.intro .prompt-card{top:12px;bottom:auto}
.intro .norway{fill:#cdd6e1;left:60%;height:100%}

/* v12 – navigasjon fra kart og lister */
.st-popup .leaflet-popup-content-wrapper{border-radius:12px;box-shadow:0 8px 24px rgba(15,27,45,.18)}
.st-popup .leaflet-popup-content{margin:12px 14px;font-family:"Inter",system-ui,sans-serif;font-size:12.5px;line-height:1.45;color:#334155}
.st-pop{display:flex;flex-direction:column;gap:2px}
.st-pop strong{font-family:var(--serif);font-size:15px;color:var(--navy);margin-bottom:2px}
.st-pop .st-price{color:var(--navy);font-size:13.5px}
.st-pop .muted{font-size:11px}
.nav-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;height:32px;padding:0 12px;border-radius:8px;background:var(--navy);color:#fff!important;font-weight:600;font-size:12.5px;text-decoration:none!important}
.nav-btn:hover{background:#13345f}
.nav-btn svg{width:14px;height:14px}
.nav-ico{flex:0 0 auto;width:26px;height:26px;border-radius:50%;display:inline-grid;place-items:center;border:1px solid var(--line);background:#fff;color:var(--navy);margin-left:4px;transition:background .2s,color .2s,border-color .2s}
.nav-ico:hover,.nav-ico:focus-visible{background:var(--navy);color:#fff;border-color:var(--navy)}
.nav-ico svg{width:13px;height:13px}
.cheap-list li.row1 .nav-ico{width:24px;height:24px}
.pr-links{align-items:center}
.map-box.pop-open .status-row.on-map{opacity:0;pointer-events:none;transition:opacity .2s}

/* v13 – søk */
.news-search{position:relative;display:flex;align-items:center;margin:0 0 18px;max-width:440px}
.news-search>svg{position:absolute;left:12px;width:16px;height:16px;color:#64748b;pointer-events:none}
.news-search input{width:100%;height:38px;border:1px solid #d5dde7;border-radius:999px;padding:0 64px 0 36px;font:inherit;font-size:14px;background:#fff;color:var(--navy);transition:border-color .2s,box-shadow .2s}
.news-search input::placeholder{color:#94a3b8}
.news-search input:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(11,37,69,.08)}
.news-search input::-webkit-search-cancel-button{display:none}
.news-search kbd{position:absolute;right:10px;font:600 10.5px/1 "Inter",system-ui,sans-serif;color:#94a3b8;border:1px solid #e2e8f0;border-radius:5px;padding:3px 5px;background:#f8fafc;pointer-events:none}
.news-search input:not(:focus)~kbd{opacity:0}
.sr-pop{padding-top:22px}
.news-search.in-pop{max-width:none;margin:0 0 18px}
.news-search.in-pop input{height:46px;font-size:16px;padding-right:52px;border-radius:12px}
.news-search.in-pop>svg{left:14px;width:18px;height:18px}
.news-search.in-pop .sr-x{position:absolute;right:6px;top:6px;width:34px;height:34px;background:transparent;color:#64748b;border:0}
.news-search.in-pop .sr-x:hover{background:#eef2f7;color:var(--navy)}
.sr-cols{display:grid;grid-template-columns:1.35fr 1fr;gap:28px;align-items:start}
.sr-h{display:flex;align-items:center;gap:8px;font:700 11.5px/1 "Inter",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#334155;margin:0 0 8px;padding-bottom:8px;border-bottom:1px solid #e5e9f0}
.sr-dot{width:8px;height:8px;border-radius:50%}.sr-dot.own{background:var(--navy)}.sr-dot.web{background:#94a3b8}
.sr-n{font-weight:600;color:#94a3b8;letter-spacing:0}
.sr-ex{font-size:10px;letter-spacing:.06em;padding:3px 7px;border-radius:999px;background:#fff4e0;color:#9a5b00}
.sr-list{list-style:none;margin:0;padding:0}
.sr-item{display:flex;gap:12px;align-items:flex-start;padding:9px 6px;border-radius:10px;text-decoration:none!important;color:inherit}
.sr-item:hover,.sr-item:focus-visible{background:#f3f6fa}
.sr-item img{width:64px;height:48px;border-radius:7px;object-fit:cover;flex:0 0 64px;background:#e2e8f0}
.sr-ico{width:64px;height:48px;flex:0 0 64px;border-radius:7px;background:#eef2f7;display:grid;place-items:center;color:var(--navy)}.sr-ico svg{width:18px;height:18px}
.sr-txt{display:flex;flex-direction:column;gap:1px;min-width:0}
.sr-meta{font-size:11px;font-weight:600;color:#1f4f8f;text-transform:uppercase;letter-spacing:.06em}
.sr-item strong{font-family:var(--serif);font-size:15.5px;line-height:1.25;color:var(--navy)}
.sr-d{font-size:12.5px;color:#64748b;line-height:1.4}
.sr-web{display:flex;flex-direction:column;gap:2px;padding:9px 6px;border-radius:10px;text-decoration:none!important;color:inherit}
.sr-web:hover{background:#f3f6fa}
.sr-src{font-size:11.5px;color:#15803d;font-weight:600}
.sr-web strong{font-size:14px;color:#1a4fb4;font-weight:600;line-height:1.3}
.sr-web:hover strong{text-decoration:underline}
.sr-pop mark{background:#fff1b8;color:inherit;border-radius:2px;padding:0}
.sr-none{font-size:13.5px;color:#64748b;padding:8px 0}
.sr-empty{padding:6px 0 10px}
.sr-empty p{margin:0 0 10px;color:#475569}
.sr-sugg{display:flex;gap:8px;flex-wrap:wrap}
.sr-sugg .chip svg{width:13px;height:13px}
@media (max-width:720px){.sr-cols{grid-template-columns:1fr}}

/* v14 – diskré produkteksempler (info først) */
.shop{margin-top:26px;padding-top:16px;border-top:1px solid #e5e9f0;color:#475569}
.shop-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:4px}
.shop-h h3{margin:0;font:600 13.5px/1.3 "Inter",system-ui,sans-serif;color:#334155}
.shop-note{font-size:11px;color:#94a3b8;letter-spacing:.02em}
.shop-intro{font-size:12.5px!important;color:#64748b!important;margin:2px 0 10px!important}
.shop-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.shop-list:has(> li:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
.shop-a{display:flex;flex-direction:column;gap:1px;height:100%;padding:10px 12px;border:1px solid #e5e9f0;border-radius:10px;background:#fbfcfd;text-decoration:none!important;color:inherit;transition:border-color .2s,background .2s}
.shop-a:hover,.shop-a:focus-visible{border-color:#cbd5e1;background:#fff}
.shop-brand{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-weight:600}
.shop-a strong{font-size:13px;color:#334155;font-weight:600;line-height:1.3}
.shop-x{font-size:11.5px;color:#94a3b8}
.shop-foot{display:flex;justify-content:space-between;align-items:baseline;gap:6px;margin-top:auto;padding-top:6px}
.shop-p{font-size:12.5px;font-weight:600;color:#475569}
.shop-p em{font-style:normal;font-weight:500;font-size:10px;color:#9a5b00;background:#fff4e0;border-radius:999px;padding:1px 6px;margin-left:2px}
.shop-src{font-size:11px;color:#94a3b8;white-space:nowrap}
.shop-fine{font-size:11.5px;color:#94a3b8;margin:8px 0 0}
.kit{list-style:none;margin:10px 0 14px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}
.kit li{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:8px 10px 8px 12px}
.kit label{display:flex;gap:10px;align-items:flex-start;flex:1;cursor:pointer;min-width:0}
.kit input{width:18px;height:18px;margin-top:2px;accent-color:var(--navy);flex:0 0 auto}
.kit-txt{display:flex;flex-direction:column;gap:1px}
.kit-txt strong{font-size:14px;color:var(--navy)}
.kit-txt span{font-size:12.5px;color:#64748b;line-height:1.4}
.kit input:checked+.kit-txt strong{text-decoration:line-through;color:var(--muted)}
.kit-ex{flex:0 0 auto;font-size:11px;color:#94a3b8!important;text-decoration:none!important;white-space:nowrap}
.kit-ex:hover{color:#475569!important;text-decoration:underline!important}
@media (max-width:820px){.shop-list,.shop-list:has(> li:nth-child(3):last-child){grid-template-columns:1fr 1fr}.kit{grid-template-columns:1fr}}
.shop-foot{flex-direction:column;align-items:flex-start;gap:2px}
.shop-p{white-space:nowrap}
.shop-install{display:flex;gap:8px;align-items:flex-start;margin:10px 0 0!important;padding:9px 12px;border-radius:10px;background:#f6f8fb;font-size:12px!important;color:#475569!important;line-height:1.5}
.shop-install svg{width:14px;height:14px;flex:0 0 14px;margin-top:2px;color:#64748b}
.shop-install em{font-style:normal;font-size:10.5px;color:#9a5b00;background:#fff4e0;border-radius:999px;padding:1px 6px}
.shop-install a{color:#475569}
/* v15 – produktbilder */
.shop-img{display:block;aspect-ratio:1/1;border-radius:8px;overflow:hidden;background:#f1f4f8;margin-bottom:8px;border:1px solid #edf0f4}
.shop-img img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9);transition:transform .4s ease}
.shop-a:hover .shop-img img{transform:scale(1.04)}
.shop-list{grid-template-columns:repeat(4,minmax(0,150px))}
.shop-list:has(> li:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,150px))}
.kit-img{width:48px;height:48px;border-radius:8px;object-fit:cover;flex:0 0 48px;border:1px solid #edf0f4;background:#f1f4f8}
.kit label{align-items:center}
@media (prefers-reduced-motion:reduce){.shop-a:hover .shop-img img{transform:none}}
.shop-p{white-space:normal;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 4px}
.shop-p em{margin-left:0}

/* ===== Temasider Hus / Hage (js/tema.js) ===== */
.search.v3.only-postnr{grid-template-columns:1fr auto}
.local-card .map-box{position:relative}
.local-card .map-box.pop-open .status-row{opacity:0;pointer-events:none}
.loc-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:0}
.loc-row{display:grid;grid-template-columns:30px 1fr auto;gap:4px 10px;align-items:center;padding:8px 2px;border-top:1px solid var(--line);font-size:13px}
.loc-row:first-child{border-top:0}
.lr-ico{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eef2f7;color:#0b2545}
.lr-ico svg{width:15px;height:15px}
.lr-ico.el{background:#efe9fb;color:#6d3fd1}.lr-ico.gr{background:#e6f4ea;color:#1d7a3e}
.lr-txt{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.lr-k{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted,#5b6878)}
.lr-txt strong{font-weight:600;font-size:13.5px}.lr-txt strong small{font-weight:400;color:var(--muted,#5b6878);font-size:11px}
.lr-d{color:var(--muted,#5b6878);font-size:12px}
.loc-row .lr-link,.loc-row .lr-more{font-size:12px;white-space:nowrap;justify-self:end}
.loc-row .lr-more{background:none;border:1px solid var(--line);border-radius:999px;padding:3px 10px;cursor:pointer;font:inherit;font-size:12px;color:inherit}
.loc-row .lr-more+.lr-link{grid-column:3;grid-row:2}
.loc-note{margin-top:6px}
.poi-pin span{background:#0b2545;color:#fff}
.book-cover.gen{position:relative}
.book-cover.gen img{filter:saturate(.9)}
.book-cover.gen::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,37,69,0) 35%,rgba(11,37,69,.88))}
.gc-t{position:absolute;left:8px;right:8px;bottom:8px;z-index:1;color:#fff;font-family:Fraunces,Georgia,serif;font-weight:600;font-size:13px;line-height:1.15}
.gc-k{display:block;font-family:Inter,system-ui,sans-serif;font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;opacity:.8;margin-bottom:3px;font-weight:500}
.pdf-thumb.gen-thumb .book-cover{margin:0;border-radius:0;height:100%}
.pdf-thumb.gen-thumb .gc-t{font-size:16px}
.info-tile em{display:block;font-style:normal;font-size:11.5px;color:#1d7a3e;margin-top:2px}
.kit-ex{font-size:12px}

/* ===== Hus/Hage v2: lysere temapaletter + DIY-fokus (kun body.tema; bil uendret) ===== */
body.theme-hage{--acc:#2f9e44;--acc-d:#1e6b2e;--acc-soft:#e7f5e4;--acc-2:#f5b82e;--acc-3:#ff7a59;--page:#f7fbf4;--side:#1f5a32}
body.theme-bolig{--acc:#1597a6;--acc-d:#0d6b79;--acc-soft:#e2f5f4;--acc-2:#8fcdf0;--acc-3:#f7b733;--page:#f4fafd;--side:#1f6f8b}
body.tema,body.tema .main{background:var(--page)}
body.tema .sidebar{background:var(--side)}
/* Banner: lyst og varmt, fullfarge */
body.tema .theme-banner{background:var(--acc-d)}
body.tema .tbn-bg{filter:saturate(1.08) brightness(1.04);animation:tbnInC .9s cubic-bezier(.2,.7,.2,1) both}
body.tema .theme-banner:hover .tbn-bg{filter:saturate(1.12) brightness(1.08)}
@keyframes tbnInC{from{transform:scale(1.04);opacity:.6}to{transform:none;opacity:1}}
body.theme-hage .theme-banner::after{background:linear-gradient(90deg,rgba(22,74,38,.78) 0%,rgba(30,107,46,.45) 45%,rgba(245,184,46,.12) 80%,rgba(255,255,255,0) 100%)}
body.theme-bolig .theme-banner::after{background:linear-gradient(90deg,rgba(13,90,110,.72) 0%,rgba(21,151,166,.38) 45%,rgba(143,205,240,.12) 80%,rgba(255,255,255,0) 100%)}
body.tema .theme-banner .tb-links a{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.45)}
/* Bilder i full farge */
body.tema .feat-img img,body.tema .mini img,body.tema .book-cover img,body.tema .nc-img img,body.tema .pdf-thumb img,body.tema .diy-img img,body.tema .sr-item img{filter:none}
body.tema .ph-bg{animation:phInC 1s cubic-bezier(.2,.7,.2,1) both}
@keyframes phInC{from{transform:scale(1.05)}to{transform:none}}
body.theme-hage .pop-hero::after{background:linear-gradient(90deg,rgba(22,74,38,.82),rgba(30,107,46,.45) 55%,rgba(30,107,46,.08))}
body.theme-bolig .pop-hero::after{background:linear-gradient(90deg,rgba(13,90,110,.8),rgba(21,151,166,.4) 55%,rgba(143,205,240,.06))}
body.tema .pop-hero{background:var(--acc-d)}
body.theme-hage .book-cover.gen::after{background:linear-gradient(180deg,rgba(30,107,46,0) 40%,rgba(22,74,38,.85))}
body.theme-bolig .book-cover.gen::after{background:linear-gradient(180deg,rgba(13,90,110,0) 40%,rgba(13,90,110,.85))}
/* Aksenter */
body.tema .col-tab{color:var(--acc-d)}
body.tema .col-tab span::before{background:var(--acc)}
body.tema .left-v2 .kicker,body.tema .kicker{color:var(--acc)}
body.tema .btn{background:var(--acc);color:#fff}
body.tema .btn:hover{background:var(--acc-d)}
body.tema .see-all,body.tema .ext-link,body.tema .lr-link{color:var(--acc-d)}
body.tema .pill-free{background:var(--acc-soft);color:var(--acc-d)}
body.tema .it-ico{background:var(--acc-soft);color:var(--acc-d)}
body.tema .info-tile:hover{background:var(--acc-soft)}
body.tema .info-tile em{color:var(--acc-d)}
body.tema .checks svg,body.tema .checklist input{color:var(--acc);accent-color:var(--acc)}
body.tema .note{background:var(--acc-soft);border-color:transparent}
body.tema .more-news{border-color:var(--acc);color:var(--acc-d)}
body.tema .news-search{background:#fff}

/* Oppsett: hovedkolonne + smal sidekolonne */
.tema-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:32px;padding:22px 30px 40px;max-width:1500px}
.tema-main{min-width:0}
.tema-main>.news-search{max-width:440px;margin-bottom:16px}
.tema-side{display:flex;flex-direction:column;gap:18px;min-width:0}
.local-widget{background:#fff;border-radius:16px;padding:16px 16px 14px;box-shadow:0 1px 2px rgba(15,27,45,.05),0 8px 24px rgba(15,27,45,.06);border-top:4px solid var(--acc)}
.local-widget .col-tab{margin-bottom:10px;font-size:11px}.local-widget .col-tab small{display:none}
.lw-form{display:flex;gap:8px}
.lw-form .input{flex:1;display:flex;align-items:center;gap:8px;height:40px;border:1px solid var(--line);border-radius:10px;padding:0 10px;background:#fff}
.lw-form .input svg{width:16px;height:16px;color:var(--acc)}
.lw-form input{border:0;outline:0;font:inherit;width:100%;background:transparent}
.lw-form .btn{height:40px;padding:0 14px}
.lw-intro{margin-top:8px}
.lw-prompt{margin:0 0 8px;font-size:13.5px;color:var(--muted)}
.lw-intro .tp-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.lw-intro .tp-chips>div{flex:0 0 auto;min-width:0}
.lw-intro .fine{font-size:11px;margin:6px 0}
.lw-intro .try-row{font-size:12px;margin:4px 0 0}
.local-card{margin-top:10px}
.local-card h3{margin:0;font-family:Fraunces,Georgia,serif;font-size:18px}
.local-card .updated{margin:0 0 8px;font-size:11.5px;color:var(--muted)}
.lw-map{height:170px!important;border-radius:12px;overflow:hidden;position:relative}
.lw-map .leaflet-control-zoom a{width:24px;height:24px;line-height:24px;font-size:14px}
.lw-chips{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 2px;position:static;padding:0}
.lw-chips .st-chip{height:24px;font-size:11.5px;padding:0 8px;background:var(--acc-soft);border:0}
.lw-chips .st-chip.alert{background:#fff1e6;color:#b4461f}
.local-widget .loc-row{grid-template-columns:26px 1fr;gap:2px 9px;padding:7px 0;font-size:12.5px}
.local-widget .lr-ico{width:26px;height:26px;background:var(--acc-soft);color:var(--acc-d)}
.local-widget .loc-row .lr-link,.local-widget .loc-row .lr-more,.local-widget .loc-row .lr-more+.lr-link{grid-column:2;grid-row:auto;justify-self:start;font-size:11.5px;border:0;padding:0;color:var(--acc-d);background:none;text-decoration:underline;text-underline-offset:2px}
.local-widget .lr-txt strong{font-size:13px}
.local-card:not(.expanded) .loc-row:nth-child(n+5),.local-card:not(.expanded) .loc-note{display:none}
.lw-more{width:100%;margin-top:6px;height:32px;border:1px dashed var(--acc);border-radius:9px;background:none;color:var(--acc-d);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
.lw-more:hover{background:var(--acc-soft)}
.side-tiles .tiles-title{margin:0 0 8px;font-size:15px}
.side-tiles .info-tile{padding:10px 12px;gap:10px}
.side-tiles .info-tile .it-txt span{font-size:12px}
.side-tiles .it-ico{width:30px;height:30px}

/* DIY-kort */
.diy{margin:26px 0 8px;padding-top:22px;border-top:1px solid var(--line)}
.diy .shelf-head{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}
.diy h2{margin:0;font-family:Fraunces,Georgia,serif;font-size:26px}
.diy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.diy-card{display:flex;flex-direction:column;text-align:left;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;padding:0;cursor:pointer;font:inherit;color:inherit;transition:transform .3s ease,box-shadow .3s ease}
.diy-card:hover,.diy-card:focus-visible{transform:translateY(-3px);box-shadow:0 12px 26px rgba(15,27,45,.12)}
.diy-img{aspect-ratio:4/3;overflow:hidden;display:block}
.diy-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.diy-card:hover .diy-img img{transform:scale(1.04)}
.diy-txt{display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px}
.diy-txt strong{font-family:Fraunces,Georgia,serif;font-size:17px;line-height:1.2}
.diy-meta,.diy-facts{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12px;color:var(--muted);align-items:center}
.diy-meta svg,.diy-facts svg,.diy-tools svg{width:13px;height:13px;vertical-align:-2px;margin-right:3px;color:var(--acc)}
.diy-meta em,.diy-facts em{font-style:normal;font-size:11px}
.diy-tools{font-size:11.5px;color:var(--muted);line-height:1.35}
.diy-lvl{display:inline-flex;align-items:center;gap:2px;font-weight:600;color:var(--acc-d)}
.diy-lvl i{width:6px;height:12px;border-radius:2px;background:var(--acc-soft);display:inline-block}
.diy-lvl i:last-of-type{margin-right:4px}
.diy-lvl.l1 i:nth-child(1),.diy-lvl.l2 i:nth-child(-n+2),.diy-lvl.l3 i{background:var(--acc-3)}
.diy-pop .diy-facts{margin:4px 0 12px;font-size:13px}
.diy-cols{display:grid;grid-template-columns:1.2fr 1fr;gap:28px}
.diy-steps{margin:0;padding:0;list-style:none;counter-reset:s}
.diy-steps li{counter-increment:s;position:relative;padding:0 0 10px 38px;line-height:1.45}
.diy-steps li::before{content:counter(s);position:absolute;left:0;top:-1px;width:26px;height:26px;border-radius:50%;background:var(--acc);color:#fff;font-weight:700;font-size:12.5px;display:grid;place-items:center}
@media (max-width:1000px){.tema-layout{grid-template-columns:1fr;padding:18px}.diy-cols{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){body.tema .tbn-bg,body.tema .ph-bg{animation:none}.diy-card,.diy-img img{transition:none}.diy-card:hover{transform:none}.diy-card:hover .diy-img img{transform:none}}
body.tema .feat-img{aspect-ratio:2/1;height:auto}

body.tema .tbn-bg{filter:saturate(1.1) brightness(1.12)}
body.theme-bolig .diy-lvl.l1 i:nth-child(1),body.theme-bolig .diy-lvl.l2 i:nth-child(-n+2){background:var(--acc-3)}

/* ===== Helse & kosthold + Reise ===== */
body.theme-helse{--acc:#3fa34d;--acc-d:#246b31;--acc-soft:#ecf7e3;--acc-2:#b5d334;--acc-3:#ff8c3b;--page:#f8fbf2;--side:#2a6b33}
body.theme-reise{--acc:#0f86c6;--acc-d:#0a5c8e;--acc-soft:#e3f2fb;--acc-2:#ffc94a;--acc-3:#ff6f59;--page:#f3f9fd;--side:#0b5d8f}
body.theme-helse .theme-banner::after{background:linear-gradient(90deg,rgba(30,90,40,.78) 0%,rgba(63,163,77,.42) 45%,rgba(255,140,59,.14) 80%,rgba(255,255,255,0) 100%)}
body.theme-reise .theme-banner::after{background:linear-gradient(90deg,rgba(8,70,110,.76) 0%,rgba(15,134,198,.4) 45%,rgba(255,111,89,.16) 80%,rgba(255,255,255,0) 100%)}
body.theme-helse .pop-hero::after{background:linear-gradient(90deg,rgba(30,90,40,.84),rgba(63,163,77,.45) 55%,rgba(255,140,59,.08))}
body.theme-reise .pop-hero::after{background:linear-gradient(90deg,rgba(8,70,110,.82),rgba(15,134,198,.42) 55%,rgba(255,201,74,.08))}
body.theme-helse .book-cover.gen::after{background:linear-gradient(180deg,rgba(36,107,49,0) 40%,rgba(36,107,49,.85))}
body.theme-reise .book-cover.gen::after{background:linear-gradient(180deg,rgba(10,92,142,0) 40%,rgba(10,92,142,.85))}
.tool-sec{margin:26px 0 8px;scroll-margin-top:90px}
.tool-sec .shelf-head{margin-bottom:10px}
.fine{font-size:12px;color:#5b6570;margin:8px 0 0}
.chip{font:inherit;font-size:13px;border:1.5px solid #d5dde3;background:#fff;color:#1d2a33;border-radius:999px;padding:6px 12px;cursor:pointer;transition:background .15s,border-color .15s,color .15s;display:inline-flex;flex-direction:column;align-items:center;line-height:1.15}
.chip small{font-size:10.5px;opacity:.75}
.chip:hover{border-color:var(--acc)}
.chip.on{background:var(--acc);border-color:var(--acc);color:#fff}
.chip.clear{border-style:dashed;color:#5b6570}
.chip.sm{padding:4px 10px;font-size:12px}
.chip:focus-visible{outline:3px solid var(--acc-2);outline-offset:2px}
/* Nivå */
.niva{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:#fff;border:1px solid #e3eadc;border-radius:16px;padding:12px 16px;margin:0 0 16px;box-shadow:0 2px 10px rgba(36,107,49,.06)}
.niva-h h2{font-size:16px;margin:0}
.niva-h p{margin:2px 0 0;font-size:13px;color:#4c5a52;max-width:320px}
.niva .fine{flex-basis:100%;margin:0}
.niva-seg{position:relative;display:grid;grid-template-columns:repeat(3,1fr);background:var(--acc-soft);border-radius:999px;padding:4px;min-width:420px;flex:1}
.niva-seg button{position:relative;z-index:1;border:0;background:none;font:inherit;font-weight:600;font-size:14px;padding:9px 10px;border-radius:999px;cursor:pointer;color:#2c4a33;display:flex;align-items:center;justify-content:center;gap:8px;transition:color .2s}
.niva-seg button.on{color:#fff}
.niva-seg button:focus-visible{outline:3px solid var(--acc-3);outline-offset:1px}
.nv-dots{display:inline-flex;gap:2px}.nv-dots i{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8}
.niva-thumb{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px)/3);border-radius:999px;background:linear-gradient(90deg,var(--acc),var(--acc-3));transform:translateX(calc(var(--i)*100%));transition:transform .35s cubic-bezier(.2,.7,.2,1)}
/* Middag */
.mc-chips{display:flex;flex-wrap:wrap;gap:6px}
.mc-count{font-size:13px;font-weight:600;color:#3b4a40;margin:12px 0 8px}
.rec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.rec-card{font:inherit;text-align:left;border:1px solid #e3e9e0;background:#fff;border-radius:14px;padding:12px;cursor:pointer;display:grid;grid-template-columns:38px 1fr;gap:4px 10px;align-items:start;transition:transform .15s,box-shadow .15s}
.rec-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.08)}
.rc-ico{grid-row:span 2;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--acc-soft);color:var(--acc-d)}
.rc-ico svg{width:20px;height:20px}
.rec-card.c-fisk .rc-ico{background:#e3f1fb;color:#1769a8}.rec-card.c-kyl .rc-ico{background:#fff2dc;color:#b86a00}.rec-card.c-kjott .rc-ico{background:#fde7e1;color:#b8432b}.rec-card.c-veg .rc-ico{background:#eaf6dc;color:#3d7a1d}
.rec-card strong{font-size:14px;line-height:1.25}
.rc-meta{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:11.5px;color:#56645b}
.rc-meta span{background:#f2f5ef;border-radius:6px;padding:1px 6px}
/* Trening */
.prog-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}
.prog-card{font:inherit;text-align:left;border:0;border-radius:14px;padding:14px;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--acc),var(--acc-d));display:flex;flex-direction:column;gap:3px;transition:transform .15s}
.prog-card:nth-child(2){background:linear-gradient(135deg,#ff9b4a,#e86a1f)}.prog-card:nth-child(3){background:linear-gradient(135deg,#8fbf2a,#4f8a1d)}
.prog-card:hover{transform:translateY(-2px)}
.pg-t{font-size:20px;font-weight:800}.pg-m{font-size:12px;opacity:.9}
.ex-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.ex-card{font:inherit;border:1px solid #e3e9e0;background:#fff;border-radius:14px;padding:8px 8px 10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;transition:transform .15s,box-shadow .15s}
.ex-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.08)}
.ex-card strong{font-size:13.5px}
.ex-m{font-size:11.5px;color:#5b6570}
.ex-reps{margin-top:4px;font-size:12px;font-weight:700;color:var(--acc-d);background:var(--acc-soft);border-radius:999px;padding:2px 9px}
.ex-fig{width:100%;max-width:130px;height:auto}
.ex-fig .body line{stroke:var(--acc-d);stroke-width:5;stroke-linecap:round}
.ex-fig .head{fill:var(--acc-3)}
.ex-fig .floor{stroke:#d9e2d3;stroke-width:2}
.ex-pop{display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:start}
.ex-pop .ex-fig{max-width:200px;background:var(--acc-soft);border-radius:14px;padding:8px}
.two-col-text{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.prog-list{list-style:none;padding:0;margin:12px 0;display:grid;gap:6px}
.prog-list li{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e6ece2;border-radius:10px;padding:4px 10px}
.prog-list li .ex-fig{width:64px}
.prog-list .pl-w{padding:10px;background:var(--acc-soft);font-weight:600}
.muted{color:#6b7680}
/* Kalkulatorer */
.kalk-wrap{display:grid;grid-template-columns:300px 1fr;gap:14px;background:#fff;border:1px solid #e3e9e0;border-radius:16px;padding:14px}
.kalk-inputs{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;align-content:start}
.kf{display:flex;flex-direction:column;gap:3px;font-size:12px;font-weight:600;color:#3b4a40}
.kf-wide,.kf-sex{grid-column:1/-1}
.kf-in{display:flex;align-items:center;border:1.5px solid #d5dde3;border-radius:10px;padding:0 8px;background:#fff}
.kf-in input{border:0;width:100%;font:inherit;font-size:15px;padding:7px 0;background:none;min-width:0}
.kf-in em{font-style:normal;color:#6b7680;font-weight:500}
.kf select{font:inherit;font-size:13.5px;border:1.5px solid #d5dde3;border-radius:10px;padding:7px 8px;background:#fff}
.kf-in:focus-within,.kf select:focus{border-color:var(--acc);outline:none;box-shadow:0 0 0 3px var(--acc-soft)}
.kf-sex{border:0;padding:0;margin:0;display:flex;gap:14px;font-size:13px;align-items:center}
.kf-sex legend{font-size:12px;font-weight:600;float:left;margin-right:6px;color:#3b4a40}
.kalk-out{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kc{background:var(--acc-soft);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;font-size:12.5px;color:#34443a}
.kc-k{font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;font-weight:700;color:var(--acc-d)}
.kc-v{font-size:24px;font-weight:800;color:#13261a;line-height:1.1}
.kc-d{font-size:11.5px;color:#56645b;margin-top:2px}
.makro{margin-top:12px;background:#fff;border:1px solid #e3e9e0;border-radius:16px;padding:14px}
.mk-h{display:flex;justify-content:space-between;align-items:baseline}.mk-h h3{margin:0;font-size:16px}.mk-kcal{font-size:12.5px;color:#56645b}
.mk-presets{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:12.5px;margin:8px 0}
.mk-bar{display:flex;height:12px;border-radius:999px;overflow:hidden;margin:8px 0 10px}
.mk-bar span{transition:width .25s}.mb-p{background:#e8743b}.mb-c{background:#b5d334}.mb-f{background:#3fa34d}
.mk-row{display:grid;grid-template-columns:100px 1fr 52px 64px 170px;gap:10px;align-items:center;font-size:13.5px;padding:4px 0}
.mk-row label{font-weight:600}
.mk-row b{text-align:right}.mk-g{color:#3b4a40;font-weight:600}
.mk-row input[type=range]{width:100%;accent-color:var(--acc)}
.mk-row:nth-child(1) input{accent-color:#e8743b}.mk-row:nth-child(2) input{accent-color:#8fae1c}
.mk-rec{display:inline-flex;gap:4px;align-items:center;font-size:12px;border-radius:999px;padding:3px 8px}
.mk-rec svg{width:13px;height:13px}
.mk-rec.ok{background:#e6f5e4;color:#256b2c}.mk-rec.off{background:#fff0e3;color:#a4510f}
.health-disc{margin:24px 28px 0;padding:12px 16px;background:#fff7ec;border:1px solid #f7dcb8;border-radius:12px;font-size:13px;color:#5a4527}
/* Reise */
.rf{background:#fff;border:1px solid #dcebf5;border-radius:18px;padding:16px;margin-top:0;box-shadow:0 4px 18px rgba(15,134,198,.08)}
.rf-form{display:grid;gap:8px}
.rf-g{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.rf-l{width:100%;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--acc-d)}
.rf-g .chip{padding:5px 11px}
.dest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.dest-card{font:inherit;text-align:left;border:1px solid #e1ecf3;background:#fff;border-radius:14px;overflow:hidden;cursor:pointer;padding:0;transition:transform .15s,box-shadow .15s}
.dest-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(10,92,142,.14)}
.dc-img{position:relative;display:block;aspect-ratio:16/9;overflow:hidden}
.dc-img img{width:100%;height:100%;object-fit:cover;display:block}
.dc-match{position:absolute;left:8px;top:8px;background:linear-gradient(90deg,var(--acc-3),#ff9d5c);color:#fff;font-size:11.5px;font-weight:700;border-radius:999px;padding:3px 9px}
.dc-b{display:flex;flex-direction:column;padding:9px 11px 11px;gap:1px}
.dc-b strong{font-size:15px}.dc-land{font-size:12px;color:#5b6570}
.dc-meta{display:flex;gap:10px;margin-top:5px;font-size:12px;color:#253844;align-items:center}
.dc-meta span{display:inline-flex;align-items:center;gap:3px}.dc-meta svg{width:14px;height:14px;color:var(--acc)}
.dc-p{margin-left:auto;color:#b07b00;font-weight:700;letter-spacing:.05em}
.temp-bars{display:flex;gap:3px;align-items:flex-end;height:110px;margin:8px 0 4px}
.tb{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;font-size:10px;color:#56645b}
.tb i{display:block;width:100%;height:var(--h);border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--acc-2),var(--acc))}
.tb.on i{background:linear-gradient(180deg,var(--acc-3),#ffb36b)}
.tb b{font-weight:600;font-size:9.5px}.tb em{font-style:normal}
.dest-bud b{font-size:20px;color:var(--acc-d)}
.sl-row{display:flex;gap:8px;flex-wrap:wrap}
.sl-btn{display:inline-block;border:1.5px solid #cfdfe9;border-radius:10px;padding:8px 12px;font-size:13.5px;font-weight:600;color:var(--acc-d);text-decoration:none;background:#fff}
.sl-btn:hover{border-color:var(--acc)}
.ad-tag{font-size:10.5px;font-weight:600;color:#6b7680;background:#eef2f5;border-radius:999px;padding:2px 7px;margin-left:6px;vertical-align:middle}
.pl-tabs{display:flex;gap:6px;flex-wrap:wrap}
.pl-var{display:flex;gap:6px;align-items:center;margin:10px 0;font-size:12.5px;color:#5b6570}
.pl-list{columns:2;column-gap:20px}
.pl-list li{break-inside:avoid}
@media (max-width:1100px){.ex-grid{grid-template-columns:repeat(3,1fr)}.rec-grid,.dest-grid{grid-template-columns:repeat(2,1fr)}.kalk-wrap{grid-template-columns:1fr}.mk-row{grid-template-columns:90px 1fr 48px 56px;}.mk-rec{grid-column:2/-1}.niva-seg{min-width:0}}
@media (max-width:640px){.prog-row,.rec-grid,.dest-grid,.kalk-out,.two-col-text,.ex-pop{grid-template-columns:1fr}.ex-grid{grid-template-columns:repeat(2,1fr)}.pl-list{columns:1}}
@media (prefers-reduced-motion:reduce){.niva-thumb,.mk-bar span,.rec-card,.ex-card,.dest-card,.prog-card,.chip{transition:none}.rec-card:hover,.ex-card:hover,.dest-card:hover,.prog-card:hover{transform:none}}
body.theme-helse .theme-banner h1{font-size:36px;white-space:nowrap}
/* Reisefinner kompakt + kart */
.rf{padding:12px 14px}
.rf-head{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}.rf-head h2{margin:0;font-size:20px}
.rf-form{display:grid;grid-template-columns:repeat(6,minmax(0,1fr)) auto;gap:6px;align-items:end}
.rf-s{display:flex;flex-direction:column;gap:2px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--acc-d);min-width:0}
.rf-s select{font:inherit;font-size:12.5px;text-transform:none;letter-spacing:0;font-weight:500;color:#1d2a33;border:1.5px solid #d5e3ec;border-radius:999px;padding:5px 8px;background:#fff;min-width:0;width:100%}
.rf-s select:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-soft)}
.rf-go{border-radius:999px;padding:7px 14px;font-size:13px;white-space:nowrap;background:linear-gradient(90deg,var(--acc),var(--acc-d));color:#fff;border:0;cursor:pointer;font-weight:700}
.rf .mc-count{margin:8px 0 6px;font-size:12px}
.dest-row{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:6px;scrollbar-width:thin}
.dest-row .dest-card{flex:0 0 150px;scroll-snap-align:start;border-radius:12px}
.dest-row .dc-img{aspect-ratio:16/10}
.dest-row .dc-match{font-size:10.5px;padding:2px 7px;left:6px;top:6px}
.dest-row .dc-b{padding:6px 8px 8px}.dest-row .dc-b strong{font-size:13px}.dest-row .dc-meta{gap:6px;font-size:11px;margin-top:2px}
.dest-card.on{outline:3px solid var(--acc-3);outline-offset:-3px}
.rk-wrap{margin-top:8px}
.rk-map{height:300px;border-radius:14px;overflow:hidden;background:#eef1f5;border:1px solid #dcebf5}
.rk-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:11.5px;color:#4b5a64;margin:6px 2px}
.rk-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px;vertical-align:-1px}
.rk-info{display:grid;grid-template-columns:200px 1fr 230px;gap:14px;margin-top:8px;background:var(--acc-soft);border-radius:14px;padding:12px}
.rk-photo{position:relative}.rk-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block}
.rk-pl{position:absolute;left:8px;top:8px;color:#fff;font-size:11px;font-weight:700;border-radius:999px;padding:2px 8px}
.rk-txt h3{margin:2px 0 4px;font-size:20px}.rk-txt p{margin:0 0 4px;font-size:13px}
.rk-k{font-size:12.5px}
.rk-see{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;margin:6px 0;font-size:12.5px}
.rk-tip{display:flex;gap:6px;align-items:flex-start;font-size:12.5px;color:#34505f}.rk-tip svg{width:15px;height:15px;flex:none;margin-top:2px}
.rk-side .temp-bars{height:80px;margin-top:0}
.rk-links{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:8px;font-size:12.5px}
.rk-links .ad-tag{flex-basis:100%;margin:0;width:max-content}
.rk-links a{color:var(--acc-d);font-weight:600;text-decoration:none}.rk-links a:hover{text-decoration:underline}
@media (max-width:1100px){.rf-form{grid-template-columns:repeat(3,1fr)}.rk-info{grid-template-columns:160px 1fr}.rk-side{grid-column:1/-1}}
@media (max-width:640px){.rf-form{grid-template-columns:1fr 1fr}.rk-info{grid-template-columns:1fr}}
.rk-see{list-style:none;padding:0;margin:6px 0;display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;font-size:12.5px}
.rk-see li{display:flex;gap:5px;align-items:center;padding:0;border:0;background:none;min-height:0}
.rk-see li svg{width:14px;height:14px;flex:none;color:var(--acc)}
.rf-s span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* ===== Hage v3: større lokal-widget, kartlag, plenprosjekt, tester ===== */
body.theme-hage .tema-layout{grid-template-columns:minmax(0,1fr) 380px}
body.theme-hage .local-widget{background:#fff;border:1px solid #dcebd6;border-radius:18px;padding:14px;box-shadow:0 4px 18px rgba(30,107,46,.08)}
body.theme-hage .lw-map{height:280px}
body.theme-hage .loc-list{max-height:none}
body.theme-hage #localSection .loc-row:nth-child(n+3){display:flex}
.map-layers{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 4px}
.ml-btn{font:inherit;font-size:11.5px;font-weight:600;display:inline-flex;align-items:center;gap:5px;border:1.5px solid #d5dde3;background:#fff;border-radius:999px;padding:4px 9px;cursor:pointer;color:#55626b}
.ml-btn i{width:9px;height:9px;border-radius:50%;background:#aab4bb}
.ml-btn.on{color:#1d2a33;border-color:currentColor}
.ml-btn.ly-senter.on i{background:#2f9e44}.ml-btn.ly-avfall.on i{background:#8d6e63}.ml-btn.ly-utleie.on i{background:#f08c00}.ml-btn.ly-arr.on i{background:#d6336c}.ml-btn.ly-radar.on i{background:#1c7ed6}
.ml-btn:focus-visible{outline:3px solid var(--acc-2);outline-offset:1px}
.poi-pin.ly-senter span{background:#2f9e44}.poi-pin.ly-avfall span{background:#8d6e63}.poi-pin.ly-utleie span{background:#f08c00}.poi-pin.ly-arr span{background:#d6336c}
.poi-pin.ly-senter span::after{border-top-color:#2f9e44}.poi-pin.ly-avfall span::after{border-top-color:#8d6e63}.poi-pin.ly-utleie span::after{border-top-color:#f08c00}.poi-pin.ly-arr span::after{border-top-color:#d6336c}
.poi-pin.featured span{background:linear-gradient(90deg,#f5b82e,#ff8c3b)!important;color:#1d2a10;box-shadow:0 0 0 3px rgba(245,184,46,.35),0 3px 8px rgba(0,0,0,.25)}
.poi-pin.featured span::after{border-top-color:#ff8c3b!important}
.feat-tag{display:inline-block;font-size:10.5px;font-weight:700;color:#8a5a00;background:#fff3cf;border-radius:999px;padding:1px 7px;margin-bottom:3px}
/* Plenprosjekt: hero-kort */
.pp-card{margin:0 0 18px}
.pp-card-btn{font:inherit;color:inherit;text-align:left;width:100%;display:grid;grid-template-columns:1.15fr 1fr;border:0;padding:0;border-radius:20px;overflow:hidden;cursor:pointer;background:linear-gradient(135deg,#1e6b2e,#2f9e44 60%,#7cc242);box-shadow:0 10px 30px rgba(30,107,46,.25);transition:transform .2s,box-shadow .2s}
.pp-card-btn:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(30,107,46,.32)}
.pp-card-btn:focus-visible{outline:4px solid var(--acc-2);outline-offset:3px}
.ppc-img{position:relative;min-height:230px;overflow:hidden}
.ppc-img>img,.ppc-before img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ppc-before{position:absolute;inset:0;clip-path:inset(0 62% 0 0);border-right:3px solid #fff;animation:ppcSweep 6s ease-in-out infinite alternate}
@keyframes ppcSweep{from{clip-path:inset(0 70% 0 0)}to{clip-path:inset(0 30% 0 0)}}
.ppc-txt{padding:20px 22px;color:#fff;display:flex;flex-direction:column;gap:6px}
.pp-kick{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#ffe08a}
.ppc-txt strong{font-family:var(--serif);font-size:30px;line-height:1.05;letter-spacing:-.02em}
.ppc-d{font-size:14px;opacity:.95}
.ppc-steps{display:flex;gap:4px;margin:6px 0}
.ppc-steps i{flex:1;height:6px;border-radius:3px;background:rgba(255,255,255,.3);position:relative;overflow:hidden}
.ppc-steps i::after{content:"";position:absolute;inset:0;background:#ffd34d;transform:scaleX(0);transform-origin:left;animation:ppcFill .5s calc(var(--i)*.12s + .4s) forwards}
@keyframes ppcFill{to{transform:none}}
.ppc-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;align-items:center;margin-top:auto}
.ppc-meta span{display:inline-flex;gap:4px;align-items:center}.ppc-meta svg{width:14px;height:14px}
.ppc-go{margin-left:auto;background:#ffd34d;color:#1d3a10;font-weight:800;border-radius:999px;padding:7px 14px}
/* Plenprosjekt: popup */
.pp-hero{display:grid;grid-template-columns:1.1fr 1fr}
.ba{position:relative;aspect-ratio:4/3;overflow:hidden;background:#1e6b2e}
.ba>img,.ba-before img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ba-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--x)) 0 0)}
.ba-before::after{content:"";position:absolute;top:0;bottom:0;left:var(--x);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 8px rgba(0,0,0,.4)}
.ba-l,.ba-r{position:absolute;top:10px;font-size:11px;font-weight:800;text-transform:uppercase;background:rgba(0,0,0,.55);color:#fff;border-radius:999px;padding:3px 9px}.ba-l{left:10px}.ba-r{right:10px}
.ba-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.ba-range:focus-visible+*,.ba:focus-within{outline:3px solid var(--acc-2);outline-offset:-3px}
.pp-intro{padding:22px;background:linear-gradient(135deg,#1e6b2e,#2f9e44);color:#fff;display:flex;flex-direction:column;justify-content:center}
.pp-intro h2{font-family:var(--serif);font-size:30px;line-height:1.05;margin:6px 0 8px;color:#fff}
.pp-intro p{margin:0;font-size:14px;opacity:.95}
.pp-steps{list-style:none;margin:0;padding:12px 18px;display:grid;grid-template-columns:repeat(9,1fr);gap:4px;background:#f3f9ef;counter-reset:s}
.pp-steps button{font:inherit;width:100%;border:0;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10.5px;line-height:1.15;color:#56645b;text-align:center;position:relative;padding:0}
.pp-steps button b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid #cfe3c6;color:#2f6b3a;font-size:13px;transition:background .2s,transform .2s}
.pp-steps li{position:relative}
.pp-steps li+li::before{content:"";position:absolute;top:14px;left:-50%;width:100%;height:2px;background:#cfe3c6;z-index:0}
.pp-steps button{z-index:1}
.pp-steps button.done b{background:var(--acc);border-color:var(--acc);color:#fff}
.pp-steps button.on b{background:#ffd34d;border-color:#f5b82e;color:#1d3a10;transform:scale(1.15)}
.pp-steps button.on span{color:#1d2a20;font-weight:700}
.pp-steps button:focus-visible b{outline:3px solid var(--acc-3);outline-offset:2px}
.pp-body{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;padding:16px 20px 20px}
.pp-w{font-size:11.5px;font-weight:700;color:var(--acc-d);text-transform:uppercase;letter-spacing:.05em}
.pp-step h3{font-size:22px;margin:4px 0 6px}
.pp-step p{font-size:14.5px;line-height:1.55}
.pp-nav{display:flex;gap:8px;margin:12px 0}
.pp-nav button[disabled]{opacity:.4;cursor:default}
.pp-time{display:flex;flex-direction:column;gap:4px;border-left:3px solid var(--acc-soft);padding-left:12px}
.pp-time span{font-size:12.5px;position:relative}.pp-time span::before{content:"";position:absolute;left:-18px;top:5px;width:9px;height:9px;border-radius:50%;background:var(--acc)}
.pp-need{background:#f7fbf4;border-radius:14px;padding:12px 14px}
.pp-toggle{display:inline-flex;background:#e3f0dc;border-radius:999px;padding:3px;margin-bottom:8px}
.pp-toggle button{font:inherit;font-size:13px;font-weight:700;border:0;background:none;border-radius:999px;padding:5px 16px;cursor:pointer;color:#2f6b3a}
.pp-toggle button.on{background:var(--acc);color:#fff}
.pp-list{list-style:none;padding:0;margin:0 0 10px;display:grid;gap:4px}
.pp-list li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 8px;font-size:13px;background:#fff;border-radius:8px;padding:6px 10px}
.pp-list em{flex-basis:100%;font-size:11px;color:#8a5a00;font-style:normal}
.pp-calc{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px;margin-bottom:6px}
.pp-calc input[type=number]{width:72px;font:inherit;border:1.5px solid #d5dde3;border-radius:8px;padding:4px 6px}
.pp-cost td:last-child{text-align:right;white-space:nowrap}
.pp-cost tr.sub td{font-size:12px;color:#5b6570;padding-left:14px}
.pp-cost tr.tot td{font-weight:800;font-size:15px;border-top:2px solid var(--acc)}
/* Tester */
.rb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.rb-card{font:inherit;text-align:left;border:1px solid #e3e9e0;background:#fff;border-radius:14px;padding:10px 12px 12px;cursor:pointer;display:flex;flex-direction:column;gap:2px;position:relative;overflow:hidden;transition:transform .15s,box-shadow .15s}
.rb-card::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--c)}
.rb-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.08)}
.rb-pic{display:block;background:linear-gradient(180deg,#f2f8ee,#e1efd8);border-radius:10px;padding:4px 10px;margin-bottom:4px}
.rb-svg{width:100%;height:64px;display:block}
.rb-b{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#5b6570}
.rb-card strong{font-size:14.5px}
.rb-row{display:flex;align-items:center;gap:6px;font-size:13px}.rb-row em{font-size:10.5px;color:#8a5a00;background:#fff3cf;border-radius:999px;padding:0 6px;font-style:normal}
.stars{color:#d5dbe0;letter-spacing:1px}.stars .f{color:#f5b82e;font-style:normal}.stars .h{background:linear-gradient(90deg,#f5b82e 50%,#d5dbe0 50%);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}.stars i{font-style:normal}
.rb-specs{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.rb-specs span{font-size:11px;background:#f2f5ef;border-radius:6px;padding:1px 6px}
.rb-p{font-size:12.5px;font-weight:700;color:var(--acc-d);margin-top:4px}
.tests-foot{display:flex;gap:12px;align-items:center;margin-top:10px;flex-wrap:wrap}
.rb-pop{display:grid;grid-template-columns:220px 1fr;gap:18px}
.rb-pop .rb-pic{padding:20px 12px;text-align:center}.rb-pop .rb-svg{height:110px}
.rb-h{margin:2px 0 4px;font-size:20px}
.rb-pc{padding-left:18px;font-size:13px;margin:0}.rb-pc.pro li::marker{content:"+ ";color:#2f9e44}.rb-pc.con li::marker{content:"– ";color:#e8590c}
.cmp-h{font-size:22px;margin:0 0 10px}
.cmp-wrap{overflow-x:auto}
.cmp{border-collapse:collapse;width:100%;font-size:12.5px;min-width:760px}
.cmp th,.cmp td{padding:7px 8px;border-bottom:1px solid #e6ece2;text-align:left;vertical-align:top}
.cmp thead th{vertical-align:bottom;font-weight:500}.cmp thead b{display:block;font-size:13px}.cmp thead span{font-size:11.5px;color:#5b6570}
.cmp thead .rb-svg{height:44px;width:90px}
.cmp tbody th{font-weight:700;color:#3b4a40;white-space:nowrap}
.cmp .best{background:#f3fae9}
.cmp thead em{display:inline-block;margin-top:3px;font-size:10.5px;font-style:normal;font-weight:700;color:#fff;background:var(--acc);border-radius:999px;padding:1px 7px}
.cmp .yes{color:#2f9e44;font-weight:700}.cmp .no{color:#a4510f;font-weight:700}
@media (max-width:1100px){body.theme-hage .tema-layout{grid-template-columns:1fr}.pp-card-btn,.pp-hero,.pp-body,.rb-pop{grid-template-columns:1fr}.rb-grid{grid-template-columns:repeat(2,1fr)}.pp-steps{grid-template-columns:repeat(5,1fr)}}
@media (prefers-reduced-motion:reduce){.ppc-before{animation-iteration-count:2}.ppc-steps i::after{animation:none;transform:none}.pp-card-btn,.rb-card,.pp-steps button b{transition:none}.pp-card-btn:hover,.rb-card:hover{transform:none}}
body.theme-hage .local-widget .lw-map,body.theme-hage .lw-map .leaflet-host{height:300px!important;aspect-ratio:auto!important}
/* ===== Helse v2: matbilder, kunnskapsmodul, illustrerte øvelser ===== */
.rec-card{display:flex;flex-direction:column;padding:0;overflow:hidden;gap:0}
.rc-img{position:relative;display:block;aspect-ratio:16/10;overflow:hidden}
.rc-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.rec-card:hover .rc-img img{transform:scale(1.05)}
.rc-time{position:absolute;left:8px;top:8px;background:rgba(255,255,255,.92);color:#1d3a20;font-size:11.5px;font-weight:700;border-radius:999px;padding:2px 8px}
.rc-b{display:flex;flex-direction:column;gap:4px;padding:8px 10px 10px}
.rec-facts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.rec-facts span{display:inline-flex;align-items:center;gap:6px;background:var(--acc-soft);border-radius:10px;padding:6px 10px;font-size:13px}
.rec-facts svg{width:16px;height:16px;color:var(--acc-d)}
.st-t{display:inline-block;font-style:normal;font-size:11px;font-weight:700;color:var(--acc-d);background:var(--acc-soft);border-radius:999px;padding:0 7px;margin-left:4px}
.rec-tips{padding-left:18px;font-size:13.5px;margin:0 0 6px}.rec-tips li::marker{color:var(--acc)}
/* Kunnskapsmodul */
.kunn{margin:-6px 0 16px}
.kn-inner{display:grid;grid-template-columns:250px 1fr;gap:16px;background:linear-gradient(135deg,#ffffff,#f1f8e9);border:1px solid #e1ecd7;border-radius:18px;padding:14px 16px}
.kn-kick{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:linear-gradient(90deg,var(--acc),var(--acc-3));border-radius:999px;padding:2px 9px}
.kn-left h2{font-family:var(--serif);font-size:21px;margin:6px 0 2px}.kn-left p{margin:0 0 4px;font-size:12.5px;color:#4c5a52}
.kn-vis{width:100%;max-width:240px;display:block;margin:4px auto}
.kn-vis .kt{font-size:9.5px;font-weight:700;fill:#1d2a20;text-anchor:middle}.kn-vis .kt2{font-size:9px;font-weight:700;fill:#35505f;text-anchor:middle}
.kn-vis .kp{font-size:9.5px;font-weight:700;fill:#fff;text-anchor:middle}.kn-vis .kp.sm{font-size:7px}.kn-vis .kp.n{font-size:7.6px;font-weight:600;opacity:.95}
.kn-h{font-size:14px;margin:0 0 8px;text-transform:uppercase;letter-spacing:.06em;color:var(--acc-d)}
.kn-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.kn-grid.n5,.kn-grid.n6{grid-template-columns:repeat(3,1fr)}
.kn-card{background:#fff;border:1px solid #e3ead9;border-radius:12px;padding:9px 10px;display:flex;flex-direction:column;gap:5px;font-size:12.5px;line-height:1.4}
.kn-card p{margin:0}
.kn-m{color:#7a4a3a;text-decoration:line-through;text-decoration-color:rgba(232,89,12,.55);text-decoration-thickness:2px}
.kn-m span,.kn-x span{display:inline-block;text-decoration:none;font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:0 6px;margin-right:5px;vertical-align:1px}
.kn-m span{background:#ffe3d3;color:#a4400f}.kn-x span{background:#dff3d6;color:#256b2c}
.kn-x{color:#1d2a20}
.kn-src{margin-top:auto;font-size:10.5px;color:#5b6570;text-decoration:none}.kn-src:hover{text-decoration:underline}
.kn-swap .kn-left{animation:knIn .5s cubic-bezier(.2,.7,.2,1) both}
.kn-swap .kn-card{animation:knCard .5s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i)*.07s + .1s)}
.kn-swap .kn-lay{animation:knLay .45s ease-out both;animation-delay:var(--d)}
@keyframes knIn{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:none}}
@keyframes knCard{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
@keyframes knLay{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
/* Illustrerte øvelser */
.ex-fig2{width:100%;height:auto;display:block}
.ex-card .ex-fig2{max-width:160px;background:#f6faf2;border-radius:10px}
.ex-grid{grid-template-columns:repeat(3,1fr)}
.ex-stage{background:linear-gradient(180deg,#f2f8ee,#e6f1df);border-radius:14px;padding:8px;text-align:center}
.ex-pop{grid-template-columns:300px 1fr}
.prog-list li .ex-fig2{width:90px}
.prog-card{position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s;padding-right:96px;min-height:96px}
.pg-anim{position:absolute;right:4px;bottom:0;width:96px;opacity:.9;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}
.pg-anim .ex-fig2 rect,.pg-anim .ex-fig2 ellipse{display:none}
.prog-card:hover,.prog-card:focus-visible{transform:scale(1.04);box-shadow:0 12px 26px rgba(0,0,0,.18);z-index:2}
@media (prefers-reduced-motion:reduce){.kn-swap .kn-left,.kn-swap .kn-card,.kn-swap .kn-lay{animation:none}.prog-card,.rc-img img{transition:none}.prog-card:hover{transform:none}.rec-card:hover .rc-img img{transform:none}}
@media (max-width:1100px){.kn-inner{grid-template-columns:1fr}.kn-grid.n5,.kn-grid.n6{grid-template-columns:1fr 1fr}.ex-pop{grid-template-columns:1fr}}
/* ===== Plenprosjekt v2: full bredde, scener ===== */
.pp-card.pp-wide{margin:0 0 18px}
.pp-wide .pp-card-btn{display:grid;grid-template-columns:1.25fr 1fr;min-height:300px}
.pp-wide .ppc-img{height:100%;min-height:300px}
.pp-wide .ppc-txt strong{font-size:34px}
.pp-wide .ppc-d{font-size:15px;line-height:1.5}
.ppc-fun{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}
.ppc-fun span{background:#fff6d6;color:#6b4e00;border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:600}
.ppc-ill,.ba-ill{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.55);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.04em;border-radius:999px;padding:2px 8px;z-index:3;pointer-events:none}
.ba-ill{bottom:auto;top:10px;right:50%;transform:translateX(50%)}
.pp-scene-w{background:#eaf6ff;border-radius:14px;overflow:hidden;margin:8px 0 10px;border:1px solid #d6e9f5}
.pp-scene{display:block;width:100%;height:auto;max-height:170px}
.pp-scene .sc-move{animation:scMove 4.5s linear infinite}
.pp-scene .sc-move.slow{animation-duration:6s}
@keyframes scMove{from{transform:translate(-50px,var(--y))}to{transform:translate(350px,var(--y))}}
.sc-spin{animation:scSpin .4s linear infinite}@keyframes scSpin{to{transform:rotate(360deg)}}
.sc-dirt{animation:scDirt .6s ease-out infinite}.sc-dirt.d2{animation-delay:.3s}@keyframes scDirt{from{transform:none;opacity:1}to{transform:translate(-14px,-12px);opacity:0}}
.sc-old{animation:scReveal 4.5s linear infinite;transform-origin:right}@keyframes scReveal{0%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 0 0 100%)}}
.sc-tall,.sc-stripe{animation:scReveal 4.5s linear infinite}
.sc-stripe{animation-name:scRevealL;animation-delay:var(--d)}@keyframes scRevealL{0%{clip-path:inset(0 100% 0 0)}80%,100%{clip-path:inset(0 0 0 0)}}
.sc-fall{animation:scFall .9s ease-in infinite;animation-delay:var(--d)}@keyframes scFall{from{transform:none;opacity:1}to{transform:translateY(12px);opacity:0}}
.sc-slide{animation:scSlide 2.4s ease-in-out infinite alternate}@keyframes scSlide{from{transform:translateX(-60px)}to{transform:translateX(60px)}}
.sc-roll{animation:scSpin 1.2s linear infinite;transform-box:fill-box;transform-origin:center}
.sc-seed{animation:scSeed 1s ease-out infinite;animation-delay:var(--d)}@keyframes scSeed{from{transform:none;opacity:1}to{transform:translate(var(--dx),36px);opacity:0}}
.sc-drop{animation:scDrop 1.1s ease-out infinite;animation-delay:var(--d)}@keyframes scDrop{0%{transform:none;opacity:1}100%{transform:translate(var(--dx),2px);opacity:0}}
.sc-drop{offset-path:none}
.sc-sprout{animation:scGrow 3s ease-out infinite;transform-box:fill-box;transform-origin:bottom}@keyframes scGrow{0%{transform:scaleY(.1)}60%,100%{transform:scaleY(1)}}
.sc-robot{animation:scRobot 6s ease-in-out infinite}@keyframes scRobot{0%{transform:translate(40px,92px)}50%{transform:translate(260px,92px)}100%{transform:translate(40px,92px)}}
.sc-tick{stroke-dasharray:30;animation:scTick 2s ease-out infinite}@keyframes scTick{0%{stroke-dashoffset:30}50%,100%{stroke-dashoffset:0}}
/* Forklarende steg-animasjoner spilles også med «redusert bevegelse», men et begrenset antall ganger (kan spilles av igjen) */
@media (prefers-reduced-motion:reduce){.pp-scene *{animation-iteration-count:2!important}}
@media (max-width:900px){.pp-wide .pp-card-btn{grid-template-columns:1fr}}
.ppc-img>img,.ppc-before img,.ba img{object-position:50% 85%}
/* Banner-popuper for temasider */
.pop-diy{grid-template-columns:repeat(3,1fr)}
.pop-dest{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pop-dest .dest-card{width:auto}
.modal .rec-grid{grid-template-columns:repeat(3,1fr)}
.modal .prog-row{margin-bottom:14px}
.modal .ex-grid{grid-template-columns:repeat(3,1fr)}
.rk-info.rk-pop{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.rk-pop .rk-photo{display:none}
@media (max-width:800px){.pop-diy,.pop-dest,.modal .rec-grid,.modal .ex-grid{grid-template-columns:1fr 1fr}.rk-info.rk-pop{grid-template-columns:1fr}}
.rk-map,.lw-map{position:relative;isolation:isolate;z-index:0}
/* Popuper alltid over Leaflet-kart */
.modal-backdrop{z-index:10000!important}
.rk-map,.lw-map,.map-wrap{position:relative;isolation:isolate;z-index:0}
/* Kartfiks: .leaflet-host MÅ være absolutt posisjonert (inset:0) inni .map-box, ellers får kartet høyde 0 = grått */
.map-box>.leaflet-host{position:absolute!important;inset:0;isolation:isolate;z-index:1}
.src-disc{display:flex;gap:8px;align-items:flex-start;margin:16px 0 0;padding:10px 12px;background:#f4f6f8;border-radius:10px;font-size:12.5px;color:#4a5560;line-height:1.45}
.src-disc svg{width:16px;height:16px;flex:none;margin-top:1px;color:#6b7785}
.src-disc a{color:inherit;font-weight:600}
.pop-body .src-disc,.modal-body>.src-disc{margin:12px 20px 18px}
.ins-t th,.ins-t td{font-size:12.5px;vertical-align:top}
.ins-t a{white-space:nowrap;font-weight:600}
.cs-list{list-style:none;padding:0;margin:8px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cs-list a{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid #e3e8ee;border-radius:10px;text-decoration:none;color:inherit;font-size:13px}
.cs-list a span{font-size:11.5px;color:#6b7785}
/* Hage v3 */
.ppc-dream img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.rb-item{display:flex;flex-direction:column;gap:4px}
.rb-item .rb-card{flex:1}
.pj-link{font-size:11.5px;color:#5b6570;text-decoration:none;text-align:center;padding:2px 0}
.pj-link:hover{text-decoration:underline;color:#1e6b2e}
.rb-pop .pj-link,.cmp .pj-link{display:inline-block;text-align:left;margin:6px 0}
.rb-grid{gap:10px}
.rb-card{padding:10px 12px}
.rb-card .rb-pic{height:62px}
.rb-more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease,margin .4s;margin-top:0}
.rb-more>.rb-grid{overflow:hidden;min-height:0}
.rb-more.open{grid-template-rows:1fr;margin-top:10px}
.rb-toggle{display:block;margin:8px auto 0;background:none;border:1px solid #cfe3c6;color:#1e6b2e;font:inherit;font-weight:700;font-size:13px;border-radius:999px;padding:5px 16px;cursor:pointer}
.rb-toggle:hover{background:#eef7e9}
@media (prefers-reduced-motion:reduce){.rb-more{transition:none}}
/* Premium */
.prem-cover{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:3/4;border-radius:6px 10px 10px 6px;overflow:hidden;padding:12px;color:#fff;background:linear-gradient(160deg,#1e6b2e,#2f9e44 55%,#7cc242);box-shadow:inset 6px 0 0 rgba(0,0,0,.18),0 8px 18px rgba(0,0,0,.18)}
.prem-cover .pc-str{position:absolute;inset:0;background:repeating-linear-gradient(100deg,rgba(255,255,255,.09) 0 18px,transparent 18px 36px)}
.prem-cover .pc-rib{position:absolute;top:10px;right:-28px;transform:rotate(35deg);background:#f5b82e;color:#3a2a00;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:3px 30px}
.prem-cover .pc-t{position:relative;font-family:var(--serif);font-size:20px;line-height:1.1}
.prem-cover .pc-s{position:relative;font-size:11px;opacity:.9;margin-top:4px}
.prem-cover .pc-logo{position:relative;font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.75;margin-top:10px}
.prem-cover.sm{width:110px;flex:none}.prem-cover.sm .pc-t{font-size:14px}
.prem-box{display:flex;gap:14px;align-items:center;margin:14px 0;padding:12px;border:1px solid #f0dca0;background:linear-gradient(135deg,#fffaf0,#fff4d6);border-radius:14px}
.prem-box h3{margin:4px 0;font-size:16px}.prem-box p{margin:0 0 8px;font-size:13px}
.prem-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.prem-row b{font-size:18px}.prem-row em{font-size:11px;color:#7a6a3a}
.btn.vipps{background:#ff5b24;border-color:#ff5b24;color:#fff}
.pill-prem{background:#f5b82e;color:#3a2a00;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700}
.pill-soon{background:#eef0f2;color:#5b6570;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700}
.book-prem .prem-cover{margin-bottom:8px}
.buy-demo{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:start}
.vipps-mock{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px dashed #ffb199;border-radius:12px;margin:10px 0;background:#fff7f4}
.vm-logo{font-weight:900;color:#ff5b24;font-size:20px;letter-spacing:-.02em}
.vipps-mock input{display:block;width:100%;margin-top:4px;padding:6px 8px;border:1px solid #ddd;border-radius:8px}
.shelf:has(.book-prem){grid-template-columns:repeat(5,minmax(0,1fr))}
/* Krympende banner uten layout-hopp */
.theme-banner{transition:height .35s cubic-bezier(.2,.7,.2,1),padding .35s cubic-bezier(.2,.7,.2,1),margin-bottom .35s cubic-bezier(.2,.7,.2,1);margin-bottom:0;box-sizing:border-box}
body.is-scrolled .theme-banner{margin-bottom:calc(var(--tb-full,124px) - 60px)}
@media (max-width:720px){body.is-scrolled .theme-banner{margin-bottom:calc(var(--tb-full,104px) - 54px)}}
@media (prefers-reduced-motion:reduce){.theme-banner{transition:none}}
/* Prisjakt-knapper */
.pj-btn{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:10px;background:#fff;border:1px solid #d6e4f5;color:#0b2545;text-decoration:none;font-size:12.5px;transition:background .15s,border-color .15s}
.pj-btn:hover{background:#eef5ff;border-color:#9cc0ea}
.pj-l{flex:none;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:#0a5ec2;color:#fff;border-radius:6px;padding:2px 6px}
.pj-p{flex:1;font-weight:700;white-space:nowrap}.pj-p em{font-weight:500;font-style:normal;color:#6b7785;font-size:11px}
.pj-go{color:#0a5ec2;font-weight:700}
.rb-pop .pj-btn{display:inline-flex;margin:8px 0}
.cmp .pj-btn{flex-direction:column;align-items:flex-start;gap:3px;padding:6px 8px}
.cmp .pj-btn .pj-p{white-space:normal;font-size:12px}.cmp .pj-go{display:none}
/* Sammenligningstabell: bilder på én linje */
.cmp thead th{vertical-align:top}
.cmp thead th .rb-svg{display:block;height:64px;width:100%;max-width:120px;margin:0 auto 6px}
.cmp thead th b{display:block}
.cmp thead th span{display:block;min-height:2.6em;line-height:1.3}
.rb-grid>.rb-item{min-width:0}.rb-item .pj-btn{min-width:0}.rb-item .pj-p{white-space:normal;line-height:1.25}
/* Sortering robotklippere */
.rb-sort{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 10px}
.rb-sort span{font-size:12px;font-weight:700;color:#5b6570;margin-right:2px}
.rb-sort button{font:inherit;font-size:12.5px;font-weight:600;padding:4px 12px;border-radius:999px;border:1px solid #cfe3c6;background:#fff;color:#1e6b2e;cursor:pointer;transition:background .15s,color .15s}
.rb-sort button:hover{background:#eef7e9}
.rb-sort button.on{background:var(--acc,#2f9e44);border-color:var(--acc,#2f9e44);color:#fff}
.cmp-anim th[style],.cmp-anim td[style]{animation:cmpIn .4s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--k)*.04s)}
@keyframes cmpIn{from{opacity:0;transform:translateX(-10px)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.cmp-anim th,.cmp-anim td{animation:none}}
/* Filter robotklippere */
.rb-filter{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 12px;margin:0 0 8px;padding:10px 12px;background:#f4f9f0;border:1px solid #dfeccf;border-radius:12px}
.rb-filter>label{display:flex;flex-direction:column;gap:3px;font-size:11.5px;font-weight:700;color:#3d5a40}
.rb-filter>label span{display:flex;align-items:center;gap:4px;font-weight:500;color:#5b6570}
.rb-filter input[type=number]{width:96px;padding:5px 8px;border:1px solid #cfdcc6;border-radius:8px;font:inherit;font-size:13px;background:#fff}
.rbf-t{display:flex;flex-wrap:wrap;gap:6px}
.rbf-tg{position:relative;cursor:pointer}
.rbf-tg input{position:absolute;opacity:0;width:1px;height:1px}
.rbf-tg span{display:inline-block;padding:5px 11px;border-radius:999px;border:1px solid #cfe3c6;background:#fff;font-size:12.5px;font-weight:600;color:#1e6b2e;transition:background .15s}
.rbf-tg input:checked+span{background:#1e6b2e;color:#fff;border-color:#1e6b2e}
.rbf-tg input:focus-visible+span{outline:2px solid #1e6b2e;outline-offset:2px}
.rbf-n{margin-left:auto;font-size:12px;font-weight:700;color:#1e6b2e}
.rb-item{position:relative}
.rb-off .rb-card,.rb-off .pj-btn{opacity:.45;filter:grayscale(.85)}
.rb-why{position:absolute;top:6px;left:6px;z-index:2;background:#fff3e0;color:#a4400f;border:1px solid #ffd2a8;border-radius:999px;padding:1px 8px;font-size:10.5px;font-weight:700;font-style:normal;pointer-events:none}
.cmp th.off .rb-why{position:static;display:inline-block;margin-bottom:4px}
.cmp th.off,.cmp td.off{opacity:.45;filter:grayscale(.85)}
.cmp th.off .rb-why{opacity:1}
/* Accordion-flis */
.info-acc{border-bottom:1px solid #eef1ea}
.info-acc>summary{list-style:none;cursor:pointer}
.info-acc>summary::-webkit-details-marker{display:none}
.info-acc>summary .chev{transition:transform .25s}
.info-acc[open]>summary .chev{transform:rotate(90deg)}
.info-acc .acc-body{padding:4px 16px 14px 60px;font-size:13.5px;animation:accIn .25s ease-out}
.info-acc .acc-body .checklist{margin:6px 0}
@keyframes accIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.info-acc .acc-body{animation:none}.info-acc>summary .chev{transition:none}}
/* Tilpass siden + Min side-lenke */
.tb-custom{display:inline-flex;align-items:center;gap:6px;margin-left:10px;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.92);color:#0b2545;font-size:12.5px;font-weight:700;text-decoration:none;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.15);position:relative;z-index:3}
.tb-custom svg{width:14px;height:14px}
.tb-custom:hover{background:#fff}
.tbn-top{align-items:center}
.tb-custom{transition:opacity .25s ease,max-width .3s ease,padding .3s ease,margin .3s ease;max-width:220px;overflow:hidden;white-space:nowrap}
body.is-scrolled .tb-custom{opacity:0;max-width:0;padding-left:0;padding-right:0;margin-left:0;pointer-events:none;visibility:hidden;transition:opacity .25s ease,max-width .3s ease,padding .3s ease,margin .3s ease,visibility 0s .3s}
.home-head{position:relative}
.home-custom{position:absolute;right:28px;top:50%;transform:translateY(-50%);background:#0b2545;color:#fff}
.home-custom:hover{background:#13365f}
.ms-link:not(.ms-on){opacity:.42}
.ms-link:not(.ms-on):hover{opacity:.8}
/* Favoritthjerter */
.book,.diy-card,.rec-card,.dest-card{position:relative}
.fav-h{position:absolute;top:8px;right:8px;z-index:4;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.18);transition:transform .15s}
.fav-h svg{width:16px;height:16px;fill:none;stroke:#c2410c;stroke-width:2}
.fav-h.on svg{fill:#e8590c;stroke:#e8590c}
.fav-h:hover{transform:scale(1.1)}
.fav-h:focus-visible{outline:2px solid #e8590c;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.fav-h{transition:none}.fav-h:hover{transform:none}}
/* Min side */
body.theme-minside{--acc:#2563a8;--acc-d:#1d4f86;--acc-soft:#e6f0fb;background:#f6f8fb}
.ms-wrap{max-width:1180px;margin:0 auto;padding:20px 28px 40px}
.ms-note{display:flex;gap:10px;align-items:flex-start;background:#e9f3ff;border:1px solid #c9def5;border-radius:14px;padding:12px 14px;font-size:13.5px;margin-bottom:16px}
.ms-note svg{width:18px;height:18px;flex:none;color:#2563a8;margin-top:2px}
.ms-grid{display:grid;grid-template-columns:1fr 360px;gap:20px;align-items:start}
.ms-sec{background:#fff;border:1px solid #e3e8ef;border-radius:16px;padding:16px 18px;margin-bottom:14px}
.ms-sec h2{font-family:var(--serif);font-size:19px;margin:0 0 6px}
.ms-sec h4{margin:10px 0 6px;font-size:13px}
.ms-themes{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:6px}
.ms-th{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid #e3e8ef;border-radius:12px;background:#fafbfd}
.ms-th.on{border-color:#9cc0ea;background:#eef5ff}
.ms-th label{display:flex;align-items:center;gap:8px;flex:1;cursor:pointer;font-weight:600}
.ms-th svg{width:18px;height:18px;color:#2563a8}
.ms-ord{font-size:11px;font-weight:800;color:#fff;background:#2563a8;border-radius:999px;padding:1px 7px}
.ms-mv{border:1px solid #c9d6e6;background:#fff;border-radius:8px;width:28px;height:26px;cursor:pointer;font-size:10px;color:#2563a8}
.ms-mv:disabled{opacity:.35;cursor:default}
.ms-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ms-row label,.ms-full{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:700;color:#334}
.ms-full{margin:10px 0}
.ms-row input,.ms-full input{padding:8px 10px;border:1px solid #cfd8e3;border-radius:10px;font:inherit;font-size:14px;font-weight:400}
.ms-seg{display:inline-flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.ms-seg label{position:relative;cursor:pointer}
.ms-seg input,.ms-plan input{position:absolute;opacity:0;width:1px;height:1px}
.ms-seg span{display:inline-block;padding:6px 14px;border-radius:999px;border:1px solid #c9d6e6;background:#fff;font-size:13px;font-weight:600;color:#1d4f86}
.ms-seg input:checked+span{background:#2563a8;border-color:#2563a8;color:#fff}
.ms-seg input:focus-visible+span,.ms-plan input:focus-visible+span{outline:2px solid #2563a8;outline-offset:2px}
.ms-checks{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.ms-chk{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;cursor:pointer;padding:6px 8px;border-radius:10px}
.ms-chk:hover{background:#f4f7fb}
.ms-chk input{margin-top:3px;accent-color:#2563a8}
.ms-chk small{display:block;font-size:11px;color:#6b7785}
.ms-plans{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ms-plan{position:relative;cursor:pointer}
.ms-plan>span{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border:2px solid #e3e8ef;border-radius:14px;height:100%}
.ms-plan em{font-style:normal;font-size:11.5px;font-weight:700;color:#b45309}
.ms-plan small{font-size:12px;color:#5b6570}
.ms-plan input:checked+span{border-color:#2563a8;background:#f2f7ff}
.ms-consent{background:#f8fafc;border:1px solid #e3e8ef}
.ms-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.btn.danger{background:#b42318;border-color:#b42318;color:#fff}
.btn.ghost.danger{background:#fff;color:#b42318;border-color:#f1b5ae}
.ms-ok{margin:10px 0 0;font-size:13.5px;font-weight:600;color:#1e6b2e;min-height:1em;display:flex;gap:6px;align-items:center}
.ms-ok svg{width:16px;height:16px}
.ms-ok.err{color:#b42318}
.ms-ok.show{animation:accIn .3s ease-out}
.ms-prev{background:linear-gradient(135deg,#0b2545,#1d4f86);color:#fff;border-radius:16px;padding:16px 18px;margin-bottom:14px}
.ms-prev h3{font-family:var(--serif);font-size:20px;margin:6px 0 4px}
.ms-prev p{margin:0 0 8px;font-size:13px;opacity:.9}
.ms-prev ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;font-size:13px}
.ms-prev li{display:flex;gap:8px;align-items:flex-start}
.ms-prev li svg{width:16px;height:16px;flex:none;color:#ffd166;margin-top:1px}
.ms-kick{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:#ffd166;color:#3a2a00;border-radius:999px;padding:2px 9px}
.ms-favs{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}
.ms-favs li{display:flex;align-items:center;gap:8px}
.ms-favs img,.ms-fi{width:40px;height:40px;border-radius:8px;object-fit:cover;flex:none;background:#eef3f8;display:grid;place-items:center}
.ms-fi svg{width:18px;height:18px;color:#2563a8}
.ms-favs a{flex:1;color:inherit;text-decoration:none;font-size:13px;font-weight:600;display:flex;flex-direction:column}
.ms-favs a small{font-weight:500;color:#6b7785;font-size:11px}
.ms-rm{border:0;background:none;font-size:18px;color:#8a95a3;cursor:pointer;width:28px;height:28px;border-radius:50%}
.ms-rm:hover{background:#f1f3f6;color:#b42318}
.ms-heart{color:#e8590c}
@media (max-width:1000px){.ms-grid{grid-template-columns:1fr}.ms-checks,.ms-plans,.ms-row{grid-template-columns:1fr}}
.rate-line{display:block;font-size:11px;color:#5b6570;margin:3px 0 4px;line-height:1.35}
.rate-line b{color:#1d2a20;font-weight:700}.rate-line b i{color:#f5a300;font-style:normal}
.rate-line em{font-style:normal;font-size:9.5px;background:#fff4d6;color:#7a5a00;border-radius:999px;padding:0 5px;margin-left:2px}
.ms-prev h3{color:#fff!important;margin-top:8px}

/* Sidebar: Min side + innstillinger nederst */
.sidebar .spacer{flex:1}
.sidebar .sb-gear{opacity:.75}
.sidebar .sb-gear:hover{opacity:1}
@media (max-width:800px){.sidebar .spacer{display:none}}
/* Lik høyrekolonne på alle temasider */
:root{--rcol:440px}
body.editorial .tema-layout,body.editorial.theme-hage .tema-layout{grid-template-columns:minmax(0,1fr) var(--rcol)}
body.editorial .split.half{grid-template-columns:minmax(0,1fr) calc(var(--rcol) + 62px)}
@media (min-width:1101px){body.editorial .split.half>.col.regional{padding-right:30px}}
@media (max-width:1100px){body.editorial .tema-layout,body.editorial.theme-hage .tema-layout,body.editorial .split.half{grid-template-columns:1fr}}
/* Bil: forstørr kart */
.map-max{position:absolute;right:10px;bottom:26px;z-index:800;display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:0;border-radius:999px;background:#0b2545;color:#fff;font:600 12.5px/1 inherit;cursor:pointer;box-shadow:0 4px 14px rgba(11,37,69,.28);transition:transform .15s,background .15s}
.map-max:hover{background:#2f6fd6;transform:translateY(-1px)}
.map-max svg{width:15px;height:15px}
.map-max-back{position:fixed;inset:0;background:rgba(11,20,35,.6);backdrop-filter:blur(3px);z-index:9000;animation:fadeIn .2s both}
.editorial .map-box.maxed,.map-box.maxed{position:fixed!important;inset:4vh 4vw!important;height:auto!important;width:auto!important;z-index:9001;border-radius:16px!important;clip-path:none!important;animation:none!important;border:0;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.map-box.maxed .map-max{bottom:28px;right:14px}
body.map-maxed{overflow:hidden}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
/* Hage: fremhevet robotklipper */
.rb-item.rb-promo{position:relative}
.rb-item.rb-promo .rb-card{box-shadow:0 0 0 2px #2f9e44 inset}
.rb-badge{position:absolute;top:-9px;left:12px;z-index:2;background:#2f9e44;color:#fff;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;letter-spacing:.02em}
.rb-badge em{font-style:normal;font-weight:500;opacity:.8;margin-left:3px}
/* Bil: søkefelt får maks bredde i smal høyrekolonne */
body.editorial .search.v3{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) auto;gap:8px}
body.editorial .search.v3 .input{padding-left:10px;padding-right:8px;gap:6px;min-width:0}
body.editorial .search.v3 .input input{min-width:0;width:100%;font-size:16px;letter-spacing:.01em}
body.editorial .search.v3 .btn{padding:0 14px;white-space:nowrap}
@media (max-width:1100px){body.editorial .search.v3{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) auto}}
@media (max-width:560px){body.editorial .search.v3{grid-template-columns:1fr 1fr}body.editorial .search.v3 .btn{grid-column:1/-1}}
/* Mindre bilder på hovedsakene */
.editorial .lead-story img{height:150px!important;aspect-ratio:auto!important}
@media (min-width:1101px){body.editorial .search.v3{grid-template-columns:1fr 1fr}body.editorial .search.v3 .btn{grid-column:1/-1;height:40px}}
body.editorial:not(.tema) .feat .feat-img{aspect-ratio:auto!important;height:190px!important}
body.editorial:not(.tema) .feat .feat-img img{height:100%!important}
@media (max-width:700px){body.editorial:not(.tema) .feat .feat-img{height:170px!important}}
/* Forstørret kart: topp 3-panel */
.map-box .max-list{display:none}
.map-box.maxed .max-list{display:block;position:absolute;top:56px;right:14px;z-index:850;width:330px;max-width:calc(100% - 90px);background:rgba(255,255,255,.96);border-radius:14px;box-shadow:0 10px 30px rgba(11,37,69,.22);padding:12px 12px 8px;backdrop-filter:blur(4px)}
.max-list .ml-h{display:block;font-size:13.5px;color:var(--navy);margin:0 0 6px}
.max-list ol{list-style:none;margin:0;padding:0}
.max-list li{display:grid;grid-template-columns:22px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:7px 2px;border-top:1px solid var(--line);font-size:13px}
.max-list li:first-child{border-top:0}
.max-list .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.max-list .ml-avg{margin:6px 0 0;font-size:11.5px;color:#64748b}
@media (max-width:640px){.map-box.maxed .max-list{top:auto;bottom:70px;left:10px;right:10px;width:auto;max-width:none}}
#h-pris{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:17px;line-height:1.2}
/* Ugress med bilder */
.weed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:6px 0 16px}
.weed{margin:0;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.weed img{width:100%;height:130px;object-fit:cover;display:block}
.weed figcaption{padding:9px 11px 10px;display:flex;flex-direction:column;gap:4px;font-size:13px;line-height:1.4}
.weed strong{font-size:15px;color:var(--navy)}
.weed span{color:#475569}
.weed em{font-style:normal;color:#166534;background:#f0fdf4;border-radius:6px;padding:4px 7px}
.weed small{font-size:10px;color:#94a3b8;margin-top:auto}
@media (max-width:700px){.weed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.weed-grid{grid-template-columns:1fr}}
.diy-pop .diy-pdf{display:inline-flex;align-items:center;gap:8px;margin:12px 0 2px;background:#2f9e44;color:#fff;border-radius:999px;padding:10px 18px;font-weight:700;text-decoration:none}
.diy-pop .diy-pdf:hover{background:#237a34;color:#fff;text-decoration:none}
.diy-pop .diy-pdf svg{width:18px;height:18px}
.diy-pdf-note{margin:4px 0 10px;font-size:12px;color:#64748b}
/* Artikler */
.art-body{max-width:760px;margin:0 auto;font-size:16px;line-height:1.65}
.art-body .lead{font-size:18px;color:#334155}
.art-body h3.mh{margin-top:22px}
.art-credit{font-size:11px;color:#94a3b8;margin-top:18px}
.lvl-list{padding-left:22px}.lvl-list li{margin-bottom:12px}.lvl-list li b{display:block;color:var(--navy)}.lvl-list li span{color:#475569}
.art-link{display:inline-block;font-weight:600;color:#1d4ed8;padding:6px 0}
.src-note{font-size:12px;color:#64748b;background:#f8fafc;border-radius:8px;padding:8px 10px;margin-top:14px}
.x-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:8px 0}
.x-link{display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#f0fdf4;color:var(--navy);text-decoration:none}
.x-link:hover{border-color:#2f9e44;text-decoration:none}.x-link span{font-size:12.5px;color:#475569}
/* Var dette nyttig */
.rate-pop{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:18px;padding-top:10px;border-top:1px dashed var(--line);font-size:12px;color:#94a3b8}
.rate-pop button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:2px 9px;font-size:13px;cursor:pointer;opacity:.75}
.rate-pop button:hover{opacity:1;border-color:#94a3b8}
/* Tilbakemelding */
.sidebar .sb-fb{opacity:.75}.sidebar .sb-fb:hover{opacity:1}
.modal-sm{max-width:460px}
.fb-form{display:flex;flex-direction:column;gap:8px}.fb-intro{margin:0 0 4px;color:#475569;font-size:14px}
.fb-type{border:0;padding:0;margin:0 0 4px;display:flex;gap:8px;flex-wrap:wrap}.fb-type legend{font-weight:600;font-size:13px;margin-bottom:6px}
.fb-type label{cursor:pointer}.fb-type input{position:absolute;opacity:0}.fb-type span{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:14px}
.fb-type input:checked+span{background:var(--navy);color:#fff;border-color:var(--navy)}.fb-type input:focus-visible+span{outline:2px solid #2f6fd6}
.fb-l{font-weight:600;font-size:13px}.fb-l small{font-weight:400;color:#64748b}
.fb-form textarea,.fb-form input[type=email]{border:1px solid var(--line);border-radius:10px;padding:9px 11px;font:inherit;font-size:15px}
.fb-err{color:#b91c1c;font-size:13px;margin:0;min-height:1em}
.fb-done{text-align:center;padding:12px}.fb-done span{font-size:40px}.fb-done h3{margin:6px 0}

/* Reise: kartlag */
.ml-btn.ly-road.on i{background:#e8590c}.poi-pin.ly-road span{background:#e8590c}.poi-pin.ly-road span::after{border-top-color:#e8590c}
.ml-btn.ly-topp.on i{background:#7048e8}.poi-pin.ly-topp span{background:#7048e8}.poi-pin.ly-topp span::after{border-top-color:#7048e8}
.ml-btn.ly-tveg.on i{background:#1c7ed6}.poi-pin.ly-tveg span{background:#1c7ed6}.poi-pin.ly-tveg span::after{border-top-color:#1c7ed6}
.ml-btn.ly-sev.on i{background:#d6336c}.poi-pin.ly-sev span{background:#d6336c}.poi-pin.ly-sev span::after{border-top-color:#d6336c}
.ml-btn.ly-mus.on i{background:#5f3dc4}.poi-pin.ly-mus span{background:#5f3dc4}.poi-pin.ly-mus span::after{border-top-color:#5f3dc4}
.ml-btn.ly-bad.on i{background:#0ca678}.poi-pin.ly-bad span{background:#0ca678}.poi-pin.ly-bad span::after{border-top-color:#0ca678}
.ml-btn.ly-dnt.on i{background:#c92a2a}.poi-pin.ly-dnt span{background:#c92a2a}.poi-pin.ly-dnt span::after{border-top-color:#c92a2a}
.ml-btn.ly-perle.on i{background:#f59f00}.poi-pin.ly-perle span{background:#f59f00}.poi-pin.ly-perle span::after{border-top-color:#f59f00}
body.theme-reise .local-widget .lw-map{height:340px}
/* Skjulte perler */
.perler{margin:34px 0 10px}
.gem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.gem{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.gem:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(11,37,69,.12)}
.gem-img{position:relative;display:block;aspect-ratio:16/11;overflow:hidden}.gem-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.gem:hover .gem-img img{transform:scale(1.05)}
.gem-c{position:absolute;left:10px;top:10px;background:rgba(11,37,69,.78);color:#fff;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px}
.gem-t{padding:11px 13px 12px;display:flex;flex-direction:column;gap:5px;flex:1}.gem-t h3{margin:0;font-family:var(--serif);font-size:18px;color:var(--navy)}
.gem-t p{margin:0;font-size:13.5px;color:#334155;line-height:1.45}.gem-tip{color:#0f766e!important}.gem-t small{margin-top:auto;font-size:10px;color:#94a3b8}
@media (max-width:1000px){.gem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.gem-grid{grid-template-columns:1fr}}
/* Varselbokser, visum, vaksiner, UD */
.alert-box{background:#fff1f2;border:2px solid #e03131;border-radius:12px;padding:12px 14px;margin:0 0 16px}
.alert-box h3{margin:0 0 6px;color:#c92a2a;font-size:16px}.alert-box h4{margin:10px 0 4px;color:#c92a2a}
.alert-box.soft{background:#fff7ed;border:1px solid #fdba74;font-size:13.5px;margin:14px 0}
.visa-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:8px 0}
.visa-g{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff}.visa-g h4{margin:0}.visa-g .fine{margin:2px 0 8px}
.visa-g ul{list-style:none;margin:0;padding:0}.visa-g li{padding:6px 0;border-top:1px solid #f1f5f9;display:flex;flex-direction:column;font-size:13px}.visa-g li b{color:var(--navy)}.visa-g li span{color:#475569}
.vg-free{border-top:4px solid #2f9e44}.vg-e{border-top:4px solid #1c7ed6}.vg-apply{border-top:4px solid #e8590c}
@media (max-width:800px){.visa-grid{grid-template-columns:1fr}}
.cty-sel,.cty-search{width:100%;max-width:360px;border:1px solid var(--line);border-radius:10px;padding:9px 11px;font:inherit;font-size:15px;margin:4px 8px 10px 0;background:#fff}
.vax-card,.ud-card{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:6px 0 14px;background:#fff}.vax-card h4,.ud-card h4{margin:0 0 8px;font-size:18px;color:var(--navy)}
.vx-row{margin:6px 0}.vx-row>b{display:block;font-size:12.5px;color:#475569;margin-bottom:4px}
.vx{display:inline-flex;flex-direction:column;border-radius:8px;padding:4px 8px;margin:0 6px 6px 0;background:#ecfdf5;color:#065f46;font-weight:700;font-size:13px}
.vx small{font-weight:400;font-size:10.5px;color:#475569}.many .vx{background:#eff6ff;color:#1e40af}.some .vx{background:#f8fafc;color:#334155}
.vx-mal{background:#fefce8;border-radius:8px;padding:6px 9px;font-size:13px}
.ud-badge{display:inline-block;font-size:12px;font-weight:700;border-radius:999px;padding:3px 10px;margin-bottom:6px}.ud-badge em{font-weight:400}
.ud-g .ud-badge{background:#d3f9d8;color:#2b8a3e}.ud-y .ud-badge{background:#fff3bf;color:#a15c07}.ud-r .ud-badge{background:#ffe3e3;color:#c92a2a}
.ud-g{border-left:5px solid #2f9e44}.ud-y{border-left:5px solid #f59f00}.ud-r{border-left:5px solid #e03131}
.fg-all a{width:auto!important;padding:0 8px;font-size:11.5px;font-weight:700;white-space:nowrap;color:var(--navy)!important}
.fg-all{display:flex}

/* Reise: stort lokalkart med lag */
.map-box.maxed .map-layers{position:absolute;left:14px;top:14px;z-index:850;max-width:min(560px,calc(100% - 80px));background:rgba(255,255,255,.95);border-radius:14px;padding:8px;box-shadow:0 10px 30px rgba(11,37,69,.22);margin:0}
.map-box.maxed .leaflet-top.leaflet-left{top:auto;bottom:70px}
/* Visum kompakt */
.visa-g li{padding:5px 0}.visa-g .fine{margin:0 0 4px}.visa-more{margin-top:4px;font-size:13px}
/* Pakkeliste PDF-lenke */
.pl-pdf{display:inline-flex;align-items:center;gap:6px;margin:0 0 14px;padding:6px 12px;border:1px solid #b2f2bb;border-radius:999px;background:#ebfbee;color:#2b8a3e;font-size:13px;font-weight:600;text-decoration:none}
.pl-pdf:hover{background:#d3f9d8;text-decoration:none}.pl-pdf svg{width:15px;height:15px}
.visa-g li[hidden]{display:none!important}

/* 👎 kommentar inline */
.rate-pop.rate-open{display:block}
.rate-c{max-width:420px;margin-left:auto;animation:rateIn .25s ease both}
.rate-c textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font:inherit;font-size:13.5px;color:#1e293b;resize:vertical}
.rate-c-a{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}
.rate-c-a button{border-radius:999px;padding:5px 12px;font-size:12.5px;cursor:pointer;opacity:1}
.rate-skip{border:0!important;background:none!important;color:#64748b}.rate-send{background:var(--navy)!important;color:#fff;border-color:var(--navy)!important}
@keyframes rateIn{from{opacity:0;max-height:0;transform:translateY(-4px)}to{opacity:1;max-height:200px;transform:none}}
/* ===== Felles sjekkliste-komponent (B) ===== */
.cl{margin:10px 0 16px}
.cl-bar{height:11px;background:#eef2f7;border-radius:999px;overflow:hidden}
.cl-bar i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--cl-g1,#4dabf7),var(--cl-g2,#20c997));transition:width .45s cubic-bezier(.2,.8,.2,1)}
.cl-bt{display:flex;justify-content:space-between;margin:7px 0 14px;font-size:13px;color:#64748b}.cl-bt b{color:var(--navy)}
.cl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.cl-one .cl-grid{grid-template-columns:1fr}.cl-one .cl-card ul{columns:2 260px;column-gap:18px}.cl-one .cl-card li{break-inside:avoid}
.cl-card{position:relative;background:#fff;border:1px solid #e8edf3;border-radius:16px;padding:14px 14px 10px;overflow:hidden;transition:background .35s,box-shadow .25s,transform .25s}
.cl-card:before{content:'';position:absolute;inset:0 0 auto 0;height:5px;background:var(--a)}
.cl-card:hover{box-shadow:0 8px 22px rgba(11,37,69,.08)}
.cl-card.full{background:linear-gradient(160deg,#ebfbee,#fff 75%)}
.cl-card h4{display:flex;align-items:center;gap:7px;margin:4px 0 8px;font:700 15px/1.25 Inter,system-ui,sans-serif;color:var(--navy)}
.cl-card h4 .cl-t{flex:1}.cl-ico{font-size:16px}
.cl-badge{flex:none;font-size:11.5px;font-weight:700;color:#fff;background:var(--a);border-radius:999px;padding:2px 9px;transition:background .3s}
.cl-card.full .cl-badge{background:#2f9e44}
.cl-card ul{list-style:none;margin:0;padding:0}
.cl-card li{border-top:1px dashed #edf1f6}.cl-card li:first-child{border-top:0}
.cl-card label{display:flex;align-items:center;gap:10px;padding:8px 2px;cursor:pointer;font-size:14px;line-height:1.35;color:#1e293b}
.cl-card input{position:absolute;opacity:0;width:1px;height:1px}
.cl-box{flex:none;width:21px;height:21px;border-radius:50%;border:2px solid #cbd5e1;display:grid;place-items:center;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
.cl-box svg{width:13px;height:13px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16;stroke-dashoffset:16;transition:stroke-dashoffset .3s .05s}
.cl-card input:checked+.cl-box{background:var(--a);border-color:var(--a);box-shadow:0 0 0 4px color-mix(in srgb,var(--a) 22%,transparent);animation:clPop .3s}
.cl-card input:checked+.cl-box svg{stroke-dashoffset:0}
.cl-card input:checked~span{color:#94a3b8;text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--a) 60%,transparent)}
.cl-card input:focus-visible+.cl-box{outline:2px solid var(--a);outline-offset:2px}
.cl-card label:hover .cl-box{border-color:var(--a)}
@keyframes clPop{0%{transform:scale(.7)}60%{transform:scale(1.15)}100%{transform:scale(1)}}
.cl-new{animation:rateIn .3s both}
.cl-add{display:flex;gap:6px;margin:8px 0 4px}.cl-add input{flex:1;min-width:0;border:1px dashed #cbd5e1;border-radius:10px;padding:7px 10px;font:inherit;font-size:13.5px;position:static;opacity:1;width:auto;height:auto}
.cl-add button{width:34px;border:0;border-radius:10px;background:var(--a);color:#fff;font-size:18px;cursor:pointer}
/* kit-varer i komponenten */
.cl-card .kit-img{width:40px;height:40px;border-radius:9px;object-fit:cover;flex:none}
.cl-card .kit-txt{display:flex;flex-direction:column;gap:2px}.cl-card .kit-txt span{font-size:12.5px;color:#64748b}.cl-card .kit-ex{font-size:12px}
.cl-card input:checked~.kit-txt{text-decoration:none}.cl-card input:checked~.kit-txt strong{color:#94a3b8;text-decoration:line-through}
/* temafarger for progresjonsbaren */
body.theme-reise{--cl-g1:#ff922b;--cl-g2:#f06595}body.theme-bolig{--cl-g1:#2f6fd6;--cl-g2:#4dabf7}body.theme-hage{--cl-g1:#94d82d;--cl-g2:#2f9e44}body.theme-helse{--cl-g1:#f783ac;--cl-g2:#12b886}
.pl-head{display:flex;justify-content:flex-end;margin:-4px 0 6px}.pl-head .pl-pdf{margin:0}
.pl-var{margin:10px 0 14px}
@media (max-width:560px){.cl-grid{grid-template-columns:1fr}.cl-one .cl-card ul{columns:1}}
/* Helse: makro-slidere */
.mk-row input[type=range]{-webkit-appearance:none;appearance:none;height:10px;border-radius:999px;background:linear-gradient(90deg,var(--m1) 0,var(--m2) var(--v,50%),#e9eef3 var(--v,50%));cursor:pointer;touch-action:none}
.mk-p{--m1:#ffa94d;--m2:#f76707}.mk-c{--m1:#c0eb75;--m2:#66a80f}.mk-f{--m1:#74c0fc;--m2:#1c7ed6}
.mk-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--m2);box-shadow:0 2px 8px rgba(0,0,0,.2);transition:transform .15s}
.mk-row input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}
.mk-row input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--m2)}
.mk-row input[type=range]:focus-visible{outline:2px solid var(--m2);outline-offset:4px}
.mk-p .mk-v{color:#e8590c}.mk-c .mk-v{color:#5c940d}.mk-f .mk-v{color:#1971c2}
.mk-bar .mb-p{background:linear-gradient(90deg,#ffa94d,#f76707)!important}.mk-bar .mb-c{background:linear-gradient(90deg,#c0eb75,#66a80f)!important}.mk-bar .mb-f{background:linear-gradient(90deg,#74c0fc,#1c7ed6)!important}
/* Helse: ukesplan (stil C) */
.ukeplan{margin:34px 0 10px}
.uke{display:grid;grid-template-columns:220px 1fr;border-radius:20px;overflow:hidden;border:1px solid #e8edf3;background:#fff}
.uke-l{background:linear-gradient(170deg,#f783ac,#ff8787 50%,#12b886 130%);color:#fff;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center}
.uke-vis{position:relative;width:110px;height:150px;border:3px solid rgba(255,255,255,.9);border-radius:22px 22px 34px 34px;overflow:hidden;background:rgba(255,255,255,.18)}
.uke-vis:before{content:'';position:absolute;top:-3px;left:30px;right:30px;height:12px;background:rgba(255,255,255,.9);border-radius:0 0 8px 8px;z-index:2}
.uke-fill{position:absolute;left:0;right:0;bottom:0;height:var(--p);background:linear-gradient(0deg,#fff,#fff3bf);transition:height .6s cubic-bezier(.2,.8,.2,1)}
.uke-pct{position:absolute;inset:0;display:grid;place-items:center;font:800 24px Inter,sans-serif;color:#c2255c;z-index:3;mix-blend-mode:multiply}
.uke-n{margin:12px 0 0;font-size:15px}.uke-msg{margin:2px 0 10px;opacity:.95;font-size:13.5px}
.uke-streak{background:rgba(255,255,255,.25);border-radius:999px;padding:5px 12px;font-weight:700;font-size:13px}
.uke-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;padding:14px}
.uke-d{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;font:inherit;border:1px solid #e8edf3;border-radius:14px;padding:10px;background:#fff;cursor:pointer;transition:transform .2s,box-shadow .2s,background .3s;min-height:150px}
.uke-d:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(11,37,69,.08)}
.uke-d.today{border-color:#f783ac;box-shadow:0 0 0 2px #fcc2d7}
.uke-d.rest{background:#f8fafc;cursor:default;opacity:.85}.uke-d.rest:hover{transform:none;box-shadow:none}
.ud-day{font-size:11.5px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.ud-ico{font-size:24px}
.uke-d strong{font-size:13.5px;color:var(--navy);line-height:1.2}.ud-s{font-size:11.5px;color:#64748b;line-height:1.3}
.ud-chk{margin-top:auto;font-size:11px;font-weight:700;color:#94a3b8}
.uke-d.on{background:linear-gradient(160deg,#e6fcf5,#fff);border-color:#63e6be}.uke-d.on .ud-chk{color:#0ca678}.uke-d.on .ud-ico{animation:clPop .35s}
@media (max-width:1100px){.uke-days{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:640px){.uke{grid-template-columns:1fr}.uke-days{grid-template-columns:repeat(2,minmax(0,1fr))}.uke-d{min-height:0}}
/* Ukeplan – tilpass */
.uke-tp{margin-left:8px;border:1px solid #fcc2d7;background:#fff0f6;color:#c2255c;border-radius:999px;padding:3px 10px;font:600 12px Inter,sans-serif;cursor:pointer}
.uke-ed{background:#fff;border:1px solid #fcc2d7;border-radius:16px;padding:12px 14px;margin:0 0 12px;animation:rateIn .25s both}
.ue-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.ue-d{display:flex;flex-direction:column;gap:5px}.ue-d b{font-size:12px;color:#64748b;text-transform:uppercase}
.ue-d select,.ue-d input{width:100%;border:1px solid var(--line);border-radius:9px;padding:6px 7px;font:inherit;font-size:13px;background:#fff}.ue-m{display:flex;align-items:center;gap:4px;font-size:12px;color:#64748b}.ue-m input{width:64px}
.ue-d [hidden]{display:none!important}
.ue-a{display:flex;justify-content:flex-end;gap:10px;align-items:center;margin-top:10px}.ue-a .link-btn{margin-right:auto}
@media (max-width:900px){.ue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Ukemeny */
.middagsplan{margin:30px 0 10px}
.mp{border-radius:20px;overflow:hidden;border:1px solid #e8edf3;background:#fff}
.mp-top{display:flex;align-items:center;gap:16px;padding:16px 18px;background:linear-gradient(110deg,#ffd8a8,#ffc9c9 45%,#c3fae8);flex-wrap:wrap}
.mp-plate{--p:0%;width:74px;height:74px;border-radius:50%;background:conic-gradient(#12b886 var(--p),rgba(255,255,255,.6) 0);display:grid;place-items:center;flex:none;box-shadow:0 6px 18px rgba(0,0,0,.08);transition:background .5s}
.mp-plate span{width:56px;height:56px;border-radius:50%;background:#fff;display:grid;place-items:center;font:800 17px Inter,sans-serif;color:#0b2545}
.mp-top-t{display:flex;flex-direction:column;flex:1;min-width:200px}.mp-top-t b{font-family:var(--serif);font-size:20px;color:#0b2545}.mp-top-t span{font-size:13px;color:#475569}
.mp-btns{display:flex;gap:8px;flex-wrap:wrap}
.mp-b{display:inline-flex;align-items:center;gap:5px;border:0;border-radius:999px;padding:9px 14px;background:#fff;color:#0b2545;font:700 13.5px Inter,sans-serif;cursor:pointer;box-shadow:0 3px 10px rgba(11,37,69,.1);text-decoration:none;transition:transform .15s}
.mp-b:hover{transform:translateY(-1px);text-decoration:none}.mp-b.on{background:#0b2545;color:#fff}.mp-rnd{background:linear-gradient(90deg,#ff922b,#f06595);color:#fff}
.mp-b.sm{padding:6px 11px;font-size:12.5px}.mp-b.oda{background:#5b2a86;color:#fff}.mp-b.oda em{font-style:normal;font-size:10.5px;background:rgba(255,255,255,.25);border-radius:999px;padding:1px 6px}
.mp-tp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 18px;padding:14px 18px;background:#fff8f0;border-bottom:1px solid #ffe8cc;animation:mpTpIn .25s both;position:static}@keyframes mpTpIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.mp-l{display:block;font-size:12.5px;font-weight:700;color:#475569;margin-bottom:5px}
.mp-tp select{width:100%;border:1px solid var(--line);border-radius:10px;padding:7px 9px;font:inherit;font-size:14px;background:#fff}
.mp-c{display:inline-flex;margin:0 6px 6px 0;cursor:pointer}.mp-c input{position:absolute;opacity:0}.mp-c span{border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 10px;font-size:13px}.mp-c input:checked+span{background:#12b886;border-color:#12b886;color:#fff}.mp-c input:focus-visible+span{outline:2px solid #12b886}
.mp-kids{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.mp-kid{display:inline-flex;align-items:center;gap:4px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:3px 6px 3px 9px;font-size:13px}.mp-kid input{width:44px;border:0;font:inherit;text-align:center}.mp-kid button{border:0;background:none;cursor:pointer;color:#94a3b8}
.mp-tpa{display:flex;align-items:flex-end;justify-content:flex-end}
.mp-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;padding:14px 18px}
.mp-d{position:relative;display:flex;flex-direction:column;gap:4px;border:2px dashed #e2e8f0;border-radius:16px;padding:8px;min-height:170px;cursor:pointer;background:#fff;transition:border-color .2s,box-shadow .2s,transform .2s;outline:none}
.mp-d.has{border-style:solid;border-color:#e8edf3}.mp-d:hover,.mp-d:focus-visible{box-shadow:0 8px 20px rgba(11,37,69,.1);transform:translateY(-2px)}
.mp-d.target{border-color:#f06595;box-shadow:0 0 0 3px #ffdeeb}.mp-d.drop{border-color:#12b886;background:#e6fcf5}.mp-d.locked{border-color:#ffd43b;background:linear-gradient(180deg,#fff9db,#fff 50%)}
.mp-d.pop{animation:clPop .4s both}
.mp-dn{font-size:11.5px;font-weight:800;text-transform:uppercase;color:#64748b;letter-spacing:.04em}
.mp-d img{width:100%;height:74px;object-fit:cover;border-radius:10px}.mp-d strong{font-size:12.5px;line-height:1.25;color:#0b2545}.mp-m{font-size:11px;color:#64748b;margin-top:auto}
.mp-empty{display:grid;place-items:center;height:74px;border-radius:10px;background:#f8fafc;color:#cbd5e1;font-size:28px}
.mp-da{position:absolute;top:6px;right:6px;display:flex;gap:3px}.mp-da button{border:0;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 1px 4px rgba(0,0,0,.15);cursor:pointer;font-size:11px}
.mp-h{margin:4px 18px 8px;font-size:15px;color:#0b2545;font-family:Inter,sans-serif}.mp-h small{font-weight:500;color:#64748b;font-size:12.5px;margin-left:6px}
.mp-sug{display:flex;gap:10px;overflow-x:auto;padding:4px 18px 14px;scroll-snap-type:x mandatory}
.mp-s{flex:none;width:170px;scroll-snap-align:start;display:flex;flex-direction:column;border:1px solid #e8edf3;border-radius:14px;padding:0;overflow:hidden;background:#fff;cursor:grab;text-align:left;font:inherit;transition:transform .15s,box-shadow .15s}
.mp-s:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(11,37,69,.1)}.mp-s img{width:100%;height:90px;object-fit:cover}.mp-s span{padding:7px 9px;display:flex;flex-direction:column;gap:2px}.mp-s strong{font-size:12.5px;line-height:1.25;color:#0b2545}.mp-s em{font-style:normal;font-size:11px;color:#64748b}
.mp-shop{padding:6px 18px 16px;border-top:1px solid #f1f5f9}.mp-sh{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 8px}.mp-sh h3{margin:0;font-size:17px}.mp-sh h3 small{font:500 12.5px Inter;color:#64748b}.mp-sh>span{display:flex;gap:6px;flex-wrap:wrap}
.mp-q{color:#64748b;font-size:12px;margin-left:4px}
.ms-widgets{margin-top:10px}
@media (max-width:1100px){.mp-days{grid-template-columns:repeat(4,minmax(0,1fr))}.mp-tp{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.mp-days{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-tp{grid-template-columns:1fr}.mp-d{min-height:150px}}
/* ---- Middagsplan v2: badges, flagg, uker, barn, del ---- */
.mp-im{position:relative;display:block!important;padding:0!important;line-height:0}
.mp-s .mp-im img{display:block}
.mp-bd{position:absolute!important;top:6px;left:6px;right:6px;display:flex!important;flex-direction:row!important;gap:4px!important;padding:0!important;z-index:2;pointer-events:none;line-height:1}
.mp-bd i{font:700 10.5px/1 Inter,system-ui,sans-serif;font-style:normal;padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 2px 6px rgba(0,0,0,.18)}
.mp-bd .bd-veg{color:#2b8a3e}.mp-bd .bd-vegan{color:#fff;background:#2f9e44}.mp-bd .bd-naer{margin-left:auto;padding:4px 5px}
.mp-s .mp-st{padding:7px 9px;display:flex;flex-direction:column;gap:2px}
.mp-flag{display:inline-block!important;padding:2px 7px!important;margin:2px 0;border-radius:8px;background:#fff4e6;color:#c2410c;font:600 10.5px/1.3 Inter,system-ui,sans-serif}
.mp-b.on.naer{background:linear-gradient(135deg,#12b886,#4dabf7);color:#fff;border-color:transparent}
.mp-few{margin:0 18px 12px;padding:10px 14px;border-radius:12px;background:#fff9db;color:#7a5b00;font-size:13.5px}
.mp-wk{display:flex;gap:6px;padding:0 18px 10px;flex-wrap:wrap}
.mp-wt{border:1px solid #dbe4ee;background:#fff;border-radius:999px;padding:7px 14px;font:600 13px Inter,system-ui,sans-serif;cursor:pointer;color:#334155}
.mp-wt small{font-weight:500;color:#94a3b8;margin-left:4px}.mp-wt.on{background:#0b2545;color:#fff;border-color:#0b2545}.mp-wt.on small{color:#cbd5e1}
.mp-nextb{background:linear-gradient(135deg,#ffd43b,#ff922b)!important;color:#5c3200!important;border:0!important}
.mp-kidsw{grid-column:1/-1}
.mp-kid2{border:1px solid #e8edf3;border-radius:14px;padding:10px;margin:6px 0;background:#fbfdff}
.mp-kh{display:flex;gap:8px;align-items:center}.mp-kh .mp-kn{flex:1;min-width:0;padding:7px 10px;border:1px solid #dbe4ee;border-radius:10px;font:inherit}
.mp-ka{display:flex;align-items:center;gap:4px;font-size:13px}.mp-ka input{width:58px;padding:7px;border:1px solid #dbe4ee;border-radius:10px;font:inherit}
.mp-kh button{border:0;background:#f1f5f9;border-radius:50%;width:30px;height:30px;cursor:pointer}
.mp-no{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.mp-c.sm span{font-size:12px;padding:5px 9px}
.mp-c.sm input:checked+span{background:#fff0f0;border-color:#ff8787;color:#c92a2a}
.mp-own{padding:5px 10px;border:1px dashed #cbd5e1;border-radius:999px;font:inherit;font-size:12px;width:150px}
.mp-share{background:linear-gradient(135deg,#12b886,#228be6)!important;color:#fff!important;border:0!important}
/* del-pop-up */
.mps-act{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.mps-soc{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.mps-soc a,.mps-soc button{border:0;border-radius:999px;padding:7px 13px;font:600 12.5px Inter,system-ui,sans-serif;text-decoration:none;color:#fff;cursor:pointer}
.s-wa{background:#25d366}.s-ms{background:linear-gradient(135deg,#0099ff,#a033ff)}.s-sms{background:#5c7cfa}.s-cp{background:#e9eef5;color:#0b2545!important}
.mps-note{font-size:13px;background:#f3f0ff;color:#4c3a8a;border-radius:12px;padding:10px 13px;margin:0 0 14px}
.mps{background:#fff;border-radius:18px;border:1px solid #e8edf3;overflow:hidden;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.mps-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;flex-wrap:wrap;padding:18px 20px;background:linear-gradient(135deg,#12b886,#228be6);color:#fff}
.mps-hd small{opacity:.85;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.mps-hd h2{margin:2px 0 0;font-size:24px;color:#fff}
.mps-pill{background:rgba(255,255,255,.22);padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:600}
.mps-h{margin:16px 20px 8px;font-size:16px}
.mps-shop{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;padding:0 20px}
.mps-shop section{border-radius:14px;border:1px solid color-mix(in srgb,var(--c) 30%,#fff);border-top:4px solid var(--c);background:color-mix(in srgb,var(--c) 6%,#fff);padding:9px 12px;break-inside:avoid}
.mps-shop h4{margin:0 0 5px;font-size:13.5px;display:flex;justify-content:space-between;color:#0b2545}.mps-shop h4 em{font-style:normal;background:var(--c);color:#fff;border-radius:999px;padding:0 7px;font-size:11px;line-height:18px}
.mps-shop ul{list-style:none;margin:0;padding:0;font-size:12.5px}.mps-shop li{padding:2px 0 2px 18px;position:relative}.mps-shop li:before{content:'';position:absolute;left:0;top:5px;width:10px;height:10px;border:1.5px solid var(--c);border-radius:3px}
.mps-shop .mp-q{color:#64748b}
.mps-days{display:flex;flex-direction:column;gap:10px;padding:0 20px}
.mps-day{display:grid;grid-template-columns:120px 1fr;gap:12px;border:1px solid #e8edf3;border-radius:14px;padding:10px;break-inside:avoid}
.mps-day img{width:120px;height:96px;object-fit:cover;border-radius:10px}
.mps-day.none{display:block;background:#f8fafc}.mps-day h4{margin:0;font-size:14px;color:#0b2545}.mps-day h4 span{color:#12805c}
.mps-m{margin:2px 0 4px;font-size:12px;color:#64748b}
.mps-cols{display:grid;grid-template-columns:1fr 1.3fr;gap:12px;font-size:12px}.mps-cols ul,.mps-cols ol{margin:0;padding-left:16px}.mps-ing b{font-weight:600;color:#0b2545}
.mps-ft{margin:14px 0 0;padding:12px 20px;font-size:11.5px;color:#64748b;background:#f8fafc}
@media (max-width:560px){.mps-day{grid-template-columns:1fr}.mps-day img{width:100%;height:130px}.mps-cols{grid-template-columns:1fr}.mps-hd h2{font-size:20px}}
#mpPrintRoot{display:none}
@media print{
  body.mp-printing>*:not(#mpPrintRoot){display:none!important}
  body.mp-printing #mpPrintRoot{display:block!important}
  body.mp-printing{background:#fff!important}
  #mpPrintRoot .mps{border:0;border-radius:0}
  #mpPrintRoot *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  #mpPrintRoot .mps-shop{grid-template-columns:repeat(3,1fr)}
  #mpPrintRoot .mps-days{display:block}#mpPrintRoot .mps-day{margin-bottom:8px;grid-template-columns:110px 1fr}#mpPrintRoot .mps-day img{width:110px;height:86px}
  #mpPrintRoot .mps-cols{grid-template-columns:1fr 1.3fr}
  #mpPrintRoot .mps-h.d2{break-before:page}
}
@page{size:A4;margin:12mm}
/* Middagsplan – ekstra */
.mx{display:flex!important;flex-wrap:wrap;gap:3px!important;padding:0!important;margin:2px 0;flex-direction:row!important}
.mx i{font:600 10px/1.2 Inter,system-ui,sans-serif;font-style:normal;padding:2px 6px;border-radius:999px;background:#f1f5f9;color:#475569;white-space:nowrap}
.mx .mx-sea{background:#fff4e6;color:#b45309}.mx .mx-off{background:#ffe3e3;color:#c92a2a}.mx .mx-pro{background:#e7f5ff;color:#1864ab}.mx .mx-hv{background:#ebfbee;color:#2b8a3e}
.mx-v{display:flex!important;flex-direction:row!important;gap:4px!important;padding:2px 0 0!important}
.mx-v span{cursor:pointer;font-size:13px;padding:2px 6px;border-radius:8px;background:#f8fafc;filter:grayscale(1);opacity:.7}
.mx-v span.on,.mx-v span:hover{filter:none;opacity:1;background:#fff3bf}
.mx-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:0 18px 10px}
.mx-t{border:1px solid #dbe4ee;background:#fff;border-radius:999px;padding:6px 12px;font:600 12.5px Inter,system-ui,sans-serif;cursor:pointer;color:#334155}
.mx-t.on{background:#0b2545;color:#fff;border-color:#0b2545}.mx-t.more.on{background:#f3f0ff;color:#5f3dc4;border-color:#d0bfff}
.mx-tr{font-size:12px;color:#1864ab;background:#e7f5ff;border-radius:999px;padding:5px 10px}
.mx-p{margin:0 18px 12px;border:1px solid #e8edf3;border-radius:16px;background:linear-gradient(180deg,#fbfaff,#fff);overflow:hidden}
.mx-tabs{display:flex;gap:2px;overflow-x:auto;padding:6px;background:#f5f3ff}
.mx-tabs button{border:0;background:none;border-radius:10px;padding:7px 11px;font:600 12.5px Inter,system-ui,sans-serif;cursor:pointer;white-space:nowrap;color:#5b5577}
.mx-tabs button.on{background:#fff;color:#5f3dc4;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.mx-body{padding:10px 14px 12px;font-size:13.5px}.mx-body p{margin:6px 0}
.mx-chips{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0}
.mx-sw{display:inline-flex;gap:7px;align-items:center;font-weight:600;cursor:pointer}
.mx-eks{margin-left:8px;font:700 10px Inter;text-transform:uppercase;letter-spacing:.05em;background:#fff3bf;color:#7a5b00;padding:2px 7px;border-radius:6px}
.mx-ofc{background:#fff0f0;color:#c92a2a;padding:5px 10px;border-radius:999px;font-size:12.5px}
.mx-bud{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center;padding:10px 12px;border-radius:12px;background:#ebfbee}
.mx-bud small{display:block;color:#2b8a3e;font-weight:600}.mx-bud b{font-size:22px;color:#0b2545;display:block}.mx-bud span{font-size:12px;color:#475569}
.mx-h{margin:10px 0 4px;font-size:14px}
.mx-swap{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid #f1f5f9}.mx-swap em{font-style:normal;color:#2b8a3e;font-weight:600}
.mx-mp{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.mx-mp div{background:#fff;border:1px solid #e8edf3;border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:3px;font-size:12.5px}
.mx-link{position:absolute;top:-9px;left:-14px;z-index:3;background:#fff;border:1px solid #d0bfff;color:#5f3dc4;border-radius:999px;padding:1px 6px;font:700 10px Inter,system-ui,sans-serif;box-shadow:0 2px 6px rgba(95,61,196,.2)}
.mp-d{position:relative}
.mx-fd{border:0;background:none;cursor:pointer;font-size:11px;padding:0 0 0 3px;filter:grayscale(1);opacity:.45}.mx-fd.on{filter:none;opacity:1}
.mx-ded{font-size:12.5px;color:#2b8a3e;background:#ebfbee;border-radius:10px;padding:7px 11px}
@media (max-width:560px){.mps-act .btn{flex:1 1 30%;padding:9px 8px;font-size:13px;justify-content:center}}
.mpt{display:flex;gap:14px;align-items:center;margin:14px 0 18px;padding:10px;border-radius:18px;background:linear-gradient(135deg,#fff4e6,#e6fcf5);border:1px solid #ffe8cc;text-decoration:none;color:inherit;box-shadow:0 6px 18px rgba(11,37,69,.06);transition:transform .2s,box-shadow .2s}
.mpt:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(11,37,69,.1)}
.mpt-im{position:relative;flex:none;width:120px;height:92px;border-radius:14px;overflow:hidden}.mpt-im img{width:100%;height:100%;object-fit:cover}
.mpt-im i{position:absolute;top:6px;left:6px;font:700 10.5px Inter,system-ui,sans-serif;font-style:normal;background:#fff;color:#e8590c;padding:3px 7px;border-radius:999px}
.mpt-t{display:flex;flex-direction:column;gap:3px;min-width:0}.mpt-t small{font:700 11px Inter;text-transform:uppercase;letter-spacing:.05em;color:#e8590c}
.mpt-t b{font-size:17px;color:#0b2545;line-height:1.25}.mpt-t>span{font-size:13px;color:#475569}
.mpt-b{align-self:flex-start;margin-top:4px;font:600 13px Inter,system-ui,sans-serif;font-style:normal;background:linear-gradient(135deg,#ff922b,#f76707);color:#fff;padding:6px 13px;border-radius:999px}
@media (max-width:560px){.mpt-im{width:92px;height:84px}.mpt-t b{font-size:15px}}
.mp-no{align-items:center}
.mp-chip{display:inline-flex;align-items:center;gap:4px;background:#fff0f0;color:#c92a2a;border:1px solid #ffc9c9;border-radius:999px;padding:3px 4px 3px 9px;font:600 12px Inter,system-ui,sans-serif}
.mp-chip button{border:0;background:rgba(201,42,42,.12);color:#c92a2a;border-radius:50%;width:18px;height:18px;font-size:10px;cursor:pointer;line-height:1}
.mp-kadd{border:1px dashed #cbd5e1;background:#fff;border-radius:999px;padding:4px 8px;font:600 12px Inter,system-ui,sans-serif;color:#475569;cursor:pointer;max-width:150px}
.mp-none{font-size:12px;color:#64748b}
.mp-kid2{padding:8px 10px}.mp-kid2 .mp-no{margin-top:6px}
/* kart-popupkort */
.pc-popup .leaflet-popup-content{margin:0!important;width:240px!important}
.pc-popup .leaflet-popup-content-wrapper{padding:0;overflow:hidden;border-radius:16px}
.pc-im{position:relative;height:110px;background:#e9eef5}.pc-im img{width:100%;height:100%;object-fit:cover;display:block}
.pc-im .feat-tag{position:absolute;top:8px;left:8px}
.pc-ph{position:absolute;right:6px;bottom:6px;background:rgba(0,0,0,.55);color:#fff;font:600 9.5px Inter,system-ui,sans-serif;padding:2px 6px;border-radius:6px}
.pc-b{padding:10px 12px 12px;display:flex;flex-direction:column;gap:3px}
.pc-b strong{font-size:14.5px;color:#0b2545;line-height:1.25}
.pc-d{font-size:12.5px;color:#475569}
.pc-rate{font-size:12.5px;display:flex;align-items:center;gap:3px;flex-wrap:wrap}.pc-rate b{color:#0b2545}
.pc-st{color:#f59f00;letter-spacing:1px}.pc-st i{color:#dee2e6;font-style:normal}
.pc-eks{background:#fff3bf;color:#7a5b00;border-radius:5px;padding:0 5px;font-size:10px;font-weight:700}
.pc-a{display:flex;gap:6px;align-items:center;margin-top:6px}.pc-a .nav-btn{margin:0}
.pc-site{font-size:12.5px;font-weight:600;color:#1c7ed6}
/* middag topp høyre */
.mp-top{flex-wrap:wrap}
.mp-top-r{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.mp-price{background:#fff;border:1px solid #d3f9d8;color:#2b8a3e;border-radius:999px;padding:5px 12px;font:700 13px Inter,system-ui,sans-serif}
.mp-price small{font-weight:600;color:#64748b;margin-left:3px}
.mp-prof{font:600 12.5px Inter,system-ui,sans-serif;color:#5f3dc4;text-decoration:none;background:rgba(255,255,255,.75);padding:5px 11px;border-radius:999px;border:1px solid #e5dbff}
.mp-prof i{font-style:normal;background:#7048e8;color:#fff;border-radius:6px;padding:1px 6px;font-size:10px;margin-left:4px}
@media (max-width:640px){.mp-top-r{margin-left:0;align-items:flex-start;width:100%}}
.mp-tren{display:flex;flex-direction:column;gap:6px}
.mp-step{display:flex;align-items:center;gap:8px}.mp-step span{min-width:52px;font-size:13px}
.mp-step button{width:30px;height:30px;border-radius:50%;border:1px solid #dbe4ee;background:#fff;font-size:16px;cursor:pointer}
.mp-step b{min-width:18px;text-align:center}
/* plager */
.pl-disc{background:#fff5f5;border:1px solid #ffc9c9;color:#862e2e;border-radius:12px;padding:10px 13px;font-size:13.5px;margin-bottom:12px}
.pl-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pl-home,.pl-red{border-radius:14px;padding:4px 14px 10px}.pl-home{background:#ebfbee}.pl-red{background:#fff0f0;border:1px solid #ffa8a8}
.pl-home ul,.pl-red ul{margin:0;padding-left:18px;font-size:14px}.pl-home li,.pl-red li{margin:4px 0}
.pl-links{font-size:13.5px;margin:12px 0 8px}
.pl-pdf{display:inline-flex;gap:6px;align-items:center;background:#e7f5ff;color:#1864ab;font-weight:600;text-decoration:none;padding:7px 14px;border-radius:999px;font-size:13.5px}
@media (max-width:640px){.pl-grid{grid-template-columns:1fr}}
body.theme-helse .local-widget .lw-map{height:340px}
body.theme-reise .local-widget .lw-map,body.theme-helse .local-widget .lw-map{height:340px!important}
.ml-btn.ly-gym.on i{background:#e8590c}.poi-pin.ly-gym span{background:#e8590c}.poi-pin.ly-gym span::after{border-top-color:#e8590c}.ml-btn.ly-svom.on i{background:#1c7ed6}.poi-pin.ly-svom span{background:#1c7ed6}.poi-pin.ly-svom span::after{border-top-color:#1c7ed6}.ml-btn.ly-yoga.on i{background:#9c36b5}.poi-pin.ly-yoga span{background:#9c36b5}.poi-pin.ly-yoga span::after{border-top-color:#9c36b5}.ml-btn.ly-ute.on i{background:#2f9e44}.poi-pin.ly-ute span{background:#2f9e44}.poi-pin.ly-ute span::after{border-top-color:#2f9e44}
/* ---- Mobil-runde ---- */
.sb-more,.more-menu{display:none}
@media (max-width:800px){
  .sidebar .sb-fb,.sidebar .ms-link,.sidebar .sb-gear{display:none!important}
  .sidebar .sb-more{display:flex;align-items:center;justify-content:center;flex-direction:column;border:0;background:none;color:inherit;cursor:pointer;font:600 10px Inter,system-ui,sans-serif;gap:1px}
  .sidebar .sb-more svg{width:22px;height:22px}
  .more-menu:not([hidden]){display:flex;flex-direction:column;position:fixed;right:10px;bottom:72px;z-index:1200;background:#fff;border-radius:16px;box-shadow:0 12px 34px rgba(11,37,69,.25);padding:6px;min-width:210px}
  .mm-i{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;color:#0b2545;text-decoration:none;font:600 14px Inter,system-ui,sans-serif}
  .mm-i:hover,.mm-i:focus{background:#f1f5f9}.mm-i svg{width:20px;height:20px}
}
@media (max-width:1000px){
  .side-moved{margin-bottom:14px}
  .side-moved .lw-map,body.side-top .local-widget .lw-map{height:175px!important}
  .side-moved .lw-intro{display:none}
  .tiles-moved{margin:16px 0}
}
@media (max-width:700px){
  .gem-grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:2px 2px 12px;margin:0 -2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .gem-grid::-webkit-scrollbar{display:none}
  .gem-grid .gem{flex:0 0 78%;scroll-snap-align:start;max-width:320px}
}
@media (max-width:1100px){body.editorial .split.half,.split.half,.split{grid-template-columns:minmax(0,1fr)!important}.split>.col{min-width:0;max-width:100vw}}
@media (max-width:700px){.dest-card{max-width:calc(100vw - 48px)}.pill-soon{white-space:normal}}
.prem-cover{overflow:hidden}@media (max-width:800px){html,body{overflow-x:clip}}
@media (max-width:800px){.sidebar{justify-content:space-between;padding:6px 4px}.sidebar .nav{flex:1 1 0;min-width:0;width:auto;max-width:56px}.sidebar .sb-more span{display:none}}
@media (max-width:1000px){
  .side-moved .local-card:has(#lwMore[aria-expanded="false"]) .loc-list,.side-moved .loc-note{display:none}
  .side-moved #priceMap{height:175px!important;min-height:0!important;aspect-ratio:auto!important}
}

.anim-off,.anim-off *{animation:none!important}
.anim-replay{display:none;align-items:center;gap:5px;margin:6px 0 0;border:1px solid #dbe4ee;background:#fff;border-radius:999px;padding:4px 11px;font:600 12px Inter,system-ui,sans-serif;color:#334155;cursor:pointer}
@media (prefers-reduced-motion:reduce){.anim-replay{display:inline-flex}}
.rb-filter input[data-rbf="price"]{width:104px}
/* Alltid synlig, klebrig lukkeknapp i alle pop-uper */
.modal{position:relative}
.modal .modal-head .icon-btn[data-close]{display:none}
.modal-x{position:sticky;top:10px;z-index:30;display:grid;place-items:center;width:42px;height:42px;margin:10px 10px -52px auto;border:0;border-radius:50%;background:rgba(255,255,255,.96);color:var(--navy);box-shadow:0 2px 10px rgba(0,0,0,.22);cursor:pointer}
.modal-x:hover{background:#fff;transform:scale(1.06)}.modal-x svg{width:22px;height:22px}
.modal-head{padding-right:64px}
@media (max-width:700px){.modal-x{top:max(8px,env(safe-area-inset-top));width:46px;height:46px}}
.bil-tiles{margin:18px 0 0}.tiles-moved .bil-tiles,.tiles-moved{margin:4px 0 22px}
.modal.modal-pop{overflow:clip}
.loc-saved{flex-basis:100%;width:100%;margin:6px 0 0;font-size:12.5px;color:var(--muted,#5b6675)}
.loc-saved button{border:0;background:none;padding:2px 4px;font:inherit;font-weight:600;color:var(--accent,#1d6fe0);text-decoration:underline;cursor:pointer;min-height:28px}
/* 5-stjerners vurdering */
.rate-stars{display:inline-flex;align-items:center;gap:1px;margin:4px 0 2px;line-height:1}
.rate-stars [data-star]{font-size:22px;color:#cfd6df;cursor:pointer;padding:3px 2px;min-width:30px;min-height:32px;display:inline-grid;place-items:center;transition:color .12s,transform .12s;-webkit-tap-highlight-color:transparent}
.rate-stars [data-star].on{color:#f5a300}
.rate-stars:hover [data-star]{color:#f5c04a}.rate-stars [data-star]:hover~[data-star]{color:#cfd6df}
.rate-stars [data-star]:focus-visible{outline:2px solid #1d6fe0;border-radius:6px}
.rate-stars .rs-t{font-style:normal;font-size:12px;color:#5b6675;margin-left:6px}
.rate-guide{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:16px 0 4px;padding:12px 14px;border-radius:12px;background:#fff8e6}
.modal-pop .rate-guide{margin:16px 22px 4px}
.dl-rate{position:fixed;left:50%;bottom:84px;transform:translateX(-50%);z-index:1500;background:#fff;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.25);padding:10px 40px 10px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;max-width:calc(100vw - 24px)}
.dl-x{position:absolute;right:6px;top:6px;border:0;background:none;font-size:22px;cursor:pointer;width:32px;height:32px}
@media (prefers-reduced-motion:reduce){.rate-stars [data-star]{transition:none}}
/* ===== Helse: trening i magenta→fiolett (skiller seg fra Hages grønne). Suksess/avkrysset beholdes grønt. ===== */
:root{--tr-1:#e0408a;--tr-2:#8b5cf6;--tr-d:#6d28d9;--tr-soft:#f5efff;--tr-grad:linear-gradient(135deg,#e0408a,#8b5cf6)}
body.theme-helse{--acc:#b0359a;--acc-d:#6d28d9;--acc-soft:#f5efff;--acc-2:#8b5cf6;--acc-3:#e0408a;--page:#fbf8ff;--side:#4c1d95;--cl-g1:#e0408a;--cl-g2:#8b5cf6}
body.theme-helse .theme-banner::after{background:linear-gradient(90deg,rgba(76,29,149,.8) 0%,rgba(176,53,154,.45) 45%,rgba(224,64,138,.14) 80%,rgba(255,255,255,0) 100%)}
body.theme-helse .pop-hero::after{background:linear-gradient(90deg,rgba(76,29,149,.85),rgba(176,53,154,.45) 55%,rgba(224,64,138,.08))}
body.theme-helse .book-cover.gen::after{background:linear-gradient(180deg,rgba(109,40,217,0) 40%,rgba(109,40,217,.85))}
/* Ukeplan (Helse + Min side) */
.uke-l{background:linear-gradient(170deg,#e0408a,#b0359a 50%,#8b5cf6 110%)}
.uke-pct{color:#6d28d9}
.uke-d.today{border-color:#b794f6;box-shadow:0 0 0 2px #e9d8fd}
.uke-tp{border-color:#d6c4fb;background:#f5efff;color:#6d28d9}
.uke-ed{border-color:#d6c4fb}
/* Treningsprogram og øvelser */
.prog-card{background:var(--tr-grad)}
.prog-card:nth-child(2){background:linear-gradient(135deg,#f06595,#c2255c)}
.prog-card:nth-child(3){background:linear-gradient(135deg,#9775fa,#5f3dc4)}
body.theme-helse .ex-card{border-color:#ebe3fb}
body.theme-helse .ex-card:hover{border-color:#b794f6}
body.theme-helse .ex-card .ex-fig2,body.theme-helse .ex-stage .ex-fig2{background:#f7f2ff}
/* Kartlag: treningssentre */
.ml-btn.ly-gym.on i,.poi-pin.ly-gym span{background:#b0359a}.poi-pin.ly-gym span::after{border-top-color:#b0359a}
.ex-stage{background:linear-gradient(180deg,#faf6ff,#efe6fd)}.prog-list li{border-color:#ece4fb}
/* ===== Forside v4: konsekvente paneler på mobil, enkel topp, «lys opp»-effekt, intro på desktop ===== */
@media (max-width:720px), (orientation:portrait) and (max-width:1100px){
  body.home .home-head{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 12px}
  body.home .home-tag{display:none!important}
  body.home .home-head .fg-home{font-size:30px}
  body.home .home-custom{position:static;transform:none;margin:0;width:40px;height:40px;padding:0;justify-content:center;border-radius:50%;flex:0 0 auto}
  body.home .home-custom .hc-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  body.home .home-custom svg{width:18px;height:18px}
  body.home .panels{height:auto!important;width:100%!important;margin:0!important;display:flex;flex-direction:column;gap:6px;background:#f6f7f9}
  body.home .panels .panel{flex:0 0 auto!important;height:150px;transform:none!important;border:0!important;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
  body.home .panels .panel-bg{left:0!important;right:0!important;transform:none!important;filter:grayscale(1) brightness(.6) contrast(.95);transition:filter .5s ease,transform .7s ease}
  body.home .panels .panel::after{background:linear-gradient(180deg,rgba(11,37,69,0) 30%,rgba(11,37,69,.7) 100%)}
  body.home .panels .panel .panel-content{transform:none!important;inset:0;display:grid!important;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:12px;row-gap:2px;
    align-content:end;align-items:center;justify-items:start;text-align:left;padding:14px 16px!important;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
  body.home .panels .p-ico{grid-row:1;grid-column:1;width:44px!important;height:44px!important;margin:0!important;transform:none!important}
  body.home .panels .p-ico svg{width:20px;height:20px}
  body.home .panels .panel .p-title,body.home.v-a .panels .panel .p-title,body.home .panels .panel:last-child .p-title{grid-row:1;grid-column:2;font-size:28px!important;line-height:1.08;white-space:normal;overflow-wrap:anywhere;margin:0;transform:none}
  body.home .panels .p-title br{display:none}
  body.home .panels .p-tag{grid-row:2;grid-column:1 / -1;max-height:none!important;opacity:.9!important;max-width:none;font-size:13.5px;margin:6px 0 0}
  body.home .panels .p-cta{display:none}
  body.home .panels .panel.is-lit .panel-bg{filter:none;transform:scale(1.05)!important}
  body.home .panels .panel.is-lit .panel-content{transform:translateY(-4px)!important}
  body.home .panels .panel.is-lit .p-ico{background:rgba(255,255,255,.2)}
  body.home .panels .panel.is-lit{transform:scale(1.012)!important}
}
@media (max-width:720px) and (prefers-reduced-motion:reduce), (orientation:portrait) and (max-width:1100px) and (prefers-reduced-motion:reduce){body.home .panels .panel,body.home .panels .panel-bg,body.home .panels .panel-content{transition:filter .3s ease!important}body.home .panels .panel.is-lit,body.home .panels .panel.is-lit .panel-content,body.home .panels .panel.is-lit .panel-bg{transform:none!important}}
/* Desktop-intro: paneler glir/toner inn forskjøvet (<1,2 s); hover beholdes */
@media (min-width:721px) and (orientation:landscape), (min-width:1101px){
  @keyframes fgPanelIn{from{opacity:0;translate:0 26px}to{opacity:1;translate:0 0}}
  body.home .panels .panel{animation:fgPanelIn .6s cubic-bezier(.2,.75,.2,1) both}
  body.home .panels .panel:nth-child(1){animation-delay:.12s}body.home .panels .panel:nth-child(2){animation-delay:.22s}body.home .panels .panel:nth-child(3){animation-delay:.32s}body.home .panels .panel:nth-child(4){animation-delay:.42s}body.home .panels .panel:nth-child(5){animation-delay:.52s}
}
@media (min-width:721px) and (orientation:landscape) and (prefers-reduced-motion:reduce), (min-width:1101px) and (prefers-reduced-motion:reduce){@keyframes fgPanelFade{from{opacity:0}to{opacity:1}}body.home .panels .panel{animation:fgPanelFade .5s ease both!important;animation-delay:0s!important}}
.rb-filter input[data-rbf="price"]{width:112px}
.rbf-n{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.rbf-none{color:#a4510f}
.rbf-reset{border:1px solid #cfdcc6;background:#fff;border-radius:999px;padding:4px 12px;font:600 12.5px Inter,system-ui,sans-serif;color:var(--navy);cursor:pointer}
.rbf-reset:hover{background:#f1f7ec}
.cmp th.off.near,.cmp td.off.near,.rb-off.rb-near .rb-card,.rb-off.rb-near .pj-btn{opacity:1;filter:none}
.cmp th.near{box-shadow:inset 0 3px 0 #f59f00}.cmp td.near{background:#fff9e6}
.rb-near .rb-card{box-shadow:0 0 0 2px #f59f00 inset}
/* ===== Pop-up-bredder: fast skala, alltid innenfor skjermen ===== */
.modal-backdrop{overflow-x:hidden}
.modal{max-width:min(760px,94vw);min-width:0}
.modal.modal-sm{max-width:min(560px,94vw)}
.modal.modal-md{max-width:min(760px,94vw)}
.modal.modal-lg,.modal.modal-xl,.modal.modal-pop{max-width:min(1000px,94vw)}
.modal-body,.pop-body{min-width:0;max-width:100%}
.modal-body *{max-width:100%;box-sizing:border-box}
.modal-body table:not(.cmp){display:block;overflow-x:auto}
.modal-body img,.modal-body svg,.modal-body video,.modal-body iframe{max-width:100%}
@media (max-width:720px){.modal,.modal.modal-sm,.modal.modal-md,.modal.modal-lg,.modal.modal-xl,.modal.modal-pop{max-width:100vw}}
/* Brede tabeller: horisontal rulling med fade-hint og klebrig første kolonne */
.cmp-wrap{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%!important;overscroll-behavior-x:contain;scrollbar-width:thin}
.cmp{max-width:none!important}
.cmp-sh{position:relative}
.cmp-sh::after{content:"";position:absolute;top:0;right:0;bottom:0;width:48px;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0),#fff 85%);opacity:0;transition:opacity .25s}
.cmp-sh.more::after{opacity:1}
.cmp-hint{display:none;margin:4px 0 6px;font-size:12px;color:#5b6570}.cmp-sh.more+.cmp-hint,.cmp-sh.more .cmp-hint{display:block}
.cmp tr>th:first-child{position:sticky;left:0;z-index:2;background:#fff;box-shadow:6px 0 8px -6px rgba(0,0,0,.18);min-width:96px}
.cmp thead tr>th:first-child{z-index:3}
.modal-body .two-col-text>*,.modal-body .pop-cols>*,.modal-body .pop-cards>*,.modal-body [class*="grid"]>*{min-width:0}
@media (max-width:720px){.modal-body .two-col-text{grid-template-columns:minmax(0,1fr)}.pkk-tools{flex-wrap:wrap}.pkk-list li{flex-wrap:wrap}.pkk-list .pr,.pkk-list .pr-links{flex-wrap:wrap;min-width:0}.shop-src{flex-wrap:wrap;white-space:normal}}
@media (max-width:720px){.pkk-list li{display:grid!important;grid-template-columns:28px minmax(0,1fr);gap:6px 8px;align-items:start}
  .pkk-list li .pr{grid-column:1 / -1;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;width:100%;gap:8px}
  .pkk-list li .pr-links{flex-wrap:wrap;gap:6px}}
/* Bil: drivstoff-boks med egen illustrasjon */
.fuel-panel{grid-template-columns:1fr auto;gap:20px;align-items:center;padding:18px}
.fp-main{display:flex;flex-direction:column;gap:10px;min-width:0}
.fp-main .fp-avg{min-width:0;padding:12px 16px}
.fp-main .fp-v{font-size:32px}
.fp-pts{margin:0;padding:0;list-style:none;display:grid;gap:4px;font-size:13px;color:#475569}
.fp-pts li{position:relative;padding-left:14px;line-height:1.35}
.fp-pts li::before{content:"";position:absolute;left:2px;top:.5em;width:5px;height:5px;border-radius:50%;background:var(--c-die,#5b6675)}
.fp-btn{align-self:flex-start;text-decoration:none}
.fp-main .fine{margin:0;font-size:11.5px}
.fp-illu{margin:0;display:flex;flex-direction:column;align-items:center;gap:4px}
.fp-phone{width:150px;height:auto;filter:drop-shadow(0 8px 16px rgba(15,39,71,.18))}
.fp-illu figcaption{font-size:11px;color:var(--muted,#64748b);font-style:italic}
@media (max-width:720px){.fuel-panel{grid-template-columns:1fr 112px;gap:12px;padding:14px}.fp-phone{width:112px}.fp-main .fp-v{font-size:26px}.fp-btn{align-self:stretch;text-align:center}}
@media (max-width:380px){.fuel-panel{grid-template-columns:1fr}.fp-illu{order:-1}}
/* Bil: enkel drivstoff-boks */
.fuel-panel:has(.fp-simple){display:block;padding:20px 18px}
.fp-simple{display:flex;gap:16px;align-items:flex-start;background:#f6f7f9;border-radius:14px;padding:18px 20px}
.fp-simple>.fi{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:12px}
.fp-simple>.fi svg{width:24px;height:24px}
.fp-s-txt h3{margin:0 0 6px;font-size:17px;color:var(--navy)}
.fp-s-txt p{margin:0 0 14px;font-size:14.5px;line-height:1.5;color:#334155;max-width:52ch}
@media (max-width:520px){.fp-simple{flex-direction:column;gap:10px;padding:16px}.fp-simple .fp-btn{display:block;text-align:center}}
/* Bil: enkel drivstoff-boks + telefon-illustrasjon */
.fp-simple.fp-with-illu{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}
.fp-with-illu .fp-s-txt .fi{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;margin-bottom:10px}
.fp-with-illu .fp-s-txt .fi svg{width:22px;height:22px}
.fp-with-illu .fp-btn{display:inline-block}
@media (max-width:720px){.fp-simple.fp-with-illu{grid-template-columns:1fr 108px;gap:12px;padding:16px}.fp-with-illu .fp-phone{width:108px}.fp-with-illu .fp-btn{display:block;text-align:center}}
@media (max-width:520px){.fp-simple.fp-with-illu{flex-direction:initial}.fp-with-illu .fp-s-txt h3{font-size:16px}.fp-with-illu .fp-s-txt p{font-size:14px}}
@media (max-width:380px){.fp-simple.fp-with-illu{grid-template-columns:1fr}.fp-with-illu .fp-illu{order:-1}}
.fp-simple.fp-with-illu{grid-template-areas:"txt illu" "btn illu";row-gap:4px}
.fp-with-illu .fp-s-txt{grid-area:txt}.fp-with-illu .fp-illu{grid-area:illu}.fp-with-illu .fp-btn{grid-area:btn;justify-self:start}
@media (max-width:720px){.fp-simple.fp-with-illu{grid-template-areas:"txt illu" "btn btn";row-gap:12px}.fp-with-illu .fp-btn{justify-self:stretch}}
@media (max-width:380px){.fp-simple.fp-with-illu{grid-template-areas:"illu" "txt" "btn"}}
/* Artikler: kildeliste nederst – liten og grå, ikke en del av selve artikkelen (alle temaer) */
.art-body .art-src,.art-body .src-note,.art-body .src-disc,.art-body>p.fine:last-child{margin:28px 0 0;padding:10px 0 0;border-top:1px solid #e8ecf1;background:none;border-radius:0;font-size:11px;line-height:1.5;color:#94a3b8;display:block}
.art-body .art-src a,.art-body .src-note a,.art-body .src-disc a{color:#94a3b8;font-weight:400;text-decoration:underline;text-underline-offset:2px}
.art-body .art-src span{font-weight:600}
.art-body .src-disc svg{display:none}
.pop-body.art-body .src-disc{margin:20px 0 0}
.art-body .src-note+.src-disc{margin-top:4px;border-top:0;padding-top:0}
.art-body .tbl-wrap{overflow-x:auto;margin:10px 0 16px}
/* Pop-up-header: tittelen skal aldri kuttes (lange titler på mobil) */
.pop-hero{height:auto;min-height:190px;display:flex;align-items:flex-end}
.pop-hero .ph-txt{position:relative;left:auto;right:auto;bottom:auto;padding:64px 84px 46px 28px;width:100%;box-sizing:border-box}
@media (max-width:720px){.pop-hero{min-height:160px}.pop-hero .ph-txt{padding:62px 60px 40px 16px}.ph-h{font-size:clamp(22px,6.6vw,30px);line-height:1.08;overflow-wrap:anywhere;hyphens:auto}}
/* Artikler: bilder og illustrasjoner i brødteksten */
.art-body .art-fig{margin:14px 0 20px}
.art-body .art-fig img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:12px;background:#eef2f7}
.art-body .art-svg{background:#f8fafc;border:1px solid #e8ecf1;border-radius:14px;padding:16px 16px 12px}
.art-body .art-svg svg.chart{display:block;width:100%;height:auto}
.art-body .art-fig figcaption{margin-top:6px;font-size:12.5px;line-height:1.45;color:#64748b}
.art-body .fig-cr{display:block;font-size:10.5px;color:#94a3b8}
.art-body .fig-cr a{color:inherit}
/* Kartpopup: «Naviger hit» + «Se i Google Maps» side om side */
.pc-a{flex-wrap:wrap}
.pc-a .nav-btn{flex:1 1 0;min-width:0;white-space:nowrap;padding:0 10px}
.pc-a .gm-btn{background:#fff;color:var(--navy)!important;border:1px solid var(--navy)}
.pc-a .gm-btn:hover{background:#eef3fa}
.pc-a .pc-site{flex-basis:100%}
@media (max-width:380px){.pc-a .nav-btn{font-size:12px;padding:0 6px;gap:4px}}
.pc-a .nav-btn{flex:1 1 auto;padding:0 8px;font-size:12px;gap:5px}
.pc-a .gm-btn svg{width:14px;height:14px;flex:none;display:inline-block}
.pc-popup .leaflet-popup-content{min-width:272px}
.pc-a{flex-wrap:nowrap}.pc-a:has(.pc-site){flex-wrap:wrap}
.pc-a .nav-btn{flex:1 1 auto;white-space:nowrap;padding:0 7px;font-size:12px}
.pc-ph.pc-cr a{color:#fff;text-decoration:none}
/* PDF-forhåndsvisning */
.modal-pdf{max-width:820px;width:100%}
.modal-pdf #modalTitle{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.modal-pdf>.modal-x{display:none}
.pdf-prev .pp-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;background:var(--bg,#fff);padding:10px 4px;border-bottom:1px solid rgba(0,0,0,.08)}
.pp-thumb{width:44px;height:58px;object-fit:cover;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.2);flex:none}
.pp-tt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pp-tt strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pp-tt .rate-line{font-size:.78rem;color:#666}
.pp-dl{flex:none;white-space:nowrap}.pp-dl svg{width:18px;height:18px;margin-right:6px;vertical-align:-3px}
.pp-x{flex:none;width:40px;height:40px;border:0;border-radius:50%;background:rgba(0,0,0,.06);font-size:26px;line-height:1;cursor:pointer}
.pp-pages{position:relative;display:flex;flex-direction:column;gap:12px;padding:14px 0;background:#eef0f2;margin:0 -4px}
.pp-page{display:block;width:calc(100% - 24px);max-width:760px;height:auto;margin:0 auto;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.15)}
.pp-locked{max-height:1500px;overflow:hidden}
.pp-fade{position:absolute;left:0;right:0;bottom:0;height:62%;display:flex;align-items:flex-end;justify-content:center;padding-bottom:40px;background:linear-gradient(to bottom,rgba(238,240,242,0) 0%,rgba(238,240,242,.85) 40%,#eef0f2 70%);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 25%);mask-image:linear-gradient(to bottom,transparent,#000 25%)}
.pp-cta{background:#fff;border-radius:14px;padding:18px 22px;text-align:center;box-shadow:0 6px 24px rgba(0,0,0,.15);max-width:340px}
.pp-empty{display:flex;justify-content:center;padding:30px}
.pp-tip{margin:16px 4px 4px;padding:16px;border-radius:12px;background:#fff4ef;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.pp-tip p{margin:0}
@media (max-width:520px){.pp-thumb{display:none}.pp-dl{padding:8px 12px;font-size:.9rem}.pp-page{width:calc(100% - 12px)}.pp-locked{max-height:900px}}
.modal.modal-pdf .modal-head{display:none}
.modal.modal-pdf .modal-body{padding:0 14px 16px}
.modal.modal-pdf .pdf-prev .pp-bar{margin:0 -14px;padding:10px 14px}
.modal.modal-pdf{max-height:calc(100dvh - 32px);display:flex;flex-direction:column;overflow:hidden}
.modal.modal-pdf .modal-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}
@media (max-width:520px){.modal.modal-pdf{max-height:100dvh;height:100dvh;border-radius:0;margin:0}}
/* Vipps-støtte */
.vn-ico{flex:none;width:40px;height:40px;border-radius:10px;background:#ff5b24;color:#fff;font:800 22px/40px system-ui,sans-serif;text-align:center}
.vn-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.vn-txt b{font-size:1rem}.vn-txt span{font-size:.85rem;color:#666}
.vn-toast{position:fixed;z-index:900;right:20px;bottom:20px;max-width:440px;display:flex;align-items:center;gap:12px;background:#fff;border-radius:14px;padding:14px 44px 14px 14px;box-shadow:0 10px 30px rgba(0,0,0,.18);animation:vnIn .35s ease}
.vn-x{position:absolute;top:6px;right:6px;width:32px;height:32px;border:0;background:none;font-size:22px;cursor:pointer;color:#777}
.vn-btn{flex:none;white-space:nowrap}
.vn-card{display:flex;align-items:center;gap:14px;background:#fff4ef;border-radius:16px;padding:18px;margin:18px 0}
@keyframes vnIn{from{transform:translateY(20px);opacity:0}}
@media (max-width:520px){.vn-toast{left:10px;right:10px;bottom:76px;flex-wrap:wrap}.vn-toast .vn-btn{width:100%}.vn-card{flex-wrap:wrap}.vn-card .vn-btn{width:100%}}
.btn.vipps.vn-btn{background:#ff5b24;border-color:#ff5b24;color:#fff}
/* Min side – personlig tilpasning */
.sidebar .ms-link[hidden],.sidebar .sb-gear[hidden]{display:none!important}
.ms-grip{cursor:grab;color:#9aa6b6;font-size:13px;letter-spacing:-2px;user-select:none}
.ms-th.dragging{opacity:.5}.ms-th.drop{border-color:#2563a8;box-shadow:0 -3px 0 #2563a8}
.ms-chips{display:flex;flex-wrap:wrap;gap:8px}
.ms-chip{position:relative;cursor:pointer;display:inline-flex;align-items:center;padding:7px 14px;border:1px solid #d6dde7;border-radius:999px;background:#fff;font-weight:600;font-size:14px}
.ms-chip input{position:absolute;opacity:0;pointer-events:none}
.ms-chip.on{background:#0b2545;border-color:#0b2545;color:#fff}
.ms-chip:has(input:focus-visible){outline:2px solid #2563a8;outline-offset:2px}
#msFuel{display:block;width:100%;margin-top:6px;padding:10px 12px;border:1px solid #d6dde7;border-radius:12px;font:inherit;background:#fff}
.ms-favs .ms-open{margin-left:auto;padding:5px 12px;font-size:13px;min-height:0}
.tb-personal{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.16);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-size:13px;font-weight:600;text-decoration:none;border:1px solid rgba(255,255,255,.25)}
.tb-personal svg{width:15px;height:15px}.tb-personal em{font-style:normal;font-weight:400;opacity:.85}
.tb-personal:hover{background:rgba(255,255,255,.26)}
.ms-entry{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;background:#0b2545;color:#fff;font-size:14px;font-weight:600;text-decoration:none;margin-left:auto;margin-right:8px;white-space:nowrap;flex-shrink:0}
.ms-entry svg{width:16px;height:16px}
body.home.has-favs .panel.is-fav{flex-grow:1.3}
body.home.has-favs .panel.not-fav{flex-grow:.7}
body.home.has-favs .panel.is-fav .panel-bg{filter:none}
body.home.has-favs .panel.not-fav .p-title{font-size:.8em}
body.home.has-favs .panel.is-fav:hover,body.home.has-favs .panel.not-fav:hover{flex-grow:1.9}
@media (max-width:720px), (orientation:portrait) and (max-width:1100px){body.home.has-favs .panels .panel.is-fav{height:170px}body.home.has-favs .panels .panel.not-fav{height:96px}.ms-entry .ms-e-t{display:none}}
.home-head .ms-entry{margin-right:150px;background:#fff;color:#0b2545;border:1px solid #d6dde7}
.home-head .ms-entry:hover{background:#eef5ff}
.ms-favs .ms-open{flex:0 0 auto;width:auto}
@media (max-width:720px), (orientation:portrait) and (max-width:1100px){.home-head .ms-entry{margin-right:0;padding:0 12px;height:40px}}
.tb-personal{white-space:nowrap;max-width:min(100%,360px);overflow:hidden;text-overflow:ellipsis;flex:0 1 auto}
.tb-personal em{overflow:hidden;text-overflow:ellipsis}
/* Offisielt Vipps-merke (assets/img/vipps/, kilde: developer.vippsmobilepay.com) */
img.vn-ico{background:none;border-radius:0;padding:0;margin:4px}
.btn.vipps::before,.btn.vipps-soft::before{content:"";display:inline-block;width:1.2em;height:1.2em;margin-right:.45em;vertical-align:-.22em;background:url(../assets/img/vipps/vipps-mark-white.svg) center/contain no-repeat}
.btn.vipps-soft::before{background-image:url(../assets/img/vipps/vipps-mark-orange.svg)}
.vm-logo{display:inline-block;width:32px;height:32px;font-size:0;background:url(../assets/img/vipps/vipps-mark-orange.svg) center/contain no-repeat}
.btn.vipps,.btn.vipps:hover{background:#ff5b24;border-color:#ff5b24;color:#fff}.btn.vipps:hover{filter:brightness(.95)}
@media (min-width:721px) and (orientation:landscape) and (prefers-reduced-motion:no-preference), (min-width:1101px) and (prefers-reduced-motion:no-preference){body.home .panels .panel:nth-child(6){animation-delay:.62s}}
body.home.has-favs .panel.panel-ms{flex-grow:1.2}
body.home .panels .panel.panel-ms:hover,body.home .panels .panel.panel-ms:focus-visible{flex-grow:1.9}
@media (min-width:721px) and (orientation:landscape), (min-width:1101px){body.home .panel.panel-ms .p-title{white-space:nowrap}}

/* Reise-artikler (scoped article.css) */
.art-body .fga{max-width:760px;margin:0 auto;padding:28px 22px 40px}.art-body .fga .kick{display:inline-block;background:#e8743b;color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:3px 10px}.art-body .fga h1{font-family:Georgia,"Times New Roman",serif;font-size:34px;line-height:1.12;color:#0b2545;margin:10px 0 8px}.art-body .fga .dek{font-size:18px;color:#36405a;margin:0 0 6px}.art-body .fga .meta{font-size:13px;color:#5b6475;margin:0 0 14px}.art-body .fga .hero{margin:0 0 16px}.art-body .fga .hero img{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:14px;display:block}.art-body .fga figcaption,.art-body .fga .csrc{font-size:.72em;color:#8a93a3;line-height:1.35;margin-top:4px;display:block}.art-body .fga figcaption a,.art-body .fga .csrc a,.art-body .fga .notes a{color:inherit}.art-body .fga .kort{background:#fff7f1;border:1px solid #f6d2bb;border-left:5px solid #e8743b;border-radius:12px;padding:12px 18px;margin:0 0 16px}.art-body .fga .kort h2{font-size:15px;text-transform:uppercase;letter-spacing:.05em;color:#e8743b;margin:2px 0 6px}.art-body .fga .kort ul{margin:0;padding-left:18px}.art-body .fga .kort li{margin:3px 0}.art-body .fga .facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0 0 22px}.art-body .fga .fc{background:#f3f6fa;border:1px solid #e3e8ef;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}.art-body .fga .fc svg{width:22px;height:22px;color:#e8743b}.art-body .fga .fl{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#5b6475}.art-body .fga .fv{font-size:14px;font-weight:700;color:#0b2545;line-height:1.3}.art-body .fga .abody h2,.art-body .fga .vis h2,.art-body .fga .faq h2{font-family:Georgia,serif;font-size:23px;color:#0b2545;margin:26px 0 8px;line-height:1.2}.art-body .fga .abody p{margin:0 0 10px}.art-body .fga .abody ul{padding-left:20px;margin:0 0 12px}.art-body .fga .abody li{margin:4px 0}.art-body .fga sup.fn{font-size:10px;color:#e8743b;font-weight:700;margin-left:1px}.art-body .fga .xfig{margin:16px 0}.art-body .fga .xfig img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;display:block}.art-body .fga .cgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px}.art-body .fga .clim{margin:0;border:1px solid #e3e8ef;border-radius:12px;padding:10px 12px;background:#fff}.art-body .fga .clim figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px;font-size:12px;color:#5b6475;margin:0 0 8px}.art-body .fga .clim figcaption b{color:#0b2545;font-size:14px}.art-body .fga .clim i.lt,.art-body .fga .clim i.lr{display:inline-block;width:9px;height:9px;border-radius:2px;margin:0 3px 0 8px}.art-body .fga .lt{background:linear-gradient(90deg,#5aa0d2,#f39c34,#d63c2f)}.art-body .fga .lr{background:#5a9bd8}.art-body .fga .cg{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;align-items:end}.art-body .fga .cm{display:flex;flex-direction:column;align-items:center}.art-body .fga .ct{font-size:10px;font-weight:700}.art-body .fga .cb{width:100%;max-width:26px;border-radius:6px 6px 2px 2px}.art-body .fga .cr{width:100%;max-width:26px;height:40px;border-top:1px solid #e3e8ef;margin-top:2px}.art-body .fga .cr i{display:block;background:#5a9bd8;opacity:.75;border-radius:0 0 3px 3px}.art-body .fga .cmn{font-size:9.5px;color:#5b6475}.art-body .fga .infog{margin:18px 0;border:1px solid #e3e8ef;border-radius:12px;padding:10px;background:#fff}.art-body .fga .faq details{border:1px solid #e3e8ef;border-radius:10px;padding:8px 12px;margin:6px 0;background:#f3f6fa}.art-body .fga .faq summary{font-weight:700;color:#0b2545;cursor:pointer}.art-body .fga .faq p{margin:6px 0 2px}.art-body .fga .notes{margin-top:24px;border-top:1px solid #e3e8ef;padding-top:8px;font-size:.75em;color:#8a93a3;line-height:1.4}.art-body .fga .notes h3{font-size:12px;margin:0 0 4px;text-transform:uppercase;letter-spacing:.05em}.art-body .fga .notes ol{margin:0;padding-left:18px;columns:2;column-gap:24px}.art-body .fga .notes li{break-inside:avoid}@media print{.art-body .fga .facts{grid-template-columns:repeat(3,1fr)}.art-body .fga{max-width:none;padding:0}.art-body .fga{page-break-before:always}.art-body .fga .clim,.art-body .fga .infog,.art-body .fga .fc,.art-body .fga .kort,.art-body .fga details,.art-body .fga figure{break-inside:avoid}.art-body .fga .abody h2,.art-body .fga .faq h2,.art-body .fga .vis h2{break-after:avoid}}.art-body .fga .map{margin:0 0 22px;border:1px solid #e3e8ef;border-radius:12px;padding:10px 12px;background:#fff;break-inside:avoid}.art-body .fga .map svg{display:block;border-radius:8px}.art-body .fga .maptitle{font-size:14px!important;color:#0b2545!important;margin:0 0 6px!important}.art-body .fga sup.fn{font-size:.65em;color:#9aa2b1}.art-body .fga .map{border:0!important;padding:0!important;background:none!important;margin:0 0 20px!important}.art-body .fga .mapfly{margin:2px 0 0;font-size:.82em;color:#6b7485;text-align:center}.art-body .fga .map .csrc{text-align:center}.art-body .fga .factmap{margin:0 0 22px}.art-body .fga .factmap .facts{margin:0}.art-body .fga .factmap.has-map{display:grid;grid-template-columns:1fr 340px;gap:16px;align-items:center}.art-body .fga .factmap.has-map .facts{grid-template-columns:repeat(2,1fr)}.art-body .fga .factmap .map{margin:0!important;max-width:340px}@media (max-width:680px){.art-body .fga .factmap.has-map{grid-template-columns:1fr}.art-body .fga .factmap .map{width:70%;margin:0 auto!important}}@media print{.art-body .fga .factmap.has-map .facts{grid-template-columns:repeat(2,1fr)}.art-body .fga .factmap.has-map{grid-template-columns:1fr 300px}}@media print{.art-body .fga .factmap{break-inside:avoid}}.art-body .fga .aur{margin:0 0 14px;border:1px solid #e3e8ef;border-radius:12px;padding:10px 12px;background:#fff;break-inside:avoid}.art-body .fga .aur figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;font-size:12px!important;color:#5b6475!important;margin:0 0 8px!important}.art-body .fga .aur figcaption b{color:#0b2545;font-size:14px}.art-body .fga .auleg span{margin-left:8px}.art-body .fga .auleg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:3px;vertical-align:-1px}.art-body .fga .aug{display:grid;grid-template-columns:repeat(12,1fr);gap:3px}.art-body .fga .au{display:flex;flex-direction:column;align-items:center}.art-body .fga .aub{width:100%;height:46px;border-radius:7px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px}.art-body .fga .aub b{font-size:8.5px;writing-mode:vertical-rl;transform:rotate(180deg);font-weight:700}.art-body .fga .aud{font-size:9px;color:#5b6475;margin-top:2px}.art-body .fga .gal{display:grid;gap:10px;margin:10px 0 0}.art-body .fga .gal.g3{grid-template-columns:repeat(3,1fr)}.art-body .fga .gal.g2{grid-template-columns:repeat(2,1fr)}.art-body .fga .gal.g1{grid-template-columns:1fr}.art-body .fga .gfig{margin:0;break-inside:avoid}.art-body .fga .gfig img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block}.art-body .fga .gal.g1 .gfig img{aspect-ratio:16/8}.art-body .fga .flybox{border:1px solid #e3e8ef;border-radius:12px;padding:12px 16px;margin:0 0 22px;background:#f7f9fc;break-inside:avoid}.art-body .fga .flybox h3{margin:0 0 8px;font-size:1rem}.art-body .fga .flybox ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.art-body .fga .flybox li{display:grid;grid-template-columns:22px 110px 1fr;gap:8px;align-items:start;font-size:.93em}.art-body .fga .flybox li svg{width:20px;height:20px;color:#2a5db0}.art-body .fga .flybox .fl{color:#5b6475;font-weight:600}.art-body .fga .flybox .flyn{margin:8px 0 0;font-size:.75em;color:#8a93a3}@media (max-width:680px){.art-body .fga .flybox li{grid-template-columns:22px 1fr}.art-body .fga .flybox .fv{grid-column:2}}
/* Reise: rike reisemål-/perle-popuper */
.rk-cred,.perle-pop .rk-cred{display:block;margin-top:8px;font-size:10.5px;line-height:1.4;color:#94a3b8}.rk-cred a{color:inherit}
.rk-sm{font-size:11px;color:#64748b}.rk-side .rk-sm{display:block;margin-top:2px}
.rk-mini{height:150px;border-radius:12px;overflow:hidden;margin:14px 0 4px;border:1px solid var(--line);z-index:0}
.rk-mini .leaflet-control-attribution{font-size:8px}.rk-mini-tt{font-weight:600;font-size:11px}
.perle-pop .rk-k{margin:6px 0}.perle-pop .rk-tip{margin:8px 0}
.gem[data-perle]{cursor:pointer}.gem[data-perle]:focus-visible{outline:3px solid #0f86c6;outline-offset:2px}
.gem-more{display:inline-block;margin-top:6px;font-size:12.5px;font-weight:700;color:#0f86c6}
.art-body .fga{max-width:none;margin:0;padding:0}.art-body .fga h2{font-size:19px}.art-body .fga img{max-width:100%;height:auto}
.art-body .fga .notes{margin:28px 0 0;padding:10px 0 0;border-top:1px solid #e8ecf1;font-size:11px;color:#94a3b8}.art-body .fga .notes h3{font-size:11px;margin:0 0 4px;color:#94a3b8}
.art-body .fga .notes ol{padding-left:16px;margin:0}.art-body .fga .notes a{color:inherit}

/* Reise pop-up v2: galleri, fun facts, kvadratisk minikart nede til høyre */
.px-desc p{font-size:14px;line-height:1.6;margin:10px 0}
.px-gal{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;margin:12px 0;padding-bottom:4px;-webkit-overflow-scrolling:touch}
.px-gal figure{flex:0 0 calc(33.333% - 6px);margin:0;scroll-snap-align:start}.px-gal img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block}
.px-gal figcaption{font-size:9.5px;color:#94a3b8;margin-top:2px;line-height:1.3}.px-gal figcaption a{color:inherit}
.px-row{display:flex;gap:14px;align-items:flex-end;margin-top:14px}.px-ff{flex:1;min-width:0}.px-ff h4{margin:0 0 6px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--acc,#0f86c6)}
.px-ff ul{margin:0;padding-left:18px;font-size:13.5px}.px-ff li{margin:4px 0}
.px-row .rk-mini{flex:0 0 200px;width:200px;height:200px;margin:0}
@media (max-width:560px){.px-gal figure{flex-basis:78%}.px-row{flex-direction:column;align-items:stretch}.px-row .px-empty{display:none}.px-row .rk-mini{width:auto;flex:none;height:220px;align-self:flex-end;width:100%}}

.landguider{margin:28px 0}.lg-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .25s,box-shadow .25s}
.lg-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,40,70,.12)}.lg-img img{width:100%;height:100%;min-height:200px;object-fit:cover;display:block}
.lg-t{display:flex;flex-direction:column;gap:8px;padding:20px 22px}.lg-t strong{font-family:Fraunces,Georgia,serif;font-size:22px;line-height:1.15}.lg-t span{font-size:14px;color:#475569}.lg-t .kicker{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#0f86c6;font-weight:700}.lg-go{font-weight:700;color:#0f86c6!important}
@media (max-width:640px){.lg-card{grid-template-columns:1fr}.lg-img img{min-height:0;aspect-ratio:16/9}}

.px-src{font-size:10.5px;color:#94a3b8;margin-left:3px;white-space:nowrap}.px-src:hover{color:#64748b}.px-kilder{margin-top:16px!important}
.pp-last{position:relative;width:calc(100% - 24px);max-width:760px;margin:0 auto}.pp-last .pp-page{width:100%}
.pp-vipps-hit{position:absolute;left:30%;right:30%;bottom:1%;height:4.5%;border:0;background:transparent;cursor:pointer;border-radius:8px}
.pp-vipps-hit:hover,.pp-vipps-hit:focus-visible{background:rgba(255,91,36,.08);outline:2px solid #ff5b24}
@media (max-width:520px){.pp-last{width:calc(100% - 12px)}}
.px-kilder{font-size:11px!important;line-height:1.5;color:#94a3b8;border-top:1px solid #e8ecf1;padding-top:10px}.px-kilder a{color:inherit}.px-row{align-items:flex-start}.px-gal figcaption a{text-decoration:underline}
body.theme-hage .lw-map.maxed .leaflet-host,body.theme-hage .local-widget .lw-map.maxed,body.theme-hage .map-box.maxed .leaflet-host{height:auto!important}
/* Robotklipper-pop-up (design etter FG Hage demo) */
.rbx{margin:-1px}.rbx-hd{background:linear-gradient(135deg,#0b2545,#13315c);color:#fff;padding:20px 24px 18px}.rbx-hd h2{color:#fff;font-family:Fraunces,Georgia,serif;margin:6px 0 2px;font-size:24px}.rbx-hd>span:last-child{opacity:.85}
.rbx-badge{display:inline-block;background:rgba(255,255,255,.15);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}
.rbx-bd{padding:18px 22px 22px;display:grid;gap:14px}.rbx-pic{background:linear-gradient(180deg,#eef6ee,#fff);border-radius:14px;padding:14px;text-align:center}.rbx-pic .rb-svg{width:min(320px,80%);height:auto}
.rbx-avg{display:flex;gap:14px;align-items:center;background:#dcfce7;border-radius:14px;padding:14px 16px}.rbx-avg>b{font-size:34px;color:#16a34a;font-weight:800;line-height:1}.rbx-avg strong{display:block}.rbx-avg span{font-size:13px;color:#5b6778}.rbx-avg.none{background:#fef3c7}
.rbx-h{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#5b6778;margin:4px 0 0}
.rbx-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 54px;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid #e3e8ef;font-size:13.5px}.rbx-row em{grid-column:2/4;color:#5b6778;font-size:13px}
.rbx-bar{height:7px;background:#eef2f7;border-radius:9px;overflow:hidden}.rbx-bar i{display:block;height:100%;background:#16a34a;border-radius:9px}.rbx-row b{text-align:right}
.rbx-sps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.rbx-sp{background:#f3f5f8;border-radius:10px;padding:8px 10px}.rbx-sp span{display:block;font-size:12px;color:#5b6778}.rbx-sp b{font-size:14px}.rbx-sp.w{grid-column:1/-1}
.rbx-pc{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rbx-pc>div{border-radius:12px;padding:12px 14px}.rbx-pc .pro{background:#dcfce7}.rbx-pc .con{background:#fef3c7}.rbx-pc h4{margin:0 0 4px;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.rbx-pc ul{margin:0;padding-left:18px}
.rbx-fit{background:#e8efff;border-radius:10px;padding:10px 14px}
@media (max-width:520px){.rbx-sps{grid-template-columns:1fr 1fr}.rbx-pc{grid-template-columns:1fr}.rbx-row{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 46px}}
.rbx-pic .rb-svg{display:block;margin:0 auto;max-height:150px}
@media (max-width:800px){.sidebar:not(:has(.sb-more)) .sb-fb,.sidebar:not(:has(.sb-more)) .ms-link,.sidebar:not(:has(.sb-more)) .sb-gear{display:flex!important}}

.cl-own ul{margin-bottom:10px}.cl-own li label{min-height:34px}
/* Spania-guiden: kilder som liten, grå, innfelt liste */
.page-spania .notes ol{display:flex;flex-wrap:wrap;gap:2px 0;list-style:none;padding:0;margin:6px 0;counter-reset:k;font-size:12px;line-height:1.6;color:#94a3b8}
.page-spania .notes li{counter-increment:k;margin:0}.page-spania .notes li::before{content:counter(k) ". ";color:#b0bac7}
.page-spania .notes li:not(:last-child)::after{content:" · ";margin:0 6px;color:#cbd5e1}
.page-spania .notes a{color:#64748b}.page-spania .notes h3{font-size:13px;color:#64748b}.page-spania .notes li:target{background:#fff3bf;border-radius:4px}

.reise-hit{margin:18px 0 6px;padding:14px 16px;background:#f3f8fc;border:1px solid #dbe8f3;border-radius:14px}.reise-hit h4{margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#0f86c6}
.rh-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.rh-i{background:#fff;border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:2px}.rh-i span{font-size:11px;color:#64748b}.rh-i b{font-size:14px}
.rh-soon{font-weight:500;font-size:12px;color:#94a3b8;font-style:italic}.rh-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.rh-btns .btn{font-size:13px;padding:8px 14px}
@media (max-width:560px){.rh-grid{grid-template-columns:1fr}.rh-i{flex-direction:row;justify-content:space-between;align-items:center}.rh-btns .btn{flex:1 1 auto;text-align:center;justify-content:center}}
.les-ogsa{margin:22px 0 4px;padding-top:12px;border-top:1px solid #e8ecf1}.les-ogsa h4{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#64748b}
.lo-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.lo-card{display:flex;gap:10px;align-items:center;padding:8px;border:1px solid #e3e8ef;border-radius:12px;text-decoration:none;color:inherit;background:#fff}
.lo-card:hover{border-color:#b6cde0}.lo-card img,.lo-ph{width:64px;height:48px;object-fit:cover;border-radius:8px;flex:none;background:#eef3f8;display:flex;align-items:center;justify-content:center;color:#94a3b8}
.lo-card strong{display:block;font-size:13.5px;line-height:1.3}.lo-card small{font-size:11px;color:#94a3b8}

.rh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rh-i small{font-size:10.5px;color:#94a3b8;line-height:1.35;margin-top:2px}.rh-src{margin:10px 0 0;font-size:10.5px;color:#94a3b8;line-height:1.4}.rh-src a{color:inherit}
@media (max-width:560px){.rh-grid{grid-template-columns:1fr}.rh-i{flex-direction:column;align-items:flex-start}}

/* Bil: Fossil vs elbil-kalkulator */
.bk-card{display:flex;align-items:center;gap:14px;width:100%;text-align:left;margin:14px 0;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(120deg,#eef6ff,#f2fbf5);cursor:pointer;font:inherit;color:inherit;transition:transform .2s,box-shadow .2s}
.bk-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,40,70,.12)}.bk-card-ico{font-size:28px;flex:none}.bk-card-t{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.bk-card-t .kicker{font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:#1c7ed6;font-weight:700}.bk-card-t strong{font-family:Fraunces,Georgia,serif;font-size:18px;line-height:1.2}.bk-card-t span:last-child{font-size:13px;color:#475569}
.bk-card-go{flex:none;font-weight:700;color:#1c7ed6;font-size:13.5px;white-space:nowrap}@media (max-width:480px){.bk-card-go{display:none}}
.bk-note{font-size:12.5px;background:#fff9db;border:1px solid #ffe8a1;border-radius:10px;padding:8px 12px;margin:4px 0 12px}
.bk-km,.bk-f{display:flex;flex-direction:column;gap:3px}.bk-km{margin-bottom:12px}.bk-km label,.bk-f label{font-size:12.5px;font-weight:600;color:#334155}.bk-km em,.bk-f em{font-style:normal;font-weight:400;color:#94a3b8;font-size:11.5px}
.bk-in{display:flex;gap:8px;align-items:center}.bk-in input[type=range]{flex:1;min-width:0;accent-color:#1c7ed6}.bk-in input[type=number]{width:96px;flex:none;padding:5px 7px;border:1px solid #cbd5e1;border-radius:8px;font:inherit;font-size:13px;text-align:right}
.bk-cars{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bk-car{border:1px solid var(--line);border-radius:14px;padding:10px 12px 12px;margin:0;min-width:0}.bk-car.bk-a{border-top:4px solid #e8590c}.bk-car.bk-b{border-top:4px solid #1c7ed6}
.bk-car legend{display:flex;gap:6px;align-items:center;padding:0 4px;max-width:100%}.bk-name{font:inherit;font-weight:700;font-size:14px;border:0;border-bottom:1px dashed #cbd5e1;background:none;min-width:0;width:12em}.bk-car select{font:inherit;font-size:12px;border:1px solid #cbd5e1;border-radius:6px;padding:2px 4px}
.bk-fields{display:grid;gap:8px}.bk-car.bk-b .bk-in input[type=range]{accent-color:#1c7ed6}.bk-car.bk-a .bk-in input[type=range]{accent-color:#e8590c}
.bk-out{margin-top:16px}.bk-sum{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bk-sum div{background:#0b2545;color:#fff;border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}.bk-sum span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#9cc8ef}.bk-sum b{font-size:15px}.bk-sum small{color:#cfe2f3;font-size:12.5px}
.bk-leg{display:flex;gap:14px;font-size:12px;margin:12px 0 2px}.bk-leg span::before{content:"";display:inline-block;width:14px;height:3px;border-radius:2px;margin-right:5px;vertical-align:middle}.bk-leg .la::before{background:#e8590c}.bk-leg .lb::before{background:#1c7ed6}
.bk-chart{width:100%;height:auto;display:block}.bk-chart text{font-size:10.5px;fill:#64748b}.bk-grid{stroke:#e8ecf1}.bk-la,.bk-lb{fill:none;stroke-width:2.5}.bk-la{stroke:#e8590c}.bk-lb{stroke:#1c7ed6}.bk-be{stroke:#2f9e44;stroke-dasharray:4 4}.bk-bedot{fill:#2f9e44}.bk-chart .bk-bet{fill:#2f9e44;font-weight:700;font-size:11.5px}
.bk-tab{width:100%;border-collapse:collapse;font-size:13px;margin-top:10px}.bk-tab th,.bk-tab td{padding:6px 8px;border-bottom:1px solid #eef1f5;text-align:right}.bk-tab th[scope=row]{text-align:left;font-weight:500;color:#475569}.bk-tab thead th{font-size:11px;color:#94a3b8}
.bk-exp{font-size:13.5px;line-height:1.55;background:#f3f8fc;border-radius:12px;padding:10px 12px;margin-top:12px}
@media (max-width:640px){.bk-cars,.bk-sum{grid-template-columns:1fr}.bk-in input[type=number]{width:88px}.bk-tab{font-size:12px}}
/* Bil-kalkulator v2: steg, stor km-input, animerte resultater */
.bk-steps{display:flex;gap:6px;overflow-x:auto;padding:4px 0 10px;scrollbar-width:none;margin-bottom:6px}.bk-steps::-webkit-scrollbar{display:none}
.bk-st{flex:none;display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px;font:inherit;font-size:12.5px;color:#475569;cursor:pointer}
.bk-st b{font-weight:600}.bk-st.done{background:#eef6ff;border-color:#c5dcf5}.bk-st.on{background:#1c7ed6;border-color:#1c7ed6;color:#fff}
.bk-pane{animation:bkIn .35s ease}@keyframes bkIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.bk-h{font-family:Fraunces,Georgia,serif;font-size:21px;margin:6px 0 12px;color:#0b2545}
.bk-km-big{text-align:center;background:linear-gradient(135deg,#eef6ff,#f2fbf5);border-radius:18px;padding:22px 18px}.bk-km-big label{display:block;font-size:17px;font-weight:700;color:#0b2545}
.bk-km-val{display:flex;justify-content:center;align-items:baseline;gap:8px;margin:10px 0}.bk-km-val input{width:190px;font:inherit;font-family:Fraunces,Georgia,serif;font-size:46px;font-weight:700;text-align:center;border:0;border-bottom:3px solid #1c7ed6;background:transparent;color:#0b2545}
.bk-km-val span{font-size:20px;color:#475569}.bk-km-big input[type=range]{width:100%;accent-color:#1c7ed6;height:28px}.bk-km-sc{display:flex;justify-content:space-between;font-size:11px;color:#94a3b8}.bk-km-big p{font-size:13.5px;color:#475569;margin:12px 0 0}
.bk-txt{font:inherit;font-size:13.5px;padding:6px 8px;border:1px solid #cbd5e1;border-radius:8px;width:100%;box-sizing:border-box}.bk-reg{text-transform:uppercase;letter-spacing:.06em}.bk-look{flex:none;padding:6px 12px;font-size:13px}
.bk-lookmsg{font-size:11px;color:#64748b}.bk-car select{font:inherit;font-size:13.5px;padding:6px 8px;border:1px solid #cbd5e1;border-radius:8px}.bk-car legend{font-weight:700;font-size:14px}
.bk-est{font-size:10px;font-weight:600;color:#b45309;background:#fff4e0;border-radius:999px;padding:1px 7px;margin-left:2px;white-space:nowrap}
.bk-shared{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.bk-hint{font-size:12.5px;color:#64748b;margin:10px 0 0}
.bk-mini{font-size:12.5px;color:#475569;margin:12px 0 0;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.bk-mini:empty{display:none}.bk-mini .la{color:#e8590c}.bk-mini .lb{color:#1c7ed6}
.bk-win{background:#0b2545;color:#fff;border-radius:18px;padding:16px 18px;text-align:center;margin-bottom:10px}.bk-win span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#9cc8ef}.bk-win b{display:block;font-family:Fraunces,Georgia,serif;font-size:24px;margin:2px 0}.bk-win small{font-size:14px;color:#cfe2f3}
.bk-win.anim{animation:bkPop .6s cubic-bezier(.2,1.4,.4,1)}@keyframes bkPop{from{transform:scale(.92);opacity:0}to{transform:none;opacity:1}}
.bk-sum{grid-template-columns:repeat(3,1fr)}.bk-sum div{gap:3px}.bk-sum b{font-size:13.5px}.bk-sum b.la{color:#ffc9a8}.bk-sum b.lb{color:#a5d8ff}
.bk-chartw.anim .bk-la,.bk-chartw.anim .bk-lb{stroke-dasharray:1;stroke-dashoffset:1;animation:bkDraw 1.4s ease forwards}.bk-chartw.anim .bk-lb{animation-delay:.25s}.bk-chartw.anim .bk-bem{opacity:0;animation:bkFade .4s 1.5s forwards}
@keyframes bkDraw{to{stroke-dashoffset:0}}@keyframes bkFade{to{opacity:1}}
.bk-sub{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin:16px 0 8px}.bk-bar{display:grid;grid-template-columns:150px 1fr;gap:3px 10px;margin:0 0 8px;font-size:12.5px}.bk-bar>span{grid-row:span 2;color:#334155;align-self:center}
.bk-bt{display:flex;align-items:center;gap:6px}.bk-bt i{display:block;height:10px;border-radius:5px;width:var(--w);min-width:2px;transition:width .5s}.bk-bt i.la{background:#e8590c}.bk-bt i.lb{background:#1c7ed6}.bk-bt em{font-style:normal;font-size:11.5px;color:#64748b;white-space:nowrap}
.bk-bars.anim .bk-bt i{animation:bkGrow 1s ease both}.bk-bars.anim .bk-bar:nth-child(2) i{animation-delay:.1s}.bk-bars.anim .bk-bar:nth-child(3) i{animation-delay:.2s}.bk-bars.anim .bk-bar:nth-child(4) i{animation-delay:.3s}.bk-bars.anim .bk-bar:nth-child(5) i{animation-delay:.4s}
@keyframes bkGrow{from{width:0}}
@media (max-width:640px){.bk-shared,.bk-sum{grid-template-columns:1fr}.bk-km-val input{width:150px;font-size:38px}.bk-bar{grid-template-columns:1fr}.bk-bar>span{grid-row:auto}.bk-st b{font-size:12px}}
@media (prefers-reduced-motion:reduce){.bk-pane,.bk-win.anim,.bk-chartw.anim *,.bk-bars.anim i{animation:none!important;stroke-dashoffset:0!important;opacity:1!important}}
.bk-win .bk-cnt{font-size:inherit;color:inherit;letter-spacing:0;font-weight:700}
/* Bil-guider okt 2026: diskré prisknapp + bilder som vises hele (infografikk) */
/* ===== Fossil vs elbil – én side med live resultat ===== */
.modal.modal-pop:has(#bkRoot){max-width:min(1240px,96vw)}
.bk-layout{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:22px;align-items:start}
.bk-col{min-width:0;display:flex;flex-direction:column;gap:10px}
.bk-col .bk-km-big{padding:16px 18px}
.bk-sec{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
.bk-sec>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:12px 14px;font-family:Fraunces,Georgia,serif;font-size:17px;font-weight:700;color:#0b2545;user-select:none}
.bk-sec>summary::-webkit-details-marker{display:none}
.bk-sec>summary i{margin-left:auto;width:9px;height:9px;border-right:2px solid #64748b;border-bottom:2px solid #64748b;transform:rotate(45deg);transition:transform .2s}
.bk-sec[open]>summary i{transform:rotate(-135deg)}.bk-sec[open]>summary{border-bottom:1px solid #eef1f5;background:#f8fbff}
.bk-sec-b{padding:12px 14px 14px}.bk-col .pop-actions{margin:2px 0 0}
.bk-res{position:sticky;top:12px;max-height:calc(100vh - 80px);overflow-y:auto;overscroll-behavior:contain;min-width:0;background:#f8fbff;border:1px solid #e3ecf6;border-radius:18px;padding:12px 14px}
.bk-res .bk-h{font-size:18px;margin:2px 0 10px}.bk-res .bk-h small{font-family:Inter,system-ui,sans-serif;font-size:11px;font-weight:500;color:#2f9e44;margin-left:6px}
.bk-res .bk-out{margin-top:0}.bk-res .bk-sum,.bk-sheet .bk-sum{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.bk-res .bk-sum div,.bk-sheet .bk-sum div{padding:9px 10px}.bk-res .bk-sum b,.bk-sheet .bk-sum b{font-size:12px;white-space:nowrap}
.bk-res .bk-bar{grid-template-columns:110px 1fr;font-size:12px}.bk-res .bk-exp{font-size:12.5px}
.bk-win small{font-size:14px}.bk-win .bk-cnt{font:inherit!important;font-size:inherit!important;font-variant-numeric:tabular-nums;letter-spacing:0;display:inline}
.bk-mbar{display:none}
@media (max-width:900px){
  .bk-layout{grid-template-columns:1fr}.bk-res{position:static}
  .bk-mbar{display:block;position:sticky;bottom:0;z-index:5;margin:14px -16px -18px;background:#0b2545;color:#fff;border-radius:16px 16px 0 0;box-shadow:0 -6px 20px rgba(11,37,69,.25)}
  .bk-mbar-t{all:unset;box-sizing:border-box;width:100%;cursor:pointer;display:grid;grid-template-columns:1fr auto;grid-template-areas:"l i" "w i" "s i";padding:9px 16px;row-gap:1px}
  .bk-mbar-l{grid-area:l;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#9cc8ef}
  .bk-mbar-t b{grid-area:w;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-mbar.wa .bk-mbar-t b{color:#ffc9a8}.bk-mbar.wb .bk-mbar-t b{color:#a5d8ff}
  .bk-mbar-s{grid-area:s;font-size:12.5px;color:#d0e3f5;font-variant-numeric:tabular-nums}
  .bk-mbar-t i{grid-area:i;align-self:center;width:9px;height:9px;border-left:2px solid #fff;border-top:2px solid #fff;transform:rotate(45deg);transition:transform .2s;margin-left:10px}
  .bk-mbar.open .bk-mbar-t i{transform:rotate(-135deg)}
  .bk-sheet{max-height:65vh;overflow-y:auto;background:#fff;color:#0f172a;padding:12px 14px 16px;-webkit-overflow-scrolling:touch}
}
@media (max-width:640px){.bk-res .bk-sum,.bk-sheet .bk-sum{grid-template-columns:1fr}.bk-res .bk-bar,.bk-sheet .bk-bar{grid-template-columns:1fr}}
.bk-chk{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#334155;cursor:pointer}.bk-chk input{width:17px;height:17px;accent-color:#1c7ed6}.bk-loan{display:grid;gap:8px}.bk-loan[hidden],.bk-cash[hidden]{display:none}.bk-cash{font-size:12px;color:#2f9e44}
.bk-banner{display:flex;align-items:center;gap:14px;width:calc(100% - 32px);max-width:1400px;margin:14px auto 4px;padding:12px 18px;border:0;border-radius:14px;background:linear-gradient(100deg,#e8590c 0%,#f08c00 35%,#1c7ed6 100%);color:#fff;font:inherit;text-align:left;cursor:pointer;box-shadow:0 8px 22px rgba(28,126,214,.25);transition:transform .2s,box-shadow .2s;box-sizing:border-box}.bk-banner:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(28,126,214,.35)}.bk-bn-ico{font-size:26px;flex:none}.bk-bn-t{display:flex;flex-direction:column;flex:1;min-width:0}.bk-bn-k{font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;opacity:.9}.bk-bn-t strong{font-family:Fraunces,Georgia,serif;font-size:20px;line-height:1.2}.bk-bn-go{flex:none;background:#fff;color:#0b2545;font-weight:700;font-size:14px;padding:8px 14px;border-radius:999px;white-space:nowrap}@media (max-width:640px){.bk-banner{width:calc(100% - 20px);margin:10px auto 2px;padding:10px 12px;gap:10px;flex-wrap:wrap}.bk-bn-ico{font-size:22px}.bk-bn-t strong{font-size:16.5px}.bk-bn-go{width:100%;text-align:center;font-size:13.5px;padding:7px 12px}}
@media (max-width:900px){.bk-res{max-height:none!important;overflow:visible!important;overscroll-behavior:auto!important}.bk-sheet{overscroll-behavior:auto}}

/* ===== Min side: personlig side ===== */
.msd{padding-top:18px}
.msd-in{animation:msdIn .55s cubic-bezier(.2,.8,.3,1) both;animation-delay:var(--d,0ms)}@keyframes msdIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.msd-out{transition:opacity .25s,transform .25s;opacity:0!important;transform:scale(.96)!important}
.msd-new{animation:msdNew 1.2s ease}@keyframes msdNew{0%{box-shadow:0 0 0 0 rgba(28,126,214,.6)}100%{box-shadow:0 0 0 18px rgba(28,126,214,0)}}
.msd-hello{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;background:linear-gradient(120deg,#0b2545,#1c4f8a 60%,#1c7ed6);color:#fff;border-radius:22px;padding:22px 24px;margin-bottom:16px;box-shadow:0 14px 34px rgba(11,37,69,.22)}
.msd-hello h2{font-family:Fraunces,Georgia,serif;font-size:32px;margin:2px 0 4px;color:#fff}.msd-hello p{margin:0;color:#d4e6f8}
.msd-date{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#9cc8ef}
.msd-wave{display:inline-block;animation:msdWave 1.6s ease 0.4s 2;transform-origin:70% 70%}@keyframes msdWave{0%,60%,100%{transform:rotate(0)}15%,45%{transform:rotate(16deg)}30%{transform:rotate(-8deg)}}
.msd-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.msd-chips span{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:4px 10px;font-size:12.5px}.msd-chips svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
.msd-gear{flex:none;display:inline-flex;align-items:center;gap:6px;background:#fff;color:#0b2545;border-radius:999px;padding:8px 14px;font-weight:700;font-size:13.5px;text-decoration:none!important;transition:transform .2s}.msd-gear:hover{transform:rotate(-3deg) scale(1.04)}.msd-gear svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}
.msd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.msd-wide{grid-column:1/-1}
.msd-card,.msd-theme,.msd-plan{position:relative;background:#fff;border:1px solid #e3e8ef;border-radius:18px;padding:16px 18px;min-width:0;box-shadow:0 4px 14px rgba(15,40,70,.05)}
.msd-card h3{display:flex;align-items:center;gap:7px;font-size:15px;margin:0 0 10px;color:#0b2545;padding-right:26px}.msd-card h3 svg{width:18px;height:18px;fill:none;stroke:#1c7ed6;stroke-width:2}
.msd-x{position:absolute;top:8px;right:8px;width:26px;height:26px;border:0;border-radius:50%;background:#f1f5f9;color:#64748b;font-size:17px;line-height:1;cursor:pointer;z-index:2;display:grid;place-items:center;opacity:.75;transition:opacity .2s,background .2s,transform .2s}.msd-x:hover,.msd-x:focus-visible{opacity:1;background:#ffe3e3;color:#c92a2a;transform:scale(1.08)}
.msd-wx{display:flex;align-items:center;gap:12px}.msd-wx-i{font-size:38px}.msd-wx b{font-family:Fraunces,Georgia,serif;font-size:30px}.msd-wx small{display:block;color:#64748b;font-size:12px}
.msd-wx3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0 6px}.msd-wx3 span{display:flex;flex-direction:column;align-items:center;background:#f3f8fc;border-radius:12px;padding:6px 4px;font-size:18px}.msd-wx3 small{font-size:11px;color:#64748b;text-transform:capitalize}.msd-wx3 b{font-size:13px}.msd-wx3 em{font-style:normal;font-size:11.5px;color:#64748b}
.msd-frost{display:flex;gap:6px;align-items:center;font-size:12.5px;background:#e7f5ff;border-radius:10px;padding:6px 10px;margin:6px 0}.msd-frost svg{width:15px;height:15px;fill:none;stroke:#1c7ed6;stroke-width:2;flex:none}
.msd-maps{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.msd-maps a{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;border:1px solid var(--line);border-radius:999px;padding:4px 10px;text-decoration:none!important;color:#0b2545}.msd-maps svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2}
.msd-rem{list-style:none;margin:0;padding:0;display:grid;gap:6px}.msd-rem li{display:grid;grid-template-columns:30px 1fr 24px;align-items:center;gap:8px;padding:6px 8px;border-radius:12px;background:#f8fafc}.msd-rem b{display:block;font-size:13.5px}.msd-rem small{font-size:12px;color:#64748b}
.msd-ri{width:30px;height:30px;border-radius:50%;background:#e7f5ff;display:grid;place-items:center}.msd-ri svg,.msd-rem a svg{width:15px;height:15px;fill:none;stroke:#1c7ed6;stroke-width:2}
.msd-tools{display:grid;gap:8px}.msd-tool{display:flex;align-items:center;gap:10px;font-size:22px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:#fff;text-decoration:none!important;color:inherit;font-family:inherit;text-align:left;cursor:pointer;transition:transform .2s,box-shadow .2s}.msd-tool:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(15,40,70,.1)}.msd-tool b{display:block;font-size:13.5px}.msd-tool small{font-size:12px;color:#64748b}.msd-tool.hot{background:linear-gradient(110deg,#fff4e6,#e7f5ff);border-color:#ffd8a8}
.msd-kalk{padding:0;overflow:hidden;border:0}.msd-kalk-b{all:unset;box-sizing:border-box;width:100%;min-height:100%;display:flex;gap:12px;align-items:center;padding:18px;cursor:pointer;color:#fff;background:linear-gradient(100deg,#e8590c,#f08c00 35%,#1c7ed6);border-radius:18px}.msd-kalk-i{font-size:34px}.msd-kalk-b small{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;opacity:.9}.msd-kalk-b b{display:block;font-family:Fraunces,Georgia,serif;font-size:19px;line-height:1.2;padding-right:20px}.msd-kalk-b em{font-style:normal;display:inline-block;margin-top:8px;background:#fff;color:#0b2545;border-radius:999px;padding:5px 12px;font-weight:700;font-size:13px}.msd-kalk .msd-x{background:rgba(255,255,255,.85)}
.msd-th-h{display:flex;align-items:center;gap:10px;margin-bottom:6px;padding-right:30px}.msd-th-h h2{font-family:Fraunces,Georgia,serif;font-size:22px;margin:0;color:#0b2545}
.msd-th-ico{width:36px;height:36px;border-radius:12px;background:#e7f5ff;display:grid;place-items:center}.msd-th-ico svg{width:20px;height:20px;fill:none;stroke:#1c7ed6;stroke-width:2}
.msd-ord{font-size:11px;font-weight:700;color:#94a3b8}.msd-more{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:700;color:#1c7ed6;text-decoration:none!important}.msd-more svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
.msd-sub{font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin:12px 0 8px}
.msd-arts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.msd-art{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;text-decoration:none!important;color:inherit;transition:transform .25s,box-shadow .25s}.msd-art:hover,.msd-art:focus-visible{transform:translateY(-3px);box-shadow:0 12px 24px rgba(15,40,70,.12)}
.msd-ai{display:block;aspect-ratio:16/9;overflow:hidden;background:#eef2f6}.msd-ai img{width:100%;height:100%;object-fit:cover;filter:grayscale(.35);transition:filter .4s,transform .6s}.msd-art:hover .msd-ai img{filter:none;transform:scale(1.04)}
.msd-at{display:flex;flex-direction:column;gap:3px;padding:9px 11px 11px}.msd-at strong{font-size:14px;line-height:1.3}.msd-at .kicker{font-size:10.5px}.msd-at .byline{font-size:11.5px;color:#94a3b8}
.msd-skel .msd-arts span{display:block;height:150px;border-radius:14px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:msdSk 1.2s infinite}@keyframes msdSk{to{background-position:-200% 0}}
.msd-guides{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.msd-guide{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:12px;transition:background .2s}.msd-guide:hover{background:#f3f8fc}.msd-guide img{grid-row:span 2;width:44px;height:58px;object-fit:cover;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,.15)}.msd-guide span{font-size:13px;font-weight:600;line-height:1.25}.msd-guide small{font-size:11px;color:#2f9e44;font-weight:600}
.msd-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px;font-size:13px}.msd-links a{color:#1c7ed6;font-weight:600}
.msd-saved{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}.msd-sv{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:12px;padding:6px}.msd-sv a{display:flex;align-items:center;gap:10px;flex:1;min-width:0;text-decoration:none!important;color:inherit}.msd-sv img,.msd-svi{width:46px;height:46px;border-radius:8px;object-fit:cover;flex:none;background:#e7f5ff;display:grid;place-items:center}.msd-svi svg{width:20px;height:20px;fill:none;stroke:#1c7ed6;stroke-width:2}.msd-sv strong{display:block;font-size:13px;line-height:1.25}.msd-sv small{font-size:11.5px;color:#64748b}
.msd-rm{border:0;background:none;color:#94a3b8;font-size:18px;cursor:pointer;padding:4px 8px}.msd-rm:hover{color:#c92a2a}
.msd-plan{padding:12px 14px}.msd-plinks{margin:0 30px 6px 0;font-size:13px}.msd-plinks a{display:inline-flex;align-items:center;gap:4px;color:#1c7ed6;font-weight:600}.msd-plinks svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}.msd-planhost>section{margin:0}
.msd-add{position:relative;display:flex;justify-content:center;margin:20px 0 6px}.msd-add-b{border-style:dashed!important;border-width:2px!important;padding:10px 22px;font-weight:700}
.msd-add-m{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);z-index:20;width:min(420px,92vw);background:#fff;border:1px solid #e3e8ef;border-radius:16px;box-shadow:0 18px 40px rgba(15,40,70,.2);padding:8px;display:grid;grid-template-columns:1fr 1fr;gap:4px;animation:msdIn .25s ease}
.msd-add-m[hidden]{display:none}.msd-add-m button{display:flex;align-items:center;gap:8px;border:0;background:none;text-align:left;font:inherit;font-size:13.5px;padding:9px 10px;border-radius:10px;cursor:pointer}.msd-add-m button:hover{background:#f1f5f9}.msd-add-m p{grid-column:1/-1;margin:6px}
.msd-undo{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;z-index:2000;display:flex;align-items:center;gap:14px;background:#0b2545;color:#fff;border-radius:999px;padding:9px 10px 9px 18px;font-size:14px;box-shadow:0 12px 30px rgba(0,0,0,.25);transition:transform .25s,opacity .25s}.msd-undo.on{transform:translate(-50%,0);opacity:1}.msd-undo button{border:0;background:#fff;color:#0b2545;font-weight:700;border-radius:999px;padding:6px 14px;cursor:pointer;font:inherit;font-weight:700}
.msd-onb{max-width:680px;margin:10px auto 30px;text-align:center;background:linear-gradient(160deg,#eef6ff,#f2fbf5);border:1px solid #dbe8f5;border-radius:24px;padding:30px 26px}.msd-onb h2{font-family:Fraunces,Georgia,serif;font-size:30px;margin:8px 0;color:#0b2545}.msd-onb>p{color:#475569;font-size:15px}
.msd-onb-art{display:flex;justify-content:center;gap:10px;font-size:34px}.msd-onb-art span{animation:msdBob 2.4s ease-in-out infinite}.msd-onb-art span:nth-child(2){animation-delay:.2s}.msd-onb-art span:nth-child(3){animation-delay:.4s}.msd-onb-art span:nth-child(4){animation-delay:.6s}.msd-onb-art span:nth-child(5){animation-delay:.8s}@keyframes msdBob{0%,100%{transform:none}50%{transform:translateY(-7px)}}
.msd-steps{list-style:none;padding:0;margin:18px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.msd-steps li{background:#fff;border-radius:14px;padding:12px 10px;font-size:13.5px;display:flex;flex-direction:column;align-items:center;gap:6px}.msd-steps b{width:28px;height:28px;border-radius:50%;background:#1c7ed6;color:#fff;display:grid;place-items:center}
.msd-go{font-size:16px;padding:12px 26px}.msd-go svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;vertical-align:-2px}
.msd-back{display:inline-block;margin:0 0 12px;font-weight:700;color:#1c7ed6}.msd-see{font-weight:700;margin-left:6px}.msd-art-more{margin-top:18px}
@media (max-width:1000px){.msd-grid{grid-template-columns:1fr 1fr}.msd-arts,.msd-guides{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.msd{padding:12px 12px 30px}.msd-hello{flex-direction:column;padding:18px}.msd-hello h2{font-size:26px}.msd-gear{align-self:flex-start}.msd-grid{grid-template-columns:1fr}.msd-arts{grid-template-columns:1fr 1fr;gap:8px}.msd-at strong{font-size:13px}.msd-guides{grid-template-columns:1fr}.msd-steps{grid-template-columns:1fr}.msd-th-h{flex-wrap:wrap}.msd-more{margin-left:0;width:100%}.msd-add-m{grid-template-columns:1fr}.msd-undo{bottom:84px}}
@media (prefers-reduced-motion:reduce){.msd-in,.msd-wave,.msd-onb-art span,.msd-skel .msd-arts span{animation:none!important}}
.msd-kalk{grid-column:1/-1}.msd-kalk-b{padding:14px 18px}.msd-kalk-b>span:last-child{display:flex;flex-wrap:wrap;align-items:center;column-gap:14px}.msd-kalk-b small{width:100%}.msd-kalk-b em{margin-top:0}@media (max-width:640px){.msd-kalk-b em{margin-top:6px}}

.msd-ctl{position:absolute;top:8px;right:40px;display:flex;gap:2px;z-index:2}.msd-ctl button{width:26px;height:26px;border:0;border-radius:8px;background:#f1f5f9;color:#64748b;font-size:13px;line-height:1;cursor:pointer;display:grid;place-items:center;opacity:.75}.msd-ctl button:hover,.msd-ctl button:focus-visible{opacity:1;background:#e7f5ff;color:#1c7ed6}
.msd-drag{cursor:grab!important;touch-action:none;font-size:15px!important}.msd-dragging{opacity:.65;outline:2px dashed #1c7ed6;outline-offset:3px;transform:scale(.99)}.msd-is-drag,.msd-is-drag *{cursor:grabbing!important;user-select:none}
.msd-kalk .msd-ctl button{background:rgba(255,255,255,.85)}.msd-card h3,.msd-th-h{padding-right:130px}
.msd-links button,.msd-maps button,.msd-plinks button,.msd-more{border:0;background:none;font:inherit;cursor:pointer;padding:0}.msd-links button{color:#1c7ed6;font-weight:600;font-size:13px}.msd-maps button{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;border:1px solid var(--line);border-radius:999px;padding:4px 10px;color:#0b2545}.msd-maps button svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2}.msd-plinks button{display:inline-flex;align-items:center;gap:4px;color:#1c7ed6;font-weight:600;font-size:13px}.msd-plinks svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
.msd-ra{border:0;background:none;cursor:pointer;padding:2px}.msd-ra svg{width:15px;height:15px;fill:none;stroke:#1c7ed6;stroke-width:2}
.msd-sva{all:unset;cursor:pointer;display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.msd-map h3{margin:0 0 10px;font-size:17px}.msd-map-f iframe{width:100%;height:320px;border:0;border-radius:14px;background:#eef2f6}.msd-map-l{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:6px}.msd-map-l li{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;padding:7px 10px;background:#f8fafc;border-radius:10px;font-size:13.5px}.msd-map-l li b{flex:1;min-width:0}.msd-map-l li span{color:#64748b;font-size:12.5px}.msd-map-l a{font-size:12.5px;font-weight:600}
.msd-lade{margin:0 0 10px}
.msd-bmi-f{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.msd-bmi-f label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600}.msd-bmi-f em{font-style:normal;color:#94a3b8;font-weight:400}.msd-bmi-f input,.msd-bmi-f select{font:inherit;padding:7px 9px;border:1px solid #cbd5e1;border-radius:9px}.msd-bmi-w{grid-column:1/-1}
.msd-bmi-o{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.msd-bmi-o div{background:#0b2545;color:#fff;border-radius:14px;padding:12px;display:flex;flex-direction:column}.msd-bmi-o span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#9cc8ef}.msd-bmi-o b{font-family:Fraunces,Georgia,serif;font-size:26px}.msd-bmi-o small{color:#cfe3f6;font-size:12px}
.msd-rempop h3{display:flex;gap:8px;align-items:center;margin:0}.msd-rempop h3 svg{width:20px;height:20px;fill:none;stroke:#1c7ed6;stroke-width:2}.msd-when{font-weight:700;color:#1c7ed6}
.msd-facts{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 10px}.msd-facts span{background:#f3f8fc;border-radius:999px;padding:5px 12px;font-size:13.5px}
.msd-soon{display:flex;gap:8px;align-items:center;background:#fff9db;border:1px solid #ffe8a1;border-radius:10px;padding:8px 12px;font-size:13.5px}.msd-soon svg{width:16px;height:16px;fill:none;stroke:#b45309;stroke-width:2;flex:none}
.msd-favimg{width:100%;max-height:260px;object-fit:cover;border-radius:14px}.msd-planpop>section{margin:0}
@media (max-width:640px){.msd-bmi-f{grid-template-columns:1fr 1fr}.msd-bmi-o{grid-template-columns:1fr}.msd-map-f iframe{height:240px}.msd-card h3,.msd-th-h{padding-right:120px}}

/* ===== Helse-fikser okt 2026 ===== */
@media (max-width:640px){.niva{padding:12px}.niva-seg{min-width:0;width:100%;flex:1 1 100%}.niva-seg button{font-size:12.5px;padding:9px 4px;gap:4px;white-space:nowrap}.niva-seg .nv-dots{display:none}}
.mp-tp{animation-name:mpTpFade}@keyframes mpTpFade{from{opacity:0}to{opacity:1}}
.kn-hit,.kn-hitp{cursor:pointer;outline:none}.kn-hit:hover path,.kn-hit:focus-visible path,.kn-hitp:hover,.kn-hitp:focus-visible{filter:brightness(1.12) drop-shadow(0 2px 4px rgba(0,0,0,.25))}
.kn-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0 6px}.kn-chips>span{font-size:12px;color:#5b6b5f;font-weight:600}.kn-chips .chip{font-size:12px;padding:5px 10px}
.pyr-pop h2{margin:4px 0 6px}.pyr-amt{display:inline-block;background:var(--acc-soft,#f3e8ff);color:var(--acc,#9c36b5);font-weight:700;border-radius:999px;padding:5px 12px;margin:0 0 8px}.pyr-in{font-size:1.05rem}.pyr-ex{display:flex;flex-wrap:wrap;gap:6px}.pyr-swap{list-style:none;padding:0;margin:0}.pyr-swap li{padding:6px 0;border-bottom:1px solid #eef2f0}.pyr-swap s{color:#94a3b8}
.rec-ihd{display:flex;justify-content:space-between;align-items:center;gap:10px}.rec-por{display:inline-flex;align-items:center;gap:8px;background:#f1f5f9;border-radius:999px;padding:3px}.rec-por button{width:30px;height:30px;border:0;border-radius:50%;background:#fff;font-size:17px;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.1)}.rec-por b{min-width:18px;text-align:center}
.rq{color:var(--acc,#9c36b5)}.rec-tot{font-weight:600;margin:6px 0 14px}.st-tip{display:block;color:#64748b;margin-top:3px}

/* FG Helse runde 1: illustrasjonsplassholder + kilder */
.hx-ph{margin:18px 0;min-height:150px;border-radius:16px;display:grid;place-items:center;align-content:center;gap:4px;text-align:center;padding:20px;background:linear-gradient(135deg,#f3e8ff,#e6fcf5 55%,#fff4e6);border:1px dashed #d0bfff;color:#5f3dc4}.hx-ph span{font-weight:700;max-width:34ch}.hx-ph small{font-size:12px;color:#7c6fa6}
.art-src{margin-top:22px;padding-top:12px;border-top:1px solid #e9ecef;font-size:12.5px;color:#868e96}.art-src ul{margin:6px 0 0;padding-left:18px}.art-src a{color:#868e96}
.rq-t{color:#868e96}.rec-merk{margin-top:-8px}

/* ===== Helse: illustrert pyramide/tallerken + kompakte myter ===== */
.px-wrap{position:relative;max-width:300px;margin:6px auto 2px}
.kn-vis.px{max-width:300px;overflow:visible}
.px .px-l{cursor:pointer;outline:none;transform-box:fill-box;transform-origin:50% 100%;transition:transform .28s cubic-bezier(.2,.8,.3,1),filter .28s}
.px .px-p{transform-origin:50% 50%}
.px .px-l:hover,.px .px-l:focus-visible{transform:translateY(-4px) scale(1.035);filter:drop-shadow(0 6px 8px rgba(20,60,30,.28)) brightness(1.06)}
.px .px-l:active{transform:translateY(-2px) scale(1.02)}
.px .px-ico{font-size:17px;text-anchor:middle;dominant-baseline:middle;pointer-events:none}.px .px-ico.sm{font-size:12px}
.px .px-t{font:700 9.6px Inter,system-ui,sans-serif;fill:#fff;text-anchor:middle;pointer-events:none;paint-order:stroke;stroke:rgba(0,0,0,.12);stroke-width:2px}
.px .px-t.dk{fill:#1d2a20;stroke:none;font-size:9.4px}.px .px-n{font:600 8px Inter,system-ui,sans-serif;fill:#fff;text-anchor:middle;opacity:.95;pointer-events:none}
.kn-swap .px-l{animation:pxIn .55s cubic-bezier(.2,.8,.3,1) both;animation-delay:var(--d)}@keyframes pxIn{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
.px-tip{position:absolute;transform:translate(-50%,calc(-100% - 8px));background:#1d2a20;color:#fff;font-size:12px;font-weight:600;padding:6px 10px;border-radius:10px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:3;box-shadow:0 6px 16px rgba(0,0,0,.18)}.px-tip.on{opacity:1}.px-tip::after{content:"";position:absolute;left:50%;bottom:-5px;margin-left:-5px;border:5px solid transparent;border-bottom:0;border-top-color:#1d2a20}
.km-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}.km-head .kn-h{margin:0}
.km-more{border:0;background:none;color:var(--acc,#9c36b5);font:700 13px Inter,system-ui,sans-serif;cursor:pointer;padding:4px 0;white-space:nowrap}.km-more:hover{text-decoration:underline}
.km-list{display:flex;flex-direction:column;border:1px solid #e3ead9;border-radius:12px;background:#fff;overflow:hidden}
.km+.km{border-top:1px solid #eef2ea}
.km summary{list-style:none;display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;font-size:13px;min-height:40px}.km summary::-webkit-details-marker{display:none}
.km summary::after{content:"▾";margin-left:auto;color:#8a9a8e;transition:transform .2s}.km[open] summary::after{transform:rotate(180deg)}
.km-m{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;color:#2a3a2f}.km[open] .km-m{white-space:normal}
.km-tag{flex:none;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#c2255c;background:#fff0f6;border-radius:6px;padding:2px 6px}
.km-x{padding:0 12px 10px 12px;font-size:13px;line-height:1.5;animation:kmIn .25s ease both}.km-x p{margin:0 0 4px}@keyframes kmIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.km-full{border:1px solid #eef2ea;border-radius:12px;padding:10px 12px;margin:0 0 8px}.km-full p{margin:0 0 6px}.km-fm{font-weight:700;display:flex;gap:8px;align-items:flex-start}
.km-links{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}.km-art{border:0;background:var(--acc-soft,#f3e8ff);color:var(--acc,#9c36b5);font:700 12.5px Inter,system-ui,sans-serif;border-radius:999px;padding:6px 12px;cursor:pointer;text-align:left}
@media (prefers-reduced-motion:reduce){.px .px-l,.px-tip{transition:none}.kn-swap .px-l,.km-x{animation:none}.px .px-l:hover,.px .px-l:focus-visible{transform:none}}

/* Helse pyramide v2: egne ikoner, sentrering, myterader som passer bredden */
.px .px-svgi{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.px .px-svgi .f{fill:currentColor;stroke:none;opacity:.28}
.px .px-l .px-svgi{color:#fff}.px .px-p .px-svgi,.px .px-s .px-svgi{color:#2f9e44}
.kn-left{min-width:0;text-align:left}.px-wrap{display:flex;justify-content:center;width:100%;max-width:320px;margin:8px auto 4px}.kn-vis.px{width:100%;margin:0 auto}
.kn-inner,.kn-right,.km-list,.km,.km summary{min-width:0;max-width:100%}.km-list{overflow:hidden}.km summary{overflow:hidden}
.km:not([open]) .km-m{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.km[open] .km-m{white-space:normal;overflow-wrap:anywhere}
.km-x{overflow-wrap:anywhere}
.km-head{flex-wrap:wrap;row-gap:2px}.km-head .kn-h{min-width:0}
@media (max-width:400px){.km summary{padding:8px 10px;gap:6px}.km-more{font-size:12.5px}}

/* ===== Kommer snart (FG Hage-stil B: kun bildet blurres, tekst under er skarp) ===== */
.soon-img{position:relative;overflow:hidden}
.soon-img img{filter:blur(2.5px) saturate(.85);transform:scale(1.03)}
.soon-img .ov{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(31,58,40,.1),rgba(31,58,40,.55));color:#fff;pointer-events:none;text-align:center;padding:0 12px;z-index:2}
.soon-img .ov b{font-size:20px;letter-spacing:.04em;line-height:1.1;text-shadow:0 1px 6px rgba(0,0,0,.25)}
.soon-img .ov small{font-size:12px;opacity:.92;margin-top:4px}
.mini .soon-img .ov b,.msd-art .soon-img .ov b{font-size:10px}.mini .soon-img .ov small,.msd-art .soon-img .ov small{display:none}
.snart-banner{display:flex;gap:12px;align-items:center;background:linear-gradient(90deg,#fff3bf,#ffe8cc);border:1px solid #ffd43b;border-left:5px solid #f59f00;border-radius:14px;padding:10px 14px;margin:0 0 14px;color:#5c3c00}
.snart-banner b{display:block;font-size:15px}.snart-banner small{font-size:12.5px;opacity:.85}.sb-ico{font-size:22px}
.soon-wrap{display:block;flex:none;position:relative;overflow:hidden;border-radius:inherit}.mini .soon-wrap{width:auto}.soon-wrap img{display:block}

/* Kommer snart: sterkere blur som FG Hage demo-b */
.soon-img img,.soon-wrap img,body.tema .soon-img img{filter:blur(4px) saturate(.85)!important;transform:scale(1.08)!important}
.soon-img .ov{background:linear-gradient(180deg,rgba(31,58,40,.15),rgba(31,58,40,.65))}

/* ===== FG Bil: Vinterdekktester 2026 (hovedsak) ===== */
.vd26 figure{margin:18px 0}.vd26 figure img,.vd26 picture img{display:block;width:100%;height:auto;border-radius:12px}
.vd26 figure.liten{max-width:50%}@media (max-width:640px){.vd26 figure.liten{max-width:100%!important}}
.vd26 figcaption{color:#868e96;margin-top:4px}
.vd26 .testkort-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0}.vd26 .testkort img{width:100%;height:auto;border-radius:10px;border:1px solid #e9ecef;display:block}
@media (max-width:640px){.vd26 .testkort-grid{grid-template-columns:1fr}}
.shop-btns{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 18px;align-items:center}
.shop-btn{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;line-height:1.2;padding:6px 10px;border:1px solid #d0d7de;border-radius:999px;color:#344054;text-decoration:none;background:#fff}
.shop-btn span{font-weight:600}.shop-btn:hover{border-color:#1c7ed6;color:#1c7ed6}
.shop-btns small{flex-basis:100%;font-size:11px;color:#98a2b3}
.art-fine,.vd26 .kilder{font-size:11px!important;line-height:1.35!important;color:#98a2b3!important;margin-top:28px;padding-top:10px;border-top:1px solid #eef0f2;overflow-wrap:anywhere}.vd26 .kilder a{color:#98a2b3}

/* ===== POI-popup v2: én kategori-illustrasjon øverst ===== */
.pc2 .pc-cat{position:relative;height:92px;margin:-1px -1px 0;border-radius:12px 12px 0 0;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--pc) 22%,#fff),color-mix(in srgb,var(--pc) 45%,#fff))}
.pc2 .pc-cat img{width:100%;height:100%;object-fit:cover;display:block}
.pc2 .pc-cat .pc-ico{display:none}.pc2 .pc-cat.pc-noimg .pc-ico{display:grid;place-items:center;position:absolute;inset:0;color:var(--pc)}.pc2 .pc-cat .pc-ico svg{width:34px;height:34px}
.pc2 .pc-ill{position:absolute;right:6px;bottom:4px;font-size:9px;line-height:1;padding:2px 5px;border-radius:4px;background:rgba(0,0,0,.45);color:#fff}.pc2 .pc-noimg .pc-ill{display:none}
.pc2 .pc-a{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.ml-btn.ly-byggvare.on i,.poi-pin.ly-byggvare span{background:#e8590c}.ml-btn.ly-gjenbruk.on i,.poi-pin.ly-gjenbruk span{background:#8d6e63}.ml-btn.ly-mobler.on i,.poi-pin.ly-mobler span{background:#1971c2}.ml-btn.ly-interior.on i,.poi-pin.ly-interior span{background:#ae3ec9}.ml-btn.ly-jernvare.on i,.poi-pin.ly-jernvare span{background:#495057}.ml-btn.ly-hagesenter.on i,.poi-pin.ly-hagesenter span{background:#2f9e44}.ml-btn.ly-megler.on i,.poi-pin.ly-megler span{background:#0b7285}
.poi-pin.ly-byggvare span::after{border-top-color:#e8590c}.poi-pin.ly-gjenbruk span::after{border-top-color:#8d6e63}.poi-pin.ly-mobler span::after{border-top-color:#1971c2}.poi-pin.ly-interior span::after{border-top-color:#ae3ec9}.poi-pin.ly-jernvare span::after{border-top-color:#495057}.poi-pin.ly-hagesenter span::after{border-top-color:#2f9e44}.poi-pin.ly-megler span::after{border-top-color:#0b7285}
.site-legal{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center;font-size:12.5px;margin-top:8px}.site-legal a{color:inherit;opacity:.85}
.legal-page{max-width:760px;margin:0 auto;padding:28px 18px 60px;line-height:1.6}.legal-page h1{font-family:var(--serif,Georgia,serif)}.legal-page .utkast{background:#fff3bf;border:1px solid #ffd43b;border-radius:10px;padding:10px 14px;font-size:14px}.legal-page mark{background:#fff3bf}
.bk-bn-sub{display:block;font-size:12.5px;font-weight:500;opacity:.85;margin-top:2px}

/* ===== Plen: PDF-knapp i prosjekt-pop-up ===== */
.pp-intro .pp-pdf-btn{display:inline-flex;align-items:center;gap:8px;margin-top:12px;box-shadow:0 6px 18px rgba(47,158,68,.35);animation:ppPdfIn .5s .3s both}
.pp-intro .pp-pdf-btn svg{width:18px;height:18px}
.prem-row .btn-ghost{margin-left:auto}
@keyframes ppPdfIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.pp-intro .pp-pdf-btn{animation:none}}
@media (max-width:600px){.pp-intro .pp-pdf-btn{width:100%;justify-content:center}.prem-row{flex-wrap:wrap}}

/* ===== PDF-forhåndsvisning: full tittel på mobil ===== */
@media (max-width:520px){.pdf-prev .pp-bar{flex-wrap:wrap;row-gap:8px}.pdf-prev .pp-tt{flex:1 1 calc(100% - 56px);order:0}.pdf-prev .pp-tt strong{white-space:normal;line-height:1.25}.pdf-prev .pp-x{order:1}.pdf-prev .pp-dl{order:2;flex:1 1 100%;text-align:center;justify-content:center}}

/* ===== HåndverkerGuiden-promo (egen side, ikke sponset) ===== */
.hg-promo{position:relative;overflow:hidden;margin:28px 24px 8px;border-radius:20px;background:linear-gradient(120deg,#232a33 0%,#343d48 60%,#3d3329 100%);color:#fff;display:flex;align-items:center;gap:22px;padding:26px 30px;box-shadow:0 12px 32px rgba(35,42,51,.22)}
.hg-promo::after{content:"";position:absolute;right:-60px;bottom:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(242,140,40,.35),transparent 70%);pointer-events:none}
.hg-promo .hgp-mark{flex:none;width:68px;height:68px}
.hg-promo .hgp-mark .fm-c{fill:#f28c28}.hg-promo .hgp-mark .fm-f{fill:#fff}.hg-promo .hgp-mark .fm-a{fill:#232a33}
.hgp-txt{flex:1;min-width:0;position:relative;z-index:1}
.hgp-brand{font-size:13px;font-weight:700;letter-spacing:.04em;opacity:.85}.hgp-brand b{color:#f28c28}
.hgp-txt h3{margin:4px 0 6px;font-size:26px;line-height:1.15;color:#fff}
.hgp-txt p{margin:0;color:rgba(255,255,255,.82);font-size:15px;line-height:1.45}
.hgp-btn{flex:none;position:relative;z-index:1;display:inline-flex;align-items:center;padding:13px 22px;border-radius:999px;background:#f28c28;color:#fff!important;font-weight:700;text-decoration:none;box-shadow:0 6px 18px rgba(242,140,40,.4);transition:transform .2s,background .2s}
.hgp-btn:hover{background:#d9650c;transform:translateY(-2px)}
.hgp-rib{position:absolute;top:34px;right:-46px;z-index:2;transform:rotate(45deg);width:200px;text-align:center;padding:4px 0;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#111;background:repeating-linear-gradient(45deg,#ffd43b 0 10px,#ffd43b 10px 14px);border-top:2px dashed #111;border-bottom:2px dashed #111}
@media (max-width:700px){.hg-promo{flex-direction:column;align-items:flex-start;margin:22px 12px 8px;padding:24px 20px;gap:14px}.hg-promo .hgp-mark{width:52px;height:52px}.hgp-txt h3{font-size:22px}.hgp-btn{width:100%;justify-content:center}}
@media (prefers-reduced-motion:reduce){.hgp-btn{transition:none}}

/* ===== Bil: Kommer-kort ===== */
.kommer-wrap{margin:22px 0 4px}
.kommer-h{font-size:18px;margin:0 0 10px;display:flex;align-items:baseline;gap:10px}.kommer-h span{font-size:13px;font-weight:500;color:#6b7280}
.kommer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.kommer-card{position:relative;text-align:left;font:inherit;cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:14px 14px 13px;border-radius:14px;border:1.5px dashed #cbd5e1;background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:inherit;transition:border-color .2s,transform .2s}
.kommer-card:hover{border-color:#f59f00;transform:translateY(-2px)}
.kommer-card strong{font-size:15px;line-height:1.3}
.kom-d{font-size:13px;color:#64748b;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kom-tag{align-self:flex-start;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:#ffd43b;color:#5c3c00;padding:2px 8px;border-radius:999px}
@media (max-width:600px){.kommer-grid{grid-template-columns:1fr}}

/* ===== HG-promo v2: skrå bildepaneler (som HåndverkerGuiden-forsiden) ===== */
.hg-promo.hgp2{padding:0;gap:0;align-items:stretch;min-height:220px;background:#232a33}
.hgp2::after{display:none}
.hgp2 .hgp-panels{--tilt:12deg;order:2;flex:0 0 52%;display:flex;overflow:hidden;margin-right:-40px;position:relative}
.hgp2 .hgp-panels{padding-left:30px}
.hgp-p{position:relative;flex:1 1 0;min-width:0;overflow:hidden;transform:skewX(calc(-1*var(--tilt)));border-left:4px solid #232a33;transition:flex-grow .5s cubic-bezier(.2,.7,.2,1)}
.hgp-pbg{position:absolute;top:0;bottom:0;left:-40%;right:-40%;transform:skewX(var(--tilt));background-size:cover;background-position:50% 50%;filter:grayscale(1) brightness(.6);transition:filter .5s,transform .8s}
.hgp-p::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(20,24,30,.7));pointer-events:none}
.hgp-pl{position:absolute;left:0;right:0;bottom:12px;z-index:1;transform:skewX(var(--tilt));text-align:center;color:#fff;font-weight:700;font-size:13px;text-shadow:0 1px 6px rgba(0,0,0,.5)}
.hgp2:hover .hgp-pbg{filter:grayscale(.15) brightness(.85)}
.hgp-p:hover{flex-grow:1.8}.hgp-p:hover .hgp-pbg{filter:none;transform:skewX(var(--tilt)) scale(1.05)}
.hgp2 .hgp-mark{position:absolute;left:28px;top:26px;width:52px;height:52px}
.hgp2 .hgp-txt{order:1;flex:1;padding:90px 10px 26px 30px}
.hgp2 .hgp-btn{position:absolute;left:30px;bottom:26px}
@media (min-width:701px){.hgp2 .hgp-txt{padding-bottom:84px}}
.hgp2 .hgp-rib{z-index:3}
@media (max-width:700px){
  .hg-promo.hgp2{flex-direction:column;align-items:stretch;padding:0}
  .hgp2 .hgp-panels{order:0;flex:none;height:130px;margin:0 -24px 0 -24px}
  .hgp2 .hgp-panels::before{display:none}
  .hgp-pl{font-size:11px;bottom:8px}
  .hgp-pbg{filter:grayscale(.35) brightness(.75)}
  .hgp2 .hgp-mark{top:104px;left:20px;width:48px;height:48px;border-radius:50%;box-shadow:0 0 0 4px #232a33}
  .hgp2 .hgp-txt{padding:36px 20px 0}
  .hgp2 .hgp-panels{padding-left:0}
  .hgp2 .hgp-btn{position:static;order:2;margin:16px 20px 22px;width:auto}
}
@media (prefers-reduced-motion:reduce){.hgp-p,.hgp-pbg{transition:none}}

/* ===== Stem opp (kommer-elementer) ===== */
.vote-btn{display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:4px 10px 4px 8px;border-radius:999px;border:1.5px solid #f59f00;background:#fff;color:#8a5300;font-size:12.5px;font-weight:700;cursor:pointer;line-height:1.2;user-select:none;transition:background .2s,transform .15s;width:max-content;max-width:100%;position:relative;z-index:3}
.vote-btn svg{width:14px;height:14px;fill:currentColor}
.vote-btn .vb-n{font-weight:800;padding-left:6px;border-left:1px solid rgba(245,159,0,.45)}
.vote-btn:hover{background:#fff3bf}.vote-btn:active{transform:scale(.95)}
.vote-btn.on{background:#f59f00;color:#fff;border-color:#f59f00;cursor:default}.vote-btn.on .vb-n{border-left-color:rgba(255,255,255,.5)}
.vote-btn:focus-visible{outline:2px solid #1c7ed6;outline-offset:2px}
.snart-banner .vote-btn.big{margin:0 0 0 auto;flex:none;font-size:14px;padding:7px 14px 7px 11px}
.byline .vote-btn{margin-left:8px;vertical-align:middle;margin-top:0}
@media (max-width:520px){.snart-banner{flex-wrap:wrap}.snart-banner .vote-btn.big{margin:4px 0 0}}
.mini .vote-btn{margin-top:5px;font-size:11.5px;padding:3px 8px 3px 6px}

/* ===== Robotklipper: illustrasjons-ikoner (JPG/WebP) ===== */
.rb-pic .rb-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:8px}
.rb-card .rb-pic{padding:0;overflow:hidden;height:86px}
.cmp thead .rb-img{display:block;width:100%;max-width:120px;height:68px;object-fit:cover;border-radius:8px;margin:0 auto 6px}
.rbx-pic{padding:10px}.rbx-pic .rb-img{display:block;width:100%;max-width:440px;margin:0 auto;aspect-ratio:16/9;height:auto;object-fit:cover;border-radius:12px}
.rbx-cap{display:block;margin-top:6px;font-size:11px;color:#94a3b8}

/* ===== Bil-kart: ekte data, meldinger + chip-rad/kildelinje på smal skjerm ===== */
.lade-msg{list-style:none;display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 14px;font-size:14px;color:#475569}
.lade-spin{width:14px;height:14px;border-radius:50%;border:2px solid #cbd5e1;border-top-color:#1c7ed6;animation:ladeSpin .8s linear infinite}
@keyframes ladeSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.lade-spin{animation:none}}
.pkk-pin span{min-width:22px;text-align:center}
@media (max-width:600px){
  .editorial .pm-head{flex-wrap:wrap}
  .editorial .pm-head .updated,.pm-head .updated{white-space:normal;overflow-wrap:anywhere}
  .editorial .pm-head>div:first-child{flex:1 1 100%}
  .status-row.on-map{left:48px;right:8px;justify-content:center;flex-wrap:wrap;row-gap:4px}
}

/* Bil kart-header: drivstoff-faner + hurtig/alle-bryter */
.pm-head>div:first-child{min-width:0;flex:1 1 260px}
.pm-head .seg-fuel{flex:0 0 auto;margin-left:auto}
.pm-sub{display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap;margin-top:4px}
.pm-sub .updated{margin:0!important;min-width:0}
.seg-lade{padding:2px}.seg-lade button{padding:4px 10px!important;font-size:12px!important}
#priceSection:has(.seg-fuel [data-fuel="lading"]:not(.on)) .seg-lade{display:none}
@media (max-width:640px){.pm-head,.editorial .pm-head{flex-wrap:wrap!important;align-items:flex-start}.pm-head .seg-fuel{margin-left:0;width:100%;display:flex}.pm-head .seg-fuel button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}}
#priceSection{container-type:inline-size}
#priceSection .pm-head{flex-wrap:wrap!important;align-items:flex-start}
#priceSection .pm-head .updated{overflow-wrap:anywhere}
@container (max-width:640px){#priceSection .pm-head .seg-fuel{margin-left:0;width:100%;display:flex}#priceSection .pm-head .seg-fuel button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}}
#priceSection .pm-head .updated{white-space:normal!important;text-overflow:clip!important;overflow:visible!important;max-width:100%}#priceSection .pm-sub{width:100%}