/* Sumura × Cycle Valley landingspagina (/sumura/) – Figma "Sumura X CV V2".
 * Alles is gescopet op rijen met class "cv-sumura"; elementen krijgen cv-sumura-* el_classes.
 * Tokens uit 10-basis.css + Sumura-kleuren hieronder. */

.cv-sumura {
	--cvs-green: #264a40;
	--cvs-green-hero: #264940;
	--cvs-dark: #242123;
	--cvs-cream: #fdfcee;
	--cvs-cream-soft: #fef1e1;
	--cvs-yellow: #fba629;
	--cvs-red: #dc452a;
	--cvs-coral: #f2785c;
	--cvs-lime: #9bd36a;
	--cvs-lime-hero: #8fd352;
	--cvs-width: 1100.4px;
	font-family: Arial, sans-serif;
	color: #000;
}

/* ---------- Rij-basis ---------- */
html body .cv-sumura.wpb_row {
	margin-bottom: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.cv-sumura > .row_col_wrap_12 {
	max-width: var(--cvs-width);
	margin-left: auto !important;
	margin-right: auto !important;
	float: none;
}
.cv-sumura.cv-sumura-wide > .row_col_wrap_12 { max-width: 1159.2px; }
.cv-sumura .wpb_column,
.cv-sumura .vc_column-inner,
.cv-sumura .wpb_wrapper { padding: 0 !important; }
.cv-sumura .wpb_column { margin-bottom: 0 !important; }
.cv-sumura .wpb_text_column,
.cv-sumura .wpb_content_element { margin-bottom: 0 !important; }
:where(.cv-sumura .wpb_text_column) p,
:where(.cv-sumura .wpb_text_column) li { padding-bottom: 0; margin: 0; }
.cv-sumura .wpb_text_column > .wpb_wrapper > *:last-child { margin-bottom: 0; }
.cv-sumura img { max-width: 100%; }
.cv-sumura .wpb_text_column img { margin: 0 !important; vertical-align: middle; }
.cv-sumura .row_col_wrap_12::before,
.cv-sumura .row_col_wrap_12::after,
.cv-sumura .row_col_wrap_12_inner::before,
.cv-sumura .row_col_wrap_12_inner::after { content: none !important; display: none !important; }
.cv-sumura .wpb_text_column a { opacity: 1 !important; }
html body .cv-sumura .wpb_row.inner_row { margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; padding: 0 !important; }
html body .cv-sumura .row_col_wrap_12_inner { margin-left: 0 !important; margin-right: 0 !important; width: 100%; }
.cv-sumura .img-with-aniamtion-wrap { margin: 0; }

/* ---------- Typografie ---------- */
.cv-sumura h1,
.cv-sumura h2,
.cv-sumura h3 {
	font-family: Syne, sans-serif !important;
	font-weight: 800 !important;
	letter-spacing: 0 !important;
	text-transform: none;
	margin: 0;
	padding: 0;
	color: inherit;
}
.cv-sumura .cv-sumura-h2 {
	font-size: clamp(30px, 3.334vw, 48px);
	line-height: 1.05;
}
.cv-sumura .cv-sumura-h2--sm { font-size: clamp(28px, 2.5vw, 36px); }
.cv-sumura .cv-sumura-h2--lg { font-size: clamp(36px, 3.667vw, 52.8px); }
.cv-sumura .cv-sumura-h2--xl { font-size: clamp(38px, 4.5vw, 64.8px); }
.cv-sumura .cv-sumura-h2--upper { font-size: clamp(38px, 4.667vw, 67.2px); text-transform: uppercase; }
.cv-sumura .cv-sumura-h2--cta { font-size: clamp(36px, 4.167vw, 60px); }
.cv-sumura .cv-sumura-red { color: var(--cvs-red) !important; }
.cv-sumura .cv-sumura-yellow { color: var(--cvs-yellow) !important; }

.cv-sumura .cv-sumura-eyebrow {
	font-family: Syne, sans-serif;
	font-weight: 800;
	font-size: 15.6px;
	line-height: 17.9px;
	letter-spacing: 2.2px;
	text-transform: uppercase;
}
.cv-sumura .cv-sumura-eyebrow--green { color: var(--cvs-green); }
.cv-sumura .cv-sumura-eyebrow--lime { color: var(--cvs-lime); }
.cv-sumura .cv-sumura-eyebrow--coral { color: var(--cvs-coral); }

.cv-sumura .cv-sumura-body {
	font-size: clamp(17px, 1.417vw, 20.4px);
	line-height: 1.549;
}

/* Label: genummerde badge + eyebrow */
.cv-sumura .cv-sumura-label { display: flex; align-items: center; gap: 19.2px; }
.cv-sumura .cv-sumura-badge {
	flex: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 62.3px;
	height: 38.09px;
	padding: 0 16.8px;
	font-family: Syne, sans-serif;
	font-weight: 800;
	font-size: 18px;
	line-height: 18.9px;
}
.cv-sumura .cv-sumura-badge--green { background: var(--cvs-green); color: var(--cvs-cream); }
.cv-sumura .cv-sumura-badge--coral { background: var(--cvs-coral); color: #000; min-width: 70.9px; }

/* ---------- Knoppen (vierkant, zoals design) ---------- */
html body.material .cv-sumura.wpb_row a.nectar-button[role].cv-sumura-btn {
	border-radius: 0 !important;
	font-family: Arial, sans-serif !important;
	font-weight: 700 !important;
	font-size: 15px !important;
	line-height: 17px !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	min-height: 48px;
	padding: 15.5px 24px !important;
	margin: 0 14px 0 0 !important;
	box-shadow: none !important;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
html body.material .cv-sumura.wpb_row a.nectar-button[role].cv-sumura-btn span { color: inherit !important; }
html body.material .cv-sumura.wpb_row a.nectar-button[role].cv-sumura-btn--lg {
	font-size: 18px !important;
	line-height: 20.4px !important;
	min-height: 57.59px;
	padding: 18.6px 26.4px !important;
}
html body.material .cv-sumura.wpb_row a.nectar-button[role].cv-sumura-btn--yellow {
	background-color: var(--cvs-yellow) !important;
	border: 0 !important;
	color: #000 !important;
}
html body.material .cv-sumura.wpb_row a.nectar-button[role].cv-sumura-btn--yellow:hover {
	background-color: #fdfcee !important;
	color: #000 !important;
}
html body.material .cv-sumura.wpb_row a.nectar-button[role].cv-sumura-btn--outline {
	background: transparent !important;
	border: 2px solid var(--cvs-cream) !important;
	color: var(--cvs-cream) !important;
	padding: 13.5px 26px !important;
}
html body.material .cv-sumura.wpb_row a.nectar-button[role].cv-sumura-btn--outline.cv-sumura-btn--lg { padding: 16.6px 26.4px !important; }
html body.material .cv-sumura.wpb_row a.nectar-button[role].cv-sumura-btn--outline:hover {
	background: var(--cvs-cream) !important;
	color: #000 !important;
}
html body.material .cv-sumura.wpb_row a.nectar-button[role].cv-sumura-btn--outline:hover span { color: #000 !important; }

/* ---------- Hero ---------- */
html body .cv-sumura-hero.wpb_row {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.cv-sumura-hero > .row_col_wrap_12 {
	max-width: 1152px;
	margin-left: max(0px, calc(50% - 550.2px)) !important;
	display: flex !important;
	align-items: flex-end;
	flex-wrap: nowrap;
	gap: 0;
	min-height: 828px;
}
.cv-sumura-hero > .row-bg-wrap::after {
	/* kleurenbalk rechtsonder: zwart, geel, rood, grijs, blauw */
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 260px;
	height: 22px;
	z-index: 2;
	background: linear-gradient(90deg, #000 0 20%, #fba824 20% 40%, #dd452a 40% 60%, #98acc5 60% 80%, #2e5ca9 80% 100%);
}
html body .cv-sumura-hero .wpb_column.cv-sumura-hero__text {
	width: 600px !important;
	flex: none;
	margin: 0 !important;
	padding: 140px 0 96px !important;
}
html body .cv-sumura-hero .wpb_column.cv-sumura-hero__media {
	width: 532px !important;
	flex: none;
	margin: 0 0 0 auto !important;
}
.cv-sumura-hero .cv-sumura-hero__logo { margin-bottom: 40px !important; }
.cv-sumura-hero .cv-sumura-hero__copy h1 {
	color: var(--cvs-cream) !important;
	font-size: clamp(44px, 4.931vw, 71px);
	line-height: 1.063;
	margin-bottom: 19.2px;
}
.cv-sumura-hero .cv-sumura-hero__copy .cv-sumura-eyebrow {
	color: var(--cvs-lime-hero);
	font-size: 14px;
	line-height: 17px;
	letter-spacing: 1.96px;
	margin-bottom: 27px;
}
.cv-sumura-hero .cv-sumura-lead {
	color: var(--cvs-cream-soft);
	font-size: 19px;
	line-height: 28.5px;
	max-width: 506px;
}
html body.material .cv-sumura.wpb_row.cv-sumura-hero a.nectar-button[role].cv-sumura-btn { margin-top: 33.6px !important; }
.cv-sumura-hero .cv-sumura-hero__partner { margin-top: 28.8px !important; }
.cv-sumura-hero .cv-sumura-hero__partner p { display: flex; align-items: center; gap: 14px; }
.cv-sumura-hero .cv-sumura-circle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: 1px solid var(--cvs-cream-soft);
	border-radius: 999px;
	transition: background-color .2s ease;
}
.cv-sumura-hero .cv-sumura-circle:hover { background: rgba(254, 241, 225, .12); }
.cv-sumura-hero .cv-sumura-circle img { width: 20px; height: 20px; display: block; }
.cv-sumura-hero .cv-sumura-pill {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	height: 44px;
	padding: 0 23px;
	border: 1px solid var(--cvs-cream-soft);
	border-radius: 999px;
	color: var(--cvs-cream-soft);
	font-size: 13px;
	line-height: 15px;
}
.cv-sumura-hero .cv-sumura-pill img { width: 91.09px; height: 15px; display: block; }

/* Boog-afbeelding (hero) */
.cv-sumura-hero .cv-sumura-hero__media img {
	display: block;
	width: 532px;
	height: 620px;
	object-fit: cover;
	object-position: center 30%;
	border-radius: 999px 999px 0 0;
}

/* ---------- Sectie 2: twee oplossingen ---------- */
html body .cv-sumura-s2.wpb_row { padding-top: 115.2px !important; padding-bottom: 115.2px !important; }
.cv-sumura-s2 .cv-sumura-intro .cv-sumura-eyebrow { margin-bottom: 17px; }
.cv-sumura-s2 .cv-sumura-h2 { margin-bottom: 48.8px; }
.cv-sumura .cv-sumura-cards > .vc_column-inner > .wpb_wrapper,
.cv-sumura .cv-sumura-cards .row_col_wrap_12_inner { display: flex; flex-wrap: nowrap; gap: 28.8px; }
html body .cv-sumura .cv-sumura-cards .wpb_column.cv-sumura-card {
	position: relative;
	width: 535.8px !important;
	flex: 1 1 0;
	min-height: 437.59px;
	margin: 0 !important;
	overflow: hidden;
}
.cv-sumura-card--green { background: var(--cvs-green); }
.cv-sumura-card--dark { background: var(--cvs-dark); }
html body .cv-sumura .cv-sumura-card > .vc_column-inner { padding: 37.4px 200px 38.4px 38.4px !important; height: 100%; }
.cv-sumura .cv-sumura-card h3 ~ p:not(.cv-sumura-card__link) { max-width: 275px; }
.cv-sumura .cv-sumura-card .wpb_text_column { position: relative; z-index: 1; height: 100%; }
.cv-sumura .cv-sumura-card .wpb_text_column > .wpb_wrapper { display: flex; flex-direction: column; height: 100%; min-height: 362px; }
.cv-sumura .cv-sumura-card .cv-sumura-eyebrow { margin-bottom: 16.3px; margin-right: -14px; }
.cv-sumura .cv-sumura-card h3 {
	color: var(--cvs-cream) !important;
	font-size: clamp(28px, 2.5vw, 36px);
	line-height: 1.05;
	margin-bottom: 18px;
}
.cv-sumura .cv-sumura-card p { color: var(--cvs-cream); font-size: 19.2px; line-height: 29.8px; }
.cv-sumura .cv-sumura-card .cv-sumura-eyebrow--lime { color: var(--cvs-lime); }
.cv-sumura .cv-sumura-card .cv-sumura-eyebrow--coral { color: var(--cvs-coral); }
.cv-sumura .cv-sumura-card__link { margin-top: auto !important; padding-top: 24px !important; }
.cv-sumura .cv-sumura-card__link a {
	display: inline-flex;
	align-items: center;
	gap: 9.6px;
	color: var(--cvs-cream) !important;
	font-weight: 700;
	font-size: 18px;
	line-height: 20.4px;
	text-decoration: none;
}
.cv-sumura .cv-sumura-card__link a img { width: 19.2px; height: 19.2px; transition: transform .2s ease; }
.cv-sumura .cv-sumura-card__link a:hover img { transform: translateX(4px); }
.cv-sumura .cv-sumura-card .img-with-aniamtion-wrap {
	position: absolute !important;
	top: 0;
	right: 0;
	bottom: 0;
	width: 180px;
	margin: 0 !important;
}
.cv-sumura .cv-sumura-card .img-with-aniamtion-wrap .inner,
.cv-sumura .cv-sumura-card .img-with-aniamtion-wrap .hover-wrap,
.cv-sumura .cv-sumura-card .img-with-aniamtion-wrap .hover-wrap-inner { height: 100%; }
.cv-sumura .cv-sumura-card img.cv-sumura-card__img {
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	border-top-left-radius: 90px;
}

/* ---------- Sectie 3: Charge-Anker ---------- */
html body .cv-sumura-s3.wpb_row { padding-top: 124.8px !important; padding-bottom: 48px !important; }
.cv-sumura-s3 .cv-sumura-label { margin-bottom: 21.6px; }
.cv-sumura-s3 .cv-sumura-h2--xl { line-height: 1.049; margin-bottom: 25.6px; }
.cv-sumura-s3 .cv-sumura-body { max-width: 680px; }
.cv-sumura.cv-sumura-s3 .img-with-aniamtion-wrap { margin-top: 55px !important; }
.cv-sumura-s3 img.cv-sumura-s3__img { display: block; width: 960px; }

html body .cv-sumura .wpb_row.cv-sumura-features { border-top: 1px solid var(--cvs-green); margin-top: 31.2px; padding-top: 44.5px !important; }
html body .cv-sumura-s7 .wpb_row.cv-sumura-features { margin-top: 48px; }
.cv-sumura .cv-sumura-features .row_col_wrap_12_inner { display: flex; flex-wrap: nowrap; }
html body .cv-sumura .cv-sumura-features .wpb_column { margin: 0 !important; padding-right: 30px !important; }
html body .cv-sumura .cv-sumura-features--4 .wpb_column { width: 283.5px !important; flex: none; }
html body .cv-sumura .cv-sumura-features--4 .wpb_column:last-child { flex: 1 1 auto; width: auto !important; }
html body .cv-sumura .cv-sumura-features--3 .wpb_column { width: 379.6px !important; flex: none; }
html body .cv-sumura .cv-sumura-features--3 .wpb_column:last-child { flex: 1 1 auto; width: auto !important; }
.cv-sumura .cv-sumura-arrow { line-height: 0; margin-bottom: 11.9px !important; }
.cv-sumura .cv-sumura-arrow img { width: 26.4px; height: 14.4px; display: block; }
.cv-sumura .cv-sumura-features h3 { font-size: 25.2px; line-height: 26.5px; margin-bottom: 15.5px; }
.cv-sumura .cv-sumura-features p { font-size: 18px; line-height: 27.9px; }

/* ---------- Sectie 4: in de praktijk ---------- */
html body .cv-sumura-s4.wpb_row { padding-top: 100.6px !important; padding-bottom: 105.6px !important; }
.cv-sumura-s4 h2 { color: var(--cvs-cream) !important; line-height: 1.05; margin-bottom: 33.4px; }
.cv-sumura-s4 img.cv-sumura-s4__img { display: block; width: 100%; }

/* ---------- Sectie 5: belangrijk om te weten ---------- */
html body .cv-sumura-s5.wpb_row { padding-top: 101px !important; padding-bottom: 105.6px !important; }
.cv-sumura-s5 > .row_col_wrap_12 { display: flex !important; justify-content: space-between; }
html body .cv-sumura-s5 .wpb_column { margin: 0 !important; }
html body .cv-sumura-s5 .wpb_column:first-child { width: 520px !important; }
html body .cv-sumura-s5 .wpb_column:last-child { width: 521.4px !important; padding-top: 4.6px !important; }
.cv-sumura-s5 h2 { line-height: 1.049; margin-bottom: 24.6px; }
html body.material .cv-sumura.wpb_row.cv-sumura-s5 a.nectar-button[role].cv-sumura-btn { margin-top: 28.6px !important; }
.cv-sumura .cv-sumura-steps ol { list-style: none; margin: 0 !important; padding: 0 !important; display: grid; gap: 14.4px; }
.cv-sumura .cv-sumura-steps li {
	display: flex;
	align-items: center;
	height: 76.8px;
	padding: 0 31.2px !important;
	background: var(--cvs-yellow);
	font-family: Syne, sans-serif;
	font-weight: 800;
	font-size: 18px;
	line-height: 18.9px;
	color: #000;
	list-style: none;
}
.cv-sumura .cv-sumura-steps li span { display: inline-block; width: 62.3px; flex: none; }

/* ---------- Sectie 6: laadpaal op het werk ---------- */
html body .cv-sumura-s6.wpb_row { padding-top: 124.8px !important; padding-bottom: 0 !important; }
.cv-sumura-s6 > .row_col_wrap_12 { display: flex !important; justify-content: space-between; align-items: stretch; }
html body .cv-sumura-s6 .wpb_column { margin: 0 !important; }
html body .cv-sumura-s6 .cv-sumura-s6__text { width: 520px !important; padding-bottom: 115px !important; }
html body .cv-sumura-s6 .cv-sumura-s6__media { width: 521.4px !important; display: flex; align-items: flex-end; padding-top: 52.5px !important; }
.cv-sumura-s6 .cv-sumura-label { align-items: center; margin-bottom: 22.6px; }
.cv-sumura-s6 .cv-sumura-label .cv-sumura-eyebrow { max-width: 430px; }
.cv-sumura-s6 h2 { color: var(--cvs-cream) !important; line-height: 1.05; margin-bottom: 26.4px; }
.cv-sumura-s6 .cv-sumura-body { color: var(--cvs-cream); }
html body.material .cv-sumura.wpb_row.cv-sumura-s6 a.nectar-button[role].cv-sumura-btn { margin-top: 31.1px !important; }
.cv-sumura-s6 .img-with-aniamtion-wrap { width: 100%; }
.cv-sumura-s6 img.cv-sumura-s6__img {
	display: block;
	width: 521.4px;
	height: 648px;
	object-fit: cover;
	border-top-left-radius: 324px;
}

/* ---------- Sectie 7: veiligheid ---------- */
html body .cv-sumura-s7.wpb_row { padding-top: 124.8px !important; padding-bottom: 124.8px !important; }
.cv-sumura-s7 .cv-sumura-eyebrow { margin-bottom: 17.6px; }
.cv-sumura-s7 h2 { line-height: 1.049; }
.cv-sumura.cv-sumura-s7 .img-with-aniamtion-wrap { margin-top: 47.3px !important; }
.cv-sumura-s7 img.cv-sumura-s7__img {
	display: block;
	width: 100%;
	height: 504px;
	object-fit: contain;
	border-top-right-radius: 252px;
}

/* ---------- Sectie 8: slim systeem ---------- */
html body .cv-sumura-s8.wpb_row { padding-top: 121.8px !important; padding-bottom: 134.8px !important; }
.cv-sumura-s8 > .row_col_wrap_12 { display: flex !important; justify-content: space-between; }
html body .cv-sumura-s8 .wpb_column { margin: 0 !important; }
html body .cv-sumura-s8 .cv-sumura-s8__media { width: 516.6px !important; padding-top: 13px !important; }
html body .cv-sumura-s8 .cv-sumura-s8__text { width: 516.6px !important; }
.cv-sumura-s8 img.cv-sumura-s8__img {
	display: block;
	width: 516.6px;
	height: 744px;
	object-fit: cover;
	border-radius: 264px 264px 0 0;
}
.cv-sumura-s8 h2 { line-height: 1.05; margin-bottom: 26px; }
.cv-sumura-s8 h2 ~ h2 { margin-top: 48.8px; }
.cv-sumura .cv-sumura-list { list-style: none; margin: 0 !important; padding: 0 !important; }
.cv-sumura .cv-sumura-list li {
	position: relative;
	list-style: none;
	padding-left: 33.6px !important;
	font-size: 19.2px;
	line-height: 29.8px;
	margin-bottom: 14.4px !important;
}
.cv-sumura .cv-sumura-list li:last-child { margin-bottom: 0 !important; }
.cv-sumura .cv-sumura-list li::before {
	content: "";
	position: absolute;
	left: 0.74px;
	top: 9.3px;
	width: 17.71px;
	height: 6.74px;
	background: url("/wp-content/uploads/2026/10/arrow-bullet.svg") no-repeat center / contain;
}

/* ---------- Sectie 9: Belgisch design ---------- */
html body .cv-sumura-s9.wpb_row { padding-top: 124.8px !important; padding-bottom: 124.8px !important; }
.cv-sumura-s9 > .row_col_wrap_12 { display: flex !important; justify-content: space-between; align-items: center; }
html body .cv-sumura-s9 .wpb_column { margin: 0 !important; }
html body .cv-sumura-s9 .cv-sumura-s9__text { width: 520px !important; }
html body .cv-sumura-s9 .cv-sumura-s9__media { width: 504px !important; }
.cv-sumura-s9 .cv-sumura-eyebrow { margin-bottom: 21.3px; }
.cv-sumura-s9 h2 { color: var(--cvs-cream) !important; line-height: 1.05; margin-bottom: 24.9px; }
.cv-sumura-s9 .cv-sumura-body { color: var(--cvs-cream); }
.cv-sumura-s9 .cv-sumura-body + .cv-sumura-body { margin-top: 14.6px !important; }
.cv-sumura-s9 img.cv-sumura-s9__img {
	display: block;
	width: 504px;
	height: 624px;
	object-fit: cover;
	border-radius: 252px;
}

/* ---------- Sectie 10: waarom Sumura ---------- */
html body .cv-sumura-s10.wpb_row { padding-top: 120.3px !important; padding-bottom: 124.8px !important; }
.cv-sumura-s10 h2 { line-height: 1.049; margin-bottom: 44.4px; }
.cv-sumura .cv-sumura-why .row_col_wrap_12_inner { display: flex; flex-wrap: nowrap; gap: 14.4px; }
.cv-sumura .cv-sumura-why + .cv-sumura-why { margin-top: 14.4px; }
html body .cv-sumura .cv-sumura-why .wpb_column {
	flex: 1 1 0;
	width: auto !important;
	margin: 0 !important;
	background: var(--cvs-yellow);
}
html body .cv-sumura .cv-sumura-why .wpb_column > .vc_column-inner { padding: 31.2px 31.2px 35px !important; min-height: 240.59px; }
.cv-sumura .cv-sumura-why__nr { font-family: Syne, sans-serif; font-weight: 800; font-size: 21.6px; line-height: 22.7px; margin-bottom: 10px !important; }
.cv-sumura .cv-sumura-why h3 { font-size: 22.8px; line-height: 23.9px; margin-bottom: 15.5px; }
.cv-sumura .cv-sumura-why p { font-size: 18px; line-height: 27.9px; }

/* ---------- Sectie 11: demo / offerte ---------- */
html body .cv-sumura-s11.wpb_row { padding-top: 105.6px !important; padding-bottom: 105.6px !important; }
.cv-sumura-s11 > .row_col_wrap_12 { display: flex !important; justify-content: space-between; align-items: center; }
html body .cv-sumura-s11 .wpb_column { margin: 0 !important; }
html body .cv-sumura-s11 .wpb_column:first-child { width: 520px !important; }
html body .cv-sumura-s11 .cv-sumura-s11__box {
	width: 526.2px !important;
	border: 1px solid var(--cvs-cream);
	border-radius: 0 144px 144px 0;
}
html body .cv-sumura-s11 .cv-sumura-s11__box > .vc_column-inner { padding: 47.6px 60px 43.4px 49.2px !important; }
.cv-sumura-s11 h2 { color: var(--cvs-cream) !important; line-height: 1.049; }
.cv-sumura-s11 .cv-sumura-body { color: var(--cvs-cream); }
.cv-sumura-s11 .cv-sumura-contact { margin-top: 16.4px !important; font-size: 20.4px; line-height: 31.6px; }
.cv-sumura-s11 .cv-sumura-contact a {
	color: var(--cvs-cream) !important;
	font-weight: 700;
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}
html body.material .cv-sumura.wpb_row.cv-sumura-s11 a.nectar-button[role].cv-sumura-btn { margin-top: 24.3px !important; }

/* ---------- Sectie 12: slot-CTA ---------- */
html body .cv-sumura-s12.wpb_row { padding-top: 115.2px !important; padding-bottom: 115.2px !important; }
.cv-sumura-s12 h2 { color: var(--cvs-cream) !important; line-height: 1.05; margin-bottom: 38.2px; }
html body.material .cv-sumura.wpb_row.cv-sumura-s12 a.nectar-button[role].cv-sumura-btn { margin: 0 7px !important; }

/* ---------- Tablet ---------- */
@media (max-width: 1240px) {
	.cv-sumura > .row_col_wrap_12,
	.cv-sumura.cv-sumura-wide > .row_col_wrap_12,
	.cv-sumura-hero > .row_col_wrap_12 { max-width: none; padding-left: 40px !important; padding-right: 40px !important; }
	html body .cv-sumura-hero .wpb_column.cv-sumura-hero__text { width: 52% !important; }
	html body .cv-sumura-hero .wpb_column.cv-sumura-hero__media { width: 44% !important; }
	.cv-sumura-hero .cv-sumura-hero__media img { width: 100%; }
	html body .cv-sumura .cv-sumura-card > .vc_column-inner { padding-right: 180px !important; }
	html body .cv-sumura .cv-sumura-card .img-with-aniamtion-wrap { width: 150px; }
	html body .cv-sumura-s5 .wpb_column:first-child,
	html body .cv-sumura-s6 .cv-sumura-s6__text,
	html body .cv-sumura-s9 .cv-sumura-s9__text,
	html body .cv-sumura-s11 .wpb_column:first-child { width: 47% !important; }
	html body .cv-sumura-s5 .wpb_column:last-child,
	html body .cv-sumura-s6 .cv-sumura-s6__media,
	html body .cv-sumura-s8 .cv-sumura-s8__media,
	html body .cv-sumura-s8 .cv-sumura-s8__text,
	html body .cv-sumura-s9 .cv-sumura-s9__media,
	html body .cv-sumura-s11 .cv-sumura-s11__box { width: 47% !important; }
	.cv-sumura-s6 img.cv-sumura-s6__img,
	.cv-sumura-s8 img.cv-sumura-s8__img,
	.cv-sumura-s9 img.cv-sumura-s9__img { width: 100%; }
}

/* ---------- Mobiel ---------- */
@media (max-width: 999px) {
	.cv-sumura > .row_col_wrap_12,
	.cv-sumura.cv-sumura-wide > .row_col_wrap_12,
	.cv-sumura-hero > .row_col_wrap_12 { padding-left: 0 !important; padding-right: 0 !important; }
	.cv-sumura-hero > .row_col_wrap_12,
	.cv-sumura-s5 > .row_col_wrap_12,
	.cv-sumura-s6 > .row_col_wrap_12,
	.cv-sumura-s8 > .row_col_wrap_12,
	.cv-sumura-s9 > .row_col_wrap_12,
	.cv-sumura-s11 > .row_col_wrap_12 { flex-direction: column; align-items: stretch; gap: 40px; min-height: 0; }
	.cv-sumura .wpb_column,
	html body .cv-sumura-hero .wpb_column.cv-sumura-hero__text,
	html body .cv-sumura-hero .wpb_column.cv-sumura-hero__media,
	html body .cv-sumura-s5 .wpb_column:first-child,
	html body .cv-sumura-s5 .wpb_column:last-child,
	html body .cv-sumura-s6 .cv-sumura-s6__text,
	html body .cv-sumura-s6 .cv-sumura-s6__media,
	html body .cv-sumura-s8 .cv-sumura-s8__media,
	html body .cv-sumura-s8 .cv-sumura-s8__text,
	html body .cv-sumura-s9 .cv-sumura-s9__text,
	html body .cv-sumura-s9 .cv-sumura-s9__media,
	html body .cv-sumura-s11 .wpb_column:first-child,
	html body .cv-sumura-s11 .cv-sumura-s11__box { width: 100% !important; }

	html body .cv-sumura-hero .wpb_column.cv-sumura-hero__text { padding: 110px 0 0 !important; }
	html body .cv-sumura-hero .wpb_column.cv-sumura-hero__media { margin: 0 !important; }
	.cv-sumura-hero .cv-sumura-hero__logo { margin-bottom: 28px !important; }
	.cv-sumura-hero .cv-sumura-hero__logo img { max-width: 150px; }
	.cv-sumura-hero .cv-sumura-hero__media img { width: 100%; height: auto; aspect-ratio: 532 / 620; }
	.cv-sumura-hero .cv-sumura-lead { font-size: 17px; line-height: 26px; }
	.cv-sumura-hero > .row-bg-wrap::after { width: 160px; height: 14px; }

	html body.material .cv-sumura.wpb_row a.nectar-button[role].cv-sumura-btn { margin: 14px 10px 0 0 !important; }
	.cv-sumura-s12 .nectar-button.cv-sumura-btn { margin: 10px 5px 0 !important; }

	html body .cv-sumura-s2.wpb_row,
	html body .cv-sumura-s3.wpb_row,
	html body .cv-sumura-s4.wpb_row,
	html body .cv-sumura-s5.wpb_row,
	html body .cv-sumura-s7.wpb_row,
	html body .cv-sumura-s8.wpb_row,
	html body .cv-sumura-s9.wpb_row,
	html body .cv-sumura-s10.wpb_row,
	html body .cv-sumura-s11.wpb_row,
	html body .cv-sumura-s12.wpb_row { padding-top: 64px !important; padding-bottom: 64px !important; }
	html body .cv-sumura-s6.wpb_row { padding-top: 64px !important; }
	html body .cv-sumura-s6 .cv-sumura-s6__text { padding-bottom: 0 !important; }
	html body .cv-sumura-s6 .cv-sumura-s6__media { padding-top: 0 !important; }
	.cv-sumura-s6 img.cv-sumura-s6__img { height: auto; aspect-ratio: 521 / 648; border-top-left-radius: 50vw; }

	.cv-sumura .cv-sumura-cards .row_col_wrap_12_inner,
	.cv-sumura .cv-sumura-why .row_col_wrap_12_inner,
	.cv-sumura .cv-sumura-features .row_col_wrap_12_inner { flex-direction: column; gap: 14.4px; }
	html body .cv-sumura .cv-sumura-cards .wpb_column.cv-sumura-card { width: 100% !important; min-height: 0; flex: none; }
	html body .cv-sumura .cv-sumura-why .wpb_column { flex: none; width: 100% !important; }
	.cv-sumura .cv-sumura-why + .cv-sumura-why { margin-top: 14.4px !important; }
	html body .cv-sumura .cv-sumura-card > .vc_column-inner { padding: 30px 130px 30px 24px !important; }
	html body .cv-sumura .cv-sumura-card .img-with-aniamtion-wrap { width: 110px; }
	.cv-sumura .cv-sumura-card img.cv-sumura-card__img { border-top-left-radius: 55px; }
	.cv-sumura .cv-sumura-card .wpb_text_column > .wpb_wrapper { min-height: 0; }
	.cv-sumura .cv-sumura-card p { font-size: 17px; line-height: 26px; }
	.cv-sumura .cv-sumura-card__link a { font-size: 16px; }
	.cv-sumura .cv-sumura-card .cv-sumura-eyebrow { font-size: 13px; letter-spacing: 1.6px; }

	html body .cv-sumura .cv-sumura-features--4 .wpb_column,
	html body .cv-sumura .cv-sumura-features--3 .wpb_column { width: 100% !important; padding-right: 0 !important; margin-bottom: 18px !important; }
	.cv-sumura .cv-sumura-features h3 { font-size: 22px; line-height: 24px; }

	.cv-sumura .cv-sumura-label { gap: 14px; }
	.cv-sumura .cv-sumura-eyebrow { font-size: 13px; letter-spacing: 1.6px; line-height: 16px; }
	.cv-sumura.cv-sumura-s3 .img-with-aniamtion-wrap { margin-top: 32px !important; }
	.cv-sumura-s7 img.cv-sumura-s7__img { height: auto; border-top-right-radius: 30vw; }
	.cv-sumura .cv-sumura-steps li { height: auto; min-height: 64px; padding: 16px 20px !important; font-size: 16px; }
	.cv-sumura .cv-sumura-steps li span { width: 44px; }

	.cv-sumura-s8 img.cv-sumura-s8__img { width: 100%; height: auto; aspect-ratio: 516 / 744; border-radius: 50vw 50vw 0 0; }
	html body .cv-sumura-s8 .cv-sumura-s8__media { padding-top: 0 !important; }
	.cv-sumura .cv-sumura-list li { font-size: 17px; line-height: 26px; }
	.cv-sumura-s9 img.cv-sumura-s9__img { width: 100%; height: auto; aspect-ratio: 504 / 624; border-radius: 50vw; }

	html body .cv-sumura-s11 .cv-sumura-s11__box { border-radius: 0 80px 80px 0; }
	html body .cv-sumura-s11 .cv-sumura-s11__box > .vc_column-inner { padding: 32px 40px 32px 24px !important; }
	.cv-sumura-s11 .cv-sumura-contact { font-size: 18px; }
}

/* ---------- Kleine laptop / tablet liggend (1000–1240px) ---------- */
@media (min-width: 1000px) and (max-width: 1240px) {
	/* Kaarten "Waar laad jij je e-bike op?": onder elkaar zodat de tekst niet in een smalle strook geperst wordt */
	.cv-sumura .cv-sumura-cards .row_col_wrap_12_inner { flex-direction: column; gap: 20px; }
	html body .cv-sumura .cv-sumura-cards .wpb_column.cv-sumura-card { width: 100% !important; flex: none; }
	html body .cv-sumura .cv-sumura-card > .vc_column-inner { padding-right: 260px !important; }
	html body .cv-sumura .cv-sumura-card .img-with-aniamtion-wrap { width: 220px; }
	.cv-sumura .cv-sumura-card .wpb_text_column > .wpb_wrapper { min-height: 300px; }
	.cv-sumura .cv-sumura-card h3 ~ p:not(.cv-sumura-card__link) { max-width: 420px; }

	/* Feature-kolommen (4 en 3): gelijke breedtes binnen de container i.p.v. vaste px */
	html body .cv-sumura .cv-sumura-features--4 .wpb_column,
	html body .cv-sumura .cv-sumura-features--3 .wpb_column,
	html body .cv-sumura .cv-sumura-features--4 .wpb_column:last-child,
	html body .cv-sumura .cv-sumura-features--3 .wpb_column:last-child { flex: 1 1 0 !important; width: auto !important; min-width: 0; padding-right: 24px !important; }
	.cv-sumura .cv-sumura-features h3 { font-size: 21px; line-height: 24px; }

	/* "Waarom kiezen voor Sumura?": drie gelijke kaarten per rij */
	html body .cv-sumura .cv-sumura-why .wpb_column { flex: 1 1 0 !important; width: auto !important; min-width: 0; }

	/* Grote titels in halve kolommen: lange woorden zoals "onderneming" passen */
	.cv-sumura .cv-sumura-h2--xl { font-size: clamp(30px, 3.4vw, 42px); }
	.cv-sumura .cv-sumura-h2--lg { font-size: clamp(30px, 3.2vw, 40px); }
}

/* ---------- Rode slotbalk met formulier "Sumura – info laadoplossing" (#laadinfo) ---------- */
.cv-sumura-s12 .cv-sumura-s12__intro { color: var(--cvs-cream); font-size: 19px; line-height: 29px; max-width: 620px; margin: -14px auto 36px !important; }
.cv-sumura-s12 .gform_wrapper { max-width: 760px; margin: 0 auto !important; text-align: left; }
.cv-sumura-s12 .gform_wrapper .gfield_label,
.cv-sumura-s12 .gform_wrapper legend.gfield_label,
.cv-sumura-s12 .gform_wrapper .gform-field-label,
.cv-sumura-s12 .gform_wrapper .gfield_description,
.cv-sumura-s12 .gform_wrapper .gfield_consent_label,
.cv-sumura-s12 .gform_wrapper .gchoice label { color: var(--cvs-cream) !important; font-family: Arial, sans-serif !important; }
.cv-sumura-s12 .gform_wrapper .gfield_required { color: var(--cvs-yellow) !important; }
.cv-sumura-s12 .gform_wrapper .gfield_consent_label a { color: var(--cvs-yellow) !important; text-decoration: underline; }
.cv-sumura-s12 .gform_wrapper input[type="text"],
.cv-sumura-s12 .gform_wrapper input[type="email"],
.cv-sumura-s12 .gform_wrapper input[type="tel"],
.cv-sumura-s12 .gform_wrapper textarea {
	background: var(--cvs-cream) !important;
	color: #000 !important;
	border: 0 !important;
	border-radius: 0 !important;
}
.cv-sumura-s12 .gform_wrapper input:focus,
.cv-sumura-s12 .gform_wrapper textarea:focus { outline: 3px solid var(--cvs-yellow) !important; outline-offset: 0; }
.cv-sumura-s12 .gform_wrapper .gfield--type-radio .gfield_radio { display: flex; flex-wrap: wrap; gap: 10px 28px; }
.cv-sumura-s12 .gform_wrapper .gchoice { display: flex; align-items: center; gap: 8px; }
.cv-sumura-s12 .gform_wrapper input[type="radio"],
.cv-sumura-s12 .gform_wrapper input[type="checkbox"] { accent-color: var(--cvs-yellow); }
.cv-sumura-s12 .gform_wrapper .gform_footer { justify-content: center; text-align: center; }
html body .cv-sumura-s12 .gform_wrapper .gform_footer .gform_button {
	background: var(--cvs-yellow) !important;
	color: #000 !important;
	border: 0 !important;
	border-radius: 0 !important;
	font-family: Arial, sans-serif !important;
	font-weight: 700 !important;
	font-size: 18px !important;
	line-height: 20.4px !important;
	padding: 18.6px 26.4px !important;
	min-height: 57.59px;
	cursor: pointer;
}
html body .cv-sumura-s12 .gform_wrapper .gform_footer .gform_button:hover { background: var(--cvs-cream) !important; }
.cv-sumura-s12 .gform_wrapper .gfield_validation_message,
.cv-sumura-s12 .gform_wrapper .validation_message { background: var(--cvs-cream) !important; color: var(--cvs-red) !important; border: 0 !important; }
.cv-sumura-s12 .gform_confirmation_message { color: var(--cvs-cream); font-size: 20px; line-height: 30px; text-align: center; }
@media (max-width: 690px) {
	.cv-sumura-s12 .cv-sumura-s12__intro { font-size: 16px; line-height: 25px; margin-bottom: 26px !important; }
	.cv-sumura-s12 .gform_wrapper .gfield--type-radio .gfield_radio { flex-direction: column; }
}
/* Keuzerondjes naast elkaar zonder dat de labels in smalle kolommen geperst worden */
.cv-sumura-s12 .gform_wrapper .gfield_radio .gchoice { flex: 0 0 auto; }
.cv-sumura-s12 .gform_wrapper .gfield_radio .gchoice label { max-width: none !important; width: auto !important; white-space: nowrap; }
@media (max-width: 690px) {
	.cv-sumura-s12 h2 br { display: none; }
	.cv-sumura .cv-sumura-h2--cta { font-size: 28px; line-height: 1.12; }
	.cv-sumura-s12 .gform_wrapper .gfield_radio .gchoice label { white-space: normal; }
	/* Kaarttitels: lange woorden ("laadpaal", "Gebruiksgemak") passen op een gsm-regel */
	.cv-sumura .cv-sumura-card h3 { font-size: 22px; line-height: 1.1; }
	.cv-sumura .cv-sumura-why h3 { font-size: 19px; line-height: 1.15; }
}