/* Prissiden: tre pakker. Bygger på stil.css (paletten, .panel, .knapp, .pris__vilkaar).
   Terrakotta (--rod) er forbeholdt tapte kroner og brukes ikke her. Fremhevingen av Salong er
   bare en ramme og en fylt knapp, ikke en påstand om hva folk velger mest. */

.planer {
  list-style: none; margin: clamp(28px, 4vw, 48px) 0 0; padding: 0;
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 2vw, 24px);
  align-items: stretch;
}
@media (max-width: 900px) { .planer { grid-template-columns: 1fr; max-width: 520px; } }
.planer--to { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 880px; }
@media (max-width: 760px) { .planer--to { grid-template-columns: 1fr; max-width: 520px; } }

.plan {
  display: flex; flex-direction: column; gap: 14px;
  padding: clamp(22px, 3vw, 32px);
  border: 1px solid var(--kant); border-radius: var(--r-flate);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.015));
}
.plan--fokus {
  border-color: var(--kant-sterk);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.03));
  box-shadow: 0 0 0 1px var(--kant-sterk), 0 22px 60px -30px rgba(0, 0, 0, 0.7);
}

.plan__navn { margin: 0; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.02em; }
.plan__hvem { margin: -8px 0 0; color: var(--tekst-2); font-size: 1rem; }

.plan__pris { margin: 8px 0 0; display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.plan__pris strong {
  font-size: clamp(2.4rem, 1.8rem + 2vw, 3.2rem); font-weight: 400; letter-spacing: -0.04em;
  line-height: 1; font-variant-numeric: tabular-nums;
}
.plan__pris em { font: italic 400 1.25rem/1 var(--serif); color: var(--tekst-2); }

.plan__aar { margin: 0; color: var(--tekst-2); font-size: 0.9375rem; line-height: 1.5; }
.plan__betaler {
  margin: 0; padding-top: 14px; border-top: 1px solid var(--kant);
  color: var(--tekst-2); font-size: 0.9375rem; line-height: 1.5;
}
.plan .knapp { margin-top: auto; align-self: flex-start; }
.plan__betaler { margin-bottom: 10px; }

.pris__mva { margin: clamp(18px, 2.5vw, 26px) 0 0; }
.plan__garanti { margin-top: clamp(28px, 4vw, 44px); max-width: 720px; }
.plan__sporsmaal { margin-top: clamp(32px, 4vw, 56px); max-width: 720px; }

/* Oppsummeringen under pakkevalget på start.html. */
.plan-valgt { margin: 8px 0 0; color: var(--tekst-2); font-size: 0.9375rem; line-height: 1.5; max-width: 52ch; }