/*
Theme Name: Het Zonneboertje
Theme URI: https://www.hetzonneboertje.nl/
Author: Het Zonneboertje
Description: Snel en toegankelijk maatwerk block theme voor Het Zonneboertje.
Version: 0.11.8
Requires at least: 7.0
Requires PHP: 8.3
Text Domain: hetzonneboertje
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
	--hz-radius-sm: 0.65rem;
	--hz-radius-md: 1.15rem;
	--hz-radius-lg: 2rem;
	--hz-shadow: 0 1.2rem 3.5rem rgba(31, 41, 51, 0.1);
	--hz-border: rgba(31, 41, 51, 0.14);
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	-webkit-font-smoothing: antialiased;
}

a {
	text-underline-offset: 0.18em;
	text-decoration-thickness: 0.08em;
}

a:focus-visible,
button:focus-visible,
.wp-element-button:focus-visible {
	outline: 3px solid var(--wp--preset--color--blue);
	outline-offset: 4px;
}

.wp-site-blocks {
	overflow: clip;
}

.site-header {
	position: relative;
	z-index: 20;
	border-bottom: 1px solid var(--hz-border);
	background: rgba(255, 255, 255, 0.96);
}

.site-header__inner {
	min-height: 6rem;
	gap: 1.5rem;
}

.brand-link {
	display: inline-flex;
	flex: 0 0 auto;
}

.brand-link img {
	display: block;
	width: min(18rem, 42vw);
	height: auto;
}

.site-navigation {
	font-size: 0.96rem;
	font-weight: 700;
}

.site-navigation a {
	text-decoration: none;
}

.site-navigation .wp-block-navigation-item:first-child > a {
	color: var(--wp--preset--color--green);
}

.wp-block-button__link {
	transition: transform 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

.wp-block-button__link:hover {
	transform: translateY(-2px);
	box-shadow: 0 0.7rem 1.6rem rgba(31, 41, 51, 0.16);
}

.home-hero {
	position: relative;
	padding-block: clamp(3.5rem, 7vw, 7.5rem);
	background:
		radial-gradient(circle at 88% 10%, rgba(245, 196, 0, 0.18), rgba(245, 196, 0, 0) 25rem),
		linear-gradient(135deg, #fff 0%, var(--wp--preset--color--cream) 100%);
}

.home-hero::before {
	position: absolute;
	inset: 0 auto 0 0;
	width: 0.45rem;
	background: var(--wp--preset--color--sun);
	content: "";
}

.home-hero__columns {
	gap: clamp(2.5rem, 5vw, 6rem);
}

.eyebrow {
	margin-block-end: 0.9rem;
	color: var(--wp--preset--color--green);
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.13em;
	text-transform: uppercase;
}

.hero-title {
	max-width: 13ch;
	margin-block: 0;
	font-size: clamp(2.7rem, 5.6vw, 5.4rem);
	line-height: 0.98;
	letter-spacing: -0.045em;
}

.hero-title mark {
	padding: 0;
	color: var(--wp--preset--color--green);
	background: transparent;
}

.hero-intro {
	max-width: 36rem;
	margin-block: 1.75rem 2rem;
	color: #46515a;
}

.hero-actions {
	gap: 0.8rem;
}

.hero-proof {
	gap: 0.65rem 1.5rem;
	margin-block-start: 2rem;
	color: var(--wp--preset--color--green);
	font-size: 0.88rem;
}

.hero-proof p {
	margin: 0;
}

.hero-visual,
.battery-hero__visual {
	overflow: hidden;
	border-radius: var(--hz-radius-lg);
	background: var(--wp--preset--color--cream);
	box-shadow: var(--hz-shadow);
	isolation: isolate;
}

.hero-visual img,
.battery-hero__visual img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: inherit;
	filter: none;
}

.benefit-strip {
	padding-block: 1.75rem;
	color: #fff;
	background: var(--wp--preset--color--green);
}

.benefit-grid {
	margin-block: 0;
}

.benefit-grid > .wp-block-column {
	position: relative;
	padding-inline-start: 3rem;
}

.benefit-grid > .wp-block-column::before {
	position: absolute;
	top: 0.2rem;
	left: 0;
	display: grid;
	width: 2.1rem;
	height: 2.1rem;
	border-radius: 50%;
	color: var(--wp--preset--color--charcoal);
	background: var(--wp--preset--color--sun);
	content: "✓";
	font-weight: 900;
	place-items: center;
}

.benefit-grid h2,
.benefit-grid p {
	margin-block: 0;
}

.benefit-grid h2 {
	color: #fff;
}

.benefit-grid p {
	margin-block-start: 0.3rem;
	color: rgba(255, 255, 255, 0.78);
	font-size: 0.9rem;
}

.section {
	padding-block: clamp(4.5rem, 8vw, 8rem);
}

.section-heading {
	margin-inline: auto;
	margin-block-end: clamp(2.5rem, 5vw, 4.5rem);
	text-align: center;
}

.section-heading h2 {
	max-width: 18ch;
	margin-inline: auto;
}

.section-heading > p:last-child {
	max-width: 44rem;
	margin-inline: auto;
	color: #56616a;
}

.solution-cards {
	gap: 1.25rem;
}

.solution-card {
	display: flex;
	min-height: 24rem;
	flex-direction: column;
	padding: clamp(1.5rem, 3vw, 2.5rem);
	border: 1px solid var(--hz-border);
	border-radius: var(--hz-radius-md);
	background: #fff;
	box-shadow: 0 0.8rem 2.5rem rgba(31, 41, 51, 0.06);
}

.solution-card--primary {
	color: #fff;
	border-color: var(--wp--preset--color--green);
	background: var(--wp--preset--color--green);
	transform: translateY(-1rem);
}

.card-number {
	margin: 0;
	color: var(--wp--preset--color--sun);
	font-size: 2.5rem;
	font-weight: 800;
}

.solution-card h3 {
	margin-block: auto 0.8rem;
	font-size: clamp(1.7rem, 3vw, 2.3rem);
}

.solution-card > p:not(.card-number, .card-link) {
	color: #5b6570;
}

.solution-card--primary > p:not(.card-number, .card-link) {
	color: rgba(255, 255, 255, 0.8);
}

.card-link {
	margin-block: 1.6rem 0;
	font-weight: 800;
}

.card-link a {
	color: inherit;
}

.solution-card--primary .card-link a {
	color: var(--wp--preset--color--sun);
}

.process-section {
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.55) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.55) 1px, transparent 1px);
	background-size: 2.5rem 2.5rem;
}

.process-list {
	padding: clamp(1.5rem, 4vw, 3rem);
	border-radius: var(--hz-radius-lg);
	background: #fff;
	box-shadow: var(--hz-shadow);
}

.process-step {
	gap: 1.25rem;
	padding-block: 1.25rem;
	border-bottom: 1px solid var(--hz-border);
}

.process-step:last-child {
	border-bottom: 0;
}

.process-step h3,
.process-step p {
	margin-block: 0;
}

.process-step p {
	margin-block-start: 0.25rem;
}

.step-badge {
	display: grid;
	min-width: 2.7rem;
	height: 2.7rem;
	margin: 0;
	border-radius: 50%;
	color: var(--wp--preset--color--charcoal);
	background: var(--wp--preset--color--sun);
	font-weight: 900;
	place-items: center;
}

.final-cta {
	padding-block: clamp(3.5rem, 7vw, 6rem);
}

.final-cta h2 {
	max-width: 22ch;
	color: #fff;
}

.final-cta p {
	color: rgba(255, 255, 255, 0.78);
}

.site-footer {
	padding-block: 4.5rem 1.5rem;
}

.site-footer__grid {
	grid-template-columns: 1.15fr 1fr 0.8fr 1fr;
}

.site-footer a {
	color: inherit;
}

.site-footer h2 {
	color: #fff;
}

.site-footer__grid > :first-child h2 {
	font-size: clamp(1.35rem, 1.7vw, 1.75rem) !important;
	letter-spacing: -0.03em;
	white-space: nowrap;
}

.footer-emblem {
	display: block;
	border-radius: 1rem;
}

.footer-partners__logo {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	max-width: 100%;
	padding: 0.7rem 0.85rem;
	border-radius: var(--hz-radius-sm);
	background: #fff;
}

.footer-partners__logo img {
	display: block;
	width: 11.5rem;
	max-width: 100%;
	height: auto;
}

.footer-partners__logo--peblar .peblar-wordmark {
	width: 7.5rem;
}

.peblar-wordmark {
	display: block;
	width: 8.5rem;
	max-width: 100%;
	aspect-ratio: 480 / 194;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("data:image/png;base64,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");
	background-size: contain;
}

.footer-partners p {
	max-width: 19rem;
}

.footer-partner + .footer-partner {
	margin-block-start: 1.75rem;
	padding-block-start: 1.5rem;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.peblar-recognition {
	margin-block: 1.5rem;
	padding: 1.25rem;
	border: 1px solid rgba(31, 41, 51, 0.12);
	border-radius: var(--hz-radius-md);
	background: #fff;
}

.peblar-recognition .peblar-wordmark {
	width: 8.5rem;
	max-width: 45%;
	margin-block-end: 0.9rem;
}

.peblar-recognition p {
	margin-block: 0;
}

.peblar-recognition p + p {
	margin-block-start: 0.65rem;
}

.footer-links {
	padding: 0;
	list-style: none;
}

.footer-links li + li {
	margin-block-start: 0.55rem;
}

.site-footer__bottom {
	margin-block-start: 3rem;
	padding-block-start: 1.5rem;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.page-main {
	padding-block-end: 6rem;
}

.page-header {
	padding-block: clamp(3rem, 7vw, 6rem);
}

.battery-hero {
	padding-block: clamp(4rem, 7vw, 7rem);
	background:
		radial-gradient(circle at 90% 10%, rgba(245, 196, 0, 0.18), rgba(245, 196, 0, 0) 23rem),
		linear-gradient(135deg, #fff 0%, var(--wp--preset--color--cream) 100%);
}

.battery-hero__columns {
	gap: clamp(2.5rem, 5vw, 5.5rem);
}

.battery-title {
	max-width: 12ch;
	margin-block: 0;
	font-size: clamp(2.8rem, 5.4vw, 5.2rem);
	line-height: 1;
	letter-spacing: -0.045em;
}

.battery-title mark {
	padding: 0 0.08em;
	color: var(--wp--preset--color--green);
	background: linear-gradient(transparent 68%, var(--wp--preset--color--sun) 68%);
}

.battery-intro {
	max-width: 38rem;
	margin-block: 1.75rem 2rem;
	color: #4f5b64;
}

.battery-highlights {
	padding-block: 1.75rem;
}

.battery-highlights h2 {
	color: #fff;
}

.battery-highlights h2,
.battery-highlights p {
	margin-block: 0;
}

.battery-highlights p {
	margin-block-start: 0.35rem;
	color: rgba(255, 255, 255, 0.78);
	font-size: 0.92rem;
}

.battery-steps {
	gap: 1.25rem;
}

.battery-step {
	padding: clamp(1.5rem, 3vw, 2.5rem);
	border: 1px solid var(--hz-border);
	border-radius: var(--hz-radius-md);
	background: #fff;
	box-shadow: 0 0.8rem 2.5rem rgba(31, 41, 51, 0.06);
}

.battery-step h3 {
	margin-block: 1.5rem 0.6rem;
}

.battery-fit > .wp-block-columns,
.battery-advice > .wp-block-columns,
.battery-contact > .wp-block-columns {
	gap: clamp(2.5rem, 6vw, 6rem);
}

.battery-checklist {
	padding: 0;
	list-style: none;
}

.battery-checklist li {
	position: relative;
	padding-inline-start: 2rem;
}

.battery-checklist li + li {
	margin-block-start: 1rem;
}

.battery-checklist li::before {
	position: absolute;
	top: 0;
	left: 0;
	color: var(--wp--preset--color--green);
	content: "✓";
	font-weight: 900;
}

.battery-product-image figure {
	margin: 0;
	padding: clamp(1rem, 3vw, 2rem);
	border-radius: var(--hz-radius-lg);
	background: #fff;
	box-shadow: var(--hz-shadow);
}

.battery-product-image img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--hz-radius-md);
}

.victron-section {
	padding-block: clamp(3.5rem, 7vw, 6rem);
	background: #fff;
}

.victron-section__card {
	gap: clamp(2rem, 5vw, 5rem);
	padding: clamp(2rem, 5vw, 4.5rem);
	border: 1px solid rgba(0, 102, 179, 0.22);
	border-radius: var(--hz-radius-lg);
	background: linear-gradient(135deg, rgba(0, 102, 179, 0.07), #fff 54%);
	box-shadow: var(--hz-shadow);
}

.victron-section__brand {
	padding: clamp(1.5rem, 3vw, 2.5rem);
	border-radius: var(--hz-radius-md);
	background: #fff;
}

.victron-section__brand img {
	display: block;
	width: min(100%, 19.5rem);
	height: auto;
	margin-inline: auto;
}

.victron-status {
	margin-block: 1.25rem 0;
	padding-block-start: 1rem;
	border-top: 1px solid rgba(0, 102, 179, 0.2);
	color: #0066b3;
	font-weight: 800;
	text-align: center;
}

.victron-services {
	display: flex;
	flex-wrap: wrap;
	gap: 0.55rem;
	padding: 0;
	list-style: none;
}

.victron-services li {
	padding: 0.45rem 0.75rem;
	border-radius: 999px;
	color: #fff;
	background: #0066b3;
	font-size: 0.84rem;
	font-weight: 700;
}

.advice-card {
	padding: clamp(1.75rem, 4vw, 3.5rem);
	border-radius: var(--hz-radius-lg);
	color: #fff;
	background: var(--wp--preset--color--green);
	box-shadow: var(--hz-shadow);
}

.advice-card h3 {
	color: #fff;
}

.advice-card .battery-checklist li::before {
	color: var(--wp--preset--color--sun);
}

.faq-wrap {
	max-width: 58rem;
	margin-inline: auto;
}

.battery-faq .wp-block-details {
	margin-block: 0;
	padding: 1.25rem 1.5rem;
	border: 1px solid var(--hz-border);
	border-radius: var(--hz-radius-sm);
	background: #fff;
}

.battery-faq .wp-block-details + .wp-block-details {
	margin-block-start: 0.75rem;
}

.battery-faq summary {
	cursor: pointer;
	color: var(--wp--preset--color--charcoal);
	font-weight: 800;
}

.battery-faq details p {
	margin-block-end: 0;
	color: #53606a;
}

.battery-contact h2 {
	color: #fff;
}

.battery-contact a {
	color: #fff;
}

.eyebrow--light {
	color: var(--wp--preset--color--sun);
}

.form-card {
	padding: clamp(1.5rem, 4vw, 3rem);
	border-radius: var(--hz-radius-lg);
	color: var(--wp--preset--color--charcoal);
	background: #fff;
}

.form-card h2,
.form-card h3,
.form-card label {
	color: var(--wp--preset--color--charcoal);
}

.form-card input[type="submit"],
.form-card .gform_button {
	min-height: 3rem;
	padding: 0.85rem 1.35rem;
	border: 0;
	border-radius: 0.7rem;
	color: var(--wp--preset--color--charcoal);
	background: var(--wp--preset--color--sun);
	font: inherit;
	font-weight: 800;
	cursor: pointer;
}

.form-card input[type="submit"]:hover,
.form-card .gform_button:hover {
	background: #ffd226;
}

.solar-hero {
	padding-block: clamp(4rem, 7vw, 7rem);
	background:
		radial-gradient(circle at 90% 10%, rgba(245, 196, 0, 0.19), rgba(245, 196, 0, 0) 24rem),
		linear-gradient(135deg, #fff 0%, var(--wp--preset--color--cream) 100%);
}

.solar-hero__columns,
.solar-system > .wp-block-columns,
.solar-process > .wp-block-columns,
.solar-contact > .wp-block-columns {
	gap: clamp(2.5rem, 6vw, 6rem);
}

.solar-title {
	max-width: 11ch;
	margin-block: 0;
	font-size: clamp(2.8rem, 5.4vw, 5.2rem);
	line-height: 1;
	letter-spacing: -0.045em;
}

.solar-title mark {
	padding: 0 0.08em;
	color: var(--wp--preset--color--green);
	background: linear-gradient(transparent 68%, var(--wp--preset--color--sun) 68%);
}

.solar-intro {
	max-width: 40rem;
	margin-block: 1.75rem 2rem;
	color: #4f5b64;
}

.solar-hero__visual figure {
	margin: 0;
	padding: 0.75rem;
	border-radius: var(--hz-radius-lg);
	background: #fff;
	box-shadow: var(--hz-shadow);
	transform: rotate(1.2deg);
}

.solar-hero__visual img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	border-radius: calc(var(--hz-radius-lg) - 0.45rem);
	object-fit: cover;
}

.solar-highlights {
	padding-block: 1.75rem;
}

.solar-highlights h2,
.solar-highlights p {
	margin-block: 0;
}

.solar-highlights h2 {
	color: #fff;
}

.solar-highlights p {
	margin-block-start: 0.35rem;
	color: rgba(255, 255, 255, 0.78);
	font-size: 0.92rem;
}

.solar-choice__grid {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1rem;
}

.solar-choice__card {
	padding: clamp(1.35rem, 2.5vw, 2rem);
	border: 1px solid var(--hz-border);
	border-radius: var(--hz-radius-md);
	background: #fff;
	box-shadow: 0 0.8rem 2rem rgba(31, 41, 51, 0.05);
}

.solar-choice__card h3 {
	margin-block: 1.25rem 0.55rem;
}

.solar-choice__card p:last-child {
	color: #56616a;
}

.solar-system__image figure {
	margin: 0;
	padding: clamp(1.5rem, 4vw, 3rem);
	border-radius: var(--hz-radius-lg);
	background: var(--wp--preset--color--cream);
	box-shadow: var(--hz-shadow);
}

.solar-system__image img {
	display: block;
	width: 100%;
	height: auto;
}

.solar-gallery {
	gap: 1rem;
}

.solar-gallery figure {
	height: 100%;
	margin: 0;
	overflow: hidden;
	border-radius: var(--hz-radius-md);
	background: #fff;
	box-shadow: 0 0.8rem 2rem rgba(31, 41, 51, 0.08);
}

.solar-gallery img {
	display: block;
	width: 100%;
	height: 21rem;
	object-fit: cover;
	transition: transform 240ms ease;
}

.solar-gallery figure:hover img {
	transform: scale(1.025);
}

.solar-process__steps {
	padding: clamp(1.5rem, 4vw, 3rem);
	border-radius: var(--hz-radius-lg);
	background: var(--wp--preset--color--cream);
}

.charger-hero__visual figure,
.charger-system__image figure,
.charger-example__image figure {
	margin: 0;
	padding: clamp(1rem, 3vw, 2rem);
	overflow: hidden;
	border-radius: var(--hz-radius-lg);
	background: #fff;
	box-shadow: var(--hz-shadow);
}

.charger-hero__visual img,
.charger-system__image img,
.charger-example__image img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--hz-radius-md);
	object-fit: contain;
}

.charger-hero__visual img {
	max-height: 32rem;
}

.charger-system__image img {
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.charger-example__image img {
	aspect-ratio: 16 / 10;
	object-fit: cover;
}

.peblar-title {
	max-width: 12ch;
}

.peblar-hero__card {
	padding: clamp(1.5rem, 3vw, 2.5rem);
	border: 1px solid var(--hz-border);
	border-radius: var(--hz-radius-lg);
	background: #fff;
	box-shadow: var(--hz-shadow);
}

.peblar-hero__card .peblar-wordmark {
	width: 10rem;
	margin: 0 auto 1rem;
}

.peblar-hero__card figure {
	margin: 0;
}

.peblar-hero__card img {
	display: block;
	width: 100%;
	max-height: 28rem;
	object-fit: contain;
}

.peblar-hero__status {
	margin: 1rem 0 0;
	padding-top: 1rem;
	border-top: 1px solid var(--hz-border);
	color: var(--wp--preset--color--green);
	font-weight: 800;
	text-align: center;
}

.peblar-installation > .wp-block-columns,
.peblar-use > .wp-block-columns,
.peblar-process > .wp-block-columns {
	gap: clamp(2.5rem, 6vw, 6rem);
}

.peblar-installation__image figure,
.peblar-use__image figure {
	margin: 0;
	padding: clamp(1rem, 3vw, 2rem);
	overflow: hidden;
	border-radius: var(--hz-radius-lg);
	background: #fff;
	box-shadow: var(--hz-shadow);
}

.peblar-installation__image img,
.peblar-use__image img {
	display: block;
	width: 100%;
	border-radius: var(--hz-radius-md);
}

.peblar-installation__image img {
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.peblar-use__image img {
	aspect-ratio: 16 / 10;
	object-fit: cover;
}

.about-hero {
	position: relative;
	padding-block: clamp(4rem, 8vw, 8rem);
	background:
		radial-gradient(circle at 88% 12%, rgba(245, 196, 0, 0.2), rgba(245, 196, 0, 0) 25rem),
		linear-gradient(135deg, #fff 0%, var(--wp--preset--color--cream) 100%);
}

.about-hero::before {
	position: absolute;
	inset: 0 auto 0 0;
	width: 0.45rem;
	background: var(--wp--preset--color--sun);
	content: "";
}

.about-hero__columns {
	width: min(calc(100% - 3rem), var(--wp--style--global--wide-size));
	max-width: var(--wp--style--global--wide-size) !important;
	margin-inline: auto !important;
	gap: clamp(2.5rem, 6vw, 6rem);
}

.about-hero__columns > .wp-block-column {
	min-width: 0;
}

.about-title {
	max-width: 13ch;
	margin-block: 0;
	font-size: clamp(2.8rem, 5.6vw, 5.4rem);
	line-height: 0.98;
	letter-spacing: -0.05em;
	overflow-wrap: normal;
	word-break: normal;
}

.about-title mark {
	padding: 0;
	color: var(--wp--preset--color--green);
	background: linear-gradient(transparent 72%, var(--wp--preset--color--sun) 72%);
}

.about-intro {
	max-width: 38rem;
	margin-block: 1.75rem 2rem;
	color: #4d5962;
}

.about-identity-card {
	padding: clamp(2rem, 4vw, 3.25rem);
	border: 1px solid var(--hz-border);
	border-radius: var(--hz-radius-lg);
	background: #fff;
	box-shadow: var(--hz-shadow);
}

.about-identity-card__emblem {
	display: block;
	width: 9rem;
	max-width: 45%;
	height: auto;
	margin-block-end: 1.5rem;
}

.about-identity-card h2 {
	margin-block: 0;
	overflow-wrap: normal;
	word-break: normal;
}

@media (min-width: 782px) {
	.about-hero__columns {
		display: grid;
		grid-template-columns: minmax(0, 3fr) minmax(20rem, 2fr);
		align-items: center;
	}

	.about-hero__columns > .wp-block-column {
		width: auto !important;
		max-width: none !important;
		flex-basis: auto !important;
	}

	.about-identity-card {
		width: 100%;
		max-width: 27rem;
		justify-self: end;
	}
}

.about-facts {
	margin-block-start: 2rem;
	padding-block-start: 1.5rem;
	border-top: 1px solid var(--hz-border);
}

.about-facts h3,
.about-facts p {
	margin-block: 0;
}

.about-facts h3 {
	color: var(--wp--preset--color--green);
}

.about-facts p {
	margin-block-start: 0.2rem;
	color: #647078;
	font-size: 0.9rem;
}

.about-story {
	padding-block: clamp(4rem, 7vw, 6rem);
}

.about-story h2 {
	color: #fff;
}

.about-story__copy p {
	max-width: 45rem;
	color: rgba(255, 255, 255, 0.82);
}

.about-story__copy .has-large-font-size {
	color: #fff;
}

.about-method__cards,
.about-recognition__cards {
	gap: 1.25rem;
}

.about-method__card,
.about-recognition__card,
.about-solution-link {
	padding: clamp(1.5rem, 3vw, 2.25rem);
	border: 1px solid var(--hz-border);
	border-radius: var(--hz-radius-md);
	background: #fff;
	box-shadow: 0 1rem 2.8rem rgba(31, 41, 51, 0.07);
}

.about-method__card .card-number {
	margin-block: 0 1.5rem;
	color: var(--wp--preset--color--sun);
	font-size: 2.5rem;
	font-weight: 900;
	line-height: 1;
}

.about-method__card h3,
.about-solution-link h3,
.about-recognition__card h3 {
	margin-block-start: 0;
}

.about-solution-links {
	gap: 1rem;
}

.about-solution-link {
	min-height: 13rem;
}

.about-solution-link a {
	color: var(--wp--preset--color--green);
	font-weight: 800;
}

.about-recognition__card {
	min-height: 20rem;
}

.about-recognition__logo {
	display: flex;
	min-height: 6.5rem;
	align-items: center;
	margin-block-end: 1.5rem;
	padding: 1rem 1.25rem;
	border-radius: var(--hz-radius-sm);
	background: var(--wp--preset--color--cream);
}

.about-recognition__logo img {
	display: block;
	width: 14rem;
	max-width: 100%;
	height: auto;
}

.about-recognition__logo .peblar-wordmark {
	width: 10rem;
}

.contact-hero {
	position: relative;
	overflow: hidden;
	padding-block: clamp(4rem, 8vw, 8rem);
	background:
		radial-gradient(circle at 88% 12%, rgba(245, 196, 0, 0.2), rgba(245, 196, 0, 0) 25rem),
		linear-gradient(135deg, #fff 0%, var(--wp--preset--color--cream) 100%);
}

.contact-hero::before {
	position: absolute;
	inset: 0 auto 0 0;
	width: 0.45rem;
	background: var(--wp--preset--color--sun);
	content: "";
}

.contact-hero__columns {
	width: min(calc(100% - 3rem), var(--wp--style--global--wide-size));
	max-width: var(--wp--style--global--wide-size) !important;
	margin-inline: auto !important;
	gap: clamp(2.5rem, 6vw, 6rem);
}

.contact-title {
	max-width: 12ch;
	margin-block: 0;
	font-size: clamp(2.8rem, 5.6vw, 5.4rem);
	line-height: 0.98;
	letter-spacing: -0.05em;
}

.contact-title mark {
	padding: 0;
	color: var(--wp--preset--color--green);
	background: linear-gradient(transparent 72%, var(--wp--preset--color--sun) 72%);
}

.contact-intro {
	max-width: 40rem;
	margin-block: 1.75rem 2rem;
	color: #4d5962;
}

.contact-card {
	padding: clamp(2rem, 4vw, 3rem);
	border: 1px solid var(--hz-border);
	border-radius: var(--hz-radius-lg);
	background: #fff;
	box-shadow: var(--hz-shadow);
}

.contact-card__emblem {
	display: block;
	width: 6.5rem;
	height: auto;
	margin-block-end: 1.25rem;
}

.contact-card h2 {
	margin-block-start: 0;
}

.contact-card p {
	padding-block: 0.8rem;
	border-bottom: 1px solid var(--hz-border);
}

.contact-card p:last-child {
	border-bottom: 0;
}

.contact-card a {
	color: var(--wp--preset--color--green);
	font-weight: 800;
	overflow-wrap: anywhere;
}

.contact-card__note {
	margin-block-end: 0;
	color: #5c6870;
}

.contact-promises {
	padding-block: 1.75rem;
}

.contact-promises h2,
.contact-promises p {
	margin-block: 0;
}

.contact-promises h2 {
	color: #fff;
}

.contact-promises p {
	margin-block-start: 0.35rem;
	color: rgba(255, 255, 255, 0.78);
}

.contact-process__steps {
	gap: 1.25rem;
}

.contact-process__step {
	padding: clamp(1.5rem, 3vw, 2.25rem);
	border: 1px solid var(--hz-border);
	border-radius: var(--hz-radius-md);
	background: #fff;
	box-shadow: 0 0.8rem 2.5rem rgba(31, 41, 51, 0.06);
}

.contact-process__step h3 {
	margin-block: 1.25rem 0.6rem;
}

.contact-form-columns {
	gap: clamp(2.5rem, 6vw, 6rem);
}

.contact-form-section h2 {
	color: #fff;
}

.contact-checklist {
	padding: 0;
	list-style: none;
}

.contact-checklist li {
	position: relative;
	padding-inline-start: 2rem;
}

.contact-checklist li + li {
	margin-block-start: 0.85rem;
}

.contact-checklist li::before {
	position: absolute;
	left: 0;
	color: var(--wp--preset--color--sun);
	content: "✓";
	font-weight: 900;
}

.contact-form-card .gform_wrapper input:not([type="submit"]),
.contact-form-card .gform_wrapper textarea,
.contact-form-card .gform_wrapper select {
	width: 100%;
	min-height: 3.25rem;
	padding: 0.8rem 0.9rem;
	border: 1px solid rgba(31, 41, 51, 0.25);
	border-radius: 0.55rem;
	color: var(--wp--preset--color--charcoal);
	background: #fff;
	font: inherit;
}

.contact-form-card .gform_wrapper textarea {
	min-height: 10rem;
	resize: vertical;
}

.contact-form-card .gform_wrapper input:not([type="submit"]):focus,
.contact-form-card .gform_wrapper textarea:focus,
.contact-form-card .gform_wrapper select:focus {
	border-color: var(--wp--preset--color--blue);
	outline: 3px solid rgba(18, 97, 160, 0.18);
}

.contact-form-card .gform_wrapper .gform_fields {
	row-gap: 1.35rem;
}

.contact-form-card .gform_wrapper .gfield_label {
	margin-block-end: 0.45rem;
	font-weight: 800;
}

.contact-form-card .gform_wrapper .gfield--type-name .ginput_complex {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0;
}

.contact-form-card .gform_wrapper .gfield--type-name .ginput_complex > span {
	width: 100%;
	margin: 0;
	padding: 0;
}

.contact-form-card .gform_wrapper .gfield_required {
	color: #b42318;
}

.contact-form-card .gform_wrapper .gfield_description {
	color: #5c6870;
	font-size: 0.88rem;
	line-height: 1.5;
}

.contact-form-card .gform_wrapper .gfield_error input:not([type="submit"]),
.contact-form-card .gform_wrapper .gfield_error textarea,
.contact-form-card .gform_wrapper .gfield_error select {
	border-color: #b42318;
	background: #fff8f7;
}

.contact-form-card .gform_wrapper .validation_message,
.contact-form-card .gform_wrapper .gfield_validation_message {
	margin-block-start: 0.45rem;
	padding: 0;
	border: 0;
	color: #8f1d14;
	background: transparent;
	font-weight: 700;
}

.contact-form-card .gform_wrapper .gform_validation_errors {
	margin-block: 0 1.5rem;
	padding: 1rem 1.1rem;
	border: 1px solid rgba(180, 35, 24, 0.35);
	border-radius: var(--hz-radius-sm);
	background: #fff4f2;
	box-shadow: none;
}

.contact-form-card .gform_wrapper .gform_validation_errors h2 {
	margin: 0;
	color: #8f1d14;
	font-size: 1rem;
	line-height: 1.5;
}

.contact-form-card .gform_wrapper .gform_footer {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-block-start: 1.5rem;
	padding: 0;
}

.contact-form-card .gform_wrapper .gform_button {
	min-width: 10rem;
}

.contact-form-card .gform_wrapper .gform_ajax_spinner {
	width: 1.5rem;
	height: 1.5rem;
	margin: 0;
}

.contact-form-card .gform_confirmation_message,
.contact-form-card .gform_confirmation_wrapper {
	padding: 1.25rem;
	border: 1px solid rgba(24, 77, 59, 0.25);
	border-radius: var(--hz-radius-sm);
	color: var(--wp--preset--color--green);
	background: #f0f8f4;
	font-weight: 700;
	line-height: 1.6;
}

.contact-privacy {
	margin-block: 1.5rem 0;
	color: #5c6870;
	font-size: 0.85rem;
}

.contact-privacy a {
	color: var(--wp--preset--color--green);
}

.legal-hero {
	padding-block: clamp(4rem, 8vw, 8rem);
	border-left: 0.45rem solid var(--wp--preset--color--sun);
	background:
		radial-gradient(circle at 90% 15%, rgba(245, 196, 0, 0.15), transparent 28rem),
		var(--wp--preset--color--cream);
}

.legal-hero__columns,
.legal-layout {
	gap: clamp(2rem, 6vw, 6rem);
}

.legal-title {
	margin-block: 0.5rem 1rem;
	font-size: clamp(3rem, 7vw, 6rem);
	letter-spacing: -0.055em;
	line-height: 0.95;
}

.legal-intro {
	max-width: 44rem;
	color: #58636c;
	line-height: 1.6;
}

.legal-summary,
.legal-toc {
	padding: clamp(1.5rem, 3vw, 2.5rem);
	border: 1px solid var(--hz-border);
	border-radius: var(--hz-radius-lg);
	background: #fff;
	box-shadow: var(--hz-shadow);
}

.legal-summary ul {
	padding-inline-start: 1.2rem;
}

.legal-section {
	background: #fff;
}

.legal-layout {
	align-items: flex-start;
}

.legal-toc {
	position: sticky;
	top: 2rem;
}

.legal-toc ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.legal-toc li + li {
	margin-block-start: 0.65rem;
}

.legal-toc a {
	color: var(--wp--preset--color--green);
	font-weight: 700;
}

.legal-copy {
	max-width: 52rem;
}

.legal-copy h2 {
	margin-block: 3rem 1rem;
	padding-block-start: 0.4rem;
	font-size: clamp(1.55rem, 3vw, 2.1rem);
	scroll-margin-top: 2rem;
}

.legal-copy h2:first-child {
	margin-block-start: 0;
}

.legal-copy p,
.legal-copy li {
	color: #39454e;
	line-height: 1.75;
}

.legal-copy li + li {
	margin-block-start: 0.55rem;
}

.legal-copy a {
	color: var(--wp--preset--color--green);
}

@media (max-width: 1080px) {
	.site-header .header-cta {
		display: none !important;
	}

	.site-header__inner {
		min-height: 5rem;
	}

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

@media (min-width: 1051px) {
	.workarea-hero__columns {
		display: grid;
		grid-template-columns: minmax(0, 1.45fr) minmax(20rem, 0.75fr);
		align-items: center;
	}

	.workarea-hero__columns > .wp-block-column {
		width: auto !important;
		flex-basis: auto !important;
	}
}

@media (min-width: 782px) and (max-width: 1050px) {
	.workarea-hero__columns {
		display: grid;
		grid-template-columns: 1fr;
		gap: 2.5rem;
	}

	.workarea-hero__columns > .wp-block-column {
		width: 100% !important;
		flex-basis: auto !important;
	}

	.workarea-map-card {
		max-width: 38rem;
	}
}

@media (max-width: 781px) {
	.legal-hero {
		padding-block: 3rem;
	}

	.legal-title {
		font-size: clamp(2.55rem, 13vw, 4rem);
		overflow-wrap: anywhere;
	}

	.legal-hero__columns,
	.legal-layout {
		display: flex;
		flex-direction: column;
	}

	.legal-hero__columns > .wp-block-column,
	.legal-layout > .wp-block-column {
		width: 100% !important;
		flex-basis: auto !important;
	}

	.legal-toc {
		position: static;
	}

	.home-hero {
		padding-block-start: 3rem;
	}

	.home-hero__columns {
		display: flex;
		flex-direction: column;
		width: 100%;
		margin-inline: auto !important;
		padding-inline: 0;
	}

	.home-hero__columns > .wp-block-column {
		width: 100% !important;
		min-width: 0;
		flex-basis: auto !important;
	}

	.hero-title {
		max-width: 100%;
		font-size: clamp(2rem, 8.5vw, 2.3rem);
		letter-spacing: -0.035em;
		overflow-wrap: normal;
		word-break: normal;
	}

	.hero-intro {
		font-size: 1rem !important;
		line-height: 1.55;
	}

	.hero-visual {
		margin-block-start: 1rem;
	}

	.hero-visual img {
		max-height: 31rem;
		object-fit: contain;
	}

	.benefit-grid > .wp-block-column {
		padding-block: 0.75rem;
	}

	.solution-card--primary {
		transform: none;
	}

	.final-cta > .wp-block-group {
		display: block;
	}

	.final-cta h2 {
		font-size: clamp(1.9rem, 8vw, 2.4rem);
	}

	.site-footer__grid {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 2.5rem;
	}

	.site-footer__grid > * {
		min-width: 0;
	}

	.site-footer__bottom {
		width: 100%;
		flex-direction: column;
		align-items: flex-start;
		gap: 0.75rem;
	}

	.site-footer__bottom p {
		max-width: 100%;
		margin-block: 0;
	}

	.battery-hero__columns,
	.battery-fit > .wp-block-columns,
	.victron-section__card,
	.battery-advice > .wp-block-columns,
	.battery-contact > .wp-block-columns {
		display: flex;
		flex-direction: column;
	}

	.battery-hero__columns > .wp-block-column,
	.battery-fit > .wp-block-columns > .wp-block-column,
	.victron-section__card > .wp-block-column,
	.battery-advice > .wp-block-columns > .wp-block-column,
	.battery-contact > .wp-block-columns > .wp-block-column {
		width: 100% !important;
		min-width: 0;
		flex-basis: auto !important;
	}

	.battery-title {
		max-width: 100%;
		font-size: clamp(2.2rem, 9vw, 3rem);
	}

	.battery-intro {
		font-size: 1.05rem !important;
	}

	.battery-highlights > .wp-block-columns {
		display: grid;
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}

	.solar-hero__columns,
	.solar-system > .wp-block-columns,
	.solar-process > .wp-block-columns,
	.solar-contact > .wp-block-columns,
	.peblar-installation > .wp-block-columns,
	.peblar-use > .wp-block-columns,
	.peblar-process > .wp-block-columns {
		display: flex;
		flex-direction: column;
	}

	.solar-hero__columns > .wp-block-column,
	.solar-system > .wp-block-columns > .wp-block-column,
	.solar-process > .wp-block-columns > .wp-block-column,
	.solar-contact > .wp-block-columns > .wp-block-column,
	.peblar-installation > .wp-block-columns > .wp-block-column,
	.peblar-use > .wp-block-columns > .wp-block-column,
	.peblar-process > .wp-block-columns > .wp-block-column {
		width: 100% !important;
		min-width: 0;
		flex-basis: auto !important;
	}

	.solar-highlights > .wp-block-columns {
		display: grid;
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}

	.solar-gallery {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.solar-gallery > .wp-block-column:last-child {
		grid-column: 1 / -1;
	}
}

@media (max-width: 600px) {
	.site-header {
		padding-inline: 0;
	}

	.brand-link img {
		width: min(12.5rem, 68vw);
	}

	.site-header__inner {
		flex-wrap: nowrap;
		min-height: 4.75rem;
		gap: 0.75rem;
		padding-inline: 0.25rem;
	}

	.site-navigation {
		flex: 0 0 auto;
	}

	.site-navigation .wp-block-navigation__responsive-container.is-menu-open {
		padding: 1.5rem;
		background: #fff;
	}

	.site-navigation .wp-block-navigation__responsive-container.is-menu-open
		.wp-block-navigation__responsive-container-content {
		align-items: flex-start;
		padding-block-start: 4.5rem;
	}

	.site-navigation .wp-block-navigation__responsive-container.is-menu-open
		.wp-block-navigation__container {
		width: 100%;
		align-items: flex-start !important;
		gap: 1.25rem;
	}

	.site-navigation .wp-block-navigation__responsive-container.is-menu-open
		.wp-block-navigation-item {
		width: 100%;
		align-items: flex-start;
		font-size: 1.45rem;
		text-align: left;
	}

	.home-hero {
		padding-block: 2.75rem 3.5rem;
		background: var(--wp--preset--color--sun) !important;
		background-image: none !important;
	}

	.home-hero__columns {
		position: relative;
		z-index: 1;
		gap: 2rem;
		background: var(--wp--preset--color--sun) !important;
		background-image: none !important;
	}

	.home-hero__columns > .wp-block-column {
		background: var(--wp--preset--color--sun) !important;
		background-image: none !important;
	}

	.home-hero::after,
	.home-hero__columns::before,
	.home-hero__columns::after,
	.home-hero__columns > .wp-block-column::before,
	.home-hero__columns > .wp-block-column::after,
	.hero-actions::before,
	.hero-actions::after,
	.hero-proof::before,
	.hero-proof::after,
	.hero-visual::before,
	.hero-visual::after {
		display: none !important;
		content: none !important;
	}

	.home-hero__columns > .hero-visual {
		z-index: 2;
		overflow: hidden;
		border-radius: 1rem;
		background: var(--wp--preset--color--cream) !important;
		box-shadow: none;
		isolation: isolate;
	}

	.charger-hero {
		background: var(--wp--preset--color--sun) !important;
		background-image: none !important;
	}

	.charger-hero .solar-hero__columns {
		position: relative;
		z-index: 1;
		background: var(--wp--preset--color--sun) !important;
		background-image: none !important;
	}

	.charger-hero .solar-hero__columns > .wp-block-column {
		background: var(--wp--preset--color--sun) !important;
		background-image: none !important;
	}

	.charger-hero::before,
	.charger-hero::after,
	.charger-hero .solar-hero__columns::before,
	.charger-hero .solar-hero__columns::after,
	.charger-hero .solar-hero__columns > .wp-block-column::before,
	.charger-hero .solar-hero__columns > .wp-block-column::after,
	.charger-hero .solar-actions::before,
	.charger-hero .solar-actions::after,
	.charger-hero__visual::before,
	.charger-hero__visual::after {
		display: none !important;
		content: none !important;
	}

	.charger-hero .solar-hero__columns > .charger-hero__visual {
		z-index: 2;
		overflow: hidden;
		border-radius: 1rem;
		background: #fff !important;
		box-shadow: none;
		isolation: isolate;
	}

	.about-hero__columns,
	.about-story > .wp-block-columns,
	.about-solutions > .wp-block-columns,
	.about-method__cards,
	.about-recognition__cards {
		display: flex;
		flex-direction: column;
	}

	.contact-hero__columns,
	.contact-process__steps,
	.contact-form-columns {
		display: flex;
		flex-direction: column;
	}

	.about-hero__columns > .wp-block-column,
	.about-story > .wp-block-columns > .wp-block-column,
	.about-solutions > .wp-block-columns > .wp-block-column,
	.about-method__cards > .wp-block-column,
	.about-recognition__cards > .wp-block-column {
		width: 100% !important;
		min-width: 0;
	}

	.contact-hero__columns > .wp-block-column,
	.contact-process__steps > .wp-block-column,
	.contact-form-columns > .wp-block-column {
		width: 100% !important;
		min-width: 0;
		flex-basis: auto !important;
	}

	.about-hero {
		overflow: hidden;
		padding-block: 3.5rem;
	}

	.about-hero > .about-hero__columns {
		width: calc(100% - 2rem) !important;
		max-width: calc(100% - 2rem) !important;
		margin-inline: auto !important;
		padding-inline: 0 !important;
		gap: 2rem;
	}

	.about-hero__columns > .wp-block-column {
		max-width: 100% !important;
		margin-inline: 0 !important;
		flex-basis: auto !important;
	}

	.about-title {
		width: 100%;
		max-width: 100%;
		margin-inline: 0;
		font-size: clamp(2.35rem, 11vw, 3.35rem);
	}

	.about-hero .eyebrow,
	.about-intro,
	.about-hero .hero-actions {
		width: 100%;
		max-width: 100%;
		margin-inline: 0;
	}

	.about-identity-card {
		width: 100%;
		max-width: 100%;
		margin-inline: 0;
		margin-block-start: 1rem;
	}

	.about-story {
		padding-block: 3.5rem;
	}

	.about-method__card,
	.about-recognition__card {
		min-height: 0;
	}

	.contact-hero {
		padding-block: 3.5rem;
	}

	.contact-hero > .contact-hero__columns {
		width: calc(100% - 2rem) !important;
		max-width: calc(100% - 2rem) !important;
		margin-inline: auto !important;
		padding-inline: 0 !important;
		gap: 2rem;
	}

	.contact-title {
		width: 100%;
		max-width: 100%;
		font-size: clamp(2.35rem, 11vw, 3.35rem);
	}

	.contact-intro {
		width: 100%;
		max-width: 100%;
		font-size: 1.05rem !important;
	}

	.contact-card {
		width: 100%;
		max-width: 100%;
		margin-block-start: 1rem;
	}

	.contact-form-card .gform_wrapper .gform_footer {
		align-items: stretch;
		flex-direction: column;
	}

	.contact-form-card .gform_wrapper .gform_button {
		width: 100%;
	}

	.contact-promises > .wp-block-columns {
		display: grid;
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}

	.contact-promises {
		padding-inline: 1.25rem;
	}

	.contact-promises > .wp-block-columns {
		width: 100%;
		max-width: 100% !important;
		margin-inline: 0 !important;
	}

	.eyebrow {
		font-size: 0.7rem;
		letter-spacing: 0.1em;
	}

	.hero-proof {
		display: grid !important;
		grid-template-columns: 1fr;
		gap: 0.45rem;
	}

	.benefit-strip {
		padding-block: 1.25rem;
	}

	.section {
		padding-block: 4rem;
	}

	.solution-card {
		min-height: auto;
	}

	.solution-card h3 {
		margin-block-start: 2rem;
	}

	.process-list {
		padding: 1.25rem;
		border-radius: var(--hz-radius-md);
	}

	.final-cta {
		padding-block: 3.5rem;
	}

	.final-cta .wp-block-buttons,
	.final-cta .wp-block-button,
	.final-cta .wp-block-button__link {
		width: 100%;
	}

	.final-cta .wp-block-button__link {
		text-align: center;
	}

	.site-footer {
		padding-block: 3rem 1.25rem;
	}

	.footer-emblem {
		width: 4.75rem;
		height: auto;
	}

	.battery-hero {
		padding-block: 3rem 3.5rem;
	}

	.solar-hero {
		padding-block: 3rem 3.5rem;
	}

	.charger-hero__visual,
	.charger-system__image,
	.charger-example__image,
	.peblar-hero__visual,
	.peblar-installation__image,
	.peblar-use__image {
		margin-block-start: 1rem;
	}

	.peblar-title {
		max-width: 100%;
	}

	.peblar-hero {
		background: var(--wp--preset--color--sun) !important;
		background-image: none !important;
	}

	.peblar-hero__card,
	.peblar-installation__image figure,
	.peblar-use__image figure {
		padding: 0.9rem;
		border-radius: 1rem;
		box-shadow: none;
	}

	.charger-hero__visual figure,
	.charger-system__image figure,
	.charger-example__image figure {
		padding: 0.75rem;
		border-radius: 1rem;
		box-shadow: none;
	}

	.solar-title {
		max-width: 100%;
		font-size: clamp(2.2rem, 9vw, 3rem);
	}

	.solar-intro {
		font-size: 1.05rem !important;
	}

	.solar-actions .wp-block-button,
	.solar-actions .wp-block-button__link {
		width: 100%;
	}

	.solar-actions .wp-block-button__link {
		text-align: center;
	}

	.solar-hero__visual figure {
		transform: none;
		overflow: hidden;
		border-radius: 1rem;
		box-shadow: none;
		clip-path: inset(0 round 1rem);
		isolation: isolate;
	}

	.solar-hero__visual img {
		border-radius: 0.7rem;
	}

	.solar-choice__grid,
	.solar-gallery {
		grid-template-columns: 1fr;
	}

	.solar-gallery > .wp-block-column:last-child {
		grid-column: auto;
	}

	.solar-gallery img {
		height: 16rem;
	}

	.solar-process__steps {
		padding: 1.25rem;
		border-radius: var(--hz-radius-md);
	}

	.battery-actions .wp-block-button,
	.battery-actions .wp-block-button__link {
		width: 100%;
	}

	.battery-actions .wp-block-button__link {
		text-align: center;
	}

	.battery-hero__visual {
		margin-block-start: 1rem;
	}

	.battery-step {
		padding: 1.5rem;
	}

	.advice-card,
	.form-card {
		padding: 1.5rem;
		border-radius: var(--hz-radius-md);
	}

	.victron-section__card {
		padding: 1.25rem;
		border-radius: var(--hz-radius-md);
	}

	.victron-section__brand {
		padding: 1.25rem;
	}

	.hero-actions .wp-block-button,
	.hero-actions .wp-block-button__link {
		width: 100%;
	}

	.hero-actions .wp-block-button__link {
		text-align: center;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	.wp-block-button__link {
		transition: none;
	}
}


/* Werkgebied */
.workarea-hero {
	padding-block: clamp(4rem, 8vw, 8rem);
	border-left: 0.45rem solid var(--wp--preset--color--sun);
	background:
		radial-gradient(circle at 92% 15%, rgba(245, 196, 0, 0.16), transparent 28rem),
		var(--wp--preset--color--cream);
}

.workarea-hero__columns {
	gap: clamp(2.5rem, 5vw, 5.5rem);
}

.workarea-hero__columns > .wp-block-column {
	min-width: 0;
}

.workarea-title {
	max-width: 13ch;
	margin-block: 0.6rem 1.5rem;
	font-size: clamp(3.2rem, 5.2vw, 5.6rem);
	letter-spacing: -0.055em;
	line-height: 0.94;
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.workarea-intro {
	max-width: 46rem;
	color: #58636c;
	line-height: 1.65;
}

.workarea-map-card {
	position: relative;
	overflow: hidden;
	padding: clamp(2rem, 4vw, 3.5rem);
	border: 1px solid var(--hz-border);
	border-radius: var(--hz-radius-lg);
	background: #fff;
	box-shadow: var(--hz-shadow);
}

.workarea-map-card::after {
	position: absolute;
	right: -3rem;
	bottom: -4rem;
	width: 13rem;
	height: 13rem;
	border: 2rem solid rgba(245, 196, 0, 0.18);
	border-radius: 50%;
	content: "";
}

.workarea-map-card__emblem {
	display: block;
	width: 6.5rem;
	height: auto;
	margin-block-end: 1.4rem;
}

.workarea-map-card__label {
	margin-block: 0;
	color: var(--wp--preset--color--green);
	font-size: 0.82rem;
	font-weight: 900;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.workarea-map-card h2 {
	position: relative;
	z-index: 1;
	max-width: 18rem;
	margin-block: 0.65rem 1.5rem;
}

.workarea-regions {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.65rem;
}

.workarea-regions p {
	margin: 0;
	padding: 0.7rem 0.85rem;
	border-radius: 999px;
	color: var(--wp--preset--color--green);
	background: var(--wp--preset--color--cream);
	font-weight: 800;
	text-align: center;
	overflow-wrap: normal;
	word-break: keep-all;
	hyphens: none;
}

.workarea-map-card__note {
	position: relative;
	z-index: 1;
	margin-block: 1.5rem 0;
	color: #5c6870;
}

.workarea-promises {
	padding-block: 1.75rem;
}

.workarea-promises h2,
.workarea-promises p {
	margin-block: 0;
}

.workarea-promises h2 {
	color: #fff;
}

.workarea-promises p {
	margin-block-start: 0.35rem;
	color: rgba(255, 255, 255, 0.78);
}

.workarea-method__steps {
	gap: 1.25rem;
}

.workarea-method__step {
	padding: clamp(1.5rem, 3vw, 2.4rem);
	border: 1px solid var(--hz-border);
	border-radius: var(--hz-radius-md);
	background: #fff;
	box-shadow: 0 0.8rem 2.5rem rgba(31, 41, 51, 0.06);
}

.workarea-method__step h3 {
	margin-block: 1.25rem 0.65rem;
}

.workarea-solutions > .wp-block-columns,
.workarea-reach > .wp-block-columns {
	gap: clamp(2.5rem, 7vw, 7rem);
}

.workarea-solution-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
}

.workarea-solution-card {
	padding: 1.6rem;
	border: 1px solid var(--hz-border);
	border-radius: var(--hz-radius-md);
	background: #fff;
	box-shadow: 0 0.7rem 2rem rgba(31, 41, 51, 0.05);
}

.workarea-solution-card h3 {
	margin-block-start: 0;
}

.workarea-solution-card a {
	color: var(--wp--preset--color--green);
	font-weight: 800;
}

.workarea-checklist {
	padding: 0;
	list-style: none;
}

.workarea-checklist li {
	position: relative;
	padding-inline-start: 2rem;
}

.workarea-checklist li + li {
	margin-block-start: 0.8rem;
}

.workarea-checklist li::before {
	position: absolute;
	left: 0;
	color: var(--wp--preset--color--green);
	content: "✓";
	font-weight: 900;
}

.workarea-contact-card {
	padding: clamp(2rem, 4vw, 3rem);
	border-radius: var(--hz-radius-lg);
	color: #fff;
	background: var(--wp--preset--color--green);
	box-shadow: var(--hz-shadow);
}

.workarea-contact-card h3 {
	color: #fff;
	font-size: clamp(1.8rem, 3vw, 2.6rem);
}

.workarea-contact-card .eyebrow {
	color: var(--wp--preset--color--sun);
}

@media (max-width: 781px) {
	.workarea-hero__columns,
	.workarea-method__steps,
	.workarea-solutions > .wp-block-columns,
	.workarea-reach > .wp-block-columns {
		display: flex;
		flex-direction: column;
	}

	.workarea-hero__columns > .wp-block-column,
	.workarea-method__steps > .wp-block-column,
	.workarea-solutions > .wp-block-columns > .wp-block-column,
	.workarea-reach > .wp-block-columns > .wp-block-column {
		width: 100% !important;
		min-width: 0;
		flex-basis: auto !important;
	}

	.workarea-promises > .wp-block-columns {
		display: grid;
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}

	.workarea-title {
		font-size: clamp(2.45rem, 11vw, 3.6rem);
	}

	.workarea-solution-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 600px) {
	.workarea-hero {
		padding-block: 3.25rem;
		overflow: hidden;
	}

	.workarea-hero > .workarea-hero__columns {
		width: calc(100% - 2rem) !important;
		max-width: calc(100% - 2rem) !important;
		margin-inline: auto !important;
		padding-inline: 0 !important;
		gap: 2rem;
	}

	.workarea-intro {
		font-size: 1.05rem !important;
	}

	.workarea-map-card {
		padding: 1.5rem;
		border-radius: var(--hz-radius-md);
		box-shadow: none;
	}

	.workarea-promises {
		padding-inline: 1.25rem;
	}

	.workarea-contact-card .wp-block-button,
	.workarea-contact-card .wp-block-button__link {
		width: 100%;
	}

	.workarea-contact-card .wp-block-button__link {
		text-align: center;
	}
}


/* Energy storage flow */
.battery-steps {
	position: relative;
	isolation: isolate;
}

.battery-steps::before {
	position: absolute;
	z-index: -1;
	top: 4.6rem;
	right: 12%;
	left: 12%;
	height: 0.22rem;
	border-radius: 999px;
	background: linear-gradient(90deg, #f5c400 0 30%, #1eab70 48% 52%, #155840 70% 100%);
	content: "";
	opacity: 0.45;
}

.battery-step {
	position: relative;
	overflow: hidden;
	transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.battery-step::after {
	position: absolute;
	right: -2.8rem;
	bottom: -3.4rem;
	width: 8rem;
	height: 8rem;
	border: 1.25rem solid rgba(245, 196, 0, 0.12);
	border-radius: 50%;
	content: "";
}

.battery-step:hover {
	transform: translateY(-0.3rem);
	border-color: rgba(21, 88, 64, 0.26);
	box-shadow: 0 1.3rem 3rem rgba(31, 41, 51, 0.11);
}

.battery-step--generate {
	background: linear-gradient(145deg, #fff 58%, rgba(245, 196, 0, 0.1));
}

.battery-step--store {
	background: linear-gradient(145deg, #fff 58%, rgba(30, 171, 112, 0.09));
}

.battery-step--use {
	background: linear-gradient(145deg, #fff 58%, rgba(18, 97, 160, 0.08));
}

.battery-step__visual {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 6.5rem;
	margin: calc(clamp(1.5rem, 3vw, 2.5rem) * -1) calc(clamp(1.5rem, 3vw, 2.5rem) * -1) 1.5rem;
	padding: 1.2rem 1.4rem;
	border-bottom: 1px solid rgba(21, 88, 64, 0.12);
	background: rgba(248, 246, 239, 0.72);
}

.battery-step__number {
	display: grid;
	width: 2.7rem;
	height: 2.7rem;
	border-radius: 50%;
	color: var(--wp--preset--color--charcoal);
	background: var(--wp--preset--color--sun);
	box-shadow: 0 0.45rem 1rem rgba(245, 196, 0, 0.28);
	font-weight: 900;
	place-items: center;
}

.battery-step__icon {
	width: 4.5rem;
	height: 4.5rem;
	overflow: visible;
	fill: none;
	stroke: var(--wp--preset--color--green);
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 3;
}

.battery-step--generate .battery-step__icon circle {
	fill: var(--wp--preset--color--sun);
	stroke: var(--wp--preset--color--sun);
}

.battery-step__icon .battery-step__bolt {
	fill: var(--wp--preset--color--sun);
	stroke: none;
}

.battery-step__icon .battery-step__flow {
	stroke: #1261a0;
}

.battery-step h3 {
	margin-block: 0 0.6rem;
}

@media (max-width: 781px) {
	.battery-steps::before {
		display: none;
	}

	.battery-step:hover {
		transform: none;
	}
}

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

/* Btw-teruggave thuisbatterij */
.vat-hero {
	padding-block: clamp(4rem, 7vw, 7rem);
	background:
		radial-gradient(circle at 88% 12%, rgba(245, 196, 0, 0.18), rgba(245, 196, 0, 0) 22rem),
		linear-gradient(135deg, #fff 0%, var(--wp--preset--color--cream) 100%);
}

.vat-hero__columns,
.vat-partner > .wp-block-columns,
.vat-contact > .wp-block-columns {
	gap: clamp(2.5rem, 6vw, 6rem);
}

.vat-title {
	max-width: 12ch;
	margin-block: 0;
	font-size: clamp(2.8rem, 5.4vw, 5.2rem);
	line-height: 1;
	letter-spacing: -0.045em;
}

.vat-title mark {
	padding-inline: 0.08em;
	color: var(--wp--preset--color--green);
	background: linear-gradient(transparent 68%, var(--wp--preset--color--sun) 68%);
}

.vat-intro {
	max-width: 42rem;
	margin-block: 1.75rem 2rem;
	color: #4f5b64;
}

.vat-hero__card,
.vat-partner__card {
	padding: clamp(1.75rem, 4vw, 3.25rem);
	border: 1px solid var(--hz-border);
	border-radius: var(--hz-radius-lg);
	background: #fff;
	box-shadow: var(--hz-shadow);
}

.vat-hero__card img {
	display: block;
	width: 7rem;
	height: auto;
	margin-inline: auto;
}

.vat-hero__card h2 {
	margin-block: 1.25rem 0.75rem;
	text-align: center;
}

.vat-hero__card p { color: #53606a; }
.vat-highlights { padding-block: 1.75rem; }
.vat-highlights h2,
.vat-highlights p { margin-block: 0; }
.vat-highlights h2 { color: #fff; }
.vat-highlights p {
	margin-block-start: 0.35rem;
	color: rgba(255, 255, 255, 0.78);
	font-size: 0.92rem;
}

.vat-condition-grid,
.vat-process-grid { gap: 1.25rem; }

.vat-condition,
.vat-process-step {
	padding: clamp(1.5rem, 3vw, 2.25rem);
	border: 1px solid var(--hz-border);
	border-radius: var(--hz-radius-md);
	background: #fff;
	box-shadow: 0 0.8rem 2.5rem rgba(31, 41, 51, 0.06);
}

.vat-condition h3,
.vat-process-step h3 { margin-block: 1.25rem 0.6rem; }

.vat-condition__icon {
	display: grid;
	width: 3.25rem;
	height: 3.25rem;
	place-items: center;
	border-radius: 50%;
	color: var(--wp--preset--color--green);
	background: var(--wp--preset--color--sun);
	font-size: 1.35rem;
	font-weight: 900;
}

.vat-partner__card {
	color: #fff;
	background: var(--wp--preset--color--green);
}

.vat-partner__card h2,
.vat-partner__card h3,
.vat-partner__card a,
.vat-contact h2,
.vat-contact a { color: #fff; }

.vat-partner__card .battery-checklist li::before { color: var(--wp--preset--color--sun); }

.vat-note {
	padding: clamp(1.5rem, 3vw, 2.5rem);
	border-inline-start: 0.4rem solid var(--wp--preset--color--sun);
	border-radius: 0 var(--hz-radius-md) var(--hz-radius-md) 0;
	background: #fff;
}

.vat-note p:last-child { margin-block-end: 0; }

@media (max-width: 781px) {
	.vat-hero__columns,
	.vat-partner > .wp-block-columns,
	.vat-contact > .wp-block-columns {
		display: flex;
		flex-direction: column;
	}

	.vat-hero__columns > .wp-block-column,
	.vat-partner > .wp-block-columns > .wp-block-column,
	.vat-contact > .wp-block-columns > .wp-block-column {
		width: 100% !important;
		min-width: 0;
		flex-basis: auto !important;
	}

	.vat-highlights > .wp-block-columns,
	.vat-condition-grid,
	.vat-process-grid {
		display: grid;
		grid-template-columns: 1fr;
	}

	.vat-title {
		max-width: 100%;
		font-size: clamp(2.45rem, 11vw, 4rem);
		overflow-wrap: normal;
		word-break: normal;
	}

	.vat-contact .wp-block-buttons { justify-content: flex-start; }
}

@media (max-width: 600px) {
	.vat-hero { padding-block: 3rem 3.5rem; }

	.vat-hero__columns,
	.vat-partner > .wp-block-columns,
	.vat-contact > .wp-block-columns { gap: 2rem; }

	.vat-hero__card,
	.vat-partner__card,
	.vat-condition,
	.vat-process-step,
	.vat-note { padding: 1.5rem; }

	.vat-page .battery-actions,
	.vat-page .battery-actions .wp-block-button,
	.vat-page .battery-actions .wp-block-button__link,
	.vat-contact .wp-block-buttons,
	.vat-contact .wp-block-button,
	.vat-contact .wp-block-button__link { width: 100%; }

	.vat-page .battery-actions .wp-block-button__link,
	.vat-contact .wp-block-button__link { text-align: center; }
}