/* Ecolumia 2.0 — huisstijl en effecten (donker met licht).
   Structuur komt uit Elementor-containers met eco-classes; dit bestand regelt opmaak en layout.
   Effecten (scroll-scènes, tellers, calculator) staan in eco.js. Bij prefers-reduced-motion staat alles stil. */

:root {
	--night: #080b10; --night-2: #0e141b; --night-3: #16202a; --line: #222e3b;
	--text: #eef1ec; --soft: #97a49f; --dim: #77847f;
	--green: #7cc243; --green-deep: #2f9a3c; --accent: #b9dd98; --warm: #ffbf6b; --lightbox: #f4f6f1; --ivory: #eef1ec;
	--eco-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
	--eco-body: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
	--eco-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
	--eco-serif: "Instrument Serif", Georgia, "Times New Roman", serif;
	--gl: max(20px, env(safe-area-inset-left, 0px)); --gr: max(20px, env(safe-area-inset-right, 0px));
	--ease: cubic-bezier(.2,.7,.2,1);
	--hh: 76px;
}

/* ---------- Basis + Elementor neutraliseren ---------- */
html, body.eco { overflow-x: clip; }
body.eco { margin: 0; background: var(--night); color: var(--text); font: 400 1.0625rem/1.65 var(--eco-body); -webkit-font-smoothing: antialiased;
	--kit-widget-spacing: 0px; --widgets-spacing: 0px; --widgets-spacing-row: 0px; --widgets-spacing-column: 0px; }
body.eco .e-con { --padding-top: 0px; --padding-right: 0px; --padding-bottom: 0px; --padding-left: 0px; --gap: 0px; --row-gap: 0px; --column-gap: 0px; --flex-wrap: nowrap; --border-radius: 0; }
body.eco .elementor-widget:not(:last-child) { margin-block-end: 0; }
body.eco .e-con > .elementor-widget, body.eco .e-con-full > .elementor-widget { max-width: 100%; }
body.eco p { margin: 0; }
body.eco a { color: inherit; }
:where(body.eco) img { max-width: 100%; height: auto; }
body.eco a:focus-visible, body.eco button:focus-visible, body.eco input:focus-visible, body.eco [role="tab"]:focus-visible { outline: 2px solid var(--green); outline-offset: 3px; }
body.eco ::selection { background: var(--green); color: #0b1408; }
.e-con.eco-inner, .eco-inner { max-width: 1320px; width: 100%; margin-inline: auto; padding-left: var(--gl); padding-right: var(--gr); box-sizing: border-box; }

/* Typografie */
body.eco .elementor-heading-title { font-family: var(--eco-display); font-weight: 500; letter-spacing: -.028em; line-height: 1.04; color: var(--text); text-wrap: balance; margin: 0; }
body.eco .elementor-heading-title em { font-family: var(--eco-serif); font-style: italic; font-weight: 400; letter-spacing: -.005em; color: var(--accent); }
body.eco .eco-h1 .elementor-heading-title { font-size: clamp(2.7rem, 6.2vw, 6rem); letter-spacing: -.03em; line-height: 1.02; max-width: 13ch; }
body.eco .eco-h2 .elementor-heading-title { font-size: clamp(2.1rem, 4.6vw, 4.2rem); }
.eco-t, .eco-t p { color: var(--soft); }
.eco-lede p { font-size: 1.15rem; line-height: 1.7; color: var(--soft); max-width: 36rem; }
.eco-small p { font-size: .9rem; color: var(--soft); }
body.eco .eco-eyebrow .elementor-heading-title, body.eco .eco-kicker .elementor-heading-title { display: inline-flex; align-items: center; gap: 1rem; font: 500 .72rem/1 var(--eco-mono); letter-spacing: .22em; text-transform: uppercase; color: rgba(238,241,236,.72); }
body.eco .eco-eyebrow .elementor-heading-title::before, body.eco .eco-kicker .elementor-heading-title::before { content: ""; width: 2.5rem; height: 1px; background: var(--green); flex: none; }

/* Knoppen */
.eco-btn .elementor-button { display: inline-flex; align-items: center; gap: .6rem; padding: 1.1rem 1.6rem; border-radius: 4px; font: 600 .95rem/1 var(--eco-body); letter-spacing: .01em; text-decoration: none; transition: transform .25s var(--ease), box-shadow .25s var(--ease), background .25s, border-color .25s, gap .3s var(--ease); fill: currentColor; }
.eco-btn-ivory .elementor-button { background: var(--ivory); color: #0a0e13; border: 0; }
.eco-btn-ivory .elementor-button:hover, .eco-btn-ivory .elementor-button:focus { background: #fff; color: #0a0e13; transform: translateY(-1px); box-shadow: 0 12px 40px -12px rgba(255,255,255,.35); }
.eco-btn-green .elementor-button { background: var(--green); color: #0b1408; }
.eco-btn-green .elementor-button:hover { background: #8fd056; color: #0b1408; transform: translateY(-1px); }
.eco-btn-ghost .elementor-button { background: transparent; color: var(--text); border: 1px solid rgba(238,241,236,.28); padding: .8rem 1.2rem; font-size: .88rem; }
.eco-btn-ghost .elementor-button:hover { border-color: var(--green); color: var(--text); background: transparent; }
.eco-btn-link .elementor-button { background: none; color: var(--text); padding: .5rem 0; border-radius: 0; border-bottom: 1px solid rgba(238,241,236,.3); font-weight: 500; }
.eco-btn-link .elementor-button:hover { border-color: var(--green); color: var(--text); background: none; gap: .9rem; }
.eco-btn .elementor-button-icon svg { width: .9rem; height: .9rem; }
.eco-btn .elementor-button-content-wrapper { gap: .6rem; }

/* ---------- Header (Theme Builder) ---------- */
.elementor-location-header { position: sticky; top: 0; z-index: 60; }
body.admin-bar .elementor-location-header { top: 32px; }
.e-con.eco-header { position: relative; height: var(--hh); justify-content: center; transition: background .35s, box-shadow .35s, backdrop-filter .35s; }
.eco-scrolled .e-con.eco-header, .e-con.eco-header.eco-solid { background: rgba(8,11,16,.84); backdrop-filter: blur(14px) saturate(1.2); -webkit-backdrop-filter: blur(14px) saturate(1.2); box-shadow: 0 1px 0 var(--line); }
.e-con.eco-header-row { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 1.5rem; height: 100%; }
.eco-logo img { width: 128px; display: block; }
.eco-nav .elementor-nav-menu--main .elementor-item { font: 500 .94rem/1 var(--eco-body); color: var(--soft); padding: .6rem 1.1rem; }
.eco-nav .elementor-nav-menu--main .elementor-item:hover, .eco-nav .elementor-nav-menu--main .elementor-item.elementor-item-active { color: var(--text); }
.eco-nav .elementor-nav-menu--main .elementor-item::after { background-color: var(--green) !important; height: 1px !important; box-shadow: 0 0 8px var(--green); }
.eco-nav .elementor-menu-toggle { background: transparent; color: var(--text); font-size: 26px; }
.eco-nav .elementor-menu-toggle svg { fill: var(--text); }
.eco-nav .elementor-nav-menu--dropdown { background: var(--night-2); border-top: 1px solid var(--line); }
.eco-nav .elementor-nav-menu--dropdown a { color: var(--text) !important; font: 500 1.1rem/1 var(--eco-body); padding: 1rem var(--gr) 1rem var(--gl) !important; border-bottom: 1px solid var(--line); background: transparent !important; }
.eco-nav .elementor-nav-menu--dropdown a.elementor-item-active { color: var(--accent) !important; }
.eco-beam-w { position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; pointer-events: none; }
.eco-beam { height: 2px; width: 100%; transform-origin: 0 50%; transform: scaleX(0); background: linear-gradient(90deg, var(--green-deep), var(--green) 70%, #e9ffd6); box-shadow: 0 0 14px 1px rgba(124,194,67,.7); }

/* ---------- Hero ---------- */
.e-con.eco-hero { position: relative; overflow: hidden; margin-top: calc(-1 * var(--hh)); min-height: 100vh; min-height: 100svh; display: grid; grid-template-rows: 1fr auto; background: #05070a; }
.eco-hero-bg { position: absolute !important; inset: -3%; z-index: 0; width: auto !important; max-width: none !important; }
.eco-hero-bg .elementor-widget-container, .eco-hero-bg img { width: 100%; height: 100%; }
.eco-hero-bg img { object-fit: cover; object-position: 50% 50%; opacity: 0; transform: scale(-1.08, 1.08); animation: eco-dim-up 3.2s cubic-bezier(.33,0,.2,1) .2s forwards, eco-drift 14s cubic-bezier(.2,.6,.2,1) .2s forwards; filter: saturate(.85) contrast(1.05); }
@keyframes eco-dim-up { to { opacity: 1; } }
@keyframes eco-drift { to { transform: scale(-1, 1); } } /* gespiegeld: donkere zijgevel achter de tekst */
.e-con.eco-hero::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
	background: linear-gradient(90deg, rgba(5,7,10,.94) 0%, rgba(5,7,10,.78) 30%, rgba(5,7,10,.12) 62%, rgba(5,7,10,.3) 100%), linear-gradient(0deg, var(--night) 0%, rgba(8,11,16,0) 30%), linear-gradient(180deg, rgba(5,7,10,.65) 0%, rgba(5,7,10,0) 20%); }
.e-con.eco-hero-copy { position: relative; z-index: 2; display: grid; align-content: end; gap: 2rem; padding-top: calc(var(--hh) + 3rem); padding-bottom: 2.6rem; will-change: transform, opacity; }
.eco-hero .eco-lede p { color: rgba(238,241,236,.72); font-weight: 300; max-width: 33rem; }
.e-con.eco-ctas { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 1.6rem; }
.eco-split .w { display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: .1em; margin-bottom: -.1em; }
.eco-split .w > span { display: inline-block; transform: translateY(100%); opacity: 0; animation: eco-rise 1.4s cubic-bezier(.2,.7,.1,1) forwards; }
@keyframes eco-rise { to { transform: none; opacity: 1; } }
.eco-fade { opacity: 0; transform: translateY(14px); animation: eco-fadeup 1.4s var(--ease) forwards; }
.eco-d1 { animation-delay: .9s; } .eco-d3 { animation-delay: 2s; } .eco-d4 { animation-delay: 2.25s; } .eco-d5 { animation-delay: 2.6s; }
@keyframes eco-fadeup { to { opacity: 1; transform: none; } }
.e-con.eco-hero-foot { position: relative; z-index: 2; border-top: 1px solid rgba(238,241,236,.14); }
.e-con.eco-hero-foot-row { display: grid; grid-template-columns: repeat(3, 1fr) auto; gap: 1.5rem; padding-top: 1.4rem; padding-bottom: 1.8rem; align-items: center; }
.eco-hf p { display: grid; gap: .35rem; font-size: .9rem; color: rgba(238,241,236,.62); }
.eco-hf b { font: 500 .7rem/1 var(--eco-mono); letter-spacing: .18em; text-transform: uppercase; color: var(--text); }
.eco-hf b i { font-style: normal; color: var(--green); margin-right: .6rem; }
.eco-scroll-hint { display: grid; justify-items: center; gap: .5rem; font: 500 .66rem/1 var(--eco-mono); letter-spacing: .2em; text-transform: uppercase; color: rgba(238,241,236,.55); }
.eco-scroll-hint i { width: 1px; height: 34px; background: rgba(238,241,236,.2); position: relative; overflow: hidden; }
.eco-scroll-hint i::after { content: ""; position: absolute; left: 0; top: -40%; width: 1px; height: 40%; background: var(--text); animation: eco-drip 2.4s cubic-bezier(.6,0,.4,1) infinite; }
@keyframes eco-drip { to { top: 100%; } }

/* Paginakop binnenpagina's */
.e-con.eco-phero { position: relative; overflow: hidden; margin-top: calc(-1 * var(--hh)); min-height: min(72vh, 680px); display: grid; align-items: end; background: #05070a; }
.eco-phero-bg { position: absolute !important; inset: 0; z-index: 0; width: auto !important; max-width: none !important; }
.eco-phero-bg .elementor-widget-container, .eco-phero-bg img { width: 100%; height: 100%; }
.eco-phero-bg img { object-fit: cover; opacity: 0; transform: scale(1.06); animation: eco-dim-up 2.4s cubic-bezier(.33,0,.2,1) .1s forwards, eco-drift-n 12s cubic-bezier(.2,.6,.2,1) .1s forwards; }
@keyframes eco-drift-n { to { transform: scale(1); } }
.e-con.eco-phero::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(90deg, rgba(5,7,10,.92) 0%, rgba(5,7,10,.7) 40%, rgba(5,7,10,.25) 100%), linear-gradient(0deg, var(--night) 0%, rgba(8,11,16,0) 45%); }
.e-con.eco-phero-copy { position: relative; z-index: 2; display: grid; gap: 1.6rem; padding-top: calc(var(--hh) + 5rem); padding-bottom: 4rem; }
body.eco .eco-phero .eco-h1 .elementor-heading-title { font-size: clamp(2.6rem, 5.6vw, 5.2rem); max-width: 16ch; }
.eco-phero .eco-lede p { color: rgba(238,241,236,.75); font-weight: 300; }

/* ---------- Cijfers + ticker ---------- */
.e-con.eco-stats { border-block: 1px solid var(--line); background: var(--night-2); position: relative; z-index: 3; }
.e-con.eco-stats-row { display: grid; grid-template-columns: repeat(4, 1fr); }
.e-con.eco-stat { padding: 2.3rem 1.4rem; display: grid; gap: .45rem; border-left: 1px solid var(--line); }
.e-con.eco-stat:first-child { border-left: 0; padding-left: 0; }
body.eco .eco-stat-num .elementor-heading-title { font: 400 clamp(2.4rem, 4.4vw, 3.8rem)/1 var(--eco-display); letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.eco-stat-num em { font-style: normal !important; font-family: var(--eco-display) !important; color: var(--accent); }
.eco-stat-cap p { font-size: .95rem; color: var(--soft); }
.eco-ticker { overflow: hidden; border-top: 1px solid var(--line); padding-block: .9rem; -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.eco-ticker > div { display: flex; gap: 2.6rem; width: max-content; font: 500 .8rem/1 var(--eco-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--dim); animation: eco-tick 44s linear infinite; }
.eco-ticker span::after { content: "/"; margin-left: 2.6rem; color: var(--green); }
@keyframes eco-tick { to { transform: translateX(-50%); } }

/* ---------- Gedeelde secties ---------- */
.e-con.eco-section { padding-top: clamp(5rem, 11vw, 9.5rem); padding-bottom: clamp(5rem, 11vw, 9.5rem); position: relative; }
.e-con.eco-head { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1.5rem; align-items: end; margin-bottom: clamp(2.5rem, 5vw, 4rem); }
.e-con.eco-head-title { grid-column: 1 / span 7; display: grid; gap: 1.1rem; }
.eco-head-p { grid-column: 8 / span 5; }

/* ---------- Relighting (vastgezette scène) ---------- */
.e-con.eco-relight { position: relative; height: 340vh; }
.e-con.eco-relight > .e-con.eco-stage { position: sticky; top: 0; height: 100vh; height: 100svh; display: grid; align-items: center; padding-top: var(--hh); overflow: hidden; }
.e-con.eco-relight .eco-stage::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(50rem 30rem at 30% 55%, rgba(255,191,107,calc(.10 * (1 - var(--w, 0)))), transparent 70%), radial-gradient(50rem 30rem at 30% 55%, rgba(124,194,67,calc(.12 * var(--w, 0))), transparent 70%); }
.e-con.eco-rl-grid { position: relative; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1.5rem; align-items: center; }
.eco-rl-mediawrap { grid-column: 1 / span 7; }
.eco-rl-media { position: relative; border-radius: 6px; overflow: hidden; aspect-ratio: 3 / 2; max-height: 70vh; max-width: 100%; box-shadow: 0 40px 120px -40px rgba(0,0,0,.9); }
.eco-rl-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.eco-rl-old { filter: sepia(.75) saturate(1.5) hue-rotate(-12deg) brightness(.42) contrast(.95); }
.eco-rl-led { filter: brightness(1.08) saturate(.85) contrast(1.06); clip-path: inset(0 calc((1 - var(--w, 0)) * 100%) 0 0); }
.eco-rl-seam { position: absolute; top: 0; bottom: 0; left: calc(var(--w, 0) * 100%); width: 2px; margin-left: -1px; background: #f4ffe9; box-shadow: 0 0 18px 4px rgba(124,194,67,.85), 0 0 60px 10px rgba(124,194,67,.35); opacity: calc(var(--w, 0) * (1 - var(--w, 0)) * 4); }
.eco-rl-tag { position: absolute; top: 1rem; padding: .45rem .7rem; border-radius: 3px; font: 500 .72rem/1 var(--eco-mono); letter-spacing: .1em; text-transform: uppercase; background: rgba(8,11,16,.7); backdrop-filter: blur(6px); }
.eco-rl-tag.old { left: 1rem; color: var(--warm); opacity: calc(1 - var(--w, 0)); }
.eco-rl-tag.new { right: 1rem; color: var(--green); opacity: var(--w, 0); }
.eco-rl-note { position: absolute; left: 1rem; bottom: .9rem; font: 400 .7rem/1 var(--eco-mono); color: rgba(238,241,236,.6); }
.e-con.eco-rl-side { grid-column: 9 / span 4; display: grid; gap: 1.3rem; }
body.eco .eco-rl-side .eco-h2 .elementor-heading-title { font-size: clamp(2rem, 3.6vw, 3.2rem); }
.eco-rl-steps { position: relative; min-height: 6.6rem; margin-bottom: 1.3rem; }
.eco-rl-steps p { position: absolute; inset: 0 0 auto 0; color: var(--soft); transition: opacity .5s, transform .5s var(--ease); opacity: 0; transform: translateY(10px); }
.eco-rl-steps p.on { opacity: 1; transform: none; }
.eco-rl-steps b { color: var(--text); font-weight: 600; }
.eco-meter { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; }
.eco-meter .m { background: var(--night-2); border: 1px solid var(--line); border-radius: 6px; padding: 1rem 1.1rem; display: grid; gap: .35rem; }
.eco-meter small { font: 500 .68rem/1.2 var(--eco-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--soft); }
.eco-meter b { font: 400 clamp(1.4rem, 2.2vw, 2rem)/1 var(--eco-display); letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.eco-meter .m.save { grid-column: span 2; border-color: rgba(124,194,67,calc(.2 + .6 * var(--w, 0))); box-shadow: 0 0 calc(40px * var(--w, 0)) -10px rgba(124,194,67,.6); }
.eco-meter .m.save b { color: var(--accent); font-size: clamp(1.8rem, 3vw, 2.8rem); }
.eco-meter .gauge { height: 8px; border-radius: 99px; background: var(--night-3); overflow: hidden; }
.eco-meter .gauge i { display: block; height: 100%; width: 100%; transform-origin: 0 50%; transform: scaleX(calc(.88 * var(--w, 0))); background: linear-gradient(90deg, var(--green-deep), var(--green)); box-shadow: 0 0 12px rgba(124,194,67,.7); border-radius: 99px; }

/* ---------- Toepassingen (horizontaal) ---------- */
.e-con.eco-hscroll { position: relative; }
.e-con.eco-hscroll > .e-con.eco-stage { position: sticky; top: 0; height: 100vh; height: 100svh; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto 1fr auto; padding-top: calc(var(--hh) + 2rem); padding-bottom: 2rem; gap: 1.6rem; }
.e-con.eco-hs-top { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; gap: 1.5rem; flex-wrap: wrap; }
.e-con.eco-hs-title { display: grid; gap: 1rem; width: auto; }
body.eco .eco-hs-top .eco-h2 .elementor-heading-title { font-size: clamp(2rem, 4vw, 3.6rem); }
.eco-hs-top .eco-lede { max-width: 28rem; }
.e-con.eco-track { display: flex; flex-direction: row; gap: 1.2rem; padding-left: max(var(--gl), calc((100vw - 1320px) / 2 + 20px)); padding-right: var(--gr); will-change: transform; min-height: 0; }
.e-con.eco-panel { position: relative; flex: 0 0 min(64vw, 900px); border-radius: 6px; overflow: hidden; background: var(--night-3); min-height: 0; }
.eco-panel-img { position: absolute !important; inset: 0; width: 100% !important; }
.eco-panel-img .elementor-widget-container, .eco-panel-img img { width: 100%; height: 100%; }
.eco-panel-img img { object-fit: cover; transform: scale(1.12); filter: brightness(.5) saturate(.8); transition: filter .9s var(--ease); }
.e-con.eco-panel.on .eco-panel-img img { filter: brightness(.85) saturate(1); }
.e-con.eco-panel::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(8,11,16,.94) 0%, rgba(8,11,16,.55) 38%, rgba(8,11,16,0) 65%); pointer-events: none; }
.e-con.eco-cap { position: absolute; left: 1.8rem; right: 1.8rem; bottom: 1.6rem; z-index: 1; display: grid; gap: .55rem; max-width: 34rem; }
body.eco .eco-no .elementor-heading-title { font: 500 .74rem/1 var(--eco-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--accent); text-shadow: 0 1px 8px rgba(0,0,0,.8); }
body.eco .eco-panel-title .elementor-heading-title { font-size: clamp(1.7rem, 3vw, 2.7rem); line-height: 1.02; }
.e-con.eco-panel.eco-intro { flex-basis: min(34vw, 460px); background: transparent; display: grid; align-content: end; padding-bottom: 1.6rem; }
.e-con.eco-panel.eco-intro::after { display: none; }
.eco-intro p { font: italic 400 clamp(1.5rem, 2.2vw, 2rem)/1.3 var(--eco-serif); color: var(--text); }
.eco-hbar { display: flex; align-items: center; gap: 1rem; font: 500 .75rem/1 var(--eco-mono); color: var(--soft); letter-spacing: .1em; }
.eco-hbar .rail { flex: 1; height: 2px; background: var(--line); position: relative; overflow: hidden; }
.eco-hbar .rail i { position: absolute; inset: 0; transform-origin: 0 50%; transform: scaleX(0); background: var(--green); box-shadow: 0 0 10px var(--green); }

/* ---------- Belofte ---------- */
.e-con.eco-statement { padding-top: clamp(6rem, 14vw, 12rem); padding-bottom: clamp(6rem, 14vw, 12rem); }
body.eco .eco-words .elementor-heading-title { font: 400 clamp(2rem, 4.8vw, 4.4rem)/1.1 var(--eco-display); letter-spacing: -.03em; max-width: 21ch; }
.eco-words .wd { color: rgba(238,241,236,.13); transition: color .35s; }
.eco-words .wd.on { color: var(--text); }
.eco-words .wd.g, .eco-words .g { font-family: var(--eco-serif); font-style: italic; letter-spacing: -.005em; }
.eco-words .wd.g.on { color: var(--accent); }
body.eco .eco-cite .elementor-heading-title { font: 500 .78rem/1 var(--eco-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--soft); }

/* ---------- Producten ---------- */
.e-con.eco-products { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.e-con.eco-product { --x: 50%; --y: 40%; position: relative; text-decoration: none; color: inherit; border-radius: 6px; background: var(--night-2); border: 1px solid var(--line); overflow: hidden; display: grid; grid-template-rows: auto 1fr; transition: border-color .3s, transform .5s var(--ease), opacity 1.1s var(--ease); }
.e-con.eco-product::before { content: ""; position: absolute; inset: -1px; border-radius: inherit; background: radial-gradient(22rem 22rem at var(--x) var(--y), rgba(124,194,67,.22), transparent 60%); opacity: 0; transition: opacity .3s; pointer-events: none; z-index: 2; mix-blend-mode: screen; }
.e-con.eco-product:hover::before { opacity: 1; }
.e-con.eco-product:hover { border-color: rgba(124,194,67,.55); }
.e-con.eco-box { position: relative; background: #0f151c; aspect-ratio: 4 / 3; display: grid; place-items: center; padding: 1.4rem; transition: background 1.1s var(--ease); }
.eco-product.on .e-con.eco-box, .eco-pcard.on .e-con.eco-box { background: radial-gradient(circle at 50% 42%, #ffffff 0%, var(--lightbox) 55%, #dfe4dc 100%); }
.eco-box-img { width: 100%; display: grid; place-items: center; }
.eco-box-img img { width: auto; height: auto; max-width: 76%; max-height: 220px; object-fit: contain; mix-blend-mode: multiply; opacity: .25; transform: scale(.94); transition: opacity 1.1s var(--ease), transform 1.1s var(--ease); margin-inline: auto; display: block; }
.eco-product.on .eco-box-img img, .eco-pcard.on .eco-box-img img { opacity: 1; transform: none; }
.eco-product:hover .eco-box-img img { transform: scale(1.04); }
.e-con.eco-ptxt { padding: 1.2rem 1.3rem 1.4rem; display: grid; gap: .35rem; align-content: start; }
body.eco .eco-ptitle .elementor-heading-title { font-size: 1.25rem; letter-spacing: -.015em; line-height: 1.2; }
.eco-spec p { font: 400 .8rem/1.4 var(--eco-mono); color: var(--soft); }
.eco-product .eco-html { position: absolute; right: 1.1rem; bottom: 1.2rem; }
.eco-go { width: 2.2rem; height: 2.2rem; border-radius: 50%; border: 1px solid var(--line); display: grid; place-items: center; transition: background .3s, border-color .3s, transform .3s var(--ease); }
.eco-product:hover .eco-go { background: var(--green); border-color: var(--green); color: #0b1408; transform: rotate(-45deg); }
.eco-go svg { width: .9rem; height: .9rem; }
.eco-chips { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.4rem; }
.eco-chips a { font: 500 .78rem/1 var(--eco-mono); letter-spacing: .06em; padding: .65rem .9rem; border: 1px solid var(--line); border-radius: 3px; color: var(--soft); text-decoration: none; transition: border-color .25s, color .25s; }
.eco-chips a:hover { border-color: var(--green); color: var(--text); }

/* ---------- Werkwijze ---------- */
.e-con.eco-proc-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1.5rem; }
.e-con.eco-proc-sticky { grid-column: 1 / span 5; position: sticky; top: calc(var(--hh) + 3rem); align-self: start; display: grid; gap: 1.2rem; }
.e-con.eco-steps { grid-column: 7 / span 6; position: relative; padding-left: 2.6rem; display: grid; gap: clamp(3rem, 8vw, 6rem); }
.e-con.eco-steps::before { content: ""; position: absolute; left: .55rem; top: .4rem; bottom: .4rem; width: 2px; background: var(--line); }
.eco-fillwrap { position: absolute !important; left: .55rem; top: .4rem; bottom: .4rem; width: 2px !important; }
.eco-fillwrap .elementor-widget-container { height: 100%; }
.eco-fill { display: block; height: 100%; width: 2px; background: linear-gradient(var(--green-deep), var(--green)); box-shadow: 0 0 10px rgba(124,194,67,.45); transform-origin: 50% 0; transform: scaleY(0); }
.e-con.eco-step { position: relative; display: grid; gap: .6rem; }
.e-con.eco-step::before { content: ""; position: absolute; left: -2.6rem; top: .35rem; width: 1.15rem; height: 1.15rem; border-radius: 50%; background: var(--night); border: 2px solid var(--line); transition: border-color .4s, box-shadow .4s, background .4s; box-sizing: border-box; }
.e-con.eco-step.on::before { border-color: var(--green); background: var(--green); box-shadow: 0 0 0 5px rgba(124,194,67,.15); }
body.eco .eco-step-no .elementor-heading-title { font: 500 .74rem/1 var(--eco-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--green); }
body.eco .eco-step-title .elementor-heading-title { font-size: clamp(1.4rem, 2.4vw, 2rem); }
.eco-step .eco-t p { max-width: 32rem; }

/* ---------- Klantervaring ---------- */
.e-con.eco-review { background: var(--night-2); border-block: 1px solid var(--line); overflow: hidden; }
.e-con.eco-review-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1.5rem; align-items: center; padding-top: clamp(4.5rem, 9vw, 7rem); padding-bottom: clamp(4.5rem, 9vw, 7rem); }
.e-con.eco-review-img { grid-column: 1 / span 5; overflow: hidden; border-radius: 6px; aspect-ratio: 5 / 4; position: relative; }
.eco-review-img .eco-img { position: absolute !important; inset: 0; width: 100% !important; }
.eco-review-img .elementor-widget-container { height: 100%; }
.eco-review-img img { width: 100%; height: 118%; object-fit: cover; will-change: transform; }
.e-con.eco-quote { grid-column: 7 / span 6; display: grid; gap: 1.2rem; }
.eco-quote-text p { font: italic 400 clamp(1.7rem, 3vw, 2.6rem)/1.22 var(--eco-serif); letter-spacing: -.005em; color: var(--text); }
.eco-stars { color: var(--warm); letter-spacing: .2em; font-size: 1.1rem; }
body.eco .eco-quote .eco-cite .elementor-heading-title { margin-top: 0; }

/* ---------- Calculator + contact ---------- */
.e-con.eco-calc-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1.5rem; align-items: start; }
.e-con.eco-calc-copy { grid-column: 1 / span 5; display: grid; gap: 1.3rem; }
.eco-calc-wrap { grid-column: 7 / span 6; }
.eco-calc-box { background: linear-gradient(180deg, var(--night-2), var(--night)); border: 1px solid var(--line); border-radius: 6px; padding: clamp(1.2rem, 3vw, 2rem); display: grid; gap: 1.4rem; position: relative; overflow: hidden; }
.eco-calc-box::before { content: ""; position: absolute; width: 30rem; height: 30rem; right: -12rem; top: -14rem; border-radius: 50%; background: radial-gradient(circle, rgba(124,194,67,.09), transparent 65%); pointer-events: none; }
.eco-calc-box .fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; position: relative; }
.eco-calc-box label { display: grid; grid-template-rows: 1fr auto; align-items: end; gap: .4rem; font: 500 .7rem/1.2 var(--eco-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--soft); }
.eco-calc-box input { width: 100%; min-width: 0; box-sizing: border-box; background: var(--night); border: 1px solid var(--line); color: var(--text); border-radius: 4px; padding: .75rem .8rem; font: 500 1.05rem var(--eco-mono); }
.eco-calc-box input:focus { border-color: var(--green); outline: none; box-shadow: 0 0 0 3px rgba(124,194,67,.2); }
.eco-calc-box .results { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; position: relative; }
.eco-calc-box .results div { border-top: 1px solid var(--line); padding-top: .9rem; display: grid; grid-template-rows: auto 1fr; align-items: end; gap: .5rem; min-width: 0; }
.eco-calc-box .results small { font: 500 .68rem/1.2 var(--eco-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--soft); }
.eco-calc-box .results b { font: 400 clamp(1.35rem, 2.1vw, 1.9rem)/1.05 var(--eco-display); letter-spacing: -.025em; font-variant-numeric: tabular-nums; }
.eco-calc-box .results .hl b { color: var(--accent); }
.eco-calc-box .fine { font-size: .8rem; color: var(--dim); position: relative; }
.e-con.eco-contact-strip { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1.5rem; margin-top: clamp(4rem, 8vw, 6rem); padding-top: 2.5rem; border-top: 1px solid var(--line); align-items: center; }
.eco-contact-strip > .eco-h2 { grid-column: 1 / span 7; }
body.eco .eco-contact-strip .eco-h2 .elementor-heading-title { font-size: clamp(2rem, 4vw, 3.4rem); }
.e-con.eco-act { grid-column: 9 / span 4; display: grid; gap: .8rem; justify-items: start; }
body.eco .eco-mail .elementor-heading-title { font: 600 1.15rem var(--eco-body); letter-spacing: 0; }
.eco-mail a { text-decoration: none; }
.eco-mail a:hover { color: var(--accent); }

/* ---------- Footer (Theme Builder) ---------- */
.e-con.eco-footer { border-top: 1px solid var(--line); background: #05070a; overflow: hidden; }
.e-con.eco-news { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1.5rem; align-items: center; padding-top: 3rem; padding-bottom: 3rem; border-bottom: 1px solid var(--line); }
.e-con.eco-news-copy { grid-column: 1 / span 5; display: grid; gap: .5rem; }
body.eco .eco-news-copy .elementor-heading-title { font-size: 1.35rem; letter-spacing: -.015em; }
.eco-news-form { grid-column: 7 / span 6; }
.e-con.eco-foot { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 2rem; padding-top: 3rem; padding-bottom: 3rem; font-size: .92rem; color: var(--soft); }
.e-con.eco-foot-col { display: grid; gap: 1rem; align-content: start; }
body.eco .eco-foot h4, body.eco .eco-foot-h .elementor-heading-title { font: 600 .76rem/1 var(--eco-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--text); }
.eco-foot ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
.eco-foot a { text-decoration: none; color: var(--soft); } .eco-foot a:hover { color: var(--text); }
.eco-foot .eco-t p { font-size: .92rem; }
.eco-flogo img { width: 120px; }
.eco-flogo, .eco-logo, .eco-flogo .elementor-widget-container, .eco-logo .elementor-widget-container { text-align: left; }
.e-con.eco-statement .eco-cite { margin-top: 2rem; }
body.eco .eco-wordmark .elementor-heading-title { font: 500 clamp(3rem, 15vw, 16rem)/.8 var(--eco-display); letter-spacing: -.05em; text-align: center; white-space: nowrap; margin: 0 0 -.06em; user-select: none; color: transparent;
	background: linear-gradient(90deg, var(--green) 0%, #e9ffd6 calc(var(--wm, 0) * 100% - 8%), var(--night-3) calc(var(--wm, 0) * 100% + 8%), var(--night-3) 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; max-width: none; }
.e-con.eco-copy { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: .8rem 2rem; padding-top: 1.4rem; padding-bottom: 2rem; border-top: 1px solid var(--line); }
.eco-copy p, .eco-copy a { font-size: .82rem; color: #7f8b87; text-decoration: none; }

/* Elementor-formulieren (nieuwsbrief + contact) */
.eco-form .elementor-field-group { margin-bottom: 0; }
.eco-form .elementor-form-fields-wrapper { gap: .6rem 0; }
.eco-form .elementor-field-group .elementor-field-label { font: 500 .7rem/1.2 var(--eco-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--soft); margin-bottom: .45rem; }
.eco-form .elementor-field-textual, .eco-form textarea.elementor-field, .eco-form select.elementor-field { background: var(--night-2) !important; border: 1px solid var(--line) !important; color: var(--text) !important; border-radius: 4px !important; padding: .85rem 1rem !important; font: 400 .98rem var(--eco-body) !important; min-height: 0; }
.eco-form .elementor-field-textual::placeholder { color: #6d7a76; }
.eco-form .elementor-field-textual:focus { border-color: var(--green) !important; box-shadow: 0 0 0 3px rgba(124,194,67,.18); outline: none; }
.eco-form .elementor-button { background: var(--green) !important; color: #0b1408 !important; border-radius: 4px !important; font: 600 .95rem/1 var(--eco-body) !important; padding: 1rem 1.5rem !important; min-height: 0; transition: background .25s, transform .25s; }
.eco-form .elementor-button:hover { background: #8fd056 !important; transform: translateY(-1px); }
.eco-form .elementor-message { font-size: .92rem; margin-top: .8rem; }
.eco-form .elementor-message-success { color: var(--accent); }
.eco-form .elementor-message-danger, .eco-form .elementor-error .elementor-message { color: #ff9b8a; }
.eco-form .elementor-field-type-acceptance label, .eco-form .elementor-field-option label { font-size: .85rem; color: var(--soft); }


/* ---------- Binnenpagina's: gedeelde blokken ---------- */
.e-con.eco-section.eco-cta-sec { padding-top: 0; }
.e-con.eco-split2 { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1.5rem; align-items: start; }
.e-con.eco-split2-a { grid-column: 1 / span 5; display: grid; gap: 1.1rem; }
.e-con.eco-split2-b { grid-column: 7 / span 6; display: grid; gap: 1.6rem; justify-items: start; }
.eco-split2-b .eco-lede p + p { margin-top: 1rem; }
.e-con.eco-stats-3 { grid-template-columns: repeat(3, 1fr); }
body.eco .eco-words-sm .elementor-heading-title { font-size: clamp(1.7rem, 3.6vw, 3.2rem); max-width: 26ch; }
.e-con.eco-resellers { background: var(--night-2); border-block: 1px solid var(--line); }

/* Kenmerken + diensten */
.e-con.eco-features { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; border-top: 1px solid var(--line); }
.e-con.eco-feature { padding: 2rem 1.6rem 2.2rem 0; display: grid; gap: .7rem; align-content: start; border-bottom: 1px solid var(--line); }
.e-con.eco-feature:not(:nth-child(3n+1)) { padding-left: 1.6rem; border-left: 1px solid var(--line); }
body.eco .eco-feature-title .elementor-heading-title, body.eco .eco-service-title .elementor-heading-title { font-size: 1.35rem; letter-spacing: -.015em; line-height: 1.2; }
.eco-badges { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: flex-start; }
.eco-badges span { font: 500 .74rem/1 var(--eco-mono); letter-spacing: .1em; text-transform: uppercase; padding: .75rem 1rem; border: 1px solid rgba(124,194,67,.45); border-radius: 3px; color: var(--accent); }
.e-con.eco-services { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1rem; }
.e-con.eco-service { border: 1px solid var(--line); border-radius: 6px; padding: 1.4rem 1.2rem 1.6rem; display: grid; gap: 2.4rem; align-content: space-between; background: var(--night-2); min-height: 11rem; transition: border-color .3s; }
.e-con.eco-service:hover { border-color: rgba(124,194,67,.5); }

/* Producttabs (Elementor nested tabs) */
.eco-tabs .e-n-tabs { --n-tabs-title-gap: 0px; gap: 2.4rem; }
.eco-tabs .e-n-tabs-heading { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: flex-start; }
.eco-tabs .e-n-tab-title { flex: 0 0 auto; background: transparent !important; border: 1px solid var(--line) !important; border-radius: 3px !important; padding: .75rem 1rem !important; color: var(--soft) !important; font: 500 .78rem/1 var(--eco-mono) !important; letter-spacing: .08em; text-transform: uppercase; transition: border-color .25s, color .25s, background .25s; cursor: pointer; }
.eco-tabs .e-n-tab-title:hover { border-color: rgba(124,194,67,.5) !important; color: var(--text) !important; }
.eco-tabs .e-n-tab-title[aria-selected="true"] { border-color: var(--green) !important; color: #0b1408 !important; background: var(--green) !important; }
.eco-tabs .e-n-tab-title-text { font: inherit !important; color: inherit !important; }
.eco-tabs .e-n-tabs-content > .e-con { padding: 0; border: 0; }
.e-con.eco-tab-pane { display: grid; gap: 2.2rem; }
.e-con.eco-tab-intro { display: grid; gap: 1rem; max-width: 52rem; }
body.eco .eco-tab-h .elementor-heading-title { font-size: clamp(1.9rem, 3.4vw, 3rem); }
.e-con.eco-pcards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.e-con.eco-pcard { border: 1px solid var(--line); border-radius: 6px; background: var(--night-2); overflow: hidden; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto 1fr; transition: border-color .3s, transform .5s var(--ease), opacity 1.1s var(--ease); }
.e-con.eco-pcard:hover { border-color: rgba(124,194,67,.5); }
.eco-pcard .e-con.eco-box { aspect-ratio: 16 / 9; }
.eco-pcard .eco-box-img img { max-height: 200px; }
.e-con.eco-pc-info { padding: 1.4rem 1.4rem 1.5rem; display: grid; gap: .8rem; align-content: start; min-width: 0; }
body.eco .eco-pc-title .elementor-heading-title { font-size: 1.6rem; letter-spacing: -.02em; }
.eco-pc-desc p { font-size: .92rem; }
.eco-spec-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 4px; }
.eco-spec-table { width: 100%; border-collapse: collapse; font: 400 .8rem/1.35 var(--eco-mono); font-variant-numeric: tabular-nums; margin: 0; }
.eco-spec-table th, .eco-spec-table td { padding: .55rem .7rem; text-align: left; border: 0; border-bottom: 1px solid var(--line); vertical-align: top; white-space: nowrap; background: transparent; color: var(--text); }
.eco-spec-table thead th { font: 500 .66rem/1.2 var(--eco-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--soft); background: rgba(255,255,255,.02); }
.eco-spec-table tbody tr:last-child > * { border-bottom: 0; }
.eco-spec-table tbody th { color: var(--soft); font-weight: 500; }
.e-con.eco-pc-btns { display: flex; flex-direction: row; flex-wrap: wrap; gap: .4rem 1.4rem; margin-top: .2rem; }
.eco-pc-btns .eco-btn .elementor-button { font-size: .86rem; padding: .35rem 0; }

/* Accordeon (Elementor nested accordion) */
.e-con.eco-acc-wrap { grid-column: 7 / span 6; }
.eco-acc .e-n-accordion { display: grid; gap: 0; }
.eco-acc .e-n-accordion-item { border-top: 1px solid var(--line); }
.eco-acc .e-n-accordion-item:last-child { border-bottom: 1px solid var(--line); }
.eco-acc .e-n-accordion-item-title { background: transparent !important; border: 0 !important; padding: 1.4rem 0 !important; display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center; gap: 1rem; cursor: pointer; list-style: none; }
.eco-acc .e-n-accordion-item-title-header { order: 1; flex: 1; justify-content: flex-start !important; text-align: left; }
.eco-acc .e-n-accordion-item-title-icon { order: 2; }
.eco-acc .e-n-accordion-item-title::-webkit-details-marker { display: none; }
.eco-acc .e-n-accordion-item-title-text, .eco-acc .e-n-accordion-item-title-text * { font: 500 clamp(1.2rem, 2vw, 1.5rem)/1.2 var(--eco-display) !important; letter-spacing: -.015em; color: var(--text) !important; }
.eco-acc .e-n-accordion-item[open] .e-n-accordion-item-title-text { color: var(--accent) !important; }
.eco-acc .e-n-accordion-item-title-icon svg { width: .9rem; height: .9rem; fill: var(--green) !important; }
.eco-acc .e-n-accordion-item > .e-con { padding: 0 0 1.6rem; border: 0; background: transparent; }
.eco-acc .eco-t p { max-width: 40rem; }

/* Contact */
.e-con.eco-contact-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1.5rem; align-items: start; }
.e-con.eco-contact-info { grid-column: 1 / span 5; display: grid; gap: 1.4rem; }
.e-con.eco-contact-form-wrap { grid-column: 7 / span 6; background: linear-gradient(180deg, var(--night-2), var(--night)); border: 1px solid var(--line); border-radius: 6px; padding: clamp(1.4rem, 3vw, 2.2rem); display: grid; gap: 1.4rem; }
body.eco .eco-form-title .elementor-heading-title { font-size: 1.5rem; letter-spacing: -.02em; }
.eco-cards { margin: .4rem 0 0; display: grid; gap: 0; border-top: 1px solid var(--line); }
.eco-cards > div { display: grid; grid-template-columns: 7rem 1fr; gap: .2rem 1rem; padding: 1.1rem 0; border-bottom: 1px solid var(--line); }
.eco-cards dt { font: 500 .7rem/1.6 var(--eco-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--soft); grid-row: span 2; }
.eco-cards dd { margin: 0; color: var(--text); grid-column: 2; }
.eco-cards a { text-decoration: none; } .eco-cards a:hover { color: var(--accent); }
.eco-cards .eco-note { color: var(--soft); font-size: .88rem; }
.eco-mini { font-size: .85rem; color: var(--accent) !important; border-bottom: 1px solid rgba(185,221,152,.4); }
.eco-private p { padding: 1.1rem 1.2rem; border: 1px solid var(--line); border-radius: 6px; background: var(--night-2); line-height: 1.6; }
.eco-private a { color: var(--accent); }
.eco-contact-form textarea.elementor-field { min-height: 9rem; }

/* Pagina's zonder Elementor (cookiebeleid, privacy) */
body.eco:not(.elementor-page) .site-main { max-width: 860px; margin: 0 auto; padding: calc(var(--hh) + 3rem) var(--gr) 6rem var(--gl); color: var(--soft); }
body.eco:not(.elementor-page) .site-main h1, body.eco:not(.elementor-page) .site-main h2, body.eco:not(.elementor-page) .site-main h3 { font-family: var(--eco-display); font-weight: 500; letter-spacing: -.02em; color: var(--text); line-height: 1.15; }
body.eco:not(.elementor-page) .site-main h1 { font-size: clamp(2.2rem, 4.4vw, 3.6rem); margin: 0 0 2rem; }
body.eco:not(.elementor-page) .site-main h2 { font-size: 1.6rem; margin: 2.4rem 0 .8rem; }
body.eco:not(.elementor-page) .site-main p, body.eco:not(.elementor-page) .site-main li { line-height: 1.7; margin-bottom: .9rem; }
body.eco:not(.elementor-page) .site-main a { color: var(--accent); }
body.eco:not(.elementor-page) .site-main table { width: 100%; border-collapse: collapse; font-size: .9rem; display: block; overflow-x: auto; }
body.eco:not(.elementor-page) .site-main th, body.eco:not(.elementor-page) .site-main td { border: 1px solid var(--line); padding: .5rem .7rem; text-align: left; background: transparent; }


/* =================== 2.1 — rijkere binnenpagina's =================== */
/* Hero binnenpagina's */
.e-con.eco-hero.eco-hero-sub { min-height: 88vh; min-height: 88svh; }
/* Home: rijen LED-lijnarmaturen (gespiegeld) — op mobiel alleen het bovenste derde, zodat de lijnen boven de kop staan en zacht uitlopen */
@media (max-width: 767px) {
	body.home .eco-hero-bg { bottom: 66%; -webkit-mask-image: linear-gradient(180deg, #000 50%, transparent); mask-image: linear-gradient(180deg, #000 50%, transparent); }
	body.home .eco-hero-bg img { object-position: 50% 50%; }
	body.home .e-con.eco-hero::after { background: linear-gradient(0deg, rgba(5,7,10,.97) 22%, rgba(5,7,10,.6) 52%, rgba(5,7,10,.18) 100%); }
}
/* Contact: LED-filamentlamp staat rechts in beeld; op smalle schermen het beeld naar de lamp schuiven */
body.page-id-7 .eco-hero-bg { left: 30%; -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 22%); mask-image: linear-gradient(90deg, transparent 0%, #000 22%); }
@media (max-width: 1024px) { body.page-id-7 .eco-hero-bg { left: -3%; -webkit-mask-image: none; mask-image: none; } body.page-id-7 .eco-hero-bg img { object-position: 37% 50%; } }
.eco-hero-bg.eco-nomirror img { transform: scale(1.08); animation: eco-dim-up 3s cubic-bezier(.33,0,.2,1) .15s forwards, eco-drift-n 14s cubic-bezier(.2,.6,.2,1) .15s forwards; }
body.eco .eco-hero-sub .eco-h1 .elementor-heading-title { font-size: clamp(2.6rem, 5.8vw, 5.6rem); max-width: 14ch; }

/* Kop woord voor woord bij scrollen */
.eco-reveal .w { display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: .1em; margin-bottom: -.1em; }
.eco-reveal .w > span { display: inline-block; transition: transform 1.1s cubic-bezier(.2,.7,.1,1), opacity 1.1s; transition-delay: calc(var(--i, 0) * 70ms); }
.eco-js .eco-reveal:not(.in) .w > span { transform: translateY(105%); opacity: 0; }

/* Beeld opent met een masker */
.e-con.eco-clip { overflow: hidden; border-radius: 6px; transition: clip-path 1.5s cubic-bezier(.2,.7,.1,1); clip-path: inset(0 0 0 0 round 6px); }
.eco-js .e-con.eco-clip:not(.in) { clip-path: inset(12% 10% 12% 10% round 6px); }
.eco-clip .eco-img, .eco-clip .elementor-widget-container { height: 100%; }
.eco-clip img { width: 100%; height: 112%; object-fit: cover; display: block; }
.eco-lightbox.e-con.eco-clip { background: radial-gradient(circle at 50% 45%, #fff 0%, var(--lightbox) 55%, #dfe4dc 100%); display: grid; place-items: center; }
.eco-lightbox img { height: auto !important; width: 70% !important; object-fit: contain; mix-blend-mode: multiply; margin: auto; }

/* Grote meeschuivende woordrijen */
.e-con.eco-mq-sec { border-block: 1px solid var(--line); overflow: hidden; padding-block: clamp(1.4rem, 3vw, 2.4rem); }
.eco-mq { display: grid; gap: .2rem; }
.eco-mq-row { display: flex; gap: 2.4rem; width: max-content; white-space: nowrap; will-change: transform; }
.eco-mq-row span { font: 400 clamp(2.4rem, 6vw, 5.4rem)/1.05 var(--eco-display); letter-spacing: -.03em; color: transparent; -webkit-text-stroke: 1px rgba(238,241,236,.28); }
.eco-mq-row span:nth-child(3n+2) { color: var(--text); -webkit-text-stroke: 0; }
.eco-mq-row[data-dir="-1"] span { font-family: var(--eco-serif); font-style: italic; -webkit-text-stroke: 0; color: rgba(185,221,152,.35); }
.eco-mq-row[data-dir="-1"] span:nth-child(3n+2) { color: var(--accent); }

/* Stapelende kaarten */
.e-con.eco-stack-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1.5rem; align-items: start; }
.e-con.eco-stack-intro { grid-column: 1 / span 5; position: sticky; top: calc(var(--hh) + 3rem); display: grid; gap: 1.2rem; }
.e-con.eco-stack { grid-column: 7 / span 6; display: grid; gap: 1.4rem; padding-bottom: 6vh; }
.e-con.eco-stack-card { position: sticky; top: calc(var(--hh) + 2rem + var(--i, 0) * 1.1rem); min-height: 15rem; padding: 1.8rem 1.8rem 2rem; border: 1px solid var(--line); border-radius: 6px; background: linear-gradient(160deg, #121a23 0%, var(--night-2) 60%); display: grid; gap: .9rem; align-content: start; box-shadow: 0 -20px 40px -20px rgba(0,0,0,.8); transform-origin: 50% 0; transition: border-color .4s; }
.e-con.eco-stack-card:hover { border-color: rgba(124,194,67,.5); }
.e-con.eco-stack-top { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
body.eco .eco-stack-tag .elementor-heading-title { font: 500 .72rem/1 var(--eco-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--accent); padding: .45rem .7rem; border: 1px solid rgba(124,194,67,.35); border-radius: 3px; }
body.eco .eco-stack-title .elementor-heading-title { font-size: clamp(1.6rem, 2.6vw, 2.3rem); letter-spacing: -.025em; }

/* Familietegels */
.e-con.eco-fam-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 230px), 1fr)); gap: .9rem; }
.eco-fam .e-con.eco-box { aspect-ratio: 1 / 1; }
.eco-fam .eco-box-img img { max-height: 150px; }
body.eco .eco-fam .eco-ptitle .elementor-heading-title { font-size: 1.1rem; }

/* Bestsellers */
.e-con.eco-best-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.e-con.eco-best { border: 1px solid var(--line); border-radius: 6px; background: var(--night-2); overflow: hidden; display: grid; grid-template-rows: auto 1fr; transition: border-color .3s; }
.e-con.eco-best:hover { border-color: rgba(124,194,67,.5); }
.e-con.eco-best-media { aspect-ratio: 16 / 11; border-radius: 0; background: #fff; }
.eco-best-media img { object-fit: contain !important; height: 100% !important; padding: 6%; box-sizing: border-box; }
.e-con.eco-best-txt { padding: 1.6rem 1.6rem 1.8rem; display: grid; gap: .8rem; }
body.eco .eco-best-title .elementor-heading-title { font-size: clamp(1.8rem, 3vw, 2.6rem); letter-spacing: -.03em; }

/* Sticky tabbalk in de catalogus */
.eco-tabs .e-n-tabs-heading { position: sticky; top: var(--hh); z-index: 6; padding: .9rem 0; margin-top: -.9rem; background: linear-gradient(var(--night) 70%, rgba(8,11,16,0)); }
body.admin-bar .eco-tabs .e-n-tabs-heading { top: calc(var(--hh) + 32px); }
.e-con.eco-pcard { transition: border-color .3s, transform .5s var(--ease), opacity 1.1s var(--ease), box-shadow .4s; }
.e-con.eco-pcard:hover { transform: translateY(-3px); box-shadow: 0 30px 60px -30px rgba(124,194,67,.35); }
.eco-pcard:hover .eco-box-img img { transform: scale(1.05); }

/* Missie / resellers */
.e-con.eco-mission { padding-block: clamp(4rem, 9vw, 7rem); background: var(--night-2); border-block: 1px solid var(--line); }
.e-con.eco-mission-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1.5rem; align-items: center; }
.e-con.eco-mission-media { grid-column: 1 / span 5; aspect-ratio: 4 / 5; max-height: 72vh; }
.eco-mission-grid > .eco-quote { grid-column: 7 / span 6; }
.e-con.eco-mission-grid.eco-reverse > .eco-split2-b { grid-column: 1 / span 6; }
.e-con.eco-mission-grid.eco-reverse > .eco-mission-media { grid-column: 8 / span 5; aspect-ratio: 1 / 1; }

/* Diensten als lijst */
.e-con.eco-svc-list { border-top: 1px solid var(--line); }
.e-con.eco-svc { position: relative; display: grid; grid-template-columns: 5rem minmax(0, 1.1fr) minmax(0, 1.4fr) 3rem; gap: 1.5rem; align-items: center; padding: 1.8rem 0; border-bottom: 1px solid var(--line); }
.e-con.eco-svc::after { content: ""; position: absolute; left: 0; bottom: -1px; height: 1px; width: 100%; background: var(--green); box-shadow: 0 0 10px var(--green); transform: scaleX(0); transform-origin: 0 50%; transition: transform 1.2s var(--ease); transition-delay: calc(var(--i, 0) * 120ms); }
.e-con.eco-svc.in::after { transform: scaleX(1); }
body.eco .eco-svc-no .elementor-heading-title { font: 400 2rem/1 var(--eco-serif); font-style: italic; color: var(--accent); }
body.eco .eco-svc-title .elementor-heading-title { font-size: clamp(1.4rem, 2.4vw, 2.1rem); letter-spacing: -.025em; transition: transform .4s var(--ease); }
.e-con.eco-svc:hover .eco-svc-title .elementor-heading-title { transform: translateX(8px); }
.e-con.eco-svc:hover .eco-go { background: var(--green); border-color: var(--green); color: #0b1408; transform: rotate(-45deg); }

/* Componenten */
.e-con.eco-partners { border-block: 1px solid var(--line); background: var(--night-2); }
.e-con.eco-partners-row { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 2rem; flex-wrap: wrap; padding-top: 2.2rem; padding-bottom: 2.2rem; }
.eco-partner-names { display: flex; flex-wrap: wrap; gap: clamp(1.4rem, 4vw, 4rem); }
.eco-partner-names span { font: 500 clamp(1.4rem, 2.6vw, 2.2rem)/1 var(--eco-display); letter-spacing: -.03em; color: rgba(238,241,236,.55); transition: color .3s; }
.eco-partner-names span:hover { color: var(--text); }

/* Bedrijfsgegevens */
.eco-facts { margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--line); }
.eco-facts > div { padding: 1.2rem 1rem 1.2rem 0; border-bottom: 1px solid var(--line); display: grid; gap: .35rem; }
.eco-facts dt { font: 500 .68rem/1.3 var(--eco-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--soft); }
.eco-facts dd { margin: 0; color: var(--text); font-size: 1.02rem; }

/* Garantie: zegel, levensduurbalken, vergelijking */
.eco-seal { display: inline-grid; grid-template-columns: auto auto; grid-template-rows: auto auto; column-gap: 1rem; align-items: end; padding: 1.4rem 1.8rem; border: 1px solid rgba(124,194,67,.45); border-radius: 6px; background: radial-gradient(circle at 0 0, rgba(124,194,67,.12), transparent 70%); }
.eco-seal .n { grid-row: span 2; font: 400 clamp(4rem, 8vw, 6.5rem)/.85 var(--eco-display); letter-spacing: -.05em; color: var(--accent); font-variant-numeric: tabular-nums; }
.eco-seal .t { font: 500 1.1rem/1.15 var(--eco-display); color: var(--text); }
.eco-seal .s { font: 500 .68rem/1.3 var(--eco-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--soft); }
.e-con.eco-life { background: var(--night-2); border-block: 1px solid var(--line); }
.e-con.eco-life-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1.5rem; align-items: center; }
.e-con.eco-life-copy { grid-column: 1 / span 5; display: grid; gap: 1.2rem; }
.eco-bars-wrap { grid-column: 7 / span 6; }
.eco-bars { display: grid; gap: 1.3rem; }
.eco-bars .bar { display: grid; grid-template-columns: 7.5rem 1fr 6rem; gap: 1rem; align-items: center; }
.eco-bars .bar span { font: 500 .72rem/1.2 var(--eco-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--soft); }
.eco-bars .bar i { display: block; height: 12px; border-radius: 99px; background: var(--night-3); position: relative; overflow: hidden; }
.eco-bars .bar i::after { content: ""; position: absolute; inset: 0; width: var(--v); max-width: 100%; min-width: 4px; border-radius: 99px; background: var(--soft); transform: scaleX(0); transform-origin: 0 50%; transition: transform 1.8s cubic-bezier(.2,.7,.1,1); }
.eco-bars.in .bar i::after, .eco-static .eco-bars .bar i::after { transform: scaleX(1); }
.eco-bars .bar:nth-child(2) i::after { transition-delay: .15s; } .eco-bars .bar:nth-child(3) i::after { transition-delay: .3s; } .eco-bars .bar:nth-child(4) i::after { transition-delay: .45s; }
.eco-bars .bar.led i::after { background: linear-gradient(90deg, var(--green-deep), var(--green)); box-shadow: 0 0 14px rgba(124,194,67,.6); }
.eco-bars .bar b { font: 400 1.35rem/1 var(--eco-display); letter-spacing: -.02em; text-align: right; font-variant-numeric: tabular-nums; }
.eco-bars .bar.led b { color: var(--accent); }
.eco-bars .unit { font: 500 .68rem/1 var(--eco-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--dim); text-align: right; }
.e-con.eco-cmp-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.e-con.eco-cmp { padding: 1.8rem 1.5rem 2rem; border: 1px solid var(--line); border-radius: 6px; background: var(--night-2); display: grid; gap: .6rem; align-content: start; transition: border-color .3s, transform .4s var(--ease); }
.e-con.eco-cmp:hover { border-color: rgba(124,194,67,.5); transform: translateY(-3px); }
body.eco .eco-cmp-num .elementor-heading-title { font: 400 clamp(2.6rem, 4.4vw, 3.8rem)/1 var(--eco-display); letter-spacing: -.04em; }
.eco-cmp-num em { font-style: normal !important; font-family: var(--eco-display) !important; color: var(--accent); }
body.eco .eco-cmp-title .elementor-heading-title { font-size: 1.15rem; letter-spacing: -.01em; }
.eco-acc-no { font: 500 .72rem/1 var(--eco-mono); letter-spacing: .1em; color: var(--green); margin-right: 1rem; vertical-align: middle; }

/* Contactkaarten */
.eco-ccards { display: grid; gap: .7rem; margin-top: .6rem; }
.eco-ccard { display: grid; grid-template-columns: 6.5rem 1fr; gap: .25rem 1rem; padding: 1.1rem 1.2rem; border: 1px solid var(--line); border-radius: 6px; background: var(--night-2); transition: border-color .3s, transform .4s var(--ease); }
.eco-ccard:hover { border-color: rgba(124,194,67,.5); transform: translateX(4px); }
.eco-ccard .k { grid-row: span 2; font: 500 .68rem/1.7 var(--eco-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--soft); }
.eco-ccard .v { font: 500 1.12rem/1.35 var(--eco-display); letter-spacing: -.01em; color: var(--text); text-decoration: none; }
.eco-ccard a.v:hover { color: var(--accent); }
.eco-ccard .s { font-size: .86rem; color: var(--soft); }
.eco-ccard .s a { color: var(--accent); text-decoration: none; }
.eco-legalline p { font: 400 .74rem/1.5 var(--eco-mono); letter-spacing: .04em; color: var(--dim); }
.eco-form-note { font-size: .82rem; color: var(--soft); margin: .2rem 0 0; }
.eco-form-note a { color: var(--accent); }
.e-con.eco-contact-form-wrap { gap: 1rem; box-shadow: 0 40px 100px -50px rgba(124,194,67,.25); }

/* Juridische pagina's */
.e-con.eco-lhero { margin-top: calc(-1 * var(--hh)); padding-top: calc(var(--hh) + clamp(5rem, 10vw, 8rem)); padding-bottom: clamp(3rem, 6vw, 5rem); border-bottom: 1px solid var(--line); background: radial-gradient(60rem 30rem at 85% 0%, rgba(124,194,67,.10), transparent 60%), var(--night); }
.e-con.eco-lhero-copy { display: grid; gap: 1.4rem; }
body.eco .eco-lhero .eco-h1 .elementor-heading-title { font-size: clamp(2.6rem, 6vw, 5.4rem); max-width: 16ch; }
.eco-updated p { font: 500 .72rem/1 var(--eco-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--dim); }
.e-con.eco-legal { padding-top: clamp(3rem, 6vw, 5rem); }
.e-con.eco-legal-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1.5rem; align-items: start; }
.eco-toc-wrap { grid-column: 1 / span 4; position: sticky !important; top: calc(var(--hh) + 2rem); }
.eco-toc-h { font: 500 .7rem/1 var(--eco-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--soft); margin-bottom: 1rem !important; }
.eco-toc ol { list-style: none; margin: 0; padding: 0; display: grid; border-left: 1px solid var(--line); }
.eco-toc a { display: flex; gap: .8rem; padding: .5rem 0 .5rem 1rem; margin-left: -1px; border-left: 1px solid transparent; color: var(--soft); text-decoration: none; font-size: .92rem; line-height: 1.35; transition: color .25s, border-color .25s; }
.eco-toc a span { font: 500 .7rem/1.9 var(--eco-mono); color: var(--dim); }
.eco-toc a:hover, .eco-toc a.on { color: var(--text); border-left-color: var(--green); }
.eco-toc a.on span { color: var(--green); }
.e-con.eco-articles { grid-column: 6 / span 7; display: grid; gap: 0; }
.e-con.eco-article { padding: 2.2rem 0; border-top: 1px solid var(--line); scroll-margin-top: calc(var(--hh) + 1.5rem); display: grid; gap: 1rem; }
.e-con.eco-article:first-child { border-top: 0; padding-top: 0; }
body.eco .eco-art-h .elementor-heading-title { font-size: clamp(1.4rem, 2.4vw, 1.9rem); letter-spacing: -.02em; display: flex; gap: 1rem; align-items: baseline; }
.eco-art-no { font: 500 .78rem/1 var(--eco-mono); color: var(--green); letter-spacing: .1em; }
.eco-art-body p, .eco-art-body li { color: var(--soft); line-height: 1.75; font-size: 1rem; }
.eco-art-body p + p { margin-top: .9rem; }
.eco-art-body ul { margin: .4rem 0 0; padding-left: 1.1rem; display: grid; gap: .45rem; }
.eco-art-body strong { color: var(--text); font-weight: 500; }
.eco-art-body a { color: var(--accent); text-decoration: none; border-bottom: 1px solid rgba(185,221,152,.35); }
.eco-art-body a:hover { border-color: var(--accent); }
.eco-cookie-table td { white-space: normal; }

/* Footer: juridische links */
.eco-copy-l p { font: 400 .74rem/1.6 var(--eco-mono) !important; letter-spacing: .03em; }
.eco-legal-links { display: flex; flex-wrap: wrap; gap: .4rem 1.4rem; }
.eco-legal-links a:hover { color: var(--text) !important; }
.e-con.eco-copy-left { display: grid; gap: .5rem; width: auto; }
.eco-copy-r { margin-left: auto; text-align: right; }

/* CookieYes in huisstijl */
body.eco .cky-consent-container .cky-consent-bar, body.eco .cky-preference-center, body.eco .cky-modal .cky-preference-center { background: var(--night-2) !important; border: 1px solid var(--line) !important; border-radius: 6px !important; box-shadow: 0 30px 80px -20px rgba(0,0,0,.8) !important; }
body.eco .cky-title, body.eco .cky-preference-title, body.eco .cky-accordion-btn { color: var(--text) !important; font-family: var(--eco-display) !important; font-weight: 500 !important; letter-spacing: -.01em; }
body.eco .cky-notice-des, body.eco .cky-notice-des p, body.eco .cky-preference-content-wrapper, body.eco .cky-preference-content-wrapper p, body.eco .cky-accordion-header-des, body.eco .cky-accordion-header-des p { color: var(--soft) !important; font-family: var(--eco-body) !important; }
body.eco .cky-btn { border-radius: 4px !important; font-family: var(--eco-body) !important; font-weight: 600 !important; }
body.eco .cky-btn-accept { background: var(--green) !important; border-color: var(--green) !important; color: #0b1408 !important; }
body.eco .cky-btn-reject, body.eco .cky-btn-customize, body.eco .cky-btn-preferences { background: transparent !important; border-color: rgba(238,241,236,.3) !important; color: var(--text) !important; }
body.eco .cky-preference-header, body.eco .cky-footer-wrapper, body.eco .cky-prefrence-btn-wrapper, body.eco .cky-accordion { border-color: var(--line) !important; background: transparent !important; }
body.eco .cky-footer-shadow { background: linear-gradient(180deg, rgba(14,20,27,0) 0%, var(--night-2) 100%) !important; }
body.eco .cky-always-active { color: var(--green) !important; }
body.eco .cky-btn-close img, body.eco .cky-accordion-chevron i::before { filter: invert(1); }
body.eco .cky-switch input[type="checkbox"]:checked { background: var(--green) !important; }
body.eco .cky-btn-revisit-wrapper { background: var(--night-3) !important; border: 1px solid var(--line); }
body.eco .cky-show-desc-btn { color: var(--accent) !important; }

/* ---------- Binnenkomst ---------- */
.eco-rv { transition: transform 1.1s var(--ease), opacity 1.1s var(--ease); }
.eco-js .eco-rv.pre { transform: translateY(40px); opacity: .001; }

/* ---------- Vaste opbouw (viewer/editor zonder eigen scroll) ---------- */
.eco-static .e-con.eco-relight { height: auto; } .eco-static .eco-relight > .e-con.eco-stage { position: static; height: auto; padding-top: 6rem; padding-bottom: 6rem; }
.eco-static .e-con.eco-hscroll { height: auto !important; } .eco-static .eco-hscroll > .e-con.eco-stage { position: static; height: auto; padding-top: 6rem; padding-bottom: 3rem; }
.eco-static .e-con.eco-track { transform: none !important; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 1320px; width: 100%; margin: 0 auto; padding-left: var(--gl); padding-right: var(--gr); box-sizing: border-box; }
.eco-static .e-con.eco-panel { aspect-ratio: 16 / 10; flex: none; }
.eco-static .e-con.eco-panel.eco-intro, .eco-static .eco-hbar { display: none; }
.eco-static .eco-rl-media { max-height: none; }

/* ---------- Tablet ---------- */
@media (max-width: 1024px) {
	.e-con.eco-stats-row { grid-template-columns: repeat(2, 1fr); }
	.e-con.eco-stat:nth-child(3) { border-left: 0; padding-left: 0; }
	.e-con.eco-stat:nth-child(n+3) { border-top: 1px solid var(--line); }
	.e-con.eco-products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.eco-rl-mediawrap { grid-column: 1 / span 12; } .eco-rl-media { max-height: 46vh; width: 100%; }
	.e-con.eco-rl-side { grid-column: 1 / span 12; }
	.e-con.eco-calc-copy, .eco-calc-wrap { grid-column: 1 / span 12; }
	.e-con.eco-news-copy, .eco-news-form { grid-column: span 12; }
	.e-con.eco-features { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.e-con.eco-feature:not(:nth-child(3n+1)) { padding-left: 0; border-left: 0; }
	.e-con.eco-feature:nth-child(even) { padding-left: 1.6rem; border-left: 1px solid var(--line); }
	.e-con.eco-services { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.e-con.eco-pcards { grid-template-columns: minmax(0, 1fr); }
	.e-con.eco-contact-info, .e-con.eco-contact-form-wrap { grid-column: span 12; }
	.e-con.eco-stack-intro, .e-con.eco-stack { grid-column: span 12; } .e-con.eco-stack-intro { position: static; }
	.e-con.eco-cmp-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.e-con.eco-life-copy, .eco-bars-wrap { grid-column: span 12; }
	.e-con.eco-mission-media, .eco-mission-grid > .eco-quote, .e-con.eco-mission-grid.eco-reverse > * { grid-column: span 12 !important; }
	.e-con.eco-mission-media { aspect-ratio: 16 / 10; max-height: none; }
	.eco-toc-wrap { display: none; } .e-con.eco-articles { grid-column: span 12; }
	.e-con.eco-foot { grid-template-columns: 1fr 1fr; }
}
/* ---------- Mobiel ---------- */
@media (max-width: 767px) {
	:root { --hh: 64px; }
	body.eco { font-size: 1rem; }
	.eco-logo img { width: 108px; }
	.e-con.eco-header-row { grid-template-columns: auto 1fr; }
	.eco-header .eco-btn-ghost { display: none; }
	.e-con.eco-hero-copy { padding-top: calc(var(--hh) + 3rem); padding-bottom: 2.2rem; }
	.e-con.eco-hero::after { background: linear-gradient(0deg, rgba(5,7,10,.97) 18%, rgba(5,7,10,.6) 60%, rgba(5,7,10,.55)); }
	.e-con.eco-hero-foot-row { grid-template-columns: 1fr; gap: .9rem; }
	.eco-hero-foot-row .eco-html { display: none; }
	.e-con.eco-ctas { gap: 1.2rem; }
body.eco .eco-kicker .elementor-heading-title, body.eco .eco-eyebrow .elementor-heading-title { letter-spacing: .14em; font-size: .66rem; gap: .8rem; }
body.eco .eco-kicker .elementor-heading-title::before, body.eco .eco-eyebrow .elementor-heading-title::before { width: 1.6rem; }
	.e-con.eco-stat { padding: 1.5rem 0 1.5rem 1rem; } .e-con.eco-stat:nth-child(odd) { padding-left: 0; border-left: 0; }
	.e-con.eco-head, .e-con.eco-review-grid, .e-con.eco-proc-grid, .e-con.eco-calc-grid, .e-con.eco-contact-strip, .e-con.eco-news { grid-template-columns: minmax(0, 1fr); }
	.e-con.eco-head > *, .e-con.eco-review-grid > *, .e-con.eco-proc-grid > *, .e-con.eco-calc-grid > *, .e-con.eco-contact-strip > *, .e-con.eco-news > * { grid-column: auto !important; }
	.e-con.eco-proc-sticky { position: static; }
	.e-con.eco-relight { height: 300vh; }
	.e-con.eco-rl-grid { gap: .9rem; }
	.eco-rl-media { aspect-ratio: 16 / 11; max-height: 34svh; }
body.eco .eco-rl-side .eco-h2 .elementor-heading-title { font-size: 1.7rem; }
	.eco-rl-side .eco-eyebrow { display: none; }
	.e-con.eco-rl-side { gap: .8rem; }
	.eco-rl-steps { min-height: 4.8rem; font-size: .92rem; margin-bottom: .8rem; }
	.eco-meter .m { padding: .7rem .8rem; } .eco-meter b { font-size: 1.25rem; } .eco-meter .m.save b { font-size: 1.6rem; }
	.e-con.eco-hscroll { height: auto !important; }
	.eco-hscroll > .e-con.eco-stage { position: static; height: auto; padding-top: clamp(4.5rem, 11vw, 6rem); }
	.e-con.eco-track { transform: none !important; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-bottom: .4rem; }
	.e-con.eco-track::-webkit-scrollbar { display: none; }
	.e-con.eco-panel { flex-basis: 82vw; aspect-ratio: 3 / 4; scroll-snap-align: center; }
	.e-con.eco-panel.eco-intro { display: none; }
	.e-con.eco-cap { left: 1.1rem; right: 1.1rem; bottom: 1.1rem; }
	.eco-hbar { display: none; }
	.e-con.eco-products { grid-template-columns: minmax(0, 1fr); }
	.eco-calc-box .fields { grid-template-columns: 1fr 1fr; }
	.eco-calc-box .results { grid-template-columns: 1fr; }
	.e-con.eco-foot { grid-template-columns: 1fr; gap: 1.6rem; }
	.e-con.eco-split2, .e-con.eco-contact-grid { grid-template-columns: minmax(0, 1fr); }
	.e-con.eco-split2 > *, .e-con.eco-contact-grid > *, .e-con.eco-acc-wrap { grid-column: auto !important; }
	.e-con.eco-stats-3 { grid-template-columns: 1fr; } .e-con.eco-stats-3 .eco-stat { padding-left: 0 !important; border-left: 0 !important; border-top: 1px solid var(--line); } .e-con.eco-stats-3 .eco-stat:first-child { border-top: 0; }
	.e-con.eco-features { grid-template-columns: minmax(0, 1fr); }
	.e-con.eco-feature, .e-con.eco-feature:nth-child(even) { padding-left: 0 !important; border-left: 0 !important; padding-right: 0; }
	.e-con.eco-services { grid-template-columns: 1fr 1fr; } .e-con.eco-service { min-height: 8rem; gap: 1.4rem; }
	.e-con.eco-pcard { grid-template-columns: minmax(0, 1fr); }
	.eco-pcard .e-con.eco-box { aspect-ratio: 16 / 10; }
	.eco-cards > div { grid-template-columns: 1fr; } .eco-cards dt { grid-row: auto; } .eco-cards dd { grid-column: 1; }
	.e-con.eco-stack-card { min-height: 12rem; padding: 1.3rem 1.2rem 1.5rem; }
	.e-con.eco-best-grid, .e-con.eco-cmp-grid { grid-template-columns: minmax(0, 1fr); }
	.e-con.eco-fam-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.e-con.eco-svc { grid-template-columns: 3rem minmax(0, 1fr); gap: .4rem 1rem; } .eco-svc-text { grid-column: 2; } .e-con.eco-svc .eco-html { display: none; }
	.eco-facts { grid-template-columns: 1fr; }
	.eco-bars .bar { grid-template-columns: 5.5rem 1fr 4.6rem; gap: .6rem; } .eco-bars .bar b { font-size: 1.05rem; }
	.eco-ccard { grid-template-columns: 1fr; } .eco-ccard .k { grid-row: auto; }
	.eco-mq-row span { font-size: 2.2rem; }
	.e-con.eco-copy { flex-direction: column; }
	/* Specificatietabel als lijst: kenmerk links, waarde rechts (tabellen met kopkolom blijven scrollen) */
	.eco-spec-wrap:not(:has(tbody th)) .eco-spec-table thead { display: none; }
	.eco-spec-wrap:not(:has(tbody th)) .eco-spec-table, .eco-spec-wrap:not(:has(tbody th)) .eco-spec-table tbody, .eco-spec-wrap:not(:has(tbody th)) .eco-spec-table tr { display: block; width: 100%; }
	.eco-spec-wrap:not(:has(tbody th)) .eco-spec-table td { display: grid; grid-template-columns: 7.5rem 1fr; gap: .8rem; white-space: normal; }
	.eco-spec-wrap:not(:has(tbody th)) .eco-spec-table td::before { content: attr(data-label); font: 500 .64rem/1.5 var(--eco-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--soft); }
	.eco-spec-wrap:not(:has(tbody th)) .eco-spec-table tr + tr { border-top: 2px solid var(--line); }
	.e-con.eco-steps { padding-left: 2.2rem; }
	.e-con.eco-step::before { left: -2.2rem; }
	.eco-static .e-con.eco-track { grid-template-columns: 1fr; }
	.eco-static .e-con.eco-panel { aspect-ratio: 4 / 3; }
}
@media (prefers-reduced-motion: reduce) {
	.eco-hero-bg img, .eco-phero-bg img { animation: none; opacity: 1; }
	.eco-hero-bg img { transform: scale(-1, 1); } .eco-phero-bg img { transform: none; }
	.eco-split .w > span { animation: none; transform: none; opacity: 1; }
	.eco-fade { animation: none; opacity: 1; transform: none; }
	.eco-ticker > div, .eco-scroll-hint i::after { animation: none; }
	.eco-rv, .eco-js .eco-rv.pre { transition: none; transform: none; opacity: 1; }
	.e-con.eco-relight { height: auto; } .eco-relight > .e-con.eco-stage { position: static; height: auto; padding-top: 5rem; padding-bottom: 5rem; }
	.e-con.eco-hscroll { height: auto !important; } .eco-hscroll > .e-con.eco-stage { position: static; height: auto; }
	.e-con.eco-track { transform: none !important; overflow-x: auto; }
	.eco-words .wd { color: var(--text); } .eco-words .wd.g { color: var(--accent); }
	.eco-box-img img { opacity: 1; transform: none; }
}

/* FAQ/accordeon: nummer als klein label (sterker dan de titelregel) */
.eco-acc .e-n-accordion-item-title-text .eco-acc-no { font: 500 .72rem/1 var(--eco-mono) !important; letter-spacing: .1em !important; color: var(--green) !important; margin-right: 1rem; vertical-align: .2em; }