:root{--page-title-display:none;}/* Start custom CSS */body { overflow-x: clip !important; overflow-y: visible !important; }
html { scroll-behavior: smooth; }
.elementor-42003 summary::-webkit-details-marker { display: none; }

/* Hoogte van de vaste site-header per breakpoint */
.elementor-42003 { --hp-header: calc(0.99vw + 61px); --hp-adminbar: 0px; }
@media (max-width: 1800px) { .elementor-42003 { --hp-header: calc(0.99vw + 55px); } }
@media (max-width: 1100px) { .elementor-42003 { --hp-header: calc(0.99vw + 64px); } }
@media (max-width: 800px) { .elementor-42003 { --hp-header: calc(1vw + 44px); } }
body.admin-bar .elementor-42003 { --hp-adminbar: 32px; }
@media (max-width: 782px) { body.admin-bar .elementor-42003 { --hp-adminbar: 46px; } }
@media (max-width: 600px) { body.admin-bar .elementor-42003 { --hp-adminbar: 0px; } }

/* Sticky subnavigatie direct onder de header */
.elementor-42003 .elementor-element-54c12107 { top: calc(var(--hp-header) + var(--hp-adminbar) - 1px) !important; }
.elementor-42003 .e-con[id] { scroll-margin-top: calc(var(--hp-header) + var(--hp-adminbar) + 72px) !important; }

/* Hero: precies schermvullend onder de header */
.elementor-42003 .elementor-element-1761c038 { min-height: calc(100vh - var(--hp-header) - var(--hp-adminbar)) !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: center 60% !important; }
@media (max-width: 800px) { .elementor-42003 .elementor-element-1761c038 { background-position: 48% top !important; } }

/* Hero: modelkeuze-label boven de HB-1 / HB-2 schakelaar */
.elementor-42003 [data-id="587ebd0d"]::before { content: "Kies je model"; grid-column: 1; grid-row: 1; padding: 22px 26px 12px; font-size: 11px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(255,255,255,0.62); }
@media (max-width: 800px) { .elementor-42003 [data-id="587ebd0d"]::before { padding: 16px 16px 10px; } }
.elementor-42003 [data-id="383c7768"] { text-decoration: none; color: #ffffff; }

/* Hotspots: openen bij hover met fade in/uit, glow-pulse op het punt */
.elementor-42003 :is([data-id="697801fe"], [data-id="5d28e857"]) details::details-content { content-visibility: visible; display: contents; }
.elementor-42003 :is([data-id="697801fe"], [data-id="5d28e857"]) details > :not(summary) { opacity: 0; visibility: hidden; transform: translateY(10px); pointer-events: none; transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0.3s; }
.elementor-42003 :is([data-id="697801fe"], [data-id="5d28e857"]) details:is(:hover, :focus-within, [open]) > :not(summary) { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s; }
.elementor-42003 :is([data-id="697801fe"], [data-id="5d28e857"]) details > :not(summary)::before { content: ""; position: absolute; left: 0; right: 0; top: -20px; height: 20px; }
.elementor-42003 :is([data-id="697801fe"], [data-id="5d28e857"]) details:is(:hover, [open]) { z-index: 40 !important; }
.elementor-42003 :is([data-id="697801fe"], [data-id="5d28e857"]) summary { transition: transform 0.25s ease, background-color 0.25s ease; }
.elementor-42003 :is([data-id="697801fe"], [data-id="5d28e857"]) details:is(:hover, [open]) > summary { transform: scale(1.1); background-color: #0089c4 !important; animation: hpGlow 1.6s ease-out infinite; }
.elementor-42003 :is([data-id="697801fe"], [data-id="5d28e857"]) summary p { display: inline-block; transition: transform 0.3s ease; }
.elementor-42003 :is([data-id="697801fe"], [data-id="5d28e857"]) details:is(:hover, [open]) > summary p { transform: rotate(45deg); }
@keyframes hpGlow { 0% { box-shadow: 0 0 0 0 rgba(0,157,223,0.55), 0 6px 16px rgba(5,11,18,0.18); } 70% { box-shadow: 0 0 0 16px rgba(0,157,223,0), 0 6px 16px rgba(5,11,18,0.18); } 100% { box-shadow: 0 0 0 0 rgba(0,157,223,0), 0 6px 16px rgba(5,11,18,0.18); } }
@media (prefers-reduced-motion: reduce) { .elementor-42003 details > summary { animation: none !important; } }

/* Advies & service: plusje bij de veelgestelde vragen */
.elementor-42003 [data-id="230aeab"] summary::after { content: "+"; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; min-width: 36px; border-radius: 999px; background-color: #F5F9FC; border: 1px solid #E3EDF3; color: #050B12; font-size: 22px; line-height: 1; font-weight: 400; transition: transform 0.25s ease, background-color 0.25s ease, color 0.25s ease; }
.elementor-42003 [data-id="230aeab"] details[open] > summary::after { transform: rotate(45deg); background-color: #009DDF; border-color: #009DDF; color: #ffffff; }
.elementor-42003 [data-id="230aeab"] summary:hover p { color: #009DDF !important; }

/* Advies & service: iconen bij Goed om te weten */
.elementor-42003 :is([data-id="6cda5711"], [data-id="5b568187"], [data-id="49ac5363"]) { background-color: #E6F5FC; background-position: center; background-repeat: no-repeat; }
.elementor-42003 [data-id="6cda5711"] { background-size: 40px auto; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 34'%3E%3Crect x='2' y='4' width='60' height='10' rx='2' fill='none' stroke='%23050B12' stroke-width='2.4'/%3E%3Ccircle cx='23' cy='24' r='8' fill='none' stroke='%23009DDF' stroke-width='3'/%3E%3Ccircle cx='42' cy='24' r='8' fill='none' stroke='%23009DDF' stroke-width='3'/%3E%3C/svg%3E"); }
.elementor-42003 [data-id="5b568187"] { background-size: 30px auto; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M5 25h20M8 25l3-14h8l3 14' fill='none' stroke='%23050B12' stroke-width='2.2' stroke-linejoin='round' stroke-linecap='round'/%3E%3Ccircle cx='15' cy='7' r='3' fill='none' stroke='%23009DDF' stroke-width='2.4'/%3E%3C/svg%3E"); }
.elementor-42003 [data-id="49ac5363"] { background-size: 32px auto; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 24'%3E%3Crect x='2' y='2' width='28' height='20' rx='3' fill='none' stroke='%23050B12' stroke-width='2.2'/%3E%3Ccircle cx='10' cy='11' r='3.2' fill='none' stroke='%23009DDF' stroke-width='2.2'/%3E%3Cpath d='M17 9h8M17 14h6' fill='none' stroke='%23009DDF' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E"); }

/* Advies & service: motion op de stappen */
.elementor-42003 { --hp-topbar: calc(var(--hp-header) + var(--hp-adminbar) + 66px); }
@media (max-width: 800px) { .elementor-42003 { --hp-topbar: calc(var(--hp-header) + var(--hp-adminbar) + 52px); } }
@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .elementor-42003 :is([data-id="65260bb"], [data-id="4488effe"], [data-id="1e616904"]) { background: linear-gradient(#009DDF, #009DDF) top center / 2px 0% no-repeat, #CFE6F3 !important; animation: hpFill linear both; animation-timeline: view(block var(--hp-topbar) 0px); animation-range: cover 20% cover 60%; }
    .elementor-42003 :is([data-id="7f874910"], [data-id="45abf319"], [data-id="6fe77c08"], [data-id="6cd8695a"]) { animation: hpPop ease-out both; animation-timeline: view(block var(--hp-topbar) 0px); animation-range: cover 10% cover 30%; }
    .elementor-42003 :is([data-id="69ea8fe0"], [data-id="7def2f8a"], [data-id="5160325f"], [data-id="424a41c3"]) { animation: hpRise ease-out both; animation-timeline: view(block var(--hp-topbar) 0px); animation-range: entry 0% entry 45%; }
    .elementor-42003 :is([data-id="4bee5c30"], [data-id="105b36b8"]) { animation: hpRise ease-out both; animation-timeline: view(block var(--hp-topbar) 0px); animation-range: entry 0% entry 40%; }
    .elementor-42003 :is([data-id="49c34f84"], [data-id="5b37a789"]) { animation: hpRise ease-out both; animation-timeline: view(block var(--hp-topbar) 0px); animation-range: entry 8% entry 48%; }
    .elementor-42003 :is([data-id="71cdb953"], [data-id="7f1d312e"]) { animation: hpRise ease-out both; animation-timeline: view(block var(--hp-topbar) 0px); animation-range: entry 16% entry 56%; }
  }
}
@keyframes hpFill { to { background-size: 2px 100%, auto; } }
@keyframes hpPop { from { opacity: 0; scale: 0.4; } to { opacity: 1; scale: 1; } }
@keyframes hpRise { from { opacity: 0; translate: 0 32px; } to { opacity: 1; translate: 0 0; } }

/* Specificatietabellen */
.elementor-42003 .hp-th em { display: block; margin-top: 2px; font-style: normal; font-size: 10px; font-weight: 600; letter-spacing: 0.02em; text-transform: none; color: #7A8A9A; }
.elementor-42003 .hp-tl { position: sticky; left: 0; z-index: 1; background-color: #ffffff; }
.elementor-42003 .hp-tl em { display: block; margin-top: 3px; font-style: normal; font-size: 12px; font-weight: 400; letter-spacing: 0; color: #7A8A9A; }
.elementor-42003 .hp-td strong { display: block; font-weight: 700; color: #050B12; }
.elementor-42003 .hp-td em { display: block; margin-top: 2px; font-style: normal; font-size: 12px; color: #7A8A9A; }
.elementor-42003 .hp-td span { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* Subnavigatie: focus en scroll-hint */
.elementor-42003 [data-id="420581c6"] { scrollbar-width: thin; }
.elementor-42003 [data-id="420581c6"] a:focus-visible, .elementor-42003 [data-id="61c798a1"]:focus-visible { outline: 2px solid #009DDF; outline-offset: 2px; border-radius: 999px; }
@media (max-width: 800px) { .elementor-42003 [data-id="420581c6"] { -webkit-mask-image: linear-gradient(90deg, #000 85%, transparent); mask-image: linear-gradient(90deg, #000 85%, transparent); } }

/* Afmeting en gewicht: modelkeuze HB-1 / HB-2 (verborgen radioknoppen als tabs; een link naar #cobalt-hb1 of #cobalt-hb2 toont dat model) */
.elementor-42003 [data-id="4727db28"]:not(:has(:is(#cobalt-hb1, #cobalt-hb2):target)):has(#hp-m1:checked) [data-id="2eaa9f9a"],
.elementor-42003 [data-id="4727db28"]:not(:has(:is(#cobalt-hb1, #cobalt-hb2):target)):has(#hp-m2:checked) [data-id="59329fe1"],
.elementor-42003 [data-id="4727db28"]:has(#cobalt-hb1:target) [data-id="2eaa9f9a"],
.elementor-42003 [data-id="4727db28"]:has(#cobalt-hb2:target) [data-id="59329fe1"] { display: none !important; }
.elementor-42003 [data-id="4727db28"]:not(:has(:is(#cobalt-hb1, #cobalt-hb2):target)):has(#hp-m1:checked) label[for="hp-m1"],
.elementor-42003 [data-id="4727db28"]:not(:has(:is(#cobalt-hb1, #cobalt-hb2):target)):has(#hp-m2:checked) label[for="hp-m2"],
.elementor-42003 [data-id="4727db28"]:has(#cobalt-hb1:target) label[for="hp-m1"],
.elementor-42003 [data-id="4727db28"]:has(#cobalt-hb2:target) label[for="hp-m2"] { background-color: #009DDF !important; color: #ffffff !important; }
.elementor-42003 :is(#hp-m1, #hp-m2):focus-visible + label { outline: 2px solid #009DDF; outline-offset: 3px; }
.elementor-42003 .hp-selcard .hp-btn { white-space: nowrap !important; padding-inline: 18px !important; font-size: 14px !important; }

/* Technische gegevens: pijltje dat laat zien dat je kunt openen */
.elementor-42003 :is([data-id="798cb133"], [data-id="5b761307"]) summary::after { content: ""; width: 10px; height: 10px; flex: 0 0 10px; margin-right: 8px; border-right: 2px solid #009DDF; border-bottom: 2px solid #009DDF; transform: translateY(-3px) rotate(45deg); transition: transform 0.25s ease; }
.elementor-42003 :is([data-id="798cb133"], [data-id="5b761307"]) details[open] > summary::after { transform: translateY(3px) rotate(-135deg); }

/* Afmetingen-matrix: eenheid kg achter het netto laadvermogen */
.elementor-42003 .hp-cell .hp-sr::after { content: " kg" / ""; font-size: 0.85em; font-weight: 600; opacity: 0.75; }
@media (max-width: 800px) { .elementor-42003 .hp-cell .hp-sr::after { display: block; font-size: 9px; line-height: 1; margin-top: 2px; } }

/* Afmetingen-matrix: label boven de kolomkoppen */
.elementor-42003 :is([data-id="7b3b80a9"], [data-id="ee97cc9"]) { margin-top: 44px !important; }
.elementor-42003 :is([data-id="6acd5cbe"], [data-id="248a8312"]) { position: relative; overflow: visible !important; }
.elementor-42003 :is([data-id="6acd5cbe"], [data-id="248a8312"])::before { content: "Toegestane maximummassa"; position: absolute; left: 0; right: 0; top: -36px; bottom: auto; height: auto; margin: 0; padding-bottom: 6px; border-bottom: 2px solid #009DDF; text-align: center; font-size: 11px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: #009DDF; }
@media (max-width: 800px) { .elementor-42003 :is([data-id="6acd5cbe"], [data-id="248a8312"])::before { font-size: 9px; letter-spacing: 0.1em; } }

/* Afmetingen-matrix: geremd onder de kolomkop */
.elementor-42003 .hp-colhead span { display: block; margin-top: 2px; font-size: 10px; font-weight: 600; letter-spacing: 0.02em; text-transform: none; color: #7A8A9A; }

/* Afmetingen-matrix: selectiekaart scrolt mee naast de matrix */
@media (min-width: 1025px) { .elementor-42003 :is([data-id="f55a726"], [data-id="56ab0e17"]) { position: sticky !important; top: calc(var(--hp-topbar) + 16px); align-self: start; z-index: 2; } }/* End custom CSS */