/* Utilfreds — generel “Sådan virker det”-animation, 6.8.0 */

.uf-process .uf-section-heading,
.uf-process .uf-process-animation,
.uf-process .uf-process-note {
	position: relative;
	z-index: 1;
}

.uf-process-animation {
	margin-top: 8px;
}

.uf-how-animation-mount {
	width: 100%;
	margin-inline: auto;
}

.uf-process .pkca--utilfreds-how {
	padding: 28px 24px 24px;
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 28px;
	background: #faf9f6;
	box-shadow: 0 34px 90px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.pkca--utilfreds-how .pkca__top {
	margin-bottom: 17px;
}

.pkca--utilfreds-how .pkca__steps {
	grid-template-columns: repeat(8, minmax(0, 1fr));
	flex: 1 1 auto;
}

.pkca--utilfreds-how .pkca__step span {
	font-size: 10px;
	letter-spacing: 0.025em;
}

.pkca--utilfreds-how .pkca__footer-actions {
	flex: 0 0 auto;
}

/* WordPress- og tema-tilstande må ikke gøre animationens navigation blå. */
body .ufp-platform .pkca--utilfreds-how button.pkca__step,
body .ufp-platform .pkca--utilfreds-how button.pkca__pause,
body .ufp-platform .pkca--utilfreds-how button.pkca__replay,
body .ufp-platform .pkca--utilfreds-how button.pkca__nav-button {
	-webkit-tap-highlight-color: rgba(31, 64, 38, 0.12);
	box-shadow: none !important;
	text-decoration: none !important;
}

body .ufp-platform .pkca--utilfreds-how button.pkca__step {
	border-color: transparent !important;
	background: transparent !important;
	color: #8a968e !important;
	-webkit-text-fill-color: #8a968e !important;
}

body .ufp-platform .pkca--utilfreds-how button.pkca__step:hover,
body .ufp-platform .pkca--utilfreds-how button.pkca__step:active,
body .ufp-platform .pkca--utilfreds-how button.pkca__step:focus-visible,
body .ufp-platform .pkca--utilfreds-how button.pkca__step.is-active {
	border-color: transparent !important;
	background: transparent !important;
	color: #1f4026 !important;
	-webkit-text-fill-color: #1f4026 !important;
}

body .ufp-platform .pkca--utilfreds-how button.pkca__step:hover i::after,
body .ufp-platform .pkca--utilfreds-how button.pkca__step:active i::after {
	width: 100%;
	background: linear-gradient(90deg, #1f4026, #d2a556) !important;
}

body .ufp-platform .pkca--utilfreds-how button.pkca__pause,
body .ufp-platform .pkca--utilfreds-how button.pkca__replay {
	border-color: transparent !important;
	background: transparent !important;
	color: #607168 !important;
	-webkit-text-fill-color: #607168 !important;
}

body .ufp-platform .pkca--utilfreds-how button.pkca__pause:hover,
body .ufp-platform .pkca--utilfreds-how button.pkca__pause:active,
body .ufp-platform .pkca--utilfreds-how button.pkca__pause:focus-visible,
body .ufp-platform .pkca--utilfreds-how button.pkca__replay:hover,
body .ufp-platform .pkca--utilfreds-how button.pkca__replay:active,
body .ufp-platform .pkca--utilfreds-how button.pkca__replay:focus-visible {
	border-color: transparent !important;
	background: transparent !important;
	color: #1f4026 !important;
	-webkit-text-fill-color: #1f4026 !important;
}

body .ufp-platform .pkca--utilfreds-how button.pkca__nav-button {
	border-color: rgba(31, 64, 38, 0.11) !important;
	background: transparent !important;
	color: #1f4026 !important;
	-webkit-text-fill-color: #1f4026 !important;
}

body .ufp-platform .pkca--utilfreds-how button.pkca__nav-button:hover,
body .ufp-platform .pkca--utilfreds-how button.pkca__nav-button:focus-visible {
	border-color: #1f4026 !important;
	background: #1f4026 !important;
	color: #efd49e !important;
	-webkit-text-fill-color: #efd49e !important;
}

body .ufp-platform .pkca--utilfreds-how button.pkca__nav-button:active {
	border-color: #16301c !important;
	background: #16301c !important;
	color: #efd49e !important;
	-webkit-text-fill-color: #efd49e !important;
}

/* De to primære handlinger i profil- og slutscenen. */
body .ufp-platform .pkca--utilfreds-how .pkca-submit-row button,
body .ufp-platform .pkca--utilfreds-how .pkca-choice-actions__primary {
	border-color: #1f4026 !important;
	background: #1f4026 !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	box-shadow: none !important;
	text-decoration: none !important;
}

body .ufp-platform .pkca--utilfreds-how .pkca-submit-row button:hover,
body .ufp-platform .pkca--utilfreds-how .pkca-submit-row button:focus-visible,
body .ufp-platform .pkca--utilfreds-how .pkca-submit-row button:active,
body .ufp-platform .pkca--utilfreds-how .pkca-choice-actions__primary:hover,
body .ufp-platform .pkca--utilfreds-how .pkca-choice-actions__primary:focus-visible,
body .ufp-platform .pkca--utilfreds-how .pkca-choice-actions__primary:active {
	border-color: #d2a556 !important;
	background: #16301c !important;
	color: #efd49e !important;
	-webkit-text-fill-color: #efd49e !important;
}

.pkca--utilfreds-how .pkca__title {
	max-width: 490px;
}

.pkca--utilfreds-how .pkca__text {
	max-width: 460px;
}

.pkca--utilfreds-how .pkca-visual--uf-services,
.pkca--utilfreds-how .pkca-visual--uf-needs,
.pkca--utilfreds-how .pkca-visual--uf-path {
	display: grid;
	padding: 28px;
	place-items: center;
	overflow: hidden;
}

.pkca--utilfreds-how .pkca-uf-service-grid {
	position: relative;
	z-index: 2;
	display: grid;
	width: min(520px, 100%);
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.pkca--utilfreds-how .pkca-uf-service-grid::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
	width: 330px;
	height: 330px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(189, 232, 200, 0.5), transparent 69%);
	content: "";
	transform: translate(-50%, -50%);
}

.pkca--utilfreds-how .pkca-uf-service {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr) 24px;
	align-items: center;
	gap: 11px;
	padding: 17px;
	border: 1px solid rgba(31, 64, 38, 0.11);
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.95);
	box-shadow: 0 16px 38px rgba(22, 48, 28, 0.08);
	animation: ufHowCardIn 560ms cubic-bezier(0.16, 0.8, 0.24, 1) both;
}

.pkca--utilfreds-how .pkca-uf-service:nth-child(2) {
	animation-delay: 90ms;
}

.pkca--utilfreds-how .pkca-uf-service:nth-child(3) {
	animation-delay: 180ms;
}

.pkca--utilfreds-how .pkca-uf-service:nth-child(4) {
	animation-delay: 270ms;
}

.pkca--utilfreds-how .pkca-uf-service.is-selected {
	border-color: rgba(210, 165, 86, 0.6);
	box-shadow: inset 3px 0 0 #d2a556, 0 18px 42px rgba(22, 48, 28, 0.1);
}

.pkca--utilfreds-how .pkca-uf-service > span,
.pkca--utilfreds-how .pkca-uf-needs-service > span {
	display: grid;
	width: 42px;
	height: 42px;
	place-items: center;
	border-radius: 12px;
	background: #edf5ef;
	color: #1f4026;
}

.pkca--utilfreds-how .pkca-uf-service svg,
.pkca--utilfreds-how .pkca-uf-needs-service svg {
	width: 21px;
	height: 21px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.65;
}

.pkca--utilfreds-how .pkca-uf-service strong,
.pkca--utilfreds-how .pkca-uf-service small {
	display: block;
}

.pkca--utilfreds-how .pkca-uf-service strong {
	color: #22372b;
	font-size: 13px;
	line-height: 1.25;
}

.pkca--utilfreds-how .pkca-uf-service small {
	margin-top: 4px;
	color: #78857d;
	font-size: 9px;
	line-height: 1.35;
}

.pkca--utilfreds-how .pkca-uf-service > i {
	display: grid;
	width: 22px;
	height: 22px;
	place-items: center;
	border-radius: 50%;
	background: #edf5ef;
	color: #1f4026;
}

.pkca--utilfreds-how .pkca-uf-service > i svg {
	width: 12px;
	height: 12px;
	stroke-width: 2;
}

.pkca--utilfreds-how .pkca-uf-service:not(.is-selected) > i {
	opacity: 0.32;
}

.pkca--utilfreds-how .pkca-uf-visual-note {
	position: absolute;
	right: 28px;
	bottom: 24px;
	left: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 0;
	color: #718078;
	font-size: 9px;
	font-weight: 650;
	text-align: center;
}

.pkca--utilfreds-how .pkca-uf-visual-note > i {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #4f866a;
}

.pkca--utilfreds-how .pkca-uf-needs-panel {
	position: relative;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	z-index: 2;
	width: min(535px, 100%);
	border-radius: 19px;
	transform: none;
	animation: ufHowCardIn 620ms cubic-bezier(0.16, 0.8, 0.24, 1) both;
}

.pkca--utilfreds-how .pkca-uf-needs-body {
	display: grid;
	gap: 13px;
	padding: 17px 18px 18px;
}

.pkca--utilfreds-how .pkca-uf-needs-service {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr) auto;
	align-items: center;
	gap: 11px;
	padding: 12px;
	border-radius: 13px;
	background: linear-gradient(135deg, #edf5ef, #f7faf8);
}

.pkca--utilfreds-how .pkca-uf-needs-service small,
.pkca--utilfreds-how .pkca-uf-needs-service strong {
	display: block;
}

.pkca--utilfreds-how .pkca-uf-needs-service small {
	color: #78857d;
	font-size: 8px;
	font-weight: 700;
	letter-spacing: 0.055em;
	text-transform: uppercase;
}

.pkca--utilfreds-how .pkca-uf-needs-service strong {
	margin-top: 4px;
	color: #263d30;
	font-size: 11px;
	line-height: 1.3;
}

.pkca--utilfreds-how .pkca-uf-needs-service em {
	padding: 5px 8px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.75);
	color: #607168;
	font-size: 8px;
	font-style: normal;
	font-weight: 700;
}

.pkca--utilfreds-how .pkca-uf-needs-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 9px;
}

.pkca--utilfreds-how .pkca-uf-needs-grid > div {
	padding: 13px;
	border: 1px solid rgba(31, 64, 38, 0.09);
	border-radius: 11px;
	background: #fbfcfb;
}

.pkca--utilfreds-how .pkca-uf-needs-grid small,
.pkca--utilfreds-how .pkca-uf-needs-grid strong {
	display: block;
}

.pkca--utilfreds-how .pkca-uf-needs-grid small {
	color: #7a877f;
	font-size: 8px;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.pkca--utilfreds-how .pkca-uf-needs-grid strong {
	margin-top: 5px;
	color: #263d30;
	font-size: 10px;
	line-height: 1.35;
}

.pkca--utilfreds-how .pkca-uf-needs-panel .pkca-choice-note {
	margin-top: 0;
}

.pkca--utilfreds-how .pkca-uf-path-grid {
	position: relative;
	z-index: 2;
	display: grid;
	width: min(550px, 100%);
	grid-template-columns: minmax(0, 1fr) 34px minmax(0, 1fr);
	align-items: stretch;
	gap: 8px;
}

.pkca--utilfreds-how .pkca-uf-path-card {
	position: relative;
	display: flex;
	min-width: 0;
	flex-direction: column;
	padding: 21px;
	border: 1px solid rgba(31, 64, 38, 0.11);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.96);
	box-shadow: 0 18px 44px rgba(22, 48, 28, 0.09);
	animation: ufHowCardIn 600ms cubic-bezier(0.16, 0.8, 0.24, 1) both;
}

.pkca--utilfreds-how .pkca-uf-path-card--collective {
	border-color: rgba(210, 165, 86, 0.52);
	background: linear-gradient(145deg, #1f4026, #16301c);
	color: #fff;
	box-shadow: 0 22px 52px rgba(22, 48, 28, 0.2);
	animation-delay: 120ms;
}

.pkca--utilfreds-how .pkca-uf-path-card__tag {
	color: #75847b;
	font-size: 8px;
	font-weight: 760;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.pkca--utilfreds-how .pkca-uf-path-card__icon {
	display: grid;
	width: 42px;
	height: 42px;
	margin-top: 21px;
	place-items: center;
	border-radius: 12px;
	background: #edf5ef;
	color: #1f4026;
}

.pkca--utilfreds-how .pkca-uf-path-card__icon svg {
	width: 21px;
	height: 21px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.65;
}

.pkca--utilfreds-how .pkca-uf-path-card > strong {
	margin-top: 16px;
	color: #22372b;
	font-size: 16px;
	line-height: 1.22;
}

.pkca--utilfreds-how .pkca-uf-path-card > p {
	margin: 9px 0 0;
	color: #6d7b72;
	font-size: 10px;
	line-height: 1.55;
}

.pkca--utilfreds-how .pkca-uf-path-card > ul {
	display: grid;
	gap: 6px;
	margin: auto 0 0;
	padding: 18px 0 0;
	list-style: none;
}

.pkca--utilfreds-how .pkca-uf-path-card > ul li {
	position: relative;
	padding-left: 13px;
	color: #526158;
	font-size: 9px;
	font-weight: 650;
}

.pkca--utilfreds-how .pkca-uf-path-card > ul li::before {
	position: absolute;
	top: 0.48em;
	left: 0;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #4f866a;
	content: "";
}

.pkca--utilfreds-how .pkca-uf-path-card--collective .pkca-uf-path-card__tag,
.pkca--utilfreds-how .pkca-uf-path-card--collective > p,
.pkca--utilfreds-how .pkca-uf-path-card--collective > ul li {
	color: rgba(255, 255, 255, 0.65);
}

.pkca--utilfreds-how .pkca-uf-path-card--collective > strong {
	color: #fff;
}

.pkca--utilfreds-how .pkca-uf-path-card--collective .pkca-uf-path-card__icon {
	background: rgba(255, 255, 255, 0.11);
	color: #efd49e;
}

.pkca--utilfreds-how .pkca-uf-path-card--collective > ul li::before {
	background: #efd49e;
}

.pkca--utilfreds-how .pkca-uf-path-or {
	display: grid;
	align-self: center;
	height: 28px;
	place-items: center;
	border: 1px solid rgba(31, 64, 38, 0.1);
	border-radius: 999px;
	background: #faf9f6;
	color: #879189;
	font-size: 8px;
	font-weight: 720;
	text-transform: uppercase;
}

.pkca--utilfreds-how .pkca-how-offers-grid b {
	font-size: clamp(17px, 2vw, 22px);
	line-height: 1.05;
}

.pkca--utilfreds-how .pkca-choice-card .pkca-price-compare {
	align-items: stretch;
}

.pkca--utilfreds-how .pkca-choice-card .pkca-price-compare > span {
	display: grid;
	padding: 0;
	place-items: center;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
}

.pkca--utilfreds-how .pkca-choice-card .pkca-price-compare strong {
	font-size: 17px;
	line-height: 1.15;
}

@keyframes ufHowCardIn {
	from {
		opacity: 0;
		transform: translateY(12px) scale(0.975);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@media (max-width: 1080px) {
	.pkca--utilfreds-how .pkca__steps {
		grid-template-columns: repeat(8, minmax(92px, 1fr));
		overflow-x: auto;
		scrollbar-width: none;
	}

	.pkca--utilfreds-how .pkca__steps::-webkit-scrollbar {
		display: none;
	}
}

@media (max-width: 900px) {
	.uf-process .pkca--utilfreds-how {
		padding: 24px 20px 21px;
	}

	.pkca--utilfreds-how[data-scene="profile"] .pkca__visual-wrap {
		min-height: 510px;
	}

	.pkca--utilfreds-how[data-scene="services"] .pkca__visual-wrap,
	.pkca--utilfreds-how[data-scene="needs"] .pkca__visual-wrap,
	.pkca--utilfreds-how[data-scene="path"] .pkca__visual-wrap,
	.pkca--utilfreds-how[data-scene="market"] .pkca__visual-wrap {
		min-height: 500px;
	}
}

@media (max-width: 760px) {
	.uf-process .pkca--utilfreds-how {
		padding: 17px 14px 18px;
		border-radius: 22px;
	}

	.pkca--utilfreds-how .pkca-visual--uf-services,
	.pkca--utilfreds-how .pkca-visual--uf-needs,
	.pkca--utilfreds-how .pkca-visual--uf-path {
		padding: 16px;
	}

	.pkca--utilfreds-how[data-scene="services"] .pkca__visual-wrap {
		min-height: 500px;
	}

	.pkca--utilfreds-how[data-scene="needs"] .pkca__visual-wrap {
		min-height: 510px;
	}

	.pkca--utilfreds-how[data-scene="path"] .pkca__visual-wrap {
		min-height: 650px;
	}

	.pkca--utilfreds-how[data-scene="market"] .pkca__visual-wrap {
		min-height: 555px;
	}

	.pkca--utilfreds-how .pkca-uf-path-grid {
		grid-template-columns: 1fr;
		align-content: center;
		gap: 9px;
	}

	.pkca--utilfreds-how .pkca-uf-path-card {
		min-height: 244px;
		padding: 17px;
	}

	.pkca--utilfreds-how .pkca-uf-path-card__icon {
		margin-top: 13px;
	}

	.pkca--utilfreds-how .pkca-uf-path-card > strong {
		margin-top: 11px;
	}

	.pkca--utilfreds-how .pkca-uf-path-card > ul {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		padding-top: 12px;
	}

	.pkca--utilfreds-how .pkca-uf-path-or {
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 3;
		width: 40px;
		transform: translate(-50%, -50%);
	}

	.pkca--utilfreds-how .pkca-uf-visual-note {
		right: 16px;
		bottom: 13px;
		left: 16px;
		font-size: 8px;
	}
}

@media (max-width: 520px) {
	.uf-process-animation {
		margin-right: -4px;
		margin-left: -4px;
	}

	.uf-process .pkca--utilfreds-how {
		padding: 14px 10px 15px;
		border-radius: 20px;
	}

	.pkca--utilfreds-how .pkca__top {
		padding-inline: 5px;
	}

	.pkca--utilfreds-how .pkca__step span {
		font-size: 8px;
	}

	.pkca--utilfreds-how[data-scene="profile"] .pkca__visual-wrap {
		min-height: 650px;
	}

	.pkca--utilfreds-how[data-scene="services"] .pkca__visual-wrap {
		min-height: 570px;
	}

	.pkca--utilfreds-how[data-scene="needs"] .pkca__visual-wrap {
		min-height: 560px;
	}

	.pkca--utilfreds-how[data-scene="path"] .pkca__visual-wrap {
		min-height: 680px;
	}

	.pkca--utilfreds-how .pkca-uf-service-grid,
	.pkca--utilfreds-how .pkca-uf-needs-grid {
		grid-template-columns: 1fr;
	}

	.pkca--utilfreds-how .pkca-uf-service {
		padding: 13px;
	}

	.pkca--utilfreds-how .pkca-uf-needs-service {
		grid-template-columns: 38px minmax(0, 1fr);
	}

	.pkca--utilfreds-how .pkca-uf-needs-service > span {
		width: 38px;
		height: 38px;
	}

	.pkca--utilfreds-how .pkca-uf-needs-service em {
		display: none;
	}

	.pkca--utilfreds-how .pkca-uf-path-card {
		min-height: 252px;
	}

	.pkca--utilfreds-how .pkca-choice-card .pkca-price-compare {
		grid-template-columns: 1fr;
	}

	.pkca--utilfreds-how .pkca-choice-card .pkca-price-compare > span {
		display: none;
	}
}

/* ==========================================================
   Utilfreds Platform 6.10.5 – mobilkomposition
   ========================================================== */
@media (max-width: 620px) {
	.uf-process-animation {
		margin-right: 0;
		margin-left: 0;
	}

	.uf-process .pkca--utilfreds-how {
		padding: 12px;
		border-radius: 20px;
	}

	.pkca--utilfreds-how .pkca__top {
		margin-bottom: 10px;
		padding-inline: 3px;
	}

	.pkca--utilfreds-how .pkca__eyebrow {
		font-size: 9px !important;
		letter-spacing: 0.1em !important;
	}

	.pkca--utilfreds-how .pkca__stage {
		border-radius: 17px;
	}

	.pkca--utilfreds-how .pkca__copy {
		padding: 22px 18px 20px;
	}

	.pkca--utilfreds-how .pkca__copy::before {
		left: 18px;
	}

	.pkca--utilfreds-how .pkca__title {
		max-width: none;
		font-size: clamp(24px, 7.4vw, 27px);
	}

	.pkca--utilfreds-how .pkca__text {
		max-width: none;
		font-size: 13.5px;
		line-height: 1.55;
	}

	.pkca--utilfreds-how .pkca__visual-wrap {
		min-height: 380px;
	}

	.pkca--utilfreds-how[data-scene="profile"] .pkca__visual-wrap {
		min-height: 455px;
	}

	.pkca--utilfreds-how[data-scene="services"] .pkca__visual-wrap {
		min-height: 350px;
	}

	.pkca--utilfreds-how[data-scene="needs"] .pkca__visual-wrap {
		min-height: 380px;
	}

	.pkca--utilfreds-how[data-scene="path"] .pkca__visual-wrap {
		min-height: 430px;
	}

	.pkca--utilfreds-how[data-scene="market"] .pkca__visual-wrap {
		min-height: 455px;
	}

	.pkca--utilfreds-how[data-scene="offers"] .pkca__visual-wrap {
		min-height: 385px;
	}

	.pkca--utilfreds-how[data-scene="assessment"] .pkca__visual-wrap {
		min-height: 390px;
	}

	.pkca--utilfreds-how[data-scene="choice"] .pkca__visual-wrap {
		min-height: 410px;
	}

	.pkca--utilfreds-how .pkca-visual--uf-services,
	.pkca--utilfreds-how .pkca-visual--uf-needs,
	.pkca--utilfreds-how .pkca-visual--uf-path,
	.pkca--utilfreds-how .pkca-visual--interest,
	.pkca--utilfreds-how .pkca-visual--how-offers,
	.pkca--utilfreds-how .pkca-visual--how-assessment {
		padding: 12px;
	}

	.pkca--utilfreds-how .pkca-uf-service-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 7px;
	}

	.pkca--utilfreds-how .pkca-uf-service-grid::before {
		width: 230px;
		height: 230px;
	}

	.pkca--utilfreds-how .pkca-uf-service {
		grid-template-columns: 32px minmax(0, 1fr);
		gap: 8px;
		min-height: 70px;
		padding: 10px;
		border-radius: 13px;
	}

	.pkca--utilfreds-how .pkca-uf-service > span,
	.pkca--utilfreds-how .pkca-uf-needs-service > span {
		width: 32px;
		height: 32px;
		border-radius: 10px;
	}

	.pkca--utilfreds-how .pkca-uf-service svg,
	.pkca--utilfreds-how .pkca-uf-needs-service svg {
		width: 17px;
		height: 17px;
	}

	.pkca--utilfreds-how .pkca-uf-service > i {
		display: none;
	}

	.pkca--utilfreds-how .pkca-uf-service strong {
		font-size: 11px;
	}

	.pkca--utilfreds-how .pkca-uf-service small {
		margin-top: 2px;
		font-size: 7.5px;
	}

	.pkca--utilfreds-how .pkca-uf-visual-note {
		right: 12px;
		bottom: 11px;
		left: 12px;
		font-size: 7.5px;
	}

	.pkca--utilfreds-how .pkca-uf-needs-panel {
		border-radius: 15px;
	}

	.pkca--utilfreds-how .pkca-uf-needs-body {
		gap: 8px;
		padding: 12px;
	}

	.pkca--utilfreds-how .pkca-uf-needs-service {
		grid-template-columns: 32px minmax(0, 1fr);
		gap: 8px;
		padding: 9px;
	}

	.pkca--utilfreds-how .pkca-uf-needs-service small {
		font-size: 7px;
	}

	.pkca--utilfreds-how .pkca-uf-needs-service strong {
		font-size: 9px;
	}

	.pkca--utilfreds-how .pkca-uf-needs-service em {
		display: none;
	}

	.pkca--utilfreds-how .pkca-uf-needs-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 6px;
	}

	.pkca--utilfreds-how .pkca-uf-needs-grid > div {
		padding: 9px;
		border-radius: 9px;
	}

	.pkca--utilfreds-how .pkca-uf-needs-grid small {
		font-size: 6.5px;
	}

	.pkca--utilfreds-how .pkca-uf-needs-grid strong {
		margin-top: 3px;
		font-size: 8.5px;
	}

	.pkca--utilfreds-how .pkca-uf-path-grid {
		grid-template-columns: 1fr;
		align-content: center;
		gap: 27px;
	}

	.pkca--utilfreds-how .pkca-uf-path-card {
		display: grid;
		min-height: 0;
		grid-template-columns: 38px minmax(0, 1fr);
		grid-template-rows: auto auto auto auto;
		column-gap: 11px;
		padding: 13px;
		border-radius: 14px;
	}

	.pkca--utilfreds-how .pkca-uf-path-card__tag {
		grid-column: 1 / -1;
		margin-bottom: 9px;
		font-size: 7px;
	}

	.pkca--utilfreds-how .pkca-uf-path-card__icon {
		grid-column: 1;
		grid-row: 2 / span 2;
		width: 38px;
		height: 38px;
		margin: 0;
		border-radius: 11px;
	}

	.pkca--utilfreds-how .pkca-uf-path-card > strong {
		grid-column: 2;
		grid-row: 2;
		align-self: end;
		margin: 0;
		font-size: 14px;
	}

	.pkca--utilfreds-how .pkca-uf-path-card > p {
		grid-column: 2;
		grid-row: 3;
		margin: 3px 0 0;
		font-size: 8.5px;
		line-height: 1.4;
	}

	.pkca--utilfreds-how .pkca-uf-path-card > ul {
		grid-column: 1 / -1;
		grid-row: 4;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 5px;
		margin: 10px 0 0;
		padding: 9px 0 0;
		border-top: 1px solid rgba(31, 64, 38, 0.09);
	}

	.pkca--utilfreds-how .pkca-uf-path-card > ul li {
		font-size: 7.5px;
	}

	.pkca--utilfreds-how .pkca-uf-path-card--collective > ul {
		border-top-color: rgba(255, 255, 255, 0.11);
	}

	.pkca--utilfreds-how .pkca-uf-path-or {
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 3;
		width: 42px;
		height: 24px;
		transform: translate(-50%, -50%);
	}

	.pkca--utilfreds-how .pkca-visual--interest {
		grid-template-columns: 1fr;
		align-content: center;
		gap: 9px;
	}

	.pkca--utilfreds-how .pkca-interest-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 6px;
	}

	.pkca--utilfreds-how .pkca-mini-profile {
		grid-template-columns: 24px minmax(0, 1fr) 18px;
		gap: 7px;
		padding: 8px;
		border-radius: 11px;
	}

	.pkca--utilfreds-how .pkca-mini-profile__icon,
	.pkca--utilfreds-how .pkca-mini-profile__check {
		width: 24px;
		height: 24px;
		border-radius: 8px;
	}

	.pkca--utilfreds-how .pkca-mini-profile__body small {
		font-size: 6.5px;
	}

	.pkca--utilfreds-how .pkca-mini-profile__body strong {
		font-size: 8.5px;
	}

	.pkca--utilfreds-how .pkca-mini-profile__body em {
		display: none;
	}

	.pkca--utilfreds-how .pkca-interest-panel__body {
		padding: 12px;
	}

	.pkca--utilfreds-how .pkca-how-offers-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 7px;
		padding: 12px;
	}

	.pkca--utilfreds-how .pkca-how-offers-grid article {
		padding: 10px;
		border-radius: 10px;
	}

	.pkca--utilfreds-how .pkca-how-offers-grid strong {
		margin-bottom: 5px;
		font-size: 7px;
	}

	.pkca--utilfreds-how .pkca-how-offers-grid b {
		margin-bottom: 5px;
		font-size: 13px;
	}

	.pkca--utilfreds-how .pkca-how-offers-grid small {
		font-size: 8px;
		line-height: 1.35;
	}

	.pkca--utilfreds-how[data-scene="market"] .pkca-offer-card--3 {
		display: none;
	}

	.pkca--utilfreds-how .pkca-visual--tender .pkca-offers {
		bottom: 15px;
	}

	.pkca--utilfreds-how .pkca-assessment-list > div {
		padding: 10px 12px;
	}

	.pkca--utilfreds-how .pkca__footer {
		gap: 10px;
		padding-top: 12px;
	}

	.pkca--utilfreds-how .pkca__steps {
		grid-template-columns: repeat(8, minmax(76px, 1fr));
		gap: 5px;
		padding-bottom: 2px;
		scroll-snap-type: x proximity;
	}

	.pkca--utilfreds-how .pkca__step {
		scroll-snap-align: center;
	}

	.pkca--utilfreds-how .pkca__footer-actions {
		padding-inline: 2px;
	}
}

@media (max-width: 370px) {
	.pkca--utilfreds-how .pkca__copy {
		padding-inline: 16px;
	}

	.pkca--utilfreds-how .pkca__title {
		font-size: 23px;
	}

	.pkca--utilfreds-how .pkca-uf-service {
		grid-template-columns: 29px minmax(0, 1fr);
		gap: 6px;
		padding: 8px;
	}

	.pkca--utilfreds-how .pkca-uf-service > span {
		width: 29px;
		height: 29px;
	}

	.pkca--utilfreds-how .pkca-uf-service strong {
		font-size: 10px;
	}
}

/* 6.10.6 – faste indvendige mobilafstande i animationens rammer. */
@media (max-width: 620px) {
	body .ufp-platform .uf-process .pkca--utilfreds-how {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		padding: 14px !important;
	}

	body .ufp-platform .uf-process .pkca--utilfreds-how .pkca__copy {
		padding: 24px 20px 22px !important;
	}

	body .ufp-platform .pkca--utilfreds-how .pkca-visual--uf-services,
	body .ufp-platform .pkca--utilfreds-how .pkca-visual--uf-needs,
	body .ufp-platform .pkca--utilfreds-how .pkca-visual--uf-path,
	body .ufp-platform .pkca--utilfreds-how .pkca-visual--interest,
	body .ufp-platform .pkca--utilfreds-how .pkca-visual--how-offers,
	body .ufp-platform .pkca--utilfreds-how .pkca-visual--how-assessment {
		padding: 14px !important;
	}

	body .ufp-platform .pkca--utilfreds-how .pkca-uf-service {
		padding: 12px !important;
	}

	body .ufp-platform .pkca--utilfreds-how .pkca-uf-needs-body {
		padding: 14px !important;
	}

	body .ufp-platform .pkca--utilfreds-how .pkca-uf-path-card {
		padding: 15px !important;
	}

	body .ufp-platform .pkca--utilfreds-how .pkca-how-offers-grid {
		padding: 14px !important;
	}

	body .ufp-platform .pkca--utilfreds-how .pkca-how-offers-grid article {
		padding: 12px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.pkca--utilfreds-how * {
		animation: none !important;
		transition: none !important;
	}
}