/* Prissiden for AI-optimering (pricing.html). Bygger oven på
   pricing-brands.css og følger samme opbygning som brandsiden. Her ligger kun
   det, brandsiden ikke har: tre plankort i stedet for fire, prisfelter uden
   beløb (Gratis, pris efter aftale) og båndet "Gør det selv, eller lad os
   gøre det". Indholdet er statisk HTML, så AI-crawlere kan læse priserne
   uden JavaScript. */

/* ── Tre plankort ────────────────────────────────────────────────── */
.pr-plan-grid--three { max-width:1080px; margin-inline:auto; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.pr-plan-grid--three .pr-plan { padding:30px 28px 26px; }
.pr-plan-grid--three .pr-plan-audience { min-height:70px; }
.pr-plan-grid--three .pr-plan-price { min-height:46px; }
.pr-plan-amount.is-text { padding:4px 0; font-size:38px; letter-spacing:-.03em; }
.pr-plan-grid--three .pr-plan-pending { padding:12px 0; }

/* ── Gør det selv, eller lad os gøre det ─────────────────────────── */
.pr-tracks { display:grid; max-width:960px; margin:40px auto 0; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.pr-track {
  position:relative;
  display:flex;
  min-width:0;
  flex-direction:column;
  padding:30px 30px 28px;
  border:1px solid var(--pr-border);
  border-radius:var(--pr-radius);
  background:var(--pr-card);
  box-shadow:var(--pr-shadow);
  transition:border-color .2s ease,box-shadow .2s ease;
}
.pr-track:hover { border-color:#D5D8DE; }
.pr-track.is-featured { border-color:var(--pr-navy); box-shadow:var(--pr-shadow-strong); }
.pr-track.is-featured:hover { border-color:var(--pr-navy); }
.pr-track-head { display:flex; min-height:26px; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 12px; }
.pr-track-label { color:var(--pr-muted); font-size:12.5px; font-weight:600; letter-spacing:.02em; }
.pr-track h3 { margin-top:10px; color:var(--pr-navy); font-size:24px; font-weight:700; letter-spacing:-.02em; line-height:1.2; }
.pr-track > p { margin-top:12px; color:var(--pr-body); font-size:15px; line-height:1.65; text-wrap:pretty; }
.pr-track-list { display:grid; gap:11px; margin:20px 0 0; padding:20px 0 0; border-top:1px solid var(--pr-border); list-style:none; }
.pr-track-list li { display:flex; align-items:flex-start; gap:10px; color:var(--pr-text); font-size:14.5px; font-weight:550; line-height:1.5; }
.pr-track-list svg { width:16px; height:16px; flex:0 0 16px; margin-top:3px; fill:none; stroke:var(--pr-green); stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
.pr-track-actions { margin-top:auto; padding-top:24px; }
.pr-track-actions .pr-button { width:100%; }

/* ── Sammenligning med tre kolonner ──────────────────────────────── */
.optimering-pricing .pr-table thead th:first-child,
.optimering-pricing .pr-table tbody th { width:31%; }

/* ── Responsivt ──────────────────────────────────────────────────── */
@media (max-width:1100px) {
  .pr-plan-grid--three { max-width:760px; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pr-plan-grid--three .pr-plan-audience { min-height:0; }
}
@media (max-width:960px) {
  .pr-tracks { max-width:640px; grid-template-columns:1fr; }
}
@media (max-width:700px) {
  .pr-plan-grid--three { max-width:560px; grid-template-columns:1fr; gap:18px; }
  .pr-plan-grid--three .pr-plan { padding:24px 20px 22px; }
  .pr-plan-amount.is-text { font-size:34px; }
  .pr-tracks { margin-top:28px; gap:14px; }
  .pr-track { padding:24px 20px 22px; }
  .pr-track h3 { font-size:21px; }
}