/* UDKAST – side-specifik CSS til /priser og /en/pricing. Lægges efter udkast.css. */

/* hero: kicker over h1 (forsiden bruger en pill her) */
.ux-hero-copy .ux-kicker + h1 { margin-top: 18px; }

/* nøgletal: 5 kort på én række */
.ux-cards.ux-cards--5 { grid-template-columns: repeat(5, 1fr); }
.px-kpis .ux-b { padding: 26px 24px; }
.px-kpis .ux-b-big { margin-top: 0; }
.px-kpis p { margin-top: 6px; font-size: 14.5px; }

/* inkluderet (en): tjekliste i to kolonner */
.px-incl { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 40px; max-width: 980px; margin: 0 auto; }

/* sammenligning: fodnote */
.px-note { margin-top: 22px; text-align: center; font-size: 14px; color: var(--muted); }

/* tilbud: tekst + fremhævet kort */
.px-split { display: grid; grid-template-columns: 1.1fr .9fr; gap: 56px; align-items: center; }
.px-split-copy h2 { margin: 6px 0 14px; }
.px-split-copy p { font-size: 16.5px; }
.px-split .ux-ctas { align-items: center; gap: 12px 22px; }
.px-split .ux-ctas .ux-link { margin-top: 0; }
.px-split-card { padding: 36px; }
.px-split-card .ux-b-ico { background: rgba(255,255,255,.1); font-size: 15px; }
.px-split-card .ux-ticks li { color: rgba(255,255,255,.88); }
.px-split-card .ux-ticks li::before { background: rgba(0,201,167,.22); color: var(--teal); }

@media (max-width: 1050px) {
  .ux-cards.ux-cards--5 { grid-template-columns: 1fr 1fr; }
  .px-kpis .ux-b:last-child { grid-column: span 2; }
  .px-split { grid-template-columns: 1fr; gap: 30px; }
}
@media (max-width: 560px) {
  .ux-cards.ux-cards--5 { grid-template-columns: 1fr; gap: 10px; }
  .px-kpis .ux-b:last-child { grid-column: auto; }
  .px-kpis .ux-b { display: flex; align-items: center; gap: 16px; padding: 18px 20px; }
  .px-kpis .ux-b-big { flex: 0 0 104px; font-size: 28px; }
  .px-kpis p { margin-top: 0; }
  .px-incl { grid-template-columns: 1fr; }
  .px-split-card { padding: 28px 22px; }
}