/*
 * /priser/ (template-parts/sections/priser/pakkevalg.php, superkrefter.php
 * og sporsmal.php).
 *
 * Bygger på plattform.css, heltside.css og nettside.css (inc/plattform.php).
 * Siden har en vei: vekstpakkene øverst, med den uthevede pakken i midten,
 * og superkreftene som tillegg. Valget mellom månedlig og årlig pris står i
 * priser.js og setter data-periode på toppen.
 *
 *   .pv-topp     H1, prisvalget, pakkene, trygghetslinjen og sammenligningen
 *   .pv-krefter  superkreftene
 *
 * Avslutningen er den felles samtaleavslutningen (.pf-samtale i plattform.css).
 */

.pv-uthevet,
.pv-topp ~ .bs-faq .bs-uthevet {
	padding-bottom: .12em;
	background: linear-gradient(90deg, #7c3aed 0%, #c026d3 55%, #ec4899 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}

/* ---------- Toppen og pakkene ---------- */

.pv-topp {
	padding-block: clamp(24px, 4vw, 48px) clamp(64px, 7vw, 104px);
	background:
		radial-gradient(42% 46% at 50% 0%, #f1ebff 0%, transparent 72%),
		radial-gradient(30% 40% at 96% 40%, #fdeef6 0%, transparent 70%),
		#fafcf9;
}

.pv-hode { max-width: 820px; text-align: center; }
.pv-hode .ns-smuler ol { justify-content: center; margin-bottom: 22px; }
.pv-h1 { line-height: 1.1; }
.pv-ingress { max-width: 620px; margin: 18px auto 0; }

.pv-periode {
	display: inline-flex;
	gap: 4px;
	margin-top: 30px;
	padding: 4px;
	border: 1px solid var(--pf-linje);
	border-radius: 999px;
	background: #fff;
	box-shadow: 0 10px 30px -22px rgba(23, 14, 61, .5);
}

.pv-periode button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	border: 0;
	border-radius: 999px;
	background: none;
	color: var(--pf-gra);
	font: 600 15px/1 var(--font-sans, 'Nunito'), system-ui, sans-serif;
	cursor: pointer;
	transition: background .2s ease, color .2s ease;
}

.pv-periode button[aria-checked="true"] { background: #6712fb; color: #fff; }
.pv-periode button:focus-visible { outline: 3px solid #7c3aed; outline-offset: 2px; }
.pv-spar { padding: 4px 8px; border-radius: 999px; background: #dcfce7; color: #15803d; font-size: 12px; font-weight: 700; }

.pv-pakker {
	scroll-margin-top: 120px;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: stretch;
	gap: 20px;
	max-width: 1120px;
	margin-top: 72px;
}

.pv-pakke {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 32px 28px 30px;
	border: 1px solid #e9e6f2;
	border-radius: 28px;
	background: #fff;
}

/* Den anbefalte pakken: lys med lilla kant og et lilla bånd øverst. På store
   skjermer strekker kortet seg opp over de andre, så prisene står på linje */
.pv-pakke--uthevet {
	padding-top: 76px;
	border: 2px solid #6712fb;
	background: #fbf9ff;
}

.pv-merke {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	height: 44px;
	border-radius: 25px 25px 0 0;
	background: #6712fb;
	color: #fff;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: .02em;
}

.pv-pakke-topp { min-height: 0; }
.pv-merkelapp { color: #7c3aed; font-size: 14px; font-weight: 600; }
.pv-pakke .pv-navn { --hh-fs: clamp(1.5rem, 1.3rem + .6vw, 1.85rem); --hh-lh: 1.2; margin-top: 2px; color: var(--pf-blekk); font-weight: 600; }
.pv-for { min-height: 3.1em; margin-top: 8px; color: var(--pf-gra); font-size: 15px; line-height: 1.55; }

/* Laget i pakken (pv-lag) står i nettside.css, sammen med startpakkene som også bruker det */

/* Smale kort i tre kolonner: ansiktene over teksten, så navnene på heltene
   holder seg på en linje og prisene står på linje */
@media (min-width: 1024px) and (max-width: 1279.98px) {
	.pv-lag { flex-direction: column; align-items: flex-start; gap: 8px; padding: 10px 12px; }
}

.pv-pris { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; margin-top: 22px; }
.pv-pris b { color: var(--pf-blekk); font-size: clamp(2.8rem, 2.3rem + 1.4vw, 3.4rem); font-weight: 800; line-height: 1; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.pv-pris span { color: var(--pf-gra); font-size: 15px; }
.pv-pris-under { min-height: 1.5em; margin-top: 6px; color: var(--pf-gra); font-size: 13px; }
.pv-topp[data-periode="y"] .pv-pris-under { color: #15803d; font-weight: 600; }

.pv-pakke .pv-knapp { justify-content: center; gap: 8px; margin-top: 20px; padding-block: 16px; font-size: 17px; font-weight: 800; }

.pv-punkter-tittel { margin-top: 26px; padding-top: 22px; border-top: 1px solid var(--pf-linje); color: var(--pf-blekk); font-size: 14px; font-weight: 600; }
.pv-punkter { display: grid; gap: 11px; margin-top: 14px; }
.pv-punkter li { display: flex; align-items: flex-start; gap: 10px; font-size: 15px; line-height: 1.45; }
/* Hakene i små grønne sirkler */
.pv-punkter svg { flex: none; width: 1.3em; height: 1.3em; margin-top: .05em; padding: .24em; border-radius: 50%; background: #ecfdf5; color: #059669; stroke-width: 3; }
.pv-pakke--uthevet .pv-punkter svg { background: #ede5ff; color: #6712fb; }

/* Kredittene og workspace nederst i kortet, under en strek, på linje i alle
   kortene (margin-top: auto i kortet, som er en kolonne) */
.pv-punkter { margin-bottom: 22px; }
.pv-ekstra { display: grid; gap: 8px; margin-top: auto; padding-top: 18px; border-top: 1px solid var(--pf-linje); }
.pv-ekstra li { display: flex; align-items: center; gap: 10px; color: var(--pf-gra); font-size: 14px; line-height: 1.4; }
.pv-ekstra svg { flex: none; width: 16px; height: 16px; color: #7c3aed; }

.pv-trygghet { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 28px; max-width: 1120px; margin-top: 36px; }
.pv-trygghet li { display: inline-flex; align-items: center; gap: 8px; color: var(--pf-tekst); font-size: 15px; font-weight: 500; }
.pv-trygghet span { display: grid; color: var(--pf-gront); font-size: 18px; }

/* Knappen til sammenligningen står i nettside.css (.pv-sml), sammen med startpakkene */

.pv-fotnote { max-width: 760px; margin-top: 22px; color: var(--pf-gra); font-size: 14px; text-align: center; }

/* ---------- Superkreftene ---------- */

.pv-krefter { padding-block: clamp(64px, 7vw, 104px); background: #fff; }
.pv-krefter .pf-hode { margin-bottom: clamp(32px, 4vw, 52px); }
.pv-kraft-liste { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }

.pv-kraft {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 24px;
	border: 1px solid var(--pf-linje);
	border-radius: 22px;
	background: #fff;
	transition: transform .3s var(--pf-myk), box-shadow .3s var(--pf-myk);
}

.pv-kraft:hover { transform: translateY(-3px); box-shadow: 0 28px 50px -36px rgba(23, 14, 61, .45); }
.pv-kraft-ikon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 14px; background: #f5f3ff; color: #7c3aed; font-size: 20px; }

/* Superkraften som agent: mascoten på flaten i fargen til helten */
.pv-kraft-topp { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.pv-kraft-maskot { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 18px; background: var(--flate, #f5f3ff); }
.pv-kraft-maskot img { width: 84%; height: auto; transition: transform .4s cubic-bezier(.34, 1.56, .64, 1); }
.pv-kraft--helt:hover .pv-kraft-maskot img { transform: translateY(-3px) rotate(-4deg); }
.pv-kraft-snart { padding: 4px 10px; border-radius: 999px; background: #fff7ed; color: #c2410c; font-size: 12px; font-weight: 600; white-space: nowrap; }
.pv-kraft--helt .pv-kraft-navn { margin-top: 10px; }
.pv-kraft-produkt { margin: -6px 0 0; color: var(--aksent, #7c3aed); font-size: 14px; font-weight: 600; }

.pv-kraft .pv-kraft-navn { --hh-fs: 20px; margin-top: 6px; color: var(--pf-blekk); font-weight: 600; }
.pv-kraft-tekst { color: var(--pf-gra); font-size: 15px; line-height: 1.5; }
/* Punktene bak knappen «Se hva som er med» (åpnes for alle kortene samtidig i priser.js) */
.pv-kraft-mer { margin-top: 4px; }
.pv-kraft-mer > summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 10px 10px 10px 14px;
	border: 1px solid var(--pf-linje);
	border-radius: 14px;
	color: var(--aksent, #6d28d9);
	font-size: 14px;
	font-weight: 800;
	list-style: none;
	cursor: pointer;
	transition: border-color .2s ease, background-color .2s ease;
}

.pv-kraft-mer > summary::-webkit-details-marker { display: none; }
.pv-kraft-mer > summary:hover { border-color: var(--aksent, #a78bfa); background: var(--flate, #f5f3ff); }
.pv-kraft-mer > summary:focus-visible { outline: 3px solid #a020f0; outline-offset: 2px; }
.pv-kraft-mer-aapen { display: none; }
.pv-kraft-mer[open] .pv-kraft-mer-lukket { display: none; }
.pv-kraft-mer[open] .pv-kraft-mer-aapen { display: inline; }
.pv-kraft-mer-pil { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--flate, #f5f3ff); font-size: 15px; transition: transform .35s var(--pf-myk); }
.pv-kraft-mer[open] .pv-kraft-mer-pil { transform: rotate(180deg); }
.pv-kraft-mer .pv-kraft-punkter { margin-top: 14px; }

@media (prefers-reduced-motion: no-preference) {
	.pv-kraft-mer { interpolate-size: allow-keywords; }
	.pv-kraft-mer::details-content { block-size: 0; overflow-y: clip; transition: block-size .45s var(--pf-myk), content-visibility .45s allow-discrete; }
	.pv-kraft-mer[open]::details-content { block-size: auto; }
}

.pv-kraft-punkter { display: grid; gap: 8px; margin-bottom: 8px; }
.pv-kraft-punkter li { display: flex; align-items: flex-start; gap: 8px; font-size: 14px; line-height: 1.45; }
.pv-kraft-punkter svg { flex: none; margin-top: .2em; color: var(--pf-gront); }
.pv-kraft-pris { margin-top: auto; padding-top: 14px; border-top: 1px solid var(--pf-linje); color: var(--pf-gra); font-size: 14px; }
.pv-kraft-pris b { color: var(--pf-blekk); font-size: 22px; font-weight: 700; font-variant-numeric: tabular-nums; }
.pv-krefter-fot { max-width: 920px; margin-top: 26px; color: var(--pf-gra); font-size: 15px; text-align: center; }

/* ---------- Mindre skjermer ---------- */

/* På store skjermer strekker den anbefalte pakken seg opp over de andre */
@media (min-width: 1024px) {
	.pv-pakke--uthevet { margin-top: -44px; }
}

/* Hvert punkt på superkreftene står på en linje, så fire kort i bredden
   krever minst 1200 px */
@media (max-width: 1199.98px) {
	.pv-kraft-liste { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 1023.98px) {
	.pv-pakker { grid-template-columns: minmax(0, 1fr); max-width: 560px; margin-inline: auto; gap: 28px; }
	.pv-for { min-height: 0; }
}

@media (max-width: 639.98px) {
	.pv-periode button { padding: 9px 14px; font-size: 14px; }
	.pv-kraft-liste { grid-template-columns: minmax(0, 1fr); }
	.pv-trygghet { justify-content: flex-start; flex-direction: column; align-items: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
	.pv-kraft { transition: none; }
}

/* ---------- Hva kredittene brukes til (priser/kreditter.php) ----------
   Øverst to spor: det teamet gjør koster ingen kreditter (grønt), det du ber
   om selv koster kreditter (lilla). Under kredittmåleren til venstre, som i
   appen: tallet som er igjen, en stripe som fylles med det som er brukt, og
   påfyllet. Til høyre heltene i to kolonner med det du kan be om og prisen.
   Måleren og kolonnene strekkes til samme høyde, så det ikke blir hull under
   noen av dem. Flate farger. */

.kd { padding-block: clamp(72px, 8vw, 120px); background: #faf8ff; }
.kd .pf-hode { margin-bottom: clamp(32px, 4vw, 52px); }

/* De to sporene */
.kd-spor { display: grid; gap: 20px; margin-bottom: 20px; }
.kd-spor-del { display: flex; flex-direction: column; gap: 14px; padding: clamp(22px, 2.6vw, 34px); border: 1px solid; border-radius: 28px; }
.kd-spor--teamet { border-color: #c9eedb; background: #effbf4; --spor: #0a7444; }
.kd-spor--selv { border-color: #e2d8fb; background: #fff; --spor: #6712fb; }
.kd-spor-hode { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; min-height: 40px; }
.kd-spor-merke { display: inline-flex; align-items: center; gap: 8px; margin: 0; color: var(--spor); font-size: 15px; font-weight: 800; }
.kd-spor-merke svg { font-size: 18px; }

.kd-spor-lag { display: flex; }
.kd-spor-lag > span { display: grid; place-items: center; width: 40px; height: 40px; border: 2.5px solid #effbf4; border-radius: 50%; background: var(--flate, #fff); overflow: hidden; }
.kd-spor-lag > span + span { margin-left: -9px; }
.kd-spor-lag img { width: 82%; height: auto; }
.kd-spor-lag .er-foto img { width: 100%; height: 100%; object-fit: cover; }

.kd-spor-tall { display: flex; align-items: baseline; gap: 10px; margin: 0; }
.kd-spor-tall b { color: var(--spor); font-size: clamp(2.8rem, 2.2rem + 2vw, 4.25rem); font-weight: 800; line-height: 1; letter-spacing: -.02em; }
.kd-spor-tall span { color: var(--pf-blekk); font-size: 17px; font-weight: 800; }
.kd-spor-tekst { max-width: 34em; margin: 0; color: var(--pf-tekst); font-size: 16px; line-height: 1.55; }

.kd-spor-liste { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; padding-top: 4px; }
.kd-spor-liste li { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px 6px 6px; border-radius: 999px; background: #fff; color: var(--pf-blekk); font-size: 14px; font-weight: 700; }
.kd-spor-liste span { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #dcf5e8; color: #0a7444; font-size: 14px; }

/* Et lite eksempel fra appen: du spør Astrid, og det koster 3 */
.kd-prat { display: grid; gap: 10px; margin-top: auto; padding: 16px; border-radius: 20px; background: #f6f3ff; }
.kd-prat-du { justify-self: end; max-width: 85%; margin: 0; padding: 10px 14px; border-radius: 18px 18px 4px 18px; background: #6712fb; color: #fff; font-size: 14.5px; font-weight: 600; line-height: 1.4; }
.kd-prat-trekk { display: flex; align-items: center; gap: 10px; margin: 0; padding: 8px 10px 8px 8px; border: 1px solid #ebe5fb; border-radius: 16px; background: #fff; color: var(--pf-tekst); font-size: 14px; }
.kd-prat-trekk > span:nth-child(2) { flex: 1; min-width: 0; }
.kd-prat-helt { display: grid; flex: none; place-items: center; width: 34px; height: 34px; border-radius: 11px; background: var(--flate); overflow: hidden; }
.kd-prat-helt img { width: 84%; height: auto; }

/* Måleren og heltene */
.kd-rad { display: grid; gap: 20px; }

.kd-maaler { display: flex; flex-direction: column; padding: clamp(22px, 2.6vw, 34px); border: 1px solid #ebe5fb; border-radius: 28px; background: #fff; }
.kd-maaler-topp { display: flex; align-items: center; gap: 12px; margin: 0; }
.kd-maaler-ikon { display: grid; flex: none; place-items: center; width: 44px; height: 44px; border-radius: 14px; background: #f1ebff; color: #6d28d9; font-size: 20px; }
.kd-maaler-topp > span:last-child { display: grid; color: var(--pf-gra); font-size: 13.5px; }
.kd-maaler-topp b { color: var(--pf-blekk); font-size: 16px; font-weight: 800; }

.kd-maaler-tall { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; margin: 22px 0 14px; }
.kd-maaler-tall b { color: #6712fb; font-size: clamp(3rem, 2.4rem + 2vw, 4.5rem); font-weight: 800; line-height: 1; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.kd-maaler-tall span { color: var(--pf-gra); font-size: 15px; font-weight: 600; }

.kd-stripe { display: flex; height: 16px; border-radius: 999px; background: #efeaf9; overflow: hidden; }
.kd-stripe i { width: var(--andel); background: var(--farge); transform-origin: left; }
.kd-stripe i + i { border-left: 2px solid #fff; }

.kd-forklaring { display: grid; gap: 8px; margin: 16px 0 14px; }
.kd-forklaring li { display: flex; align-items: center; gap: 9px; color: var(--pf-tekst); font-size: 14px; }
.kd-forklaring i { width: 10px; height: 10px; border-radius: 3px; background: var(--farge); }
.kd-forklaring b { margin-left: auto; color: var(--pf-blekk); font-weight: 800; font-variant-numeric: tabular-nums; }

.kd-rekker { display: flex; gap: 10px; margin: 0 0 12px; padding: 12px 14px; border-radius: 16px; background: #f6f3ff; color: var(--pf-tekst); font-size: 14px; line-height: 1.45; }
.kd-rekker svg { flex: none; margin-top: 2px; color: #6712fb; font-size: 16px; }
.kd-rekker b { color: var(--pf-blekk); font-weight: 800; }
.kd-maaler-notis { margin: 0; color: var(--pf-gra); font-size: 13px; line-height: 1.5; }

/* Påfyllet står nederst i kortet, også når kortet strekkes */
.kd-paafyll { margin-top: auto; padding-top: 22px; }
.kd-paafyll > p { padding-top: 18px; border-top: 1px solid #efeaf9; color: var(--pf-tekst); font-size: 14.5px; line-height: 1.5; }
.kd-paafyll > p b { color: var(--pf-blekk); }
.kd-paafyll ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 12px; }
.kd-paafyll li { display: grid; gap: 1px; padding: 12px; border: 1.5px solid #e4dcfb; border-radius: 16px; background: #fff; }
.kd-paafyll li b { color: var(--pf-blekk); font-size: 20px; font-weight: 800; font-variant-numeric: tabular-nums; }
.kd-paafyll li span { color: var(--pf-gra); font-size: 12px; font-weight: 600; }
.kd-paafyll li em { margin-top: 6px; color: #6712fb; font-size: 13.5px; font-style: normal; font-weight: 800; }

/* Heltene i to kolonner. Det siste kortet i hver kolonne vokser, så
   kolonnene slutter på samme linje som måleren */
.kd-helter { display: grid; gap: 14px; }
.kd-kolonne { display: flex; flex-direction: column; gap: 14px; }
.kd-kolonne > :last-child { flex-grow: 1; }
.kd-helt { padding: 18px; border: 1px solid #ebe5fb; border-radius: 24px; background: #fff; container-type: inline-size; }
.kd-helt-topp { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 4px 12px; }
.kd-helt-bilde { display: grid; flex: none; place-items: center; width: 52px; height: 52px; border-radius: 16px; background: var(--flate, #f1ebff); overflow: hidden; }
.kd-helt-bilde img { width: 84%; height: auto; }
.kd-helt-navn { display: grid; min-width: 0; color: var(--pf-gra); font-size: 13px; }
.kd-helt-navn b { color: var(--pf-blekk); font-size: 17px; font-weight: 800; }
.kd-helt-har { padding: 5px 10px; border-radius: 999px; background: #f3f1f8; color: var(--pf-gra); font-size: 11.5px; font-style: normal; font-weight: 800; white-space: nowrap; }

/* I smale kort får pakken en egen linje under helten i stedet for til høyre */
@container (max-width: 300px) {
	.kd-helt-topp { grid-template-columns: auto minmax(0, 1fr); row-gap: 12px; }
	.kd-helt-har { grid-column: 1 / -1; justify-self: start; max-width: 100%; }
}
.kd-helt.er-snart .kd-helt-har { background: #fff1e6; color: #c2410c; }
.kd-helt.er-snart .kd-helt-bilde,
.kd-helt.er-snart .kd-handlinger { opacity: .6; }

.kd-handlinger { margin-top: 12px; }
.kd-handlinger li { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; border-top: 1px solid #f1eef8; color: var(--pf-tekst); font-size: 14.5px; line-height: 1.35; }
.kd-handlinger small { color: var(--pf-gra); font-size: 12.5px; }
.kd-pris { display: inline-flex; flex: none; align-items: center; gap: 5px; padding: 5px 10px; border-radius: 999px; background: #f1ebff; color: #6d28d9; font-size: 14px; font-weight: 800; font-variant-numeric: tabular-nums; white-space: nowrap; }
.kd-pris svg { font-size: 13px; }

@media (scripting: enabled) and (prefers-reduced-motion: no-preference) {
	/* Stripen fylles bit for bit når måleren kommer på skjermen */
	.kd-stripe i { transform: scaleX(0); transition: transform .9s var(--pf-myk) calc(.35s + var(--j) * .25s); }
	.kd-maaler.er-synlig .kd-stripe i { transform: none; }
	/* Prisene spretter inn etter kortet */
	.kd-helt .kd-pris { transform: scale(.6); opacity: 0; transition: transform .45s cubic-bezier(.34, 1.56, .64, 1) calc(var(--d, 0s) + .35s), opacity .3s ease calc(var(--d, 0s) + .35s); }
	.kd-helt.er-synlig .kd-pris { transform: none; opacity: 1; }
	/* Det teamet gjør, kommer inn ett og ett */
	.kd-spor-liste li { transform: translateY(8px); opacity: 0; transition: transform .45s var(--pf-myk) calc(.3s + var(--j) * .06s), opacity .3s ease calc(.3s + var(--j) * .06s); }
	.kd-spor--teamet.er-synlig .kd-spor-liste li { transform: none; opacity: 1; }
	/* Spørsmålet til Astrid kommer først, så trekket */
	.kd-prat > * { transform: translateY(8px); opacity: 0; transition: transform .45s var(--pf-myk), opacity .3s ease; }
	.kd-prat-du { transition-delay: .35s; }
	.kd-prat-trekk { transition-delay: .9s; }
	.kd-spor--selv.er-synlig .kd-prat > * { transform: none; opacity: 1; }
}

@media (min-width: 700px) {
	.kd-spor { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.kd-helter { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1024px) {
	.kd-rad { grid-template-columns: minmax(0, .92fr) minmax(0, 1.35fr); gap: 20px; }
}