/* ==========================================================================
   Workmed — zorg.css
   Zorgpagina's Compressiezorg en Mammacare (page-templates/template-compressiezorg.php,
   template-mammacare.php en template-parts/zorg/*).
   ========================================================================== */

/* --------------------------------------------------------------------------
   Hulpklassen
   -------------------------------------------------------------------------- */

/* Tekst met kortere mobiele variant (template-parts/zorg/copy.php). */
.zorg-copy-m {
	display: none;
}

/* Kleine asterisk (workmed_mark) in kaarttitels. */
.mark.zorg-mark {
	--mark: 20px;
	--bar: 6px;
}

/* Gestreepte fotoplaceholders in warme tinten. */
.zorg-ph {
	--ph-a: #DED9C8;
	--ph-b: #EBE7DA;
	--ph-ink: #87826C;
	--ph-step: 8px;
	background: repeating-linear-gradient(135deg, var(--ph-a) 0 var(--ph-step), var(--ph-b) var(--ph-step) calc(var(--ph-step) * 2));
	padding: 18px;
	min-height: 0;
}

.zorg-ph span {
	font-size: 11px;
	line-height: 1.45;
	text-transform: none;
	color: var(--ph-ink);
}

.zorg-ph--rose {
	--ph-a: #E4D5CE;
	--ph-b: #EFE6E1;
	--ph-ink: #9C7F73;
}

.zorg-ph--clay {
	--ph-a: #DCCFC4;
	--ph-b: #E9E0D6;
	--ph-ink: #8C7B6C;
}

.zorg-flush-top {
	padding-top: 0;
}

/* --------------------------------------------------------------------------
   Hero
   -------------------------------------------------------------------------- */

.zorg-hero {
	position: relative;
	overflow: hidden;
}

.zorg-hero__media {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: calc(50% - 70px);
	z-index: 1;
	border-radius: 300px 0 0 0;
	overflow: hidden;
	background: var(--c-photo);
}

.zorg-hero--rose .zorg-hero__media {
	background: #EFE6E1;
}

.zorg-hero__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.zorg-hero__fade {
	display: none;
}

.zorg-hero__inner {
	position: relative;
	z-index: 2;
	min-height: 600px;
	padding-top: 30px;
	padding-bottom: 76px;
}

.zorg-hero__breadcrumb {
	margin-bottom: 64px;
}

.zorg-hero__content {
	max-width: 480px;
}

.zorg-hero__title {
	text-wrap: pretty;
}

.zorg-hero__intro {
	margin: 0 0 32px;
	font-size: 18px;
}

.zorg-hero__actions {
	margin-bottom: 18px;
}

.zorg-hero__link {
	font-size: 15px;
}

.zorg-hero__usps {
	margin-top: 40px;
}

/* --------------------------------------------------------------------------
   Ankernavigatie
   -------------------------------------------------------------------------- */

.zorg-anchor-nav .anchor-nav__inner {
	flex-wrap: nowrap;
}

/* --------------------------------------------------------------------------
   Compressiematerialen (TEK-uitlichting + materiaalkaarten)
   -------------------------------------------------------------------------- */

.zorg-materials__head {
	max-width: 620px;
	margin-bottom: 40px;
}

.zorg-materials__head .h2 {
	margin: 0;
	text-wrap: pretty;
}

.zorg-feature {
	display: grid;
	grid-template-columns: .8fr 1.2fr;
	margin-bottom: 24px;
	border-radius: 24px;
	overflow: hidden;
	background: var(--c-sand);
}

.zorg-feature__media {
	display: flex;
	align-items: flex-end;
	padding: 28px 0 0 28px;
}

.zorg-feature__arch {
	--arch: 220px;
	--arch-foot: 0px;
	width: 100%;
	height: 420px;
}

.zorg-feature__body {
	padding: 48px 52px;
}

.zorg-feature .eyebrow {
	margin-bottom: 14px;
}

.zorg-feature__title {
	margin: 0 0 14px;
	font-size: 30px;
	line-height: 1.2;
	font-weight: 700;
}

.zorg-feature__text {
	margin: 0 0 26px;
	font-size: 16.5px;
	line-height: 1.65;
	color: var(--c-body);
}

.zorg-knits {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin-bottom: 26px;
}

.zorg-knit {
	padding: 26px 22px 22px;
	border-radius: 80px 80px 12px 12px;
	background: var(--c-white);
}

.zorg-knit__title {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 8px;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.3;
}

.zorg-knit__text {
	margin: 0;
	font-size: 14.5px;
	line-height: 1.55;
	color: var(--c-body);
}

.zorg-feature__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
}

.zorg-feature__actions .link-arrow {
	padding: 0 10px;
}

.zorg-materials__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
}

.zorg-material {
	display: flex;
	flex-direction: column;
	padding: 26px 24px;
	border: 1px solid var(--c-line);
	border-radius: 150px 150px var(--radius) var(--radius);
	background: var(--c-white);
	color: var(--c-text);
}

.zorg-material:hover {
	background: var(--c-sand-hover);
	border-color: var(--c-input);
	color: var(--c-text);
}

.zorg-material__media {
	height: 190px;
	margin-bottom: 22px;
	border-radius: 110px 110px 6px 6px;
	overflow: hidden;
}

.zorg-material__media--product {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 26px;
	background: linear-gradient(160deg, #E6ECEA, #D9E2DF);
}

.zorg-material__media--product img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	mix-blend-mode: multiply;
}

.zorg-material__body {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.zorg-material__title {
	margin: 0 0 8px;
	font-size: 19px;
	font-weight: 700;
	line-height: 1.3;
	text-wrap: pretty;
	overflow-wrap: break-word;
	hyphens: auto;
}

.zorg-material__text {
	flex: 1;
	margin: 0 0 16px;
	font-size: 14.5px;
	line-height: 1.6;
	color: var(--c-body);
}

.zorg-material__more {
	font-size: 14.5px;
}

/* --------------------------------------------------------------------------
   Mammacare: "Waar staat u nu?"
   -------------------------------------------------------------------------- */

.zorg-situations__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

.zorg-situation {
	display: flex;
	flex-direction: column;
	padding: 30px 28px;
	border: 1px solid var(--c-line);
	border-radius: 200px 200px var(--radius) var(--radius);
	background: var(--c-white);
	color: var(--c-text);
}

.zorg-situation:hover {
	background: var(--c-sand-hover);
	border-color: var(--c-input);
	color: var(--c-text);
}

.zorg-situation__media {
	height: 240px;
	margin-bottom: 24px;
	border-radius: 150px 150px 6px 6px;
}

.zorg-situation__body {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.zorg-situation__title {
	margin: 0 0 10px;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.25;
}

.zorg-situation__text {
	flex: 1;
	margin: 0 0 18px;
	font-size: 15.5px;
	line-height: 1.6;
	color: var(--c-body);
}

.zorg-situation .link-arrow {
	font-size: 15px;
}

/* --------------------------------------------------------------------------
   Zo werkt het
   -------------------------------------------------------------------------- */

.zorg-steps__head {
	margin-bottom: 40px;
}

.zorg-steps__cta--foot {
	display: none;
}

.zorg-steps__list {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.zorg-step {
	padding: 34px 22px 26px;
	border-radius: 120px 120px var(--radius) var(--radius);
	background: var(--c-white);
	text-align: center;
}

.zorg-step__num {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 64px;
	margin: 0 auto 18px;
	border-radius: 26px 26px 4px 4px;
	background: var(--c-green);
	color: #fff;
	font-size: 22px;
	font-weight: 700;
	line-height: 1;
}

.zorg-step__title {
	margin: 0 0 8px;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.3;
}

.zorg-step__text {
	margin: 0;
	font-size: 14.5px;
	line-height: 1.55;
	color: var(--c-body);
}

/* --------------------------------------------------------------------------
   Foto in boog + tekst (aanmeten aan huis / aanmeten)
   -------------------------------------------------------------------------- */

.zorg-split__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 70px;
	align-items: center;
}

.zorg-split__media {
	height: 500px;
	border-radius: 260px 260px 10px 10px;
}

.zorg-split__body .h2 {
	text-wrap: pretty;
}

.zorg-split__text {
	margin: 0 0 24px;
}

.zorg-split__list {
	margin-bottom: 30px;
}

/* --------------------------------------------------------------------------
   Vergoeding
   -------------------------------------------------------------------------- */

.zorg-verg {
	padding-top: 0;
}

.zorg-verg__head {
	margin-bottom: 34px;
}

.zorg-verg__head .h2 {
	margin: 0;
}

.zorg-verg__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}

.zorg-verg__card {
	padding: 56px 48px 40px;
	border: 1px solid var(--c-line);
	border-radius: 200px 200px 16px 16px;
}

.zorg-card-title {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 14px;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3;
}

.zorg-card-title .mark.zorg-mark {
	--mark: 24px;
	--bar: 7px;
}

.zorg-verg__text {
	margin: 0 0 20px;
	font-size: 16px;
	line-height: 1.7;
	color: var(--c-body);
}

.zorg-verg__list {
	margin-bottom: 20px;
	font-size: 16px;
}

/* --------------------------------------------------------------------------
   Herhaalbestellingen
   -------------------------------------------------------------------------- */

.zorg-repeat__card {
	display: flex;
	align-items: center;
	gap: 36px;
	padding: 40px 44px 40px 56px;
	border-radius: 200px;
	background: var(--c-green-tint);
}

.mark.zorg-repeat__mark {
	--mark: 56px;
	--bar: 17px;
}

.zorg-repeat__body {
	flex: 1;
	min-width: 0;
}

.zorg-repeat__title {
	margin: 0 0 6px;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.25;
}

.zorg-repeat__text {
	max-width: 560px;
	margin: 0;
	font-size: 16px;
	line-height: 1.6;
	color: var(--c-body);
}

.zorg-repeat__actions {
	flex-shrink: 0;
	flex-wrap: nowrap;
}

/* --------------------------------------------------------------------------
   Voor zorgprofessionals
   -------------------------------------------------------------------------- */

.zorg-pro {
	padding-block: 80px;
}

.zorg-pro__grid {
	display: grid;
	grid-template-columns: 1.25fr .75fr;
	gap: 56px;
	align-items: start;
}

.zorg-pro__body .h2 {
	text-wrap: pretty;
}

.section--dark .zorg-pro__text {
	margin: 0 0 24px;
	font-size: 17px;
	line-height: 1.65;
	opacity: .85;
}

.zorg-pro__list {
	gap: 10px;
	color: var(--c-on-dark);
}

.zorg-pro__box {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 44px 36px 36px;
	border-radius: 180px 180px var(--radius) var(--radius);
	background: rgba(255, 255, 255, .06);
}

.zorg-pro__box-title {
	margin: 0 0 6px;
	font-size: 26px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
}

.zorg-pro__box .btn {
	padding: 15px 26px;
	font-size: 15.5px;
	white-space: normal;
}

.zorg-pro__box .btn--salmon {
	padding: 16px 26px;
}

/* --------------------------------------------------------------------------
   Mammacare: Auravie
   -------------------------------------------------------------------------- */

.zorg-auravie__card {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 60px;
	align-items: center;
	padding: 64px 72px 56px;
	border-radius: 220px 220px 20px 20px;
	background: var(--c-petrol);
	color: var(--c-on-dark);
}

.zorg-auravie .eyebrow {
	margin-bottom: 14px;
}

.zorg-auravie__title {
	margin: 0 0 16px;
	color: #fff;
	font-size: clamp(25px, 21.2px + .952vw, 36px);
	font-weight: 500;
	line-height: 1.16;
	text-wrap: pretty;
}

.zorg-auravie__text {
	margin: 0 0 26px;
	font-size: 16.5px;
	line-height: 1.65;
	opacity: .85;
}

.zorg-auravie__btn {
	padding: 16px 30px;
}

.zorg-auravie__compare {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.zorg-auravie__col {
	padding: 34px 22px 24px;
	border-radius: 110px 110px 12px 12px;
	background: rgba(255, 255, 255, .07);
}

.zorg-auravie__col--auravie {
	background: rgba(240, 180, 155, .12);
}

.zorg-auravie__label {
	margin: 0 0 12px;
	color: var(--c-green-3);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .14em;
	line-height: 1.4;
	text-align: center;
	text-transform: uppercase;
}

.zorg-auravie__col--auravie .zorg-auravie__label {
	color: var(--c-salmon);
}

.zorg-auravie__list {
	display: flex;
	flex-direction: column;
	gap: 9px;
	margin: 0;
	padding: 0;
	list-style: none;
	color: #fff;
	font-size: 15px;
}

.zorg-auravie__list li::before {
	content: "\2713\2002";
}

/* --------------------------------------------------------------------------
   Veelgestelde vragen
   -------------------------------------------------------------------------- */

.zorg-faq__grid {
	display: grid;
	grid-template-columns: .8fr 1.2fr;
	gap: 64px;
	align-items: start;
}

.zorg-faq__title {
	margin: 0 0 16px;
	font-size: clamp(28px, 24.3px + .952vw, 38px);
	font-weight: 500;
	line-height: 1.15;
}

.zorg-faq__text {
	margin: 0 0 24px;
	font-size: 16.5px;
	line-height: 1.65;
	color: var(--c-body);
}

.faq--lines {
	gap: 0;
	border-top: 1px solid var(--c-line);
}

.faq--lines .faq__item,
.faq--lines .faq__item.is-open {
	border: 0;
	border-bottom: 1px solid var(--c-line);
	border-radius: 0;
	background: transparent;
}

.faq--lines .faq__q {
	gap: 20px;
	padding: 22px 0;
	border-radius: 0;
	font-size: 17px;
}

.faq--lines .faq__icon {
	width: 32px;
	height: 32px;
	border: 1px solid var(--c-input);
	background: transparent;
}

.faq--lines .faq__a-inner {
	max-width: 620px;
	margin-top: -6px;
	padding: 0 0 22px;
	font-size: 16px;
	line-height: 1.7;
}

/* --------------------------------------------------------------------------
   Tablet liggend (≤ 1199px)
   -------------------------------------------------------------------------- */

@media (max-width: 1199px) {
	.zorg-hero__media {
		left: 52%;
		border-radius: 240px 0 0 0;
	}
	.zorg-hero__content {
		max-width: min(480px, calc(52vw - var(--gutter) - 32px));
	}
	.zorg-hero__inner {
		min-height: 560px;
	}
	.zorg-hero__breadcrumb {
		margin-bottom: 48px;
	}

	.zorg-feature__body {
		padding: 40px;
	}

	.zorg-materials__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.zorg-situations__grid {
		gap: 18px;
	}
	.zorg-situation {
		padding: 26px 22px;
	}

	.zorg-step {
		padding: 30px 16px 22px;
	}

	.zorg-split__grid {
		gap: 48px;
	}
	.zorg-split__media {
		height: 440px;
	}

	.zorg-verg__card {
		padding: 52px 36px 36px;
	}

	.zorg-repeat__card {
		flex-direction: column;
		gap: 18px;
		padding: 48px 40px 40px;
		border-radius: 180px 180px 16px 16px;
		text-align: center;
	}
	.zorg-repeat__text {
		margin-inline: auto;
	}
	.zorg-repeat__actions {
		justify-content: center;
		flex-wrap: wrap;
	}

	.zorg-pro__grid {
		gap: 40px;
	}

	.zorg-auravie__card {
		gap: 40px;
		padding: 60px 48px 48px;
		border-radius: 200px 200px 20px 20px;
	}

	.zorg-faq__grid {
		gap: 48px;
	}
}

/* --------------------------------------------------------------------------
   Tablet staand (≤ 1023px)
   -------------------------------------------------------------------------- */

@media (max-width: 1023px) {
	/* Hero: foto boven, tekst schuift er iets overheen (zoals mobiel). */
	.zorg-hero__media {
		position: relative;
		left: auto;
		height: 400px;
		border-radius: 0;
	}
	.zorg-hero__fade {
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		height: 140px;
		background: linear-gradient(rgba(255, 253, 251, 0), rgba(255, 253, 251, .8) 55%, var(--c-white) 100%);
	}
	.zorg-hero__inner {
		min-height: 0;
		margin-top: -64px;
		padding-top: 0;
		padding-bottom: 48px;
	}
	.zorg-hero__breadcrumb {
		margin-bottom: 20px;
	}
	.zorg-hero__content {
		max-width: 640px;
	}

	.zorg-feature {
		grid-template-columns: 1fr;
	}
	.zorg-feature__media {
		padding: 28px 28px 0;
	}
	.zorg-feature__arch {
		--arch: 200px;
		height: 340px;
	}
	.zorg-feature__body {
		padding: 36px 32px 40px;
	}

	.zorg-situations__grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}
	.zorg-situation {
		display: grid;
		grid-template-columns: 220px minmax(0, 1fr);
		gap: 28px;
		align-items: center;
		padding: 22px;
		border-radius: 130px 24px 24px 130px;
	}
	.zorg-situation__media {
		height: 220px;
		margin: 0;
		border-radius: 110px;
	}

	.zorg-steps__list {
		grid-template-columns: 1fr;
		gap: 10px;
	}
	.zorg-step {
		display: flex;
		gap: 18px;
		align-items: flex-start;
		padding: 18px 20px;
		border-radius: var(--radius);
		text-align: left;
	}
	.zorg-step__num {
		flex-shrink: 0;
		width: 40px;
		height: 50px;
		margin: 0;
		border-radius: 20px 20px 3px 3px;
		font-size: 18px;
	}
	.zorg-step__title {
		margin-bottom: 4px;
	}

	.zorg-split__grid {
		grid-template-columns: 1fr;
		gap: 36px;
	}
	.zorg-split__media {
		height: 400px;
		border-radius: 220px 220px 10px 10px;
	}

	.zorg-verg__card {
		padding: 48px 28px 32px;
		border-radius: 170px 170px 16px 16px;
	}

	.zorg-pro {
		padding-block: var(--section-y);
	}
	.zorg-pro__grid {
		grid-template-columns: 1fr;
	}
	.zorg-pro__box {
		width: 100%;
		max-width: 520px;
	}

	.zorg-auravie__card {
		grid-template-columns: 1fr;
		padding: 64px 48px 48px;
		border-radius: 180px 180px 20px 20px;
		text-align: center;
	}
	.zorg-auravie__compare {
		width: 100%;
		max-width: 520px;
		margin-inline: auto;
	}

	.zorg-faq__grid {
		grid-template-columns: 1fr;
		gap: 28px;
	}
}

/* --------------------------------------------------------------------------
   Mobiel (≤ 767px) — volgens het mobiele ontwerp (390px)
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.zorg-copy-d,
	.zorg-hide-mobile {
		display: none !important;
	}
	.zorg-copy-m {
		display: inline;
	}

	/* Hero */
	.zorg-hero__media {
		height: 260px;
	}
	.zorg-hero__fade {
		height: 120px;
	}
	.zorg-hero__inner {
		margin-top: -56px;
		padding-bottom: 30px;
	}
	.zorg-hero__breadcrumb {
		margin-bottom: 12px;
		font-size: 12.5px;
	}
	.zorg-hero__breadcrumb ol {
		gap: 6px;
	}
	.zorg-hero__breadcrumb li + li::before {
		margin-right: 6px;
	}
	.zorg-hero__eyebrow,
	.zorg-hero__usps {
		display: none;
	}
	.zorg-hero__title {
		margin-bottom: 14px;
		font-size: 36px;
		letter-spacing: -.015em;
	}
	.zorg-hero__intro {
		margin-bottom: 22px;
		font-size: 16px;
	}
	.zorg-hero__actions {
		margin-bottom: 10px;
	}
	.zorg-hero__actions .btn {
		padding: 16px;
	}
	.zorg-hero__link {
		display: flex;
		justify-content: center;
		padding: 8px;
		white-space: normal;
	}

	/* Ankernavigatie */
	.zorg-anchor-nav .anchor-nav__inner {
		padding-block: 12px;
	}
	.zorg-anchor-nav .anchor-nav__label {
		display: none;
	}
	.zorg-anchor-nav a {
		padding: 8px 14px;
		border-radius: 18px;
	}

	/* Materialen */
	.zorg-materials__head {
		margin-bottom: 20px;
	}
	.zorg-feature {
		margin-bottom: 14px;
		border-radius: 18px;
	}
	.zorg-feature__media {
		padding: 20px 20px 0;
	}
	.zorg-feature__arch {
		--arch: 120px;
		height: 200px;
	}
	.zorg-feature__body {
		padding: 22px 20px 24px;
	}
	.zorg-feature .eyebrow {
		margin-bottom: 10px;
	}
	.zorg-feature__title {
		margin-bottom: 10px;
		font-size: 22px;
		line-height: 1.25;
	}
	.zorg-feature__text {
		margin-bottom: 16px;
		font-size: 15px;
		line-height: 1.6;
	}
	.zorg-knits {
		grid-template-columns: 1fr;
		gap: 10px;
		margin-bottom: 16px;
	}
	.zorg-knit {
		padding: 16px;
		border-radius: var(--radius-sm);
	}
	.zorg-knit__title {
		gap: 9px;
		margin-bottom: 6px;
		font-size: 16px;
	}
	.zorg-knit__title .mark.zorg-mark {
		--mark: 17px;
		--bar: 5px;
	}
	.zorg-knit__text {
		font-size: 14px;
	}
	.zorg-feature__actions .link-arrow {
		padding: 0;
		font-size: 15px;
	}

	.zorg-materials__grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}
	.zorg-material {
		flex-direction: row;
		gap: 14px;
		align-items: center;
		padding: 14px;
		border-radius: var(--radius);
	}
	.zorg-material__media {
		flex-shrink: 0;
		width: 74px;
		height: 92px;
		margin: 0;
		padding: 0;
		border-radius: 37px 37px 4px 4px;
	}
	.zorg-material__media.zorg-ph {
		--ph-step: 6px;
	}
	.zorg-material__media.zorg-ph span,
	.zorg-material__more {
		display: none;
	}
	.zorg-material__media--product {
		padding: 10px;
	}
	.zorg-material__title {
		margin-bottom: 4px;
		font-size: 16px;
	}
	.zorg-material__text {
		margin: 0;
		font-size: 13.5px;
		line-height: 1.5;
	}

	/* Mammacare-kaarten */
	.zorg-situations__grid {
		gap: 14px;
	}
	.zorg-situation {
		display: flex;
		flex-direction: column;
		gap: 0;
		align-items: stretch;
		padding: 24px 20px 22px;
		border-radius: 180px 180px var(--radius-sm) var(--radius-sm);
	}
	.zorg-situation__media {
		height: 190px;
		margin-bottom: 18px;
		border-radius: 120px 120px 6px 6px;
	}
	.zorg-situation__title {
		margin-bottom: 8px;
		font-size: 20px;
	}
	.zorg-situation__text {
		margin-bottom: 12px;
		font-size: 15px;
	}

	/* Zo werkt het */
	.zorg-steps__head {
		margin-bottom: 20px;
	}
	.zorg-steps__cta--head {
		display: none;
	}
	.zorg-steps__cta--foot {
		display: flex;
		margin-top: 20px;
		padding: 15px;
		border-radius: 28px;
	}
	.zorg-step {
		gap: 14px;
		padding: 16px;
	}
	.zorg-step__num {
		width: 36px;
		height: 44px;
		border-radius: 18px 18px 3px 3px;
		font-size: 17px;
	}
	.zorg-step__title {
		margin-bottom: 3px;
		font-size: 16px;
	}
	.zorg-step__text {
		font-size: 14px;
	}

	/* Foto + tekst */
	.zorg-split__grid {
		gap: 22px;
	}
	.zorg-split__media {
		height: 230px;
		border-radius: 120px 120px 6px 6px;
	}
	.zorg-split__body .h2 {
		margin-bottom: 14px;
	}
	.zorg-split__text {
		margin-bottom: 18px;
		font-size: 16px;
	}
	.zorg-split__list {
		gap: 10px;
		margin-bottom: 22px;
		font-size: 15px;
	}

	/* Vergoeding */
	.zorg-verg__head {
		margin-bottom: 12px;
	}
	.zorg-verg__head .eyebrow {
		margin-bottom: 16px;
	}
	.zorg-verg__grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}
	.zorg-verg__card {
		padding: 38px 22px 24px;
		border-radius: 110px 110px var(--radius) var(--radius);
	}
	.zorg-card-title {
		gap: 10px;
		margin-bottom: 10px;
		font-size: 19px;
	}
	.zorg-card-title .mark.zorg-mark {
		--mark: 20px;
		--bar: 6px;
	}
	.zorg-verg__text {
		margin: 0;
		font-size: 15px;
		line-height: 1.65;
	}
	.zorg-verg__list {
		gap: 10px;
		margin: 0;
		font-size: 15px;
	}

	/* Herhaalbestellingen */
	.zorg-repeat__card {
		gap: 14px;
		padding: 36px 22px 24px;
		border-radius: 110px 110px 16px 16px;
	}
	.mark.zorg-repeat__mark {
		--mark: 40px;
		--bar: 12px;
	}
	.zorg-repeat__title {
		margin-bottom: 8px;
		font-size: 22px;
	}
	.zorg-repeat__text {
		font-size: 15px;
	}
	.zorg-repeat__actions {
		width: 100%;
		margin-top: 4px;
	}

	/* Zorgprofessionals */
	.zorg-pro__grid {
		gap: 0;
	}
	.zorg-pro__body .h2 {
		margin-bottom: 14px;
		font-size: 28px;
	}
	.section--dark .zorg-pro__text {
		margin-bottom: 20px;
		font-size: 15.5px;
		line-height: 1.6;
	}
	.zorg-pro__list {
		display: none;
	}
	.zorg-pro__box {
		gap: 10px;
		max-width: none;
		padding: 0;
		border-radius: 0;
		background: none;
	}
	.zorg-pro__box-title {
		margin-bottom: 4px;
		font-size: 21px;
		line-height: 1.25;
		text-align: left;
	}
	.zorg-pro__box .btn {
		padding: 14px;
		border-radius: 28px;
	}
	.zorg-pro__box .btn--salmon {
		padding: 15px;
	}

	/* Auravie */
	.zorg-auravie__card {
		gap: 0;
		padding: 44px 22px 26px;
		border-radius: 130px 130px 16px 16px;
	}
	.zorg-auravie .eyebrow {
		margin-bottom: 10px;
	}
	.zorg-auravie__title {
		margin-bottom: 12px;
		line-height: 1.2;
	}
	.zorg-auravie__text {
		margin-bottom: 18px;
		font-size: 15px;
		line-height: 1.6;
	}
	.zorg-auravie__btn {
		display: flex;
		width: 100%;
		padding: 15px;
		border-radius: 28px;
	}
	.zorg-auravie__compare {
		display: none;
	}

	/* FAQ */
	.zorg-faq__grid {
		gap: 0;
	}
	.zorg-faq__title {
		margin-bottom: 16px;
		line-height: 1.16;
	}
	.zorg-faq__text,
	.zorg-faq__btn {
		display: none;
	}
	.faq--lines .faq__q {
		gap: 14px;
		padding: 18px 0;
		font-size: 15.5px;
		line-height: 1.4;
	}
	.faq--lines .faq__icon {
		width: 28px;
		height: 28px;
	}
	.faq--lines .faq__a-inner {
		margin-top: -4px;
		padding: 0 0 18px;
		font-size: 15px;
		line-height: 1.65;
	}
}