.priser { position: relative; padding: 0; }

.valjare {
  --glipa: clamp(8px, .9vw, 14px);
  --inne: clamp(14px, 1.9vw, 30px);
  --kolumn: calc((100% - 2 * var(--glipa)) / 3);
  --val-tal: clamp(1.375rem, 1.1rem + .7vw, 1.75rem);
  --platta: clamp(20px, 3vw, 44px);
  --tona: min(calc(var(--oppet) * .45), 190px);
  --under: 200px;
  --till-linjen: -16px;
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: var(--glipa);
}

.valjare::before {
  content: ""; grid-column: 1 / -1; grid-row: 1 / 5;
  margin: calc(var(--tona) * -1) calc(var(--marg) * -1) calc(var(--under) * -1) -9vw;
  background: linear-gradient(180deg,
    rgba(4, 12, 20, 0) 0,
    rgba(4, 12, 20, .12) calc(var(--tona) * .36),
    rgba(4, 12, 20, .26) calc(var(--tona) * .7),
    rgba(4, 12, 20, .34) var(--tona),
    rgba(4, 12, 20, .34) calc(100% - var(--under) - 40px),
    rgba(4, 12, 20, .2) calc(100% - var(--under) * .6),
    rgba(4, 12, 20, 0) 100%);
  pointer-events: none;
}

.priser-topp { grid-column: 1 / -1; grid-row: 1; align-items: end; row-gap: clamp(14px, 1.6vw, 22px); margin-bottom: clamp(24px, 2.8vw, 40px); }
.priser-topp :is(h1, h2) { grid-column: 1 / span 8; text-shadow: 0 2px 34px rgba(3, 8, 13, .5); }
.priser-topp :is(h1, h2) span { display: block; white-space: nowrap; }
.priser-topp :is(h1, h2) span + span { color: #ffdcc6; }
.priser-topp .val-hjalp { grid-column: 9 / -1; position: relative; isolation: isolate; max-width: 34em; text-shadow: 0 1px 12px rgba(3, 8, 13, .8); }
.priser-topp .val-hjalp::before {
  content: ""; position: absolute; z-index: -1; inset: 6px 10px; pointer-events: none;
  background: rgba(4, 12, 20, .44);
  box-shadow: 0 0 46px 32px rgba(4, 12, 20, .44);
}

.val-radio {
  grid-row: 2;
  width: 100%; height: 100%; margin: 0;
  opacity: 0; pointer-events: none;
}
#val-google, .val-knapp[for="val-google"], .val-fonster-google { grid-column: 1; }
#val-grund, .val-knapp[for="val-grund"], .val-fonster-grund { grid-column: 2; }
#val-mer, .val-knapp[for="val-mer"], .val-fonster-mer { grid-column: 3; }

.val-knapp[for="val-google"], .val-knapp[for="val-grund"] { --skugga: .52; }
.val-knapp[for="val-mer"] { --skugga: .74; }

.val-knapp {
  grid-row: 2; position: relative; z-index: 2;
  display: flex; flex-direction: column; justify-content: flex-end;
  min-height: clamp(500px, 66vh, 680px); padding: var(--inne);
  color: var(--is);
  cursor: pointer; -webkit-tap-highlight-color: transparent;
  transition: transform 140ms var(--ut);
}

.val-fonster {
  --vald: 0; --hov: 0; --gar: paused; --i: 0;
  --iw: 960; --ih: 1200; --glod: 255, 158, 84; --platt: .36;
  grid-row: 2; position: relative; z-index: 0; display: block; min-width: 0;
}
.val-fonster-google { --lx: 61%; --ly: 46.9%; }
.val-fonster-grund { --lx: 64.2%; --ly: 48.3%; --i: 1; }
.val-fonster-mer { --lx: 49.8%; --ly: 46.1%; --iw: 880; --ih: 1100; --i: 2; }
#val-google:checked ~ .val-fonster-google,
#val-grund:checked ~ .val-fonster-grund,
#val-mer:checked ~ .val-fonster-mer { --vald: 1; --gar: running; z-index: 1; }

.val-fonster::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  box-shadow: 0 18px 90px rgba(255, 140, 60, .38);
  opacity: var(--vald); will-change: opacity; transition: opacity 420ms ease;
}
.val-vy {
  --s: max(100cqw / var(--iw), 100cqh / var(--ih));
  position: absolute; inset: 0; overflow: hidden; container-type: size;
  background: #04090e;
}
.val-vy::after {
  content: ""; position: absolute; inset: 0; z-index: 4; pointer-events: none;
  box-shadow: inset 0 0 0 1px rgba(238, 243, 245, .14);
}
.val-flytt {
  position: absolute; inset: 0;
  transform-origin: var(--lx) var(--ly);
  will-change: transform;
  animation: val-drift 34s ease-in-out infinite alternate;
  animation-play-state: var(--gar);
}
.val-flytt picture { display: contents; }
.val-mane, .val-bild {
  position: absolute; left: 0; top: 0; width: 100%; height: 100%;
  object-fit: cover; object-position: var(--lx) var(--ly);
}
.val-bild {
  opacity: max(var(--vald), var(--hov));
  will-change: opacity; transition: opacity 420ms ease;
}
.val-vy::before {
  content: ""; position: absolute; inset: 0; z-index: 1;
  background: #03080d; opacity: calc(.1 * (1 - var(--vald)));
  transition: opacity 420ms ease;
}
.val-ljus {
  position: absolute; z-index: 2; left: var(--lx); top: var(--ly); width: 0; height: 0;
  opacity: var(--vald); transition: opacity 420ms ease;
}
.val-ljus::before {
  content: ""; position: absolute; left: -130px; top: -130px; width: 260px; height: 260px;
  background: radial-gradient(closest-side, rgba(var(--glod), .62) 0, rgba(var(--glod), .24) 34%, rgba(var(--glod), 0) 100%);
  animation: val-andas 7s ease-in-out infinite alternate;
  animation-play-state: var(--gar);
}
.val-sonar {
  position: absolute; z-index: 2; left: var(--lx); top: var(--ly); width: 0; height: 0;
  opacity: var(--vald); transition: opacity 240ms ease;
}
.val-sonar::before, .val-sonar::after {
  content: ""; position: absolute; left: -150px; top: -150px; width: 300px; height: 300px; border-radius: 50%;
  border: 2px solid rgba(255, 236, 220, .95);
  opacity: 0;
  animation: val-sonar 5.6s cubic-bezier(.2, .62, .3, 1) infinite;
  animation-play-state: var(--gar);
}
.val-sonar::after { animation-delay: 2.8s; }

.val-fyr {
  position: absolute; left: var(--lx); top: var(--ly); width: 0; height: 0;
  opacity: var(--vald); transition: opacity 420ms ease;
}
.val-fyr::before {
  content: ""; position: absolute; left: -380px; top: -380px; width: 760px; height: 760px; border-radius: 50%;
  background: conic-gradient(from 0deg, rgba(255, 214, 170, 0) 0deg, rgba(255, 214, 170, .55) 12deg, rgba(255, 214, 170, 0) 28deg, rgba(255, 214, 170, 0) 360deg);
  -webkit-mask-image: radial-gradient(closest-side, #000 4%, rgba(0, 0, 0, .6) 36%, transparent 92%);
  mask-image: radial-gradient(closest-side, #000 4%, rgba(0, 0, 0, .6) 36%, transparent 92%);
  will-change: transform;
  animation: val-fyr 12s linear infinite;
  animation-play-state: var(--gar);
}
.val-rutt { position: absolute; inset: 0; opacity: var(--vald); transition: opacity 420ms ease; }
.val-rutt i { --n: 0; position: absolute; left: calc(var(--lx) + var(--px) * var(--s)); top: calc(var(--ly) + var(--py) * var(--s)); width: 0; height: 0; }
.val-rutt i:nth-child(1) { --px: -55; --py: 405; }
.val-rutt i:nth-child(2) { --px: -70; --py: 254; --n: 1; }
.val-rutt i:nth-child(3) { --px: 65; --py: 126; --n: 2; }
.val-rutt i:nth-child(4) { --px: 4; --py: 65; --n: 3; }
.val-rutt i::before {
  content: ""; position: absolute; left: -15px; top: -15px; width: 30px; height: 30px; border-radius: 50%;
  background: radial-gradient(closest-side, #fff4e8 0, #ffc08c 26%, rgba(255, 140, 60, .5) 46%, rgba(255, 140, 60, 0) 100%);
  opacity: 0;
  animation: val-punkt 5.6s ease-in-out infinite;
  animation-delay: calc(var(--n) * 460ms);
  animation-play-state: var(--gar);
}
.val-varv {
  --px: 1; --py: -341; --pr: 330;
  position: absolute; max-width: none;
  left: calc(var(--lx) + (var(--px) - var(--pr)) * var(--s)); top: calc(var(--ly) + (var(--py) - var(--pr)) * var(--s));
  width: calc(2 * var(--pr) * var(--s)); height: calc(2 * var(--pr) * var(--s));
  opacity: calc(var(--vald) * .92);
  will-change: transform;
  transition: opacity 420ms ease;
  animation: val-varv 140s linear infinite;
  animation-play-state: var(--gar);
}
@supports not (width: 1cqw) { .val-rutt, .val-varv { display: none; } }

.val-marke {
  position: absolute; z-index: 3; left: var(--inne); top: var(--inne);
  display: inline-grid; font-size: .9375rem; line-height: 1; font-weight: 500; letter-spacing: -.004em;
}
.val-marke span {
  grid-area: 1 / 1; padding: 9px 12px 10px; text-align: center;
  transition: opacity 240ms ease;
}
.val-marke span:first-child { opacity: calc(1 - var(--vald)); background: rgba(4, 10, 15, .62); color: var(--is); box-shadow: inset 0 0 0 1px rgba(238, 243, 245, .66); }
.val-marke span:last-child { opacity: var(--vald); background: var(--kurs); color: var(--ink); }

.val-knapp-text { --namn: clamp(1.25rem, .9rem + 1.05vw, 2rem); position: relative; z-index: 0; display: block; text-shadow: 0 1px 14px rgba(2, 9, 13, .75); }
.val-knapp-text::before {
  content: ""; position: absolute; z-index: -1; pointer-events: none;
  left: calc(var(--inne) * -1); right: calc(var(--inne) * -1); bottom: calc(var(--inne) * -1); top: -48px;
  background: linear-gradient(0deg,
    rgba(2, 9, 13, var(--skugga)) 0,
    rgba(2, 9, 13, var(--skugga)) calc(100% - 66px),
    rgba(2, 9, 13, calc(var(--skugga) * .66)) calc(100% - 42px),
    rgba(2, 9, 13, calc(var(--skugga) * .22)) calc(100% - 18px),
    rgba(2, 9, 13, 0) 100%);
}
.val-jag { display: block; margin-bottom: 8px; color: #ffefe5; font-size: 1.0625rem; line-height: 1.3; font-weight: 440; }
.val-vinst { display: block; min-height: calc(2 * 1.16em); margin-bottom: 8px; font-size: clamp(1.25rem, 1.02rem + .62vw, 1.625rem); line-height: 1.16; letter-spacing: -.018em; font-weight: 540; text-wrap: balance; }
.val-knapp-om { display: block; }
.val-knapp-namn { display: block; min-height: calc(var(--namn) * 2.24); font-size: var(--namn); line-height: 1.12; letter-spacing: -.024em; font-weight: 480; font-variation-settings: "SHRP" 100; text-wrap: balance; }
.val-knapp-rader { --rader: 3; display: grid; align-content: start; gap: 4px; min-height: calc(var(--rader) * 1.34rem + 8px); margin-top: 12px; }
.val-knapp-rad { position: relative; display: block; padding-left: 23px; font-size: 1rem; line-height: 1.34; text-wrap: pretty; }
.val-knapp-rad::before { content: ""; position: absolute; left: 3px; top: .34em; width: 12px; height: 7px; border-left: 2.25px solid var(--kurs); border-bottom: 2.25px solid var(--kurs); transform: rotate(-45deg); }
.val-knapp-pris { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: clamp(16px, 2vw, 32px); align-items: end; margin-top: clamp(10px, 1.2vw, 16px); }
.val-pris { display: grid; gap: 2px; }
.val-pris small { font-size: .9375rem; line-height: 1.3; color: var(--is-2); }
.val-pris b { letter-spacing: -.03em; font-weight: 440; line-height: 1.04; white-space: nowrap; }
.val-pris:first-child b { font-size: clamp(2.125rem, 1.35rem + 2vw, 3.375rem); }
.val-pris:last-child b { font-size: clamp(1.25rem, 1.05rem + .5vw, 1.625rem); }
.val-kolumn { display: none; }

.val-radio:focus-visible + .val-knapp { outline: 3px solid var(--fokus); outline-offset: 4px; }

.valjare.vilar .val-flytt,
.valjare.vilar .val-ljus::before,
.valjare.vilar .val-sonar::before,
.valjare.vilar .val-sonar::after,
.valjare.vilar .val-fyr::before,
.valjare.vilar .val-rutt i::before,
.valjare.vilar .val-varv { animation-play-state: paused !important; }

@keyframes val-drift { from { transform: scale(1.02); } to { transform: scale(1.12); } }
@keyframes val-andas { from { opacity: .78; transform: scale(.96); } to { opacity: 1; transform: scale(1.06); } }
@keyframes val-sonar {
  0% { opacity: 0; transform: scale(.06, calc(.06 * var(--platt))); }
  8% { opacity: .95; }
  60% { opacity: .5; }
  100% { opacity: 0; transform: scale(1, var(--platt)); }
}
@keyframes val-fyr { from { transform: scale(1, .36) rotate(0deg); } to { transform: scale(1, .36) rotate(360deg); } }
@keyframes val-punkt {
  0% { opacity: 0; transform: scale(.4); }
  7% { opacity: 1; transform: scale(1.3); }
  18% { opacity: .9; transform: scale(1); }
  54% { opacity: .9; transform: scale(1); }
  72%, 100% { opacity: 0; transform: scale(.7); }
}
@keyframes val-varv { to { transform: rotate(360deg); } }

@media (min-width: 721px) {
  .valjare.vantar .val-bild { opacity: 0; }
  .valjare.halsar .val-bild {
    animation: val-halsa 2300ms ease both;
    animation-delay: calc(var(--i) * 180ms);
  }
}
@media screen and (max-width: 720px) {
  .valjare.vantar .val-vy { opacity: 0; }
  .valjare.halsar .val-vy { animation: val-tona 900ms ease both; }
  .valjare.halsar .val-wp { animation: val-tand 520ms var(--ut) both; animation-delay: calc(var(--n) * 180ms); }
}
@keyframes val-halsa { 0% { opacity: 0; } 22% { opacity: 1; } 56% { opacity: 1; } 100% { opacity: var(--vald); } }
@keyframes val-tona { from { opacity: 0; } }
@keyframes val-tand { from { opacity: 0; scale: .3; } }

.val-spar { --k: 0; grid-column: 1 / -1; grid-row: 3; position: relative; height: 66px; clip-path: inset(0 0 0 var(--till-linjen)); }
#val-grund:checked ~ .val-spar { --k: 1; }
#val-mer:checked ~ .val-spar { --k: 2; }
.val-spar::before {
  content: ""; position: absolute; left: var(--till-linjen); right: 0; top: calc(50% - 1.25px); height: 2.5px;
  background: repeating-linear-gradient(90deg, var(--kurs) 0 2px, transparent 2px 8px);
}
.val-wp {
  --n: 0;
  position: absolute; top: calc(50% - 8px); left: calc(var(--kolumn) / 2 - 8px + var(--n) * (var(--kolumn) + var(--glipa)));
  width: 16px; height: 16px; border-radius: 50%;
  background: #071018; border: 2.25px solid var(--kurs);
}
.val-wp:nth-child(2) { --n: 1; }
.val-wp:nth-child(3) { --n: 2; }
.val-spets {
  position: absolute; left: 0; top: 0; width: var(--kolumn); height: 100%;
  transform: translateX(calc(var(--k) * (100% + var(--glipa))));
  will-change: transform;
  transition: transform 720ms cubic-bezier(.65, 0, .35, 1);
}
.val-spets::before {
  content: ""; position: absolute; right: 50%; top: calc(50% - 1.25px); width: 120px; height: 2.5px;
  background: linear-gradient(90deg, rgba(255, 106, 26, 0), var(--kurs));
  transform-origin: 100% 50%;
  transition: transform 300ms var(--ut);
}
.val-spar[data-fart="bak"] .val-spets::before { transform: scaleX(-1); }
.val-spets::after {
  content: ""; position: absolute; left: calc(50% - 90px); top: calc(50% - 30px); width: 180px; height: 60px;
  background: radial-gradient(closest-side, rgba(255, 152, 84, .42), rgba(255, 152, 84, 0));
}
.val-bat {
  position: absolute; z-index: 1; left: calc(50% - 15px); top: calc(50% - 21px); width: 30px; height: 42px; overflow: visible;
  transition: transform 300ms var(--ut);
}
.val-spar[data-fart="fram"] .val-bat { transform: rotate(90deg); }
.val-spar[data-fart="bak"] .val-bat { transform: rotate(-90deg); }

.val-yta { grid-column: 1 / -1; grid-row: 4; position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1fr); margin-top: 4px; }
.val-yta::before {
  content: ""; grid-column: 1; grid-row: 2 / span 7; z-index: -1;
  background: linear-gradient(180deg, rgba(150, 214, 200, .08), rgba(150, 214, 200, 0) 120px), rgba(7, 18, 27, .9);
  box-shadow: inset 0 1px 0 rgba(238, 243, 245, .16);
}
.val-yta::after {
  content: ""; grid-column: 1; grid-row: 5; align-self: start; height: 1px; margin: clamp(22px, 2.4vw, 32px) var(--inne) 0;
  background: rgba(238, 243, 245, .16);
}
.val-del { display: contents; }
.val-namn {
  position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;
  visibility: hidden;
}
.val-tal { grid-column: 1; grid-row: 2; display: grid; grid-template-columns: repeat(5, auto); justify-content: start; padding: clamp(14px, 1.6vw, 22px) var(--inne) 0; color: var(--is); visibility: hidden; }
.val-tal dt { color: var(--is-2); font-size: var(--s-liten); line-height: 1.4; }
.val-tal dd { font-size: var(--val-tal); line-height: 1.15; letter-spacing: -.03em; font-weight: 440; white-space: nowrap; }
.val-tal dd small { font-size: .72em; letter-spacing: -.01em; font-weight: 400; }
@media screen {
  .val-tal { display: flex; flex-wrap: wrap; gap: 4px clamp(28px, 3.6vw, 60px); }
  .val-tal > div { display: flex; align-items: baseline; gap: 10px; min-width: 0; background: none; }
  .val-tal > div:nth-child(-n+2) { display: none; }
}
.val-tid { grid-column: 1; grid-row: 3; margin-top: 6px; padding-inline: var(--inne); color: var(--is-2); }
.val-not { grid-column: 1; grid-row: 5; margin-top: clamp(22px, 2.4vw, 32px); padding: clamp(18px, 2vw, 26px) var(--inne) 0; max-width: 104ch; color: var(--is-2); }
.val-text {
  grid-column: 1; grid-row: 6;
  display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); grid-template-rows: auto minmax(0, 1fr); gap: clamp(28px, 3vw, 44px) clamp(32px, 4.4vw, 76px);
  padding: clamp(26px, 2.8vw, 42px) var(--inne) clamp(30px, 3vw, 46px);
  color: var(--is);
  visibility: hidden; opacity: 0;
  transition: opacity 90ms ease, visibility 0s linear 90ms;
}
#val-google:checked ~ .val-yta .val-del-google .val-namn,
#val-grund:checked ~ .val-yta .val-del-grund .val-namn,
#val-mer:checked ~ .val-yta .val-del-mer .val-namn,
#val-google:checked ~ .val-yta .val-del-google .val-tal,
#val-grund:checked ~ .val-yta .val-del-grund .val-tal,
#val-mer:checked ~ .val-yta .val-del-mer .val-tal { visibility: visible; }
#val-google:checked ~ .val-yta .val-del-google .val-text,
#val-grund:checked ~ .val-yta .val-del-grund .val-text,
#val-mer:checked ~ .val-yta .val-del-mer .val-text {
  visibility: visible; opacity: 1;
  transition: opacity 200ms ease 20ms;
}

.val-text h4 { font-size: 1.125rem; line-height: 1.3; letter-spacing: -.008em; font-weight: 520; margin-bottom: 10px; }
.val-tjanar {
  grid-column: 1 / -1; margin-inline: calc(var(--inne) * -1);
  padding: clamp(24px, 2.6vw, 38px) var(--inne) clamp(26px, 2.8vw, 40px);
  background: linear-gradient(180deg, rgba(255, 122, 44, .17), rgba(255, 122, 44, .05));
  box-shadow: inset 0 2.5px 0 var(--kurs);
}
.val-text .val-tjanar h4 { margin-bottom: clamp(18px, 2vw, 28px); font-size: var(--s-h3); line-height: 1.14; letter-spacing: -.022em; font-weight: 480; color: #ffdcc6; }
.val-tjanar ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px clamp(24px, 3.4vw, 56px); }
.val-tjanar li { font-size: 1.0625rem; line-height: 1.46; }
.val-tjanar strong { display: block; margin-bottom: 8px; font-size: clamp(1.375rem, 1.1rem + .85vw, 1.875rem); line-height: 1.14; letter-spacing: -.02em; font-weight: 540; text-wrap: balance; }
@media (min-width: 961px) and (max-width: 1699px) { .val-tjanar strong { min-height: 2.3em; } }
.val-ingar { grid-column: 1; grid-row: 2; }
.val-ruta { grid-column: 2; grid-row: 2; min-width: 0; }
.val-ruta > summary { padding-block: 10px; font-size: clamp(1.125rem, 1.05rem + .25vw, 1.25rem); line-height: 1.3; letter-spacing: -.008em; font-weight: 520; box-shadow: inset 0 1px 0 rgba(238, 243, 245, .22), inset 0 -1px 0 rgba(238, 243, 245, .22); }
.val-ruta > div { margin-top: 20px; }
.val-huvud p { font-size: 1rem; line-height: 1.5; }
.val-huvud p + p { margin-top: 10px; }
.val-text .lista { gap: 8px; font-size: 1rem; line-height: 1.5; }
.val-text .lista li { padding-left: 22px; }
.val-text .val-ingar h4 { margin-bottom: 14px; font-size: clamp(1.25rem, 1.15rem + .3vw, 1.4375rem); }
.val-text .val-ingar .lista { gap: 13px; }
.val-text .val-ingar li { padding-left: 28px; max-width: 64ch; }
.val-text .val-ingar li::before { left: 3px; top: .36em; width: 13px; height: 7.5px; background: none; border-left: 2.25px solid var(--kurs); border-bottom: 2.25px solid var(--kurs); transform: rotate(-45deg); }
.val-du p { font-size: 1rem; line-height: 1.5; }
.val-du p + h4, .val-du ul + h4 { margin-top: 26px; }
.val-du ul + p { margin-top: 12px; }

.val-kalkyl { grid-column: 1; grid-row: 7; position: relative; padding: clamp(26px, 2.8vw, 40px) var(--inne) clamp(28px, 3vw, 44px); }
.val-kalkyl::before { content: ""; position: absolute; left: var(--inne); right: var(--inne); top: 0; height: 1px; background: rgba(238, 243, 245, .16); }
.val-kalkyl > h3 { margin-bottom: 14px; }
.val-kalkyl-reserv { max-width: 62ch; }
.val-kalkyl-inne { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 18px clamp(32px, 4.4vw, 76px); align-items: start; }
.val-kalkyl-inne[hidden] { display: none; }
.val-belopp { min-width: 0; margin: 0; padding: 0; border: 0; }
.val-belopp legend { max-width: 44ch; margin-bottom: 14px; padding: 0; font-size: 1.0625rem; line-height: 1.4; text-wrap: balance; }
.val-belopp-val { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 3px; }
.val-belopp-cell { position: relative; display: grid; min-width: 0; }
.val-belopp-radio { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.val-belopp-knapp { display: grid; place-items: center; min-height: 48px; padding: 6px 3px; background: var(--natt-3); color: var(--is); font-size: .9375rem; line-height: 1.2; font-weight: 420; white-space: nowrap; transition: transform 140ms var(--ut); }
.val-belopp-radio:checked + .val-belopp-knapp { background: var(--kurs); color: var(--ink); }
.val-belopp-radio:active + .val-belopp-knapp { transform: scale(.97); }
.val-belopp-radio:focus-visible + .val-belopp-knapp { outline: 3px solid var(--fokus); outline-offset: 2px; }
.val-eget { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin-top: 12px; }
.val-eget label { font-size: var(--s-liten); line-height: 1.3; color: var(--is-2); }
.val-eget-falt { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; width: min(100%, 200px); background: rgba(4, 10, 15, .62); box-shadow: inset 0 0 0 1px rgba(238, 243, 245, .5); }
.val-eget-falt input { width: 100%; min-width: 0; min-height: 48px; margin: 0; padding: 8px 6px 8px 14px; border: 0; border-radius: 0; background: none; color: var(--is); font: 440 1.0625rem/1.2 var(--typ); font-variant-numeric: tabular-nums; }
.val-eget-falt span { padding-right: 14px; color: var(--is-2); font-size: 1rem; }
.val-eget-falt input:focus-visible { outline: none; }
.val-eget-falt:focus-within { outline: 3px solid var(--fokus); outline-offset: 2px; }
.val-svar { display: grid; gap: 8px; align-content: start; min-width: 0; }
.val-svar.tom > * { visibility: hidden; }
.val-svar-tal { display: flex; align-items: baseline; gap: .2em; font-size: clamp(2.75rem, 1.6rem + 4.2vw, 5.5rem); line-height: 1; letter-spacing: -.04em; font-weight: 440; white-space: nowrap; color: var(--kurs); }
.val-svar-enhet { font-size: .46em; letter-spacing: -.018em; color: var(--is); }
.val-svar-text { display: grid; font-size: var(--s-lead); line-height: 1.34; letter-spacing: -.008em; font-weight: 400; }
.val-svar-text > span, .val-svar-text::before, .val-svar-text::after { grid-area: 1 / 1; }
.val-svar-text::before { content: "på ett helt år räcker för att betala Google-profil och omdömen. Allt utöver det är kvar till lön, skatt och andra kostnader."; visibility: hidden; }
.val-svar-text::after { content: "på ett helt år räcker för att betala Grundpaketet med mer hjälp. Allt utöver det är kvar till lön, skatt och andra kostnader."; visibility: hidden; }
.val-svar-sedan { color: #ffdcc6; font-size: var(--s-lead); line-height: 1.34; letter-spacing: -.008em; font-weight: 440; }
.val-kalkyl-not { grid-column: 1 / -1; max-width: 104ch; color: var(--is-2); }

.val-ja { grid-column: 1; grid-row: 4; display: grid; grid-template-columns: minmax(0, auto) minmax(0, 1fr); gap: 12px clamp(24px, 3vw, 48px); align-items: center; margin-top: clamp(14px, 1.6vw, 20px); padding-inline: var(--inne); }
.val-ja-knapp {
  display: inline-grid; justify-items: center; align-items: center;
  min-height: 76px; padding: 16px clamp(24px, 3vw, 44px);
  font-size: clamp(1.1875rem, 1rem + .7vw, 1.5rem); line-height: 1.2; letter-spacing: -.012em;
  box-shadow: 0 10px 46px rgba(255, 106, 26, .36);
  transition: transform 140ms var(--ut);
}
.val-ja-knapp > span, .val-ja-knapp::before, .val-ja-knapp::after { grid-area: 1 / 1; text-align: center; }
.val-ja-knapp::before { content: "Jag vill ha Google-profil och omdömen"; visibility: hidden; }
.val-ja-knapp::after { content: "Jag vill ha Grundpaketet med mer hjälp"; visibility: hidden; }
.val-ja-gratis { grid-column: 2; grid-row: 1; }
.val-ja-gratis .lank, .val-ja-lagg .lank, .val-ja-plats .lank { display: inline; min-height: 0; padding-block: 12px; transition: none; }
.val-ja-plats { grid-column: 2; grid-row: 1; font-size: 1.0625rem; line-height: 1.4; font-weight: 460; color: var(--is); }
.val-ja-not { grid-column: 1 / -1; grid-row: 2; }
.val-ja-lagg { grid-column: 1 / -1; grid-row: 3; color: var(--is); }
.val-ja-igen { grid-row: 8; margin-top: 0; padding: 0 var(--inne) clamp(26px, 3vw, 40px); }

.val-lagg { grid-column: 1 / -1; grid-row: 5; position: relative; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--ranna); margin-top: clamp(64px, 7vw, 104px); padding: clamp(44px, 5vw, 76px) var(--platta) 0; }
.priser-platta { position: relative; margin-top: -1px; padding: clamp(28px, 3vw, 44px) clamp(20px, 3vw, 44px) var(--luft); }

.val-lagg > h3 { grid-column: 1 / span 3; }
.val-rader, .val-rad-not { grid-column: 4 / -1; }
.val-rader { border-bottom: 1px solid var(--dag-2); }
.val-rad { display: grid; grid-template-columns: minmax(0, 1fr) clamp(190px, 19vw, 264px); column-gap: clamp(20px, 3vw, 48px); align-items: start; padding-block: 18px 20px; border-top: 1px solid var(--dag-2); }
.val-rad > p:not(.val-senare) { grid-column: 1; grid-row: 1; max-width: 60ch; }
.val-rad-not { margin-top: 12px; color: var(--ink-2); }
.val-senare { grid-column: 2; grid-row: 1; justify-self: start; padding: 5px 10px; border: 1px dashed var(--ink-2); background: var(--dag-2); font-size: .875rem; line-height: 1.3; }
.val-reglage, .val-fraga { grid-column: 2; grid-row: 1; }
.val-reglage { display: grid; }
.val-styr, .val-ej { grid-column: 1; grid-row: 1; }
.val-styr[hidden] { display: none; }
.val-ej { visibility: hidden; color: var(--ink-2); }
#val-google:checked ~ .val-lagg .val-styr { visibility: hidden; }
#val-google:checked ~ .val-lagg .val-ej { visibility: visible; }
.val-steg { --mellan: 3px; display: grid; grid-template-columns: 48px minmax(0, 1fr) 48px; gap: var(--mellan); }
.val-tryck {
  appearance: none; border: 0; margin: 0; padding: 0; min-height: 48px; cursor: pointer;
  background: var(--natt-3); color: var(--is);
  font: 420 1.5rem/1 var(--typ);
  transition: transform 140ms var(--ut);
}
.val-tryck:active { transform: scale(.96); }
.val-tryck[aria-disabled="true"] { background: var(--dag-2); color: var(--ink-2); cursor: default; transform: none; }
.val-antal { display: grid; place-items: center; background: var(--natt); color: var(--is); font-size: 1.25rem; line-height: 1; }
.val-summa { display: grid; gap: 1px; margin-top: 10px; font-size: var(--s-liten); line-height: 1.5; }
.val-summa > div { display: flex; justify-content: space-between; gap: 12px; }
.val-summa dt { color: var(--ink-2); }
.val-summa dd { font-weight: 500; white-space: nowrap; }
.val-dold { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

.val-nasta { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--ranna); }
.val-nasta > * { grid-column: 4 / -1; }

.jamfor-inne { padding: 0 clamp(16px, 2vw, 28px) 26px; }
.jamfor-inne > .liten { margin-bottom: 10px; }
.jamfor { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 1rem; line-height: 1.45; }
.jamfor th, .jamfor td { text-align: left; vertical-align: top; padding: 11px 16px 11px 0; font-weight: inherit; border-top: 1px solid var(--dag-2); }
.jamfor thead th { border-top: 0; padding-top: 4px; vertical-align: bottom; font-weight: 520; }
.jamfor tbody th { font-weight: 480; }
.jamfor thead td { border-top: 0; }
.jamfor td:last-child, .jamfor th:last-child { padding-right: 0; }

@media (min-width: 1700px) { .val-knapp-namn, .val-vinst { min-height: 0; } }
@media (max-width: 1279px) { .val-knapp-rader { --rader: 4; } }
@media (max-width: 840px) { .val-knapp-rader { --rader: 5; } }
@media (max-width: 1199px) {
  .priser-topp :is(h1, h2), .priser-topp .val-hjalp { grid-column: 1 / -1; }
  .val-knapp-pris { grid-template-columns: minmax(0, 1fr); row-gap: 6px; }
  .val-pris:last-child { grid-template-columns: auto minmax(0, 1fr); column-gap: 8px; align-items: baseline; }
}
@media (max-width: 960px) {
  .valjare { --platta: 18px; --till-linjen: calc(6px - var(--marg)); }
  .valjare::before { margin-left: calc(var(--marg) * -1); }
  .priser-platta { padding-inline: 18px; }
  .val-lagg > h3, .val-rader, .val-rad-not, .val-nasta > * { grid-column: 1 / -1; }
  .val-lagg > h3 { margin-bottom: 14px; }
  .val-text, .val-kalkyl-inne { grid-template-columns: minmax(0, 1fr); }
  .val-text { grid-template-rows: none; }
  .val-ingar, .val-ruta { grid-column: 1; grid-row: auto; }
  .val-tjanar ul { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .val-tjanar strong { margin-bottom: 4px; }
}

@media screen and (max-width: 720px) {
  .valjare {
    --glipa: 0px; --inne: 14px;
    --rum: calc(4.08 * .9375rem + 16px);
    --kolumn: calc((100% - var(--rum)) / 3);
    --val-tal: clamp(1.125rem, 5.4vw, 1.5rem);
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto repeat(3, minmax(0, 1fr)) var(--rum) auto auto;
    column-gap: 0;
  }
  .valjare::before { grid-row: 1 / 9; }
  .valjare::after { content: ""; grid-column: 1; grid-row: 3 / 9; margin-inline: calc(var(--marg) * -1); background: rgba(7, 18, 27, .9); }
  .priser-topp { margin-bottom: 14px; }

  #val-google, .val-knapp[for="val-google"] { grid-column: 1; grid-row: 4; }
  #val-grund, .val-knapp[for="val-grund"] { grid-column: 1; grid-row: 5; }
  #val-mer, .val-knapp[for="val-mer"] { grid-column: 1; grid-row: 6; }

  .val-fonster {
    --iw: 1200; --ih: 672;
    grid-column: 1; grid-row: 2; height: min(56vw, 230px); margin-inline: calc(var(--marg) * -1);
    opacity: var(--vald);
    transition: opacity calc(var(--vald) * 320ms) ease calc((1 - var(--vald)) * 320ms);
  }
  .val-fonster-google { --lx: 57%; --ly: 47.4%; }
  .val-fonster-grund { --lx: 58.3%; --ly: 44.6%; }
  .val-fonster-mer { --lx: 50%; --ly: 61%; }
  .val-fonster::before { content: none; }
  .val-mane { display: none; }
  .val-bild { opacity: 1; }
  .val-vy::before { content: none; }
  .val-ljus::before { left: -90px; top: -90px; width: 180px; height: 180px; }
  .val-sonar::before, .val-sonar::after { left: -110px; top: -110px; width: 220px; height: 220px; }
  .val-fyr::before { left: -300px; top: -300px; width: 600px; height: 600px; }
  .val-rutt i:nth-child(1) { --px: -48; --py: 137; }
  .val-rutt i:nth-child(2) { --px: -81; --py: 86; }
  .val-rutt i:nth-child(3) { --px: 66; --py: 40; }
  .val-rutt i:nth-child(4) { --px: -1; --py: 17; }
  .val-rutt i::before { left: -11px; top: -11px; width: 22px; height: 22px; }
  .val-varv { --px: 0; --py: -253; --pr: 240; }
  .val-marke { display: none; }

  .val-kolumn { display: block; grid-column: 1; grid-row: 3; position: relative; z-index: 1; padding-top: 10px; text-align: right; color: var(--is-2); font-size: .875rem; line-height: 1.3; }

  .val-knapp { min-height: 76px; padding: 8px 0 10px 40px; justify-content: flex-start; transition: transform 420ms var(--ut); }
  #val-google:checked ~ .val-knapp[for="val-grund"],
  #val-google:checked ~ .val-knapp[for="val-mer"],
  #val-grund:checked ~ .val-knapp[for="val-mer"] { transform: translateY(var(--rum)); }
  .val-knapp-text { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 8px; align-items: start; text-shadow: none; }
  .val-knapp-text::before { content: none; }
  .val-jag { grid-column: 1; grid-row: 1; margin-bottom: 2px; font-size: 1rem; line-height: 1.3; letter-spacing: -.012em; }
  .val-vinst { display: none; }
  .val-knapp-om { grid-column: 1; grid-row: 2; }
  .val-knapp-namn { min-height: 0; font-size: 1.125rem; line-height: 1.24; letter-spacing: -.012em; font-weight: 480; }
  .val-knapp-rader {
    position: absolute; left: 0; right: 0; top: calc(100% + 6px); gap: 1px; min-height: 0; margin: 0;
    opacity: 0; pointer-events: none;
    transition: opacity 180ms ease;
  }
  .val-knapp-rad { padding-left: 21px; font-size: .9375rem; line-height: 1.36; }
  .val-knapp-rad::before { left: 2px; width: 11px; height: 6.5px; }
  #val-google:checked + .val-knapp .val-knapp-rader,
  #val-grund:checked + .val-knapp .val-knapp-rader,
  #val-mer:checked + .val-knapp .val-knapp-rader { opacity: 1; transition: opacity 260ms ease 120ms; }
  .val-knapp-pris { grid-column: 2; grid-row: 1 / span 2; grid-template-columns: minmax(0, 1fr); row-gap: 2px; justify-items: end; margin-top: 0; }
  .val-pris { gap: 0; }
  .val-pris:first-child small { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .val-pris:first-child b { font-size: 1.5rem; text-align: right; }
  .val-pris:last-child { display: flex; gap: 5px; align-items: baseline; }
  .val-pris small { font-size: .875rem; }
  .val-pris:last-child b { font-size: .875rem; font-weight: 480; letter-spacing: 0; color: var(--is-2); }

  .val-spar { grid-column: 1; grid-row: 4 / span 4; z-index: 1; width: 40px; height: auto; justify-self: start; clip-path: none; pointer-events: none; }
  .val-spar::before { content: none; }
  .val-wp { left: 5px; top: calc(var(--n) * var(--kolumn) + var(--kolumn) / 2 - 8px); transition: transform 420ms var(--ut); }
  #val-google:checked ~ .val-spar .val-wp:nth-child(2),
  #val-google:checked ~ .val-spar .val-wp:nth-child(3),
  #val-grund:checked ~ .val-spar .val-wp:nth-child(3) { transform: translateY(var(--rum)); }
  .val-spets { width: 100%; height: var(--kolumn); transform: translateY(calc(var(--k) * 100%)); transition-duration: 520ms; }
  .val-spets::before { content: none; }
  .val-spets::after { left: -38px; top: calc(50% - 50px); width: 100px; height: 100px; }
  .val-bat { left: -2px; top: calc(50% - 21px); transform: rotate(90deg); }
  .val-spar[data-fart="fram"] .val-bat { transform: rotate(180deg); }
  .val-spar[data-fart="bak"] .val-bat { transform: rotate(0deg); }

  .val-yta { grid-row: 8; margin-top: 0; }
  .val-yta::before, .val-yta::after { content: none; }
  .val-tal { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 14px 0 0; }
  .val-tal > div { display: grid; gap: 1px; }
  .val-tal dt { font-size: .875rem; }
  .val-tal > div:last-child { grid-column: 1 / -1; }
  .val-tid { padding-inline: 0; }
  .val-not { margin-top: 22px; padding: 0; }
  .val-text { row-gap: 26px; padding: 22px 0 26px; }
  .val-tjanar { margin-inline: calc(var(--marg) * -1); padding: 22px var(--marg) 24px; }
  .val-kalkyl { padding: 24px 0 26px; }
  .val-kalkyl::before { left: 0; right: 0; }
  .val-belopp-val { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .val-belopp-cell { grid-column: span 2; }
  .val-belopp-cell:nth-child(n+4) { grid-column: span 3; }
  .val-eget label { flex-basis: 100%; }
  .val-eget-falt { width: 100%; }
  .val-svar-tal { font-size: clamp(2.75rem, 14vw, 3.5rem); }

  .val-ja { grid-template-columns: minmax(0, 1fr); margin-top: 14px; padding-inline: 0; }
  .val-ja-knapp { width: 100%; min-height: 72px; padding-inline: 16px; }
  .val-ja-not { grid-column: 1; grid-row: 2; }
  .val-ja-gratis, .val-ja-plats { grid-column: 1; grid-row: 3; }
  .val-ja-lagg { grid-column: 1; grid-row: 4; }
  .val-ja-igen { margin-top: 0; padding: 0 0 22px; }

  .val-lagg { grid-row: 9; }

  .val-rad { grid-template-columns: minmax(0, 1fr); row-gap: 12px; }
  .val-rad > p:not(.val-senare) { grid-column: 1; grid-row: auto; }
  .val-senare, .val-reglage, .val-fraga { grid-column: 1; grid-row: auto; }

  .jamfor, .jamfor tbody, .jamfor tr, .jamfor th, .jamfor td { display: block; }
  .jamfor thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .jamfor tbody tr { padding-block: 12px; border-top: 1px solid var(--dag-2); }
  .jamfor tbody th { padding: 0 0 6px; border: 0; font-weight: 520; }
  .jamfor tbody td { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 12px; padding: 4px 0; border: 0; font-size: .9375rem; }
  .jamfor tbody td::before { content: attr(data-etikett); color: var(--ink-2); font-size: .875rem; line-height: 1.45; }
}

@media screen and (max-width: 374px) {
  .valjare { --rum: calc(5.44 * .9375rem + 16px); }
}
@media screen and (max-width: 359px) {
  .val-pris:last-child { display: grid; justify-items: end; }
  .val-svar-sedan { min-height: calc(2 * 1.34em); }
}

@media (hover: hover) and (pointer: fine) {
  .val-knapp[for="val-google"]:hover ~ .val-fonster-google,
  .val-knapp[for="val-grund"]:hover ~ .val-fonster-grund,
  .val-knapp[for="val-mer"]:hover ~ .val-fonster-mer { --hov: .6; }
  .val-tryck:not([aria-disabled="true"]):hover { background: #2c4a59; }
  .val-belopp-radio:not(:checked):hover + .val-belopp-knapp { background: #2c4a59; }
}
@media (min-width: 721px) {
  .val-radio:not(:checked) + .val-knapp:active { transform: scale(.985); }
}

.vinst { position: relative; margin-bottom: calc(var(--oppet) * -.36); padding: calc(var(--oppet) * .7) var(--marg) calc(var(--oppet) * .72); }
.vinst::before {
  content: ""; position: absolute; inset: 0 0 calc(var(--oppet) * -.3); pointer-events: none;
  background: radial-gradient(132% 62% at 0 50%, rgba(3, 8, 13, .7) 0, rgba(3, 8, 13, .66) 56%, rgba(3, 8, 13, 0) 82%);
}
.vinst > * { position: relative; margin-right: calc(26% + 24px); }
.vinst-topp h2 { font-size: clamp(1.375rem, 1.1rem + 1vw, 2rem); line-height: 1.24; letter-spacing: -.014em; font-weight: 440; text-shadow: 0 2px 34px rgba(3, 8, 13, .5); }
.vinst-topp .lead { margin-top: clamp(18px, 2vw, 28px); font-size: clamp(1.375rem, 1.1rem + 1vw, 2rem); line-height: 1.24; letter-spacing: -.014em; font-weight: 380; text-shadow: 0 1px 12px rgba(3, 8, 13, .8); }
.vinst-del { margin-top: clamp(32px, 5vh, 56px); }
.vinst-del h3 { font-size: clamp(2.25rem, .75rem + 3.2vw, 4.5rem); line-height: 1.03; letter-spacing: -.036em; font-weight: 460; text-shadow: 0 1px 14px rgba(3, 8, 13, .6), 0 2px 34px rgba(3, 8, 13, .5); }
.vinst-del h3 span { display: inline-block; color: var(--kurs); }
.vinst-del p { margin-top: clamp(12px, 1.4vw, 20px); max-width: 33em; font-size: var(--s-lead); line-height: 1.38; font-weight: 340; text-shadow: 0 1px 12px rgba(3, 8, 13, .8); }
.vinst-lank { margin-top: clamp(48px, 7vh, 80px); font-size: clamp(1.375rem, 1.1rem + 1vw, 2rem); line-height: 1.24; letter-spacing: -.014em; text-shadow: 0 1px 12px rgba(3, 8, 13, .8); }
.vinst-lank .lank { display: inline-flex; align-items: center; min-height: 44px; font-weight: 460; text-decoration-color: var(--kurs); }
.vinst-lank .lank::after { content: ""; width: .46em; height: .46em; margin-left: .6em; border-right: .1em solid var(--kurs); border-bottom: .1em solid var(--kurs); transform: translateY(-.12em) rotate(45deg); }
@media (max-width: 960px) {
  .vinst { padding-top: calc(var(--oppet) * .8); padding-bottom: calc(var(--oppet) * .36); }
  .vinst::before { background: linear-gradient(180deg, rgba(3, 8, 13, 0) 0, rgba(3, 8, 13, .68) 170px, rgba(3, 8, 13, .68) calc(100% - 150px), rgba(3, 8, 13, 0) 100%); }
  .vinst > * { margin-right: 0; }
  .vinst-del { margin-top: clamp(52px, 9vh, 88px); }
  .vinst-del h3 { font-size: var(--s-h2); }
}

@media (max-width: 380px) { .vinst-topp h2 { max-width: 13.5em; } }

@media (forced-colors: active) {
  .val-radio:checked + .val-knapp, .val-belopp-radio:checked + .val-belopp-knapp { outline: 3px solid Highlight; outline-offset: -3px; }
  .val-spar, .val-spar * { forced-color-adjust: none; }
}

@media print {
  .val-radio, .val-knapp, .val-fonster, .val-kolumn, .val-spar, .val-reglage, .val-fraga, .val-dold, .val-ja, .val-kalkyl-inne, .val-kalkyl::before, .valjare::before, .valjare::after, .val-yta::before, .val-yta::after, .priser-topp .val-hjalp::before { display: none !important; }
  .valjare, .val-yta, .val-del, .priser-topp { display: block; }
  .priser-topp .val-hjalp { margin-top: 12px; }
  .priser-topp :is(h1, h2) span + span { color: inherit; }
  .val-del { margin-top: 26px; }
  .val-namn { position: static; width: auto; height: auto; overflow: visible; clip-path: none; white-space: normal; font-size: 1.375rem; line-height: 1.25; }
  .val-namn, .val-tal, .val-tal dd, .val-text { visibility: visible !important; opacity: 1 !important; transform: none !important; }
  .val-tal { grid-template-columns: repeat(3, auto); row-gap: 6px; margin-top: 8px; padding: 0; break-inside: avoid; }
  .val-tal dt { padding: 0 10px 0 0; }
  .val-tal dd { padding: 0 10px 0 0; font-size: 1.625rem; }
  .val-text { display: block; padding: 10px 0 0; }
  .val-text > div, .val-ruta { margin-top: 12px; }
  .val-ruta > summary { display: none; }
  .val-ruta > div { margin-top: 12px; }
  .val-tjanar { margin: 12px 0 0; padding: 0; box-shadow: none; }
  .val-tjanar ul { display: block; }
  .val-tjanar li { margin-top: 6px; }
  .val-tjanar strong { display: inline; margin: 0; font-size: inherit; }
  .val-text .val-tjanar h4 { margin-bottom: 4px; font-size: 1.125rem; color: inherit; }
  .val-tid { margin-top: 18px; padding: 0; }
  .val-not { margin-top: 6px; padding: 0; }
  .val-kalkyl { margin-top: 22px; padding: 0; break-inside: avoid; }
  .val-kalkyl-reserv { display: block !important; }
  .vinst { margin-bottom: 0; padding: 28px var(--marg) 0; }
  .vinst > * { margin-right: 0; }
  .vinst-topp h2 { font-size: 2.25rem; }
  .vinst-topp .lead { font-size: 1.125rem; }
  .vinst-del { margin-top: 16px; break-inside: avoid; }
  .vinst-del h3, .vinst-del:last-of-type h3 { font-size: 1.375rem; line-height: 1.25; letter-spacing: -.016em; }
  .vinst-del h3 span { color: inherit; }
  .vinst-del p { margin-top: 2px; font-size: 1rem; }
  .vinst-lank { display: none; }
  .val-lagg { margin-top: 26px; padding: 0; }
  .priser-platta { padding: 0; }
  .val-rad { grid-template-columns: minmax(0, 1fr) auto; }
}