/* Lokaler Innlandet — designsystem.
   Uttrykk: varmt papir, blekk og messing. Stor serif-display mot tett grotesk.
   Nesten skarpe hjørner (2px), hårfine linjer, mye luft. Ingen runde bokser,
   ingen skygger som flyter — alt skal se trykt ut, ikke generert. */

:root {
  --papir:      #faf8f5;
  --papir-2:    #f3efe8;
  --papir-3:    #ebe5db;
  --blekk:      #16181c;
  --blekk-2:    #2a2d33;
  --grå:        #6b6760;
  --grå-2:      #97928a;
  --linje:      #e2dbd0;
  --linje-2:    #d3cabc;
  --messing:    #8a6a3b;
  --messing-2:  #c2a172;
  --messing-3:  #f0e7d8;
  --tre:        #ba7649;  /* samplet fra Fåberggata-bildet — brukes i ordmerket */
  --tre-mork:   #915c39;
  --grønn:      #3f6b4e;
  --rød:        #9c3b2e;

  --maks: 1240px;
  --r: 2px;
  --t: 220ms cubic-bezier(.2, .7, .3, 1);

  --serif: 'Instrument Serif', 'Iowan Old Style', 'Palatino Linotype', Palatino, Georgia, serif;
  --sans: 'Inter', ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; padding: 0; }

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }

body {
  font-family: var(--sans);
  font-size: 16.5px;
  line-height: 1.6;
  color: var(--blekk);
  background: var(--papir);
  -webkit-font-smoothing: antialiased;
  font-feature-settings: 'ss01', 'cv05';
}

img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; color: inherit; }

::selection { background: var(--messing-2); color: var(--blekk); }

:focus-visible { outline: 2px solid var(--messing); outline-offset: 3px; }

/* ── Grunnformer ─────────────────────────────────────────────────────────── */

.wrap { max-width: var(--maks); margin: 0 auto; padding: 0 28px; }
.wrap--smal { max-width: 780px; }

.display {
  font-family: var(--serif);
  font-weight: 400;
  line-height: 1.02;
  letter-spacing: -0.015em;
}

.label {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--messing);
}
.label--lys { color: var(--messing-2); }
.label--grå { color: var(--grå-2); }

.hr { height: 1px; background: var(--linje); border: 0; }

/* ── Topplinje ───────────────────────────────────────────────────────────── */

.topp {
  position: sticky; top: 0; z-index: 50;
  background: rgba(250, 248, 245, .88);
  backdrop-filter: saturate(140%) blur(12px);
  border-bottom: 1px solid var(--linje);
}
.topp__rad {
  display: flex; align-items: center; gap: 32px;
  height: 68px;
}
.merke { display: flex; align-items: baseline; gap: 7px; margin-right: auto; }
.merke__navn {
  font-family: 'Fraunces', var(--serif); font-optical-sizing: auto;
  font-weight: 600; font-size: 24px; letter-spacing: -0.01em;
}
.merke__sted {
  font-family: 'Fraunces', var(--serif); font-optical-sizing: auto;
  font-weight: 600; font-style: italic; font-size: 24px; letter-spacing: -0.01em;
  color: var(--tre);
}
.meny { display: flex; gap: 28px; align-items: center; }
.meny a { font-size: 14.5px; color: var(--grå); transition: color var(--t); }
.meny a:hover, .meny a[aria-current] { color: var(--blekk); }

.knapp {
  display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  padding: 13px 22px; border: 1px solid var(--blekk); background: var(--blekk);
  color: var(--papir); border-radius: var(--r); cursor: pointer;
  font-size: 14.5px; font-weight: 500; letter-spacing: .005em;
  transition: background var(--t), color var(--t), border-color var(--t), transform var(--t);
}
.knapp:hover { background: var(--messing); border-color: var(--messing); }
.knapp:active { transform: translateY(1px); }
.knapp--linje { background: transparent; color: var(--blekk); }
.knapp--linje:hover { background: var(--blekk); color: var(--papir); border-color: var(--blekk); }
.knapp--lys { background: var(--papir); color: var(--blekk); border-color: var(--papir); }
.knapp--lys:hover { background: var(--messing-2); border-color: var(--messing-2); }
.knapp--liten { padding: 9px 15px; font-size: 13.5px; }
.knapp[disabled] { opacity: .5; cursor: not-allowed; }

.meny-knapp { display: none; }

/* ── Hero ────────────────────────────────────────────────────────────────── */

.hero { background: var(--blekk); color: var(--papir); padding: 92px 0 0; overflow: hidden; position: relative; }

/* Bilde i toppen: ekte foto med mørkt overlegg, så tekst og søkeboks holder kontrasten */
.hero--bilde { background-size: cover; background-position: center 65%; }
.hero--bilde::before {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(22,24,28,.62) 0%, rgba(22,24,28,.74) 45%, rgba(22,24,28,.94) 100%);
  z-index: 0;
}
.hero--bilde > .wrap { position: relative; z-index: 1; }

.hero__inn { display: grid; gap: 22px; max-width: 930px; }
.hero h1 { font-size: clamp(46px, 7.4vw, 88px); }
.hero h1 em { font-style: normal; color: var(--messing-2); }
.hero__ingress {
  font-size: clamp(17px, 1.6vw, 19.5px); color: #c9c4bb; max-width: 62ch; line-height: 1.55;
}
.hero__tall {
  display: flex; flex-wrap: wrap; gap: 44px;
  margin-top: 26px; padding: 26px 0 0; border-top: 1px solid rgba(250,248,245,.14);
}
.hero__tall div { display: grid; gap: 3px; }
.hero__tall b { font-family: var(--serif); font-size: 34px; font-weight: 400; line-height: 1; }
.hero__tall span { font-size: 12.5px; color: var(--grå-2); }

/* Søkefelt over bruddet mellom mørk og lys */
.sokeboks {
  margin: 56px 0 -42px; background: var(--papir); color: var(--blekk);
  border: 1px solid var(--linje-2); border-radius: var(--r);
  display: grid; grid-template-columns: 1.4fr 1fr auto; gap: 0;
}
.sokeboks > * { border-right: 1px solid var(--linje); }
.sokeboks > *:last-child { border-right: 0; }
.sokeboks__felt { display: grid; gap: 2px; padding: 15px 20px; }
.sokeboks__felt label { font-size: 10.5px; letter-spacing: .16em; text-transform: uppercase; color: var(--grå-2); }
.sokeboks input, .sokeboks select {
  border: 0; background: transparent; font-size: 16px; width: 100%; padding: 2px 0;
}
.sokeboks input:focus, .sokeboks select:focus { outline: none; }
.sokeboks__knapp { display: grid; padding: 10px; }
.sokeboks__knapp .knapp { height: 100%; }

/* ── Seksjoner ───────────────────────────────────────────────────────────── */

.seksjon { padding: 96px 0; }
.seksjon--tett { padding: 64px 0; }
.seksjon--papir2 { background: var(--papir-2); }
.seksjon--mork { background: var(--blekk); color: var(--papir); }

.seksjon__topp {
  display: flex; align-items: flex-end; justify-content: space-between;
  gap: 28px; margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px solid var(--linje);
}
.seksjon__topp h2 { font-size: clamp(30px, 3.6vw, 44px); }
.seksjon__topp p { color: var(--grå); font-size: 15.5px; margin-top: 8px; max-width: 58ch; }
.seksjon--mork .seksjon__topp { border-color: rgba(250,248,245,.14); }
.seksjon--mork .seksjon__topp p { color: #b4afa6; }

.lenke-pil { display: inline-flex; align-items: center; gap: 8px; font-size: 14.5px; white-space: nowrap; border-bottom: 1px solid var(--linje-2); padding-bottom: 3px; transition: border-color var(--t), color var(--t); }
.lenke-pil:hover { color: var(--messing); border-color: var(--messing); }
.lenke-pil::after { content: '→'; transition: transform var(--t); }
.lenke-pil:hover::after { transform: translateX(3px); }

/* ── Lokalekort ──────────────────────────────────────────────────────────── */

.rutenett { display: grid; grid-template-columns: repeat(3, 1fr); gap: 34px 28px; }
.rutenett--2 { grid-template-columns: repeat(2, 1fr); }
.rutenett--4 { grid-template-columns: repeat(4, 1fr); gap: 28px 22px; }

.kort { display: grid; gap: 14px; position: relative; }
.kort__foto {
  position: relative; aspect-ratio: 4 / 3; overflow: hidden;
  background: var(--papir-3); border-radius: var(--r);
}
.kort__foto img { width: 100%; height: 100%; object-fit: cover; transition: transform 520ms cubic-bezier(.2,.7,.3,1); }
.kort:hover .kort__foto img { transform: scale(1.035); }

/* Plassholder når bildet mangler — bevisst grafisk, ikke en tom boks */
.foto--tom {
  display: grid; align-content: space-between; padding: 18px 20px;
  background:
    repeating-linear-gradient(135deg, rgba(138,106,59,.055) 0 2px, transparent 2px 13px),
    linear-gradient(160deg, var(--papir-3), var(--messing-3));
}
.foto--tom .foto__type { font-size: 10.5px; letter-spacing: .18em; text-transform: uppercase; color: var(--messing); }
.foto--tom .foto__adr { font-family: var(--serif); font-size: 27px; line-height: 1.08; color: var(--blekk-2); }

.merkelapp {
  position: absolute; top: 13px; left: 13px; z-index: 2;
  background: var(--blekk); color: var(--messing-2);
  font-size: 10.5px; letter-spacing: .16em; text-transform: uppercase;
  padding: 6px 11px; border-radius: var(--r);
}
.merkelapp--lys { background: var(--papir); color: var(--messing); }
.merkelapp--utkast { background: var(--rød); color: #fff; }
/* Til salgs ligger i motsatt hjørne av Fremhevet, så de aldri kolliderer. */
.merkelapp--salg {
  left: auto; right: 13px;
  background: var(--messing); color: #fff;
}

.kort__meta { font-size: 12.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--grå-2); }
.kort h3 { font-family: var(--serif); font-weight: 400; font-size: 25px; line-height: 1.15; }
.kort a.kort__lenke::after { content: ''; position: absolute; inset: 0; }
.kort:hover h3 { color: var(--messing); }
.kort h3 { transition: color var(--t); }
.kort__fakta {
  display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 14px; color: var(--grå);
  padding-top: 11px; border-top: 1px solid var(--linje);
}
.kort__fakta b { font-weight: 500; color: var(--blekk); }

/* ── Kategorirad ─────────────────────────────────────────────────────────── */

.kategorier { display: flex; flex-wrap: wrap; gap: 10px; }
.chip {
  display: inline-flex; align-items: center; gap: 9px;
  border: 1px solid var(--linje-2); border-radius: var(--r);
  padding: 10px 16px; font-size: 14.5px; background: var(--papir);
  transition: border-color var(--t), background var(--t), color var(--t);
  cursor: pointer;
}
.chip:hover { border-color: var(--blekk); }
.chip[aria-pressed="true"], .chip--aktiv { background: var(--blekk); color: var(--papir); border-color: var(--blekk); }
.chip span { color: var(--grå-2); font-size: 12.5px; }
.chip[aria-pressed="true"] span, .chip--aktiv span { color: var(--messing-2); }

/* ── Detaljside ──────────────────────────────────────────────────────────── */

.detalj { display: grid; grid-template-columns: 1.55fr 1fr; gap: 60px; align-items: start; }
.detalj__galleri { display: grid; gap: 10px; }
.detalj__hoved { aspect-ratio: 16 / 10; border-radius: var(--r); overflow: hidden; background: var(--papir-3); }
.detalj__hoved img { width: 100%; height: 100%; object-fit: cover; }
.detalj__mini { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.detalj__mini img { aspect-ratio: 4/3; object-fit: cover; border-radius: var(--r); cursor: pointer; opacity: .82; transition: opacity var(--t); }
.detalj__mini img:hover { opacity: 1; }

.faktaliste { display: grid; gap: 0; margin: 28px 0; border-top: 1px solid var(--linje); }
.faktaliste div {
  display: grid; grid-template-columns: 180px 1fr; gap: 20px;
  padding: 13px 0; border-bottom: 1px solid var(--linje); font-size: 15.5px;
}
.faktaliste dt { color: var(--grå); }
.faktaliste dd { font-weight: 500; }

.brodtekst { font-size: 17px; line-height: 1.72; color: var(--blekk-2); }
.brodtekst p + p { margin-top: 15px; }

.sidepanel {
  position: sticky; top: 92px;
  border: 1px solid var(--linje-2); border-radius: var(--r); background: var(--papir);
}
.sidepanel__topp { padding: 24px 26px; border-bottom: 1px solid var(--linje); }
.sidepanel__pris { font-family: var(--serif); font-size: 32px; line-height: 1.1; }
.sidepanel__inn { padding: 22px 26px 26px; display: grid; gap: 14px; }
.sidepanel__eier { display: flex; gap: 13px; align-items: center; font-size: 14.5px; }
.sidepanel__eier .ikon {
  width: 42px; height: 42px; flex: 0 0 auto; border-radius: var(--r);
  background: var(--messing-3); color: var(--messing);
  display: grid; place-items: center; font-family: var(--serif); font-size: 19px;
}
.sidepanel__note { font-size: 13px; color: var(--grå); line-height: 1.5; }

/* ── Skjema ──────────────────────────────────────────────────────────────── */

.skjema { display: grid; gap: 18px; }
.felt { display: grid; gap: 6px; }
.felt > label { font-size: 13px; font-weight: 500; letter-spacing: .01em; }
.felt > label span { color: var(--grå-2); font-weight: 400; }
.felt input, .felt select, .felt textarea {
  border: 1px solid var(--linje-2); border-radius: var(--r); background: var(--papir);
  padding: 12px 14px; font-size: 15.5px; width: 100%;
  transition: border-color var(--t), background var(--t);
}
.felt input:focus, .felt select:focus, .felt textarea:focus {
  outline: none; border-color: var(--blekk); background: #fff;
}
.felt textarea { min-height: 118px; resize: vertical; line-height: 1.55; }
.felt__hjelp { font-size: 12.5px; color: var(--grå); }
.felt--to { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.honning { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* Selskapssøk mot Enhetsregisteret */
.selskapssok { position: relative; }
.selskapssok__treff {
  position: absolute; top: calc(100% + 5px); left: 0; right: 0; z-index: 30;
  background: #fff; border: 1px solid var(--linje-2); border-radius: var(--r);
  max-height: 290px; overflow-y: auto; box-shadow: 0 14px 34px -16px rgba(22,24,28,.34);
}
.selskapssok__treff[hidden] { display: none; }
.selskapssok__treff button {
  display: grid; gap: 2px; width: 100%; text-align: left; padding: 11px 14px;
  border: 0; border-bottom: 1px solid var(--linje); background: transparent; cursor: pointer;
}
.selskapssok__treff button:last-child { border-bottom: 0; }
.selskapssok__treff button:hover, .selskapssok__treff button:focus { background: var(--papir-2); }
.selskapssok__treff b { font-size: 15px; font-weight: 500; }
.selskapssok__treff small { font-size: 12.5px; color: var(--grå); }

.valgt-selskap {
  display: flex; align-items: flex-start; gap: 12px; justify-content: space-between;
  border: 1px solid var(--messing-2); background: var(--messing-3);
  border-radius: var(--r); padding: 13px 15px;
}
.valgt-selskap[hidden] { display: none; }
.valgt-selskap b { font-size: 15.5px; }
.valgt-selskap small { display: block; font-size: 12.5px; color: var(--messing); margin-top: 2px; }
.valgt-selskap button { border: 0; background: none; cursor: pointer; font-size: 13px; color: var(--messing); text-decoration: underline; }

.avkrysning { display: flex; gap: 10px; align-items: flex-start; font-size: 14.5px; cursor: pointer; }
.avkrysning input { width: 17px; height: 17px; margin-top: 2px; accent-color: var(--messing); flex: 0 0 auto; }

.svar { padding: 14px 16px; border-radius: var(--r); font-size: 14.5px; border: 1px solid; }
.svar[hidden] { display: none; }
.svar--ok { border-color: var(--grønn); background: #eef3ee; color: var(--grønn); }
.svar--feil { border-color: var(--rød); background: #f9eeec; color: var(--rød); }

/* ── Priskort ────────────────────────────────────────────────────────────── */

.priser { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; align-items: start; }
.pris {
  border: 1px solid var(--linje-2); border-radius: var(--r); background: var(--papir);
  padding: 30px 28px 32px; display: grid; gap: 18px; position: relative;
}
.pris--valgt { border-color: var(--blekk); background: var(--blekk); color: var(--papir); }
.pris--valgt .pris__belop small, .pris--valgt li { color: #c3beb5; }
.pris__navn { font-family: var(--serif); font-size: 26px; }
.pris__belop { font-family: var(--serif); font-size: 44px; line-height: 1; }
.pris__belop small { font-family: var(--sans); font-size: 14px; color: var(--grå); display: block; margin-top: 6px; line-height: 1.45; }
.pris ul { list-style: none; display: grid; gap: 9px; font-size: 14.5px; color: var(--blekk-2); }
.pris li { display: grid; grid-template-columns: 16px 1fr; gap: 10px; align-items: start; }
.pris li::before { content: '—'; color: var(--messing); }
.pris--valgt li::before { color: var(--messing-2); }
.pris__stempel {
  position: absolute; top: -11px; right: 22px;
  background: var(--messing); color: #fff; font-size: 10.5px;
  letter-spacing: .16em; text-transform: uppercase; padding: 6px 12px; border-radius: var(--r);
}

/* ── Sitat / poeng ───────────────────────────────────────────────────────── */

.poeng { display: grid; grid-template-columns: repeat(3, 1fr); gap: 46px; }
.poeng > div { display: grid; gap: 10px; align-content: start; }
.poeng__nr { font-family: var(--serif); font-size: 42px; line-height: 1; color: var(--messing-2); }
.poeng h3 { font-size: 18px; font-weight: 500; }
.poeng p { font-size: 15px; color: var(--grå); line-height: 1.62; }
.seksjon--mork .poeng p { color: #b4afa6; }

/* ── Bunn ────────────────────────────────────────────────────────────────── */

.bunn { background: var(--blekk); color: #b4afa6; padding: 68px 0 34px; font-size: 14.5px; }
.bunn__rad { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 40px; }
.bunn h4 { font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: var(--messing-2); margin-bottom: 14px; font-weight: 500; }
.bunn ul { list-style: none; display: grid; gap: 8px; }
.bunn a:hover { color: var(--papir); }
.bunn__merke {
  font-family: 'Fraunces', var(--serif); font-optical-sizing: auto;
  font-weight: 600; font-size: 26px; color: var(--papir);
}
.bunn__merke-aksent { font-style: italic; color: var(--tre); }
.bunn__slutt {
  margin-top: 46px; padding-top: 20px; border-top: 1px solid rgba(250,248,245,.13);
  display: flex; flex-wrap: wrap; gap: 14px; justify-content: space-between; font-size: 13px; color: var(--grå-2);
}

/* ── Demobanner ──────────────────────────────────────────────────────────── */

.demo-banner {
  background: var(--rød); color: #fff; text-align: center;
  padding: 9px 20px; font-size: 13.5px; letter-spacing: .01em;
}

/* ── Tomtilstand ─────────────────────────────────────────────────────────── */

.tom {
  border: 1px dashed var(--linje-2); border-radius: var(--r);
  padding: 54px 30px; text-align: center; display: grid; gap: 12px; justify-items: center;
}
.tom h3 { font-family: var(--serif); font-weight: 400; font-size: 27px; }
.tom p { color: var(--grå); max-width: 46ch; }

/* ── Responsivt ──────────────────────────────────────────────────────────── */

@media (max-width: 1040px) {
  .rutenett, .rutenett--4 { grid-template-columns: repeat(2, 1fr); }
  .detalj { grid-template-columns: 1fr; gap: 42px; }
  .sidepanel { position: static; }
  .poeng { grid-template-columns: 1fr; gap: 32px; }
  .priser { grid-template-columns: 1fr; }
  .bunn__rad { grid-template-columns: 1fr 1fr; gap: 32px; }
}

@media (max-width: 720px) {
  body { font-size: 16px; }
  .wrap { padding: 0 20px; }
  .meny { display: none; }
  .meny-knapp { display: inline-flex; }
  .topp__rad { height: 60px; gap: 16px; }
  .hero { padding-top: 58px; }
  .seksjon { padding: 62px 0; }
  .seksjon__topp { flex-direction: column; align-items: flex-start; gap: 14px; }
  .sokeboks { grid-template-columns: 1fr; margin-bottom: -34px; }
  .sokeboks > * { border-right: 0; border-bottom: 1px solid var(--linje); }
  .sokeboks > *:last-child { border-bottom: 0; }
  .rutenett, .rutenett--2, .rutenett--4 { grid-template-columns: 1fr; gap: 30px; }
  .hero__tall { gap: 26px; }
  .hero__tall b { font-size: 28px; }
  .faktaliste div { grid-template-columns: 1fr; gap: 2px; }
  .felt--to { grid-template-columns: 1fr; }
  .bunn__rad { grid-template-columns: 1fr; }
  .detalj__mini { grid-template-columns: repeat(3, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; }
  html { scroll-behavior: auto; }
}

@media print {
  .topp, .bunn, .sidepanel, .sokeboks { display: none; }
  body { background: #fff; font-size: 12px; }
}

/* ── Bildeopplasting i innmeldingsskjemaet ───────────────────────────────── */

.felt input[type="file"] {
  padding: 10px 12px; font-size: 14.5px; cursor: pointer;
  background: var(--papir-2);
}
.felt input[type="file"]::file-selector-button {
  font: inherit; font-size: 13.5px; margin-right: 12px; cursor: pointer;
  border: 1px solid var(--blekk); background: var(--blekk); color: var(--papir);
  padding: 7px 13px; border-radius: var(--r);
}
.felt input[type="file"]::file-selector-button:hover { background: var(--messing); border-color: var(--messing); }

.bilder { display: grid; grid-template-columns: repeat(auto-fill, minmax(112px, 1fr)); gap: 10px; margin-top: 12px; }
.bilder[hidden] { display: none; }
.bilde {
  position: relative; aspect-ratio: 4/3; border-radius: var(--r); overflow: hidden;
  background: var(--papir-3); border: 1px solid var(--linje-2);
}
.bilde img { width: 100%; height: 100%; object-fit: cover; }
.bilde__fjern {
  position: absolute; top: 5px; right: 5px; width: 24px; height: 24px; line-height: 1;
  border: 0; border-radius: 2px; cursor: pointer; font-size: 15px;
  background: rgba(22,24,28,.82); color: var(--papir);
}
.bilde__fjern:hover { background: var(--rød); }
.bilde__nr {
  position: absolute; bottom: 5px; left: 5px; font-size: 10.5px; letter-spacing: .1em;
  background: rgba(22,24,28,.82); color: var(--messing-2); padding: 3px 7px; border-radius: 2px;
}
.bilde--jobber { display: grid; place-items: center; color: var(--grå); font-size: 12.5px; }

/* ── Oppgradering og fototillegg på salgssiden ───────────────────────────── */

.callout-oppgradering {
  margin-top: 30px; padding: 22px 26px; border: 1px solid var(--linje-2);
  border-left: 4px solid var(--messing); border-radius: 0 var(--r) var(--r) 0;
  background: var(--papir-2);
}
.callout-oppgradering p { margin-top: 8px; max-width: 72ch; font-size: 15.5px; color: var(--blekk-2); }

.tillegg { display: grid; gap: 10px; margin-top: 24px; padding-top: 22px; border-top: 1px solid var(--linje); font-size: 15px; }
.tillegg strong { font-weight: 500; }