.cmplz-hidden {
					display: none !important;
				}

    .tbg-shops {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-top: 10px;
        width: 100%;
    }
    .tbg-shops__sep {
        height: 1px;
        background: #eee8e0;
    }
    .tbg-shops__label {
        font-size: 10px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        color: #94a3b8;
    }
    .tbg-shops__chips {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
    }
    .tbg-shops__chip {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 6px 10px 6px 6px;
        border-radius: 7px;
        border: 1px solid #eee8e0;
        background: #faf8f4;
        text-decoration: none;
        transition: border-color 0.12s, color 0.12s, background 0.12s;
    }
    .tbg-shops__chip:hover {
        border-color: #10b981;
        background: #ecfdf5;
    }
    .tbg-shops__chip:hover .tbg-shops__chip-name {
        color: #10b981;
    }
    .tbg-shops__chip-logo {
        width: 22px;
        height: 22px;
        object-fit: contain;
        border-radius: 4px;
        border: 1px solid #eee8e0;
        background: #fff;
        flex-shrink: 0;
    }
    .tbg-shops__chip-initials {
        width: 22px;
        height: 22px;
        border-radius: 4px;
        border: 1px solid #eee8e0;
        background: #f5f3ee;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 8px;
        font-weight: 700;
        color: #475569;
        flex-shrink: 0;
    }
    .tbg-shops__chip-name {
        font-size: 12px;
        font-weight: 600;
        color: #475569;
        transition: color 0.12s;
    }
    
.tbg-mzoek{display:none;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50px;background:transparent;color:rgb(255 255 255 / .85);cursor:pointer;transition:background-color .2s ease,color .15s ease}.tbg-mzoek:hover,html[data-theme=dark] .tbg-mzoek:hover{background:rgb(255 255 255 / .1);color:#fff}html[data-theme=dark] .tbg-mzoek{background:transparent;color:rgb(255 255 255 / .85);border:0;box-shadow:none}.tbg-mzoek:focus{outline:none}.tbg-mzoek:focus-visible{outline:2px solid #34d399;outline-offset:2px}@media (max-width:991px){.tbg-mzoek{display:inline-flex;margin-left:auto;order:2}.gb-site-header .gb-menu-toggle{order:3}}@media (max-width:767px){.tbg-sm .tbg-sm__panel,.tbg-sm.is-open .tbg-sm__panel{top:var(--tbg-vvt,0px);left:0;right:0;width:100%;max-width:none;transform:none;border-radius:0 0 16px 16px;border-top:0;padding:12px;box-sizing:border-box;max-height:var(--tbg-vvh,100dvh);overflow:visible}.tbg-sm .tbg-ac{max-height:calc(var(--tbg-vvh,100dvh) - 80px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.tbg-sm__input,.tbg-sb__input,.tbg-search-input,.tbg-sm input[type=search]{font-size:16px!important}}
:root{--tbg-kopfont:var(--gp-font--geist)}
/* ------------------------------------------------------------
   TOKENS - alleen aanvulling, overschrijft je bestaande :root niet
   ------------------------------------------------------------ */
:root {
    --tbg-border-strong: #ddd6c8;
    --tbg-content-width: 680px;
    --tbg-scroll-offset: 6rem; /* pas aan op hoogte sticky header */
}
/* NIEUW: kleinere anker-offset op mobiel (sticky header is daar lager).
   Pas de 5rem aan op de werkelijke mobiele headerhoogte. */
@media (max-width: 768px) {
    :root {
        --tbg-scroll-offset: 5rem;
    }
}
/* ------------------------------------------------------------
   FLUENT PLAYER
   ------------------------------------------------------------ */
.fp-media-block {
    max-width: 100%;
    overflow: hidden;
}
.fp-media-block media-player {
    max-width: 100%;
    width: 100%;
}
.tax-brand .site-main > * {
    margin-bottom: 0;
}
/* ------------------------------------------------------------
   FLUENT COMMUNITY LOGIN
   ------------------------------------------------------------ */
.fls_registration_wrapper .fls_registration_form #fls_submit,
.fls_registration_wrapper .fls_registration_form #fls_verification_submit,
.fls_login_wrapper #fls_magic_submit,
.fls_login_wrapper input#wp-submit {
    background: var(--tbg-accent) !important;
    border-radius: 10px !important;
}
/* ============================================================
   ARTICLE CONTENT - tekststyling
   ============================================================ */
.dynamic-entry-content {
    max-width: var(--tbg-content-width);
    color: var(--tbg-text);
    margin-bottom: 3rem;
    overflow-wrap: break-word;
}

.dynamic-entry-content figcaption { font-size: 0.8125rem; color: var(--tbg-muted, #7a7563); margin-top: 0.5rem; }

.dynamic-entry-content 
/* --- Headings --- */
.dynamic-entry-content h2,
.dynamic-entry-content h3,
.dynamic-entry-content h4,
.dynamic-entry-content h5,
.dynamic-entry-content h6 {
    color: var(--tbg-text-dark);
    text-align: left;
    scroll-margin-top: var(--tbg-scroll-offset);
}
.dynamic-entry-content h2 {
    position: relative;
    font-size: 1.75rem;
    font-weight: 800;
    letter-spacing: -0.025em;
    line-height: 1.25;
    margin: 3rem 0 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--tbg-border);
}
.dynamic-entry-content h2::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 2.5rem;
    height: 2px;
    background: linear-gradient(90deg, var(--tbg-accent), transparent);
}
.dynamic-entry-content h3 {
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.4;
    margin: 2.5rem 0 0.75rem;
}
.dynamic-entry-content h4 {
    font-size: 1.0625rem;
    font-weight: 700;
    line-height: 1.5;
    margin: 2rem 0 0.5rem;
}
.dynamic-entry-content h5 {
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.5;
    margin: 1.75rem 0 0.5rem;
}
.dynamic-entry-content h6 {
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.6;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--tbg-accent);
    margin: 1.75rem 0 0.5rem;
}
@media (max-width: 768px) {
    .dynamic-entry-content h2 { font-size: 1.5rem; }
    .dynamic-entry-content h3 { font-size: 1.1875rem; }
}
/* Vergelijkingspagina: eerste h2 geen margin-top */
.gb-element-vgl-content-section .dynamic-entry-content h2:first-child {
    margin-top: 0;
}
/* --- Paragraphs --- */
.dynamic-entry-content p {
    margin-bottom: 1.5rem;
}
.dynamic-entry-content p:last-child {
    margin-bottom: 0;
}
/* --- Strong --- */
.dynamic-entry-content strong {
    color: var(--tbg-text-dark);
    font-weight: 700;
}
/* --- Links ---
 * Style alleen "kale" links zonder class.
 * Alles met een class (tbg-*, gb-*, button-*) heeft eigen styling.
 */
.dynamic-entry-content a:not([class]) {
    color: var(--tbg-accent);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    text-decoration-color: rgba(16, 185, 129, 0.4);
    font-weight: 600;
    transition: color 0.2s ease, text-decoration-color 0.2s ease;
}
.dynamic-entry-content a:not([class]):hover {
    color: var(--tbg-accent-hover);
    text-decoration-color: var(--tbg-accent-hover);
}
.dynamic-entry-content a:not([class]):focus-visible {
    outline: 2px solid var(--tbg-accent);
    outline-offset: 2px;
    border-radius: 2px;
}
/* --- Lists --- */
.dynamic-entry-content > ul,
.dynamic-entry-content > ol,
.dynamic-entry-content > .wp-block-list {
    margin-bottom: 1.75rem;
    padding-left: 1.75rem;
}
.dynamic-entry-content > ul,
.dynamic-entry-content > ul.wp-block-list {
    list-style-type: none;
}
.dynamic-entry-content > ul > li,
.dynamic-entry-content > ul.wp-block-list > li {
    position: relative;
    margin-bottom: 0.75rem;
    padding-left: 0.5rem;
    line-height: 1.7;
}
.dynamic-entry-content > ul > li::before,
.dynamic-entry-content > ul.wp-block-list > li::before {
    content: "\2022";
    color: var(--tbg-accent);
    font-weight: 700;
    font-size: 1.25em;
    position: absolute;
    left: -1.25rem;
}
.dynamic-entry-content > ol,
.dynamic-entry-content > ol.wp-block-list {
    counter-reset: item;
    list-style-type: none;
}
.dynamic-entry-content > ol > li,
.dynamic-entry-content > ol.wp-block-list > li {
    position: relative;
    margin-bottom: 0.75rem;
    padding-left: 0.5rem;
    line-height: 1.7;
    counter-increment: item;
}
.dynamic-entry-content > ol > li::before,
.dynamic-entry-content > ol.wp-block-list > li::before {
    content: counter(item) ".";
    color: var(--tbg-accent);
    font-weight: 700;
    position: absolute;
    left: -1.75rem;
}
/* --- Blockquotes --- */
.dynamic-entry-content blockquote {
    background: none;
    border: none;
    border-left: 2px solid var(--tbg-border-strong);
    border-radius: 0;
    color: var(--tbg-text);
    font-style: normal;
    font-size: 1.125rem;
    line-height: 1.65;
    margin: 2.5rem 0;
    padding: 0 0 0 1.5rem;
    box-shadow: none;
}
.dynamic-entry-content blockquote p {
    margin-bottom: 1rem;
}
.dynamic-entry-content blockquote p:last-child {
    margin-bottom: 0;
}
.dynamic-entry-content blockquote cite {
    display: block;
    margin-top: 0.75rem;
    font-size: 0.875rem;
    font-style: normal;
    color: var(--tbg-text-light);
}
.dynamic-entry-content blockquote cite::before {
    content: "\2014\00a0";
}
/* --- NIEUW: Scheidingslijn --- */
.dynamic-entry-content hr {
    border: none;
    border-top: 1px solid var(--tbg-border);
    margin: 2.5rem 0;
}
/* --- NIEUW: Inline code en codeblokken --- */
.dynamic-entry-content code {
    background: var(--tbg-bg);
    border: 1px solid var(--tbg-border);
    border-radius: 5px;
    padding: 0.125rem 0.375rem;
    font-size: 0.875em;
    color: var(--tbg-text-dark);
}
.dynamic-entry-content pre {
    background: var(--tbg-bg);
    border: 1px solid var(--tbg-border);
    border-radius: var(--tbg-radius);
    padding: 1.25rem 1.5rem;
    overflow-x: auto;
    margin: 2rem 0;
    line-height: 1.6;
}
.dynamic-entry-content pre code {
    background: none;
    border: none;
    padding: 0;
    font-size: 0.875rem;
}
/* --- Images & Figures --- */
.dynamic-entry-content img {
    border-radius: var(--tbg-radius);
    height: auto;
    max-width: 100%;
    margin-bottom: 0;
}
.dynamic-entry-content figure {
    margin: 2rem 0;
}
.dynamic-entry-content figcaption {
    color: var(--tbg-text-light);
    font-size: 0.875rem;
    font-style: italic;
    margin-top: 0.75rem;
    text-align: center;
    line-height: 1.5;
}
/* ============================================================
   TBG PLUGIN BLOCKS - minimale overrides
   ============================================================ */
/* Card titles: geen article heading spacing */
.dynamic-entry-content .tbg-card__title,
.dynamic-entry-content .tbg-related__title {
    font-size: inherit;
    margin-top: 0;
    margin-bottom: 8px;
    padding-bottom: 0;
    letter-spacing: normal;
    border-bottom: none;
}
/* H2 border-bottom en accent-lijn niet in TBG blokken */
.dynamic-entry-content .tbg-card h2,
.dynamic-entry-content .tbg-rb h2,
.dynamic-entry-content .tbg-vs h2 {
    border-bottom: none;
    padding-bottom: 0;
}
.dynamic-entry-content .tbg-card h2::after,
.dynamic-entry-content .tbg-rb h2::after,
.dynamic-entry-content .tbg-vs h2::after,
.dynamic-entry-content .tbg-card__title::after,
.dynamic-entry-content .tbg-related__title::after {
    display: none;
}
/* Pros/Cons: geen article list bullets */
.dynamic-entry-content .tbg-pros ul,
.dynamic-entry-content .tbg-cons ul,
.dynamic-entry-content .tbg-vs__pc-col ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}
.dynamic-entry-content .tbg-pros li,
.dynamic-entry-content .tbg-cons li,
.dynamic-entry-content .tbg-vs__pc-col li {
    padding-left: 24px;
    margin-bottom: 0;
}
.dynamic-entry-content .tbg-pros li::before,
.dynamic-entry-content .tbg-cons li::before,
.dynamic-entry-content .tbg-vs__pc-col li::before {
    content: none;
}
/* Pros/Cons headers */
.dynamic-entry-content .tbg-pros h4,
.dynamic-entry-content .tbg-cons h4,
.dynamic-entry-content .tbg-vs__pc-col > h4 {
    font-size: inherit;
    margin-top: 0;
    margin-bottom: 12px;
    letter-spacing: 0.06em;
    border-bottom: none;
}
/* Verdict */
.dynamic-entry-content .tbg-vs__verdict p {
    margin-bottom: 0;
}
.dynamic-entry-content .tbg-vs__verdict strong {
    color: var(--tbg-accent);
}
/* Images in TBG blokken: geen article styling */
.dynamic-entry-content .tbg-card img,
.dynamic-entry-content .tbg-mcta img,
.dynamic-entry-content .tbg-rb img,
.dynamic-entry-content .tbg-vs img,
.dynamic-entry-content .tbg-related img {
    margin-bottom: 0;
    border-radius: 0;
}
/* Block spacing */
.dynamic-entry-content .tbg-card,
.dynamic-entry-content .tbg-related,
.dynamic-entry-content .tbg-vs,
.dynamic-entry-content .tbg-lo,
.dynamic-entry-content .tbg-mcta,
.dynamic-entry-content .tbg-info,
.dynamic-entry-content .tbg-rb {
    margin: 1.5rem 0;
}
/* ============================================================
   BATTERIJ ASIDE (single_thuisbatterij template)
   ============================================================ */
.tb-product-aside img {
    margin: 0 !important;
}
.tb-product-aside .gb-loop-item:last-child {
    border-bottom: none !important;
}
/* ============================================================
   GLOBAL ELEMENTS
   ============================================================ */
/* WordPress images */
.wp-block-image,
.wp-block-image img {
    width: 100%;
    height: auto;
    display: block;
    max-width: 100%;
    border-radius: var(--tbg-radius);
}
.wp-block-image {
    margin: 2rem 0;
}
.nozie-169 {
    aspect-ratio: 16 / 9;
    object-fit: cover;
}
.featured-caption {
    font-size: 0.875rem;
    color: var(--tbg-text-light);
    text-align: right;
    margin-top: 0.5rem;
    margin-right: 0.625rem;
    font-style: italic;
}
/* Tables */
.wp-block-table {
    display: block;
    overflow-x: auto;
    margin-bottom: 2rem;
    border-radius: var(--tbg-radius);
    box-shadow: var(--tbg-shadow-sm);
}
.wp-block-table table {
    width: 100%;
    border-collapse: collapse;
}
.wp-block-table th,
.wp-block-table td {
    border: 1px solid var(--tbg-border);
    padding: 0.875rem 1rem;
    text-align: left;
    vertical-align: top;
}
.wp-block-table thead th {
    background: var(--tbg-bg);
    font-weight: 700;
    color: var(--tbg-text-dark);
    border-bottom: 2px solid var(--tbg-border-strong);
}
.wp-block-table tbody tr:nth-child(even) {
    background: var(--tbg-bg);
}
.wp-block-table tbody tr:hover {
    background: var(--tbg-border-light);
}
/* Video embeds */
.wp-block-embed__wrapper,
.wp-block-video {
    margin-bottom: 2rem;
    border-radius: var(--tbg-radius);
    overflow: hidden;
    box-shadow: var(--tbg-shadow-md);
}
/* E-book heading */
.e-book-h2 {
    font-size: 1.875rem;
    font-weight: 800;
    color: var(--tbg-text-dark);
    margin: 0 0 1.5rem 0;
    letter-spacing: -0.025em;
    line-height: 1.25;
    padding-bottom: 0;
    cursor: default;
}
/* ============================================================
   BUTTONS
   ============================================================ */
.button-cta-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background-color: var(--tbg-accent);
    color: #ffffff;
    padding: 0.875rem 1.75rem;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.9375rem;
    border: none;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.25);
    transition: background-color 0.2s ease;
}
.button-cta-primary:hover,
.button-cta-primary:focus {
    background-color: var(--tbg-accent-hover);
    color: #ffffff;
    text-decoration: none;
}
.button-cta-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background-color: transparent;
    color: var(--tbg-text);
    padding: 0.875rem 1.75rem;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9375rem;
    border: 1px solid var(--tbg-border);
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}
.button-cta-secondary:hover,
.button-cta-secondary:focus {
    background-color: var(--tbg-bg);
    border-color: var(--tbg-border-strong);
    color: var(--tbg-text);
    text-decoration: none;
}
.button-cta-primary:focus-visible,
.button-cta-secondary:focus-visible {
    outline: 2px solid var(--tbg-accent);
    outline-offset: 2px;
}
/* Shiny effect */
.shiny-button {
    position: relative;
    overflow: hidden;
}
.shiny-button::before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-radius: 12px;
    border: 2px solid transparent;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    background-clip: padding-box;
    mask: linear-gradient(90deg, rgba(0, 0, 0, 1) 1%, rgba(0, 0, 0, 0) 5%);
    -webkit-mask: linear-gradient(90deg, rgba(0, 0, 0, 1) 1%, rgba(0, 0, 0, 0) 5%);
    animation: shine-rect 3s linear infinite;
    pointer-events: none;
}
@keyframes shine-rect {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}
@media (prefers-reduced-motion: reduce) {
    .shiny-button::before {
        animation: none;
    }
}
/* ============================================================
   INFO BLOCKS (legacy bright-idiots)
   ============================================================ */
.bright-idiots-info-block {
    border: 1px solid var(--tbg-border);
    border-radius: 10px;
    margin: 1.5rem 0;
    padding: 1.25rem 1.5rem;
    background: var(--tbg-bg);
    color: var(--tbg-text);
    line-height: 1.7;
}
.bright-idiots-info-block p:last-child {
    margin-bottom: 0;
}
.bright-idiots-info-block-blue {
    background: #fafcff;
    border-color: #bfdbfe;
    color: #1e40af;
}
.bright-idiots-info-block-green {
    background: #ecfdf5;
    border-color: #bbf7d0;
    color: #166534;
}
.bright-idiots-info-block-yellow {
    background: #fffef5;
    border-color: #fde68a;
    color: #854d0e;
}
.bright-idiots-info-block-gray {
    background: var(--tbg-bg);
    border-color: var(--tbg-border);
    color: var(--tbg-text);
}
.bright-idiots-info-block-white {
    background: var(--tbg-bg-white);
    border-color: var(--tbg-border);
    color: var(--tbg-text);
}

/* TBG - vinkje links van de tekst in GenerateBlocks-formulieren
   Plakken in Weergave > Aanpassen > Aanvullende CSS (of in je eigen CSS-bestand).
   Werkt op beide domeinen en op elk GB-formulier met een checkbox.
   Twee losse blokken met opzet: valt de ene selector weg, dan blijft de andere staan. */

/* 1. Als GenerateBlocks de modifier-class meegeeft */
.gb-form-field--checkbox {
	display: flex;
	flex-direction: row-reverse;   /* het vinkje staat in de code na het label, dit zet het ervoor */
	justify-content: flex-end;
	align-items: flex-start;
	column-gap: 0.6em;
}
.gb-form-field--checkbox .gb-form-field__label {
	margin-bottom: 0;
	font-weight: 400;
	font-size: 0.9375em;
	line-height: 1.55;
	color: #5c5849;
}
.gb-form-field--checkbox .gb-form-field__input {
	width: auto;
	flex: 0 0 auto;
	margin: 0.25em 0 0;
	accent-color: #10b981;
}
.tbg-hcta-chip{display:none}.tbg-header-cta{background:#faf8f4;border-bottom:1px solid #eee8e0;padding:0.75rem 1.5rem}.tbg-header-cta__rij{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:0.625rem;flex-wrap:nowrap}.tbg-header-cta__tekst{display:inline-flex;align-items:center;column-gap:0.5em;color:#0f172a;font-size:0.875rem;font-weight:500;line-height:1.4;min-width:0}.tbg-header-cta__ic{display:inline-flex;color:#10b981;flex:none}.tbg-header-cta__knop{display:inline-flex;box-sizing:border-box;align-items:center;gap:0.375rem;background:#10b981;color:#fff!important;padding:0.35rem 0.7rem;border-radius:6px;font-size:0.8125rem;font-weight:700;text-decoration:none;line-height:1.4;white-space:nowrap;flex-shrink:0}.tbg-header-cta__knop:hover,.tbg-header-cta__knop:focus{background:#059669;color:#fff!important}.tbg-header-cta__knop svg{flex:none}.tbg-hcta-code{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1.5px dashed #34d399;border-radius:8px;padding:0.3rem 0.65rem;font-size:0.8125rem;font-weight:800;letter-spacing:0.06em;color:#065f46;line-height:1.4;cursor:pointer;white-space:nowrap;flex:none;user-select:none;transition:background .15s ease,border-color .15s ease}.tbg-hcta-code:hover,.tbg-hcta-code:focus{background:#f0fdf4;border-color:#10b981;outline:none}.tbg-hcta-code svg{color:#10b981;flex:none}.tbg-hcta-code__lab{font-size:0.6875rem;font-weight:600;letter-spacing:0;color:#8a8577}.tbg-hcta-code.is-ok{border-style:solid;border-color:#10b981;background:#f0fdf4}.tbg-hcta-code.is-ok .tbg-hcta-code__cd,.tbg-hcta-code.is-ok .tbg-hcta-code__lab,.tbg-hcta-code.is-ok svg{display:none}.tbg-hcta-code.is-ok::after{content:attr(data-ok);letter-spacing:0;font-weight:700;color:#065f46}@media(max-width:767px){.tbg-header-cta{position:relative;background:#0f172a;border-bottom:1px solid rgba(255,255,255,0.08);padding:0.6rem 0.9rem}.tbg-header-cta__rij{flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:0.5rem}.tbg-header-cta__tekst{order:1;flex:1 1 100%;min-width:0;align-items:flex-start;color:#f1f5f9;font-size:0.8125rem;padding-right:26px}.tbg-header-cta__ic{margin-top:1px}.tbg-header-cta__tekst>span:last-child{white-space:normal;line-height:1.3;overflow-wrap:anywhere}.tbg-hcta-x{position:absolute;top:6px;right:6px;margin:0}.tbg-header-cta__knop{order:2;flex:1 0 100%;justify-content:center;padding:0.6rem;font-size:0.8125rem}.tbg-header-cta__knop:hover,.tbg-header-cta__knop:focus{background:#0ea271}.tbg-header-cta--code .tbg-hcta-code{order:2;flex:1 1 0;justify-content:center;padding:0.55rem 0.5rem;background:rgba(255,255,255,0.06);color:#6ee7b7}.tbg-header-cta--code .tbg-hcta-code__lab{display:none}.tbg-header-cta--code .tbg-hcta-code svg{color:#34d399}.tbg-header-cta--code .tbg-hcta-code.is-ok{background:rgba(16,185,129,0.15)}.tbg-header-cta--code .tbg-hcta-code.is-ok::after{color:#6ee7b7}.tbg-header-cta--code .tbg-header-cta__knop{order:3;flex:1.4 1 0}}

.tbg-dealbalk__v--a{display:flex;align-items:center;justify-content:center;gap:10px;padding:9px 20px;text-decoration:none;font-size:13px;line-height:1.4}
.tbg-dealbalk__v--a svg{flex:none}
.tbg-dealbalk__txt{min-width:0}
.tbg-dealbalk__v--a{background:#faf8f4;border-bottom:1px solid #f0ece4;color:#0f172a}
.tbg-dealbalk__v--a:is(:hover,:focus,:visited){color:#0f172a;text-decoration:none}
.tbg-dealbalk__v--a strong{color:#0f172a}
.tbg-dealbalk__v--a .tbg-dealbalk__txt strong:last-of-type{color:#0f6e56}
.tbg-dealbalk__link{color:#0f6e56;font-weight:700;border-bottom:2px solid #9FE1CB;white-space:nowrap;transition:border-color .15s ease}
.tbg-dealbalk__v--a:is(:hover,:focus) .tbg-dealbalk__link{border-color:#10b981}
.tbg-dealbalk__staart{color:#0f6e56}
@media (max-width:600px){
.tbg-dealbalk__v--a{padding:9px 14px;font-size:12px;gap:8px}
.tbg-dealbalk__staart{display:none}
.tbg-dealbalk__link{font-size:11.5px}
}

.gb-site-header{position:relative;z-index:120}.tbg-dealkaart{display:block;position:relative;background:#fff;text-decoration:none!important;color:inherit!important}.tbg-dealkaart:hover,.tbg-dealkaart:focus{text-decoration:none!important;color:inherit!important;background:#fdfcfa}.tbg-dealkaart--stijl-verloop,.tbg-dealkaart--stijl-verloop:hover{background:#fff;overflow:hidden}.tbg-dealkaart--stijl-verloop .tbg-dealkaart__in::after{content:"";position:absolute;right:-40px;bottom:-110px;width:400px;height:230px;background:radial-gradient(ellipse at center,rgba(16,185,129,0.14) 0%,rgba(16,185,129,0) 68%);pointer-events:none;z-index:-1}.tbg-dealkaart--stijl-verloop .tbg-dealkaart__in{position:relative;z-index:1}.tbg-dealkaart--stijl-verloop .tbg-dealkaart__beeld{position:relative;overflow:visible}.tbg-dealkaart--stijl-verloop .tbg-dealkaart__beeld::before{content:"";position:absolute;inset:-26px;border-radius:50%;background:radial-gradient(circle,rgba(16,185,129,0.13) 0%,rgba(16,185,129,0) 70%);z-index:-1}.tbg-dealkaart--stijl-verloop .tbg-dealkaart__beeld--productfoto{background:none;border:none;box-shadow:none}.tbg-dealkaart--boven{border-bottom:1px solid #eee8e0}.tbg-dealkaart--onder{border-bottom:1px solid #eee8e0}.tbg-dealkaart__tag{flex:1 1 100%;order:-1;text-align:left;font-size:8.5px;font-weight:600;letter-spacing:0.09em;color:#c2bcb0;text-transform:uppercase;line-height:1;margin:-5px 0 3px}.tbg-dealkaart-balkvorm .tbg-dealkaart__tag{position:absolute;top:2px;left:10px;right:auto;font-size:7.5px;padding:0;z-index:2}.tbg-dealkaart__in{position:relative;max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:0 18px;padding:15px 24px}.tbg-dealkaart__beeld{flex:none;display:flex;align-items:center;justify-content:center;overflow:hidden}.tbg-dealkaart__beeld img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;margin:0;box-shadow:none;border:none}.tbg-dealkaart__beeld--logo{width:88px;height:48px;background:#fff;border:1px solid #eee8e0;border-radius:10px;padding:8px}.tbg-dealkaart__beeld--productfoto{width:64px;height:64px;background:none;border-radius:0;padding:0}.tbg-dealkaart__txt{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:3px}.tbg-dealkaart .tbg-dealkaart__titel{font-size:16px;font-weight:800;color:#0f172a!important;letter-spacing:-0.2px;line-height:1.3}.tbg-dealkaart__sub{font-size:13px;color:#64748b!important;line-height:1.45}.tbg-dealkaart__sub b{color:#166534;font-weight:700}.tbg-dealkaart__knop{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:8px;background:#10b981!important;color:#fff!important;font-size:14px;font-weight:700;padding:12px 22px;border-radius:10px;box-shadow:0 2px 8px rgba(16,185,129,0.22);transition:background .15s ease,transform .15s ease;white-space:nowrap}.tbg-dealkaart .tbg-hcta-code--dk{margin-left:auto;padding:0.6rem 0.8rem;font-size:0.875rem;border-radius:10px}.tbg-dealkaart .tbg-hcta-code--dk + .tbg-dealkaart__knop{margin-left:0}.tbg-dealkaart:hover .tbg-dealkaart__knop{background:#059669!important;transform:translateY(-1px)}.tbg-dealkaart:hover .tbg-dealkaart__titel{color:#047857!important}.tbg-dealkaart-balkvorm{display:none;position:relative}.tbg-dealkaart-balkvorm.is-on{display:block;position:fixed;top:var(--tbg-dkb-top,0px);left:0;right:0;z-index:98;box-shadow:0 2px 10px rgba(0,0,0,0.06)}.tbg-dealkaart-balkvorm .tbg-dealbalk{position:static}.tbg-dealkaart-balkvorm .tbg-header-cta{padding-top:0.95rem;padding-bottom:0.85rem}.tbg-dealkaart__x{display:flex;position:absolute;right:8px;top:50%;transform:translateY(-50%);align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;color:#94a3b8;font-size:19px;line-height:1;cursor:pointer;padding:0;z-index:2}.tbg-dealkaart__x:hover{color:#0f172a}@media(max-width:767px){.tbg-dealkaart__x{top:14px;right:4px;transform:none}}@media(max-width:767px){.tbg-dealkaart-balkvorm .tbg-dealkaart__tag{top:5px}.tbg-dealkaart-balkvorm .tbg-header-cta{padding-top:1.35rem}.tbg-dealkaart--m-verbergen{display:none!important}.tbg-dealkaart-balkvorm--m-verbergen{display:none!important}.tbg-dealkaart--m-balk{display:none!important}.tbg-dealkaart-balkvorm--m-balk{display:block;position:sticky;top:var(--tbg-dkb-top,0px);z-index:98}.tbg-dealkaart--m-kaart .tbg-dealkaart__in{flex-wrap:wrap;padding:12px 14px;gap:12px}.tbg-dealkaart--m-kaart .tbg-dealkaart__knop{width:100%;justify-content:center;margin-left:0;margin-top:4px}.tbg-dealkaart--m-kaart .tbg-hcta-code--dk{width:100%;justify-content:center;margin-left:0;margin-top:4px;padding:0.6rem}.tbg-dealkaart--m-kaart .tbg-dealkaart__beeld--productfoto{width:52px;height:52px}.tbg-dealkaart--m-kaart .tbg-dealkaart__beeld--logo{width:72px;height:40px}}
/* Uitbreidingen en energiemeters (ook meter-matrix): kaarten, tabellen, inklapbare sectie.
   Tot 8.409.45 inline via TBG_Uitbreidingen::assets(), nu een cachebaar bestand via TBG_Css_Bestanden. */
.tbg-ub{margin:0 0 18px;font-family:inherit;line-height:1.4}
/* compacte, inklapbare sectie: uitbreidingen en energiemeters op de batterijpagina */
.tbg-cmp{background:#fff;border:1px solid #eee8e0;border-radius:12px;margin:0 0 18px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.03)}
.tbg-cmp__sum{list-style:none;cursor:pointer;display:flex;align-items:flex-start;gap:13px;padding:15px 18px}
.tbg-cmp__sum::-webkit-details-marker{display:none}
.tbg-cmp__sum:hover{background:#faf8f4}
.tbg-cmp__ic{width:34px;height:34px;border-radius:10px;background:#ecfdf5;border:1px solid #bbf7d0;color:#047857;font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tbg-cmp__tx{min-width:0;flex:1 1 auto;padding-top:1px}
.tbg-cmp__h2{font-size:15px;font-weight:800;color:#0f172a;margin:0;line-height:1.4}
.tbg-cmp__sub{display:block;font-size:13px;color:#64748b;line-height:1.5}
.tbg-cmp__tgl{flex-shrink:0;align-self:center;font-size:12.5px;font-weight:700;color:#047857;display:flex;align-items:center;gap:7px;white-space:nowrap}
.tbg-cmp__tgl::after{content:"";width:7px;height:7px;border-right:2px solid #047857;border-bottom:2px solid #047857;transform:rotate(45deg);transition:transform .2s}
.tbg-cmp[open] .tbg-cmp__tgl::after{transform:rotate(-135deg)}
.tbg-cmp__in{padding:14px 18px 16px;border-top:1px solid #f3efe8}
.tbg-cmp__in .tbg-ub{margin-bottom:0}
.tbg-cmp__in .tbg-ub__kop{display:none}
@media (max-width:600px){
.tbg-cmp__sum{flex-wrap:wrap}
.tbg-cmp__tgl{margin-left:47px;width:100%;align-self:flex-start}
}
.tbg-ub__kop{font-size:18px;font-weight:800;color:#0f172a;margin:20px 0 10px}
.tbg-ub__leeg{background:#faf8f4;border:1px dashed #ddd6c8;border-radius:12px;padding:14px 16px}
.tbg-ub__leeg-txt{font-size:13px;color:#64748b;margin:0}
.tbg-ub__leeg-link,.tbg-ub__leeg-link:visited{color:#0f6e56;font-weight:700;text-decoration:none;white-space:nowrap}
.tbg-ub__leeg-link:hover{color:#10b981;text-decoration:underline}
.tbg-ub__teaser,.tbg-ub__teaser:visited{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e8e2d9;border-radius:14px;padding:14px 16px;margin:1.5rem 0;text-decoration:none;color:#0f172a;box-shadow:0 1px 3px rgba(15,23,42,.04);transition:border-color .15s,transform .15s,box-shadow .15s}
.tbg-ub__teaser:hover{border-color:#10b981;transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,0,0,.06);color:#0f172a}
.tbg-ub__teaser .tbg-ub__thumb{width:56px;height:56px;border-radius:10px}
.tbg-ub__teaser-txt{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.tbg-ub__teaser-lbl{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:800;color:#0f6e56;text-transform:uppercase;letter-spacing:.05em}
.tbg-ub__teaser-lbl svg{color:#10b981;flex-shrink:0}
.tbg-ub__teaser-titel{font-size:14.5px;font-weight:800;line-height:1.3}
.tbg-ub__teaser-sub{font-size:11.5px;color:#64748b}
.tbg-ub__teaser-knop{flex:none;background:#10b981;color:#fff;font-size:11.5px;font-weight:700;border-radius:9px;padding:8px 14px;white-space:nowrap;transition:background .12s}
.tbg-ub__teaser:hover .tbg-ub__teaser-knop{background:#0ea271}
.tbg-ub__blok{background:#fff;border:1px solid #e8e2d9;border-radius:14px;overflow:hidden;margin:1.5rem 0;box-shadow:0 1px 3px rgba(15,23,42,.04)}
.tbg-ub__hdr{padding:15px 16px 0;font-size:11px;font-weight:800;color:#0f6e56;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:6px}
.tbg-ub__hdr svg{color:#10b981;flex-shrink:0}
.tbg-ub__mod{background:#faf8f4;border:1px solid #f0ece4;border-radius:10px;margin:11px 16px 4px;padding:9px 12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tbg-ub__thumb{flex-shrink:0;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #eee8e0;border-radius:6px;overflow:hidden;vertical-align:middle}
.tbg-ub__thumb-img{width:100%;height:100%;object-fit:contain;display:block}
.tbg-ub__mod-naam,.tbg-ub__mod-naam:visited{font-size:13px;font-weight:700;color:#0f6e56;text-decoration:underline;text-underline-offset:2px}
.tbg-ub__mod-naam:hover{color:#10b981}
.tbg-ub__mod-spec{font-size:11px;color:#94a3b8}
.tbg-ub__mod-meer,.tbg-ub__mod-meer:visited{margin-left:auto;font-size:11px;font-weight:600;color:#0f6e56;text-decoration:none;white-space:nowrap}
.tbg-ub__mod-meer:hover{color:#10b981}
.tbg-ub .tbg-ub__tabel{width:100%;border-collapse:collapse;margin:6px 0 0;border:0;background:transparent}
.tbg-ub .tbg-ub__tabel thead th{padding:9px 16px 7px;font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;background:transparent;border:0;border-bottom:1px solid #eee8e0;text-align:left}
.tbg-ub .tbg-ub__tabel td{padding:10px 16px;font-size:13px;border:0;border-bottom:1px solid #f5f3ee;color:#0f172a;background:transparent;vertical-align:middle}
.tbg-ub .tbg-ub__tabel tbody tr:last-child td{border-bottom:0}
.tbg-ub .tbg-ub__tabel tbody td:first-child{font-weight:600}
.tbg-ub .tbg-ub__basis td{color:#94a3b8;font-size:12px;font-weight:400}
.tbg-ub .tbg-ub__basis td:first-child{font-weight:400}
.tbg-ub .tbg-ub__rij--beste td{background:#f8fffc}
.tbg-ub__pkwh{display:block;font-size:10px;font-weight:400;color:#94a3b8;margin-top:2px}
.tbg-ub__rij--beste .tbg-ub__pkwh{color:#0f6e56}
.tbg-ub__beste{display:inline-block;background:#E1F5EE;color:#085041;font-size:9px;font-weight:700;padding:1px 7px;border:1px solid #9FE1CB;border-radius:999px;vertical-align:middle;letter-spacing:.02em}
.tbg-ub__dim{font-size:11px;color:#94a3b8;font-weight:400}
.tbg-ub__cel-knop{text-align:right}
.tbg-ub__knop-pill,.tbg-ub__knop-pill:visited{display:inline-flex;align-items:center;gap:4px;background:#10b981;color:#fff;font-size:12px;font-weight:700;border-radius:9px;padding:6px 13px;text-decoration:none;white-space:nowrap;transition:background .12s,transform .12s}
.tbg-ub__knop-pill:hover{background:#0ea271;color:#fff;transform:translateY(-1px)}
.tbg-ub__voet{padding:9px 16px;background:#faf8f4;border-top:1px solid #eee8e0;font-size:10.5px;color:#94a3b8}
.tbg-ub__specs{background:#fff;border:1px solid #e8e2d9;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px rgba(15,23,42,.04)}
.tbg-ub .tbg-ub__specs-tabel{width:100%;border-collapse:collapse;margin:0;border:0;background:transparent}
.tbg-ub .tbg-ub__specs-tabel td{padding:10px 16px;font-size:13px;border:0;border-bottom:1px solid #f5f3ee;background:transparent;color:#0f172a;vertical-align:middle}
.tbg-ub .tbg-ub__specs-tabel tr:last-child td{border-bottom:0}
.tbg-ub .tbg-ub__specs-tabel td:first-child{color:#64748b;font-weight:500;width:45%}
.tbg-ub .tbg-ub__specs-tabel td:last-child{font-weight:600}
.tbg-ub .tbg-ub__specs-tabel tr:nth-child(even) td{background:#fcfbf9}
.tbg-ub__hero{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:16px;align-items:center;background:#fff;border:1px solid #eee8e0;border-radius:14px;padding:20px}
.tbg-ub__hero .tbg-ub__thumb{width:96px;height:96px;border-radius:12px}
.tbg-ub__label{display:block;font-size:11px;font-weight:700;color:#10b981;text-transform:uppercase;letter-spacing:.06em;margin:0 0 2px}
.tbg-ub__hero-h1{font-size:24px;font-weight:800;color:#0f172a;margin:0 0 4px;line-height:1.2}
.tbg-ub__hero-sub{font-size:13px;color:#64748b}
.tbg-ub__hero-cta{text-align:right}
.tbg-ub__hero-prijs{display:block;font-size:20px;font-weight:800;color:#0f172a;margin:0 0 8px}
.tbg-ub__btn,.tbg-ub__btn:visited,.tbg-ub__btn:focus{display:inline-flex;align-items:center;gap:6px;background:#10b981;color:#fff !important;font-weight:700;font-size:13px;padding:10px 16px;border-radius:8px;text-decoration:none;white-space:nowrap;transition:background .12s}
.tbg-ub__btn:hover{background:#059669;color:#fff !important}
.tbg-ub__gv{background:#fff;border:1px solid #e8e2d9;border-radius:12px;margin:0 0 16px;overflow:hidden}
.tbg-ub__gv-kop{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f8fffc;cursor:pointer;list-style:none;font-size:13px;font-weight:700;color:#0f172a}
.tbg-ub__gv-kop::-webkit-details-marker{display:none}
.tbg-ub__gv-kop>svg{color:#10b981;flex:none}
.tbg-ub__gv-titel{min-width:0}
.tbg-ub__gv-tgl{display:inline-flex;align-items:center;gap:4px;margin-left:auto;font-size:11px;font-weight:600;color:#0f6e56;white-space:nowrap}
.tbg-ub__gv-chev{transition:transform .15s}
.tbg-ub__gv[open] .tbg-ub__gv-chev{transform:rotate(180deg)}
.tbg-ub__gv-verberg{display:none}
.tbg-ub__gv[open] .tbg-ub__gv-toon{display:none}
.tbg-ub__gv[open] .tbg-ub__gv-verberg{display:inline}
.tbg-ub__gv[open] .tbg-ub__gv-kop{border-bottom:1px solid #d9f2e7}
.tbg-ub__gv-rij{display:flex;align-items:center;gap:11px;padding:9px 14px;color:#0f172a;text-decoration:none;border-bottom:1px solid #f5f3ee;transition:background .12s}
.tbg-ub__gv-rij:visited{color:#0f172a}
.tbg-ub__gv-rij:last-child{border-bottom:0}
.tbg-ub__gv-rij:hover{background:#f8fffc}
.tbg-ub__gv-foto{position:relative;flex:none}
.tbg-ub__gv-foto .tbg-ub__thumb{width:44px;height:44px;border-radius:9px}
.tbg-ub__gv-badge{position:absolute;top:-6px;right:-6px;background:#10b981;color:#fff;font-size:9px;font-weight:800;border-radius:6px;padding:1px 5px;line-height:1.3;box-shadow:0 2px 6px rgba(16,185,129,.35)}
.tbg-ub__gv-info{display:flex;flex-direction:column;gap:1px;min-width:0}
.tbg-ub__gv-naam{font-size:13px;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tbg-ub__gv-sub{font-size:10.5px;color:#64748b}
.tbg-ub__gv-pijl{margin-left:auto;flex:none;color:#10b981;opacity:0;transform:translateX(-3px);transition:opacity .12s,transform .12s}
.tbg-ub__gv-rij:hover .tbg-ub__gv-pijl{opacity:1;transform:none}
@media (max-width:600px){.tbg-ub__gv-naam{white-space:normal}.tbg-ub__gv-pijl{opacity:1;transform:none}}
.tbg-ub__compat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tbg-ub__bat-kaart,.tbg-ub__bat-kaart:visited{position:relative;display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #eee8e0;border-radius:14px;padding:14px 16px;text-decoration:none;color:#0f172a;transition:border-color .15s,transform .15s,box-shadow .15s;min-width:0}
.tbg-ub__bat-kaart:hover{border-color:#10b981;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.06);color:#0f172a}
.tbg-ub__bat-foto{position:relative;flex-shrink:0}
.tbg-ub__bat-foto .tbg-ub__thumb{width:64px;height:64px;border-radius:12px;background:#faf8f4}
.tbg-ub__bat-score{position:absolute;top:-7px;right:-7px;background:#10b981;color:#fff;font-size:11px;font-weight:800;border-radius:7px;padding:2px 6px;line-height:1.3;box-shadow:0 2px 8px rgba(16,185,129,0.35)}
.tbg-ub__bat-score em{font-style:normal;font-size:8px;font-weight:600;opacity:.8}
.tbg-ub__bat-txt{min-width:0;display:flex;flex-direction:column;gap:3px}
.tbg-ub__bat-naam{font-size:15px;font-weight:700;line-height:1.25}
.tbg-ub__bat-meta{font-size:12px;color:#64748b}
.tbg-ub__bat-max{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#0f6e56;background:#E1F5EE;border-radius:6px;padding:2px 8px;align-self:flex-start}
.tbg-ub__bat-pijl{margin-left:auto;flex-shrink:0;width:28px;height:28px;border-radius:50%;background:#f5f3ee;display:inline-flex;align-items:center;justify-content:center;color:#94a3b8;transition:all .2s}
.tbg-ub__bat-kaart:hover .tbg-ub__bat-pijl{background:#10b981;color:#fff}
.tbg-ub__groei{background:#fff;border:1px solid #eee8e0;border-radius:14px;overflow:hidden;margin:0 0 14px}
.tbg-ub__groei-kop{display:flex;align-items:center;gap:11px;padding:13px 16px;background:#faf8f4;border-bottom:1px solid #eee8e0}
.tbg-ub__groei-kop .tbg-ub__thumb{width:40px;height:40px;border-radius:9px}
.tbg-ub__groei-titel{min-width:0}
.tbg-ub__groei-titel a,.tbg-ub__groei-titel a:visited{font-size:14px;font-weight:700;color:#0f172a;text-decoration:none}
.tbg-ub__groei-titel a:hover{color:#10b981}
.tbg-ub__groei-basis{display:block;font-size:11px;color:#94a3b8;margin-top:1px}
.tbg-ub__groei-rij{display:grid;grid-template-columns:112px minmax(0,1fr) 116px 38px;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid #f5f3ee}
summary.tbg-ub__groei-kop{cursor:pointer;list-style:none}
summary.tbg-ub__groei-kop::-webkit-details-marker{display:none}
.tbg-ub__groei-chevron{margin-left:auto;color:#94a3b8;display:inline-flex;transition:transform .2s}
details[open] .tbg-ub__groei-chevron{transform:rotate(180deg)}
details.tbg-ub__groei summary:hover{background:#f5f3ee}
.tbg-ub__groei-cta{text-align:right}
.tbg-ub__groei-knop,.tbg-ub__groei-knop:visited,.tbg-ub__groei-knop:focus{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:#10b981;color:#fff !important;border-radius:8px;text-decoration:none;transition:background .12s,transform .12s}
.tbg-ub__groei-knop:hover{background:#059669;color:#fff !important;transform:translateX(1px);text-decoration:none}
.tbg-ub__groei-knop--basis,.tbg-ub__groei-knop--basis:visited,.tbg-ub__groei-knop--basis:focus{background:#fff;border:1.5px solid #d6cfc4;color:#94a3b8 !important}
.tbg-ub__groei-knop--basis:hover{background:#faf8f4;border-color:#10b981;color:#10b981 !important}
.tbg-ub__beste-pill{display:block;margin-top:3px;font-size:9px;font-weight:700;color:#085041;background:#E1F5EE;border:1px solid #9FE1CB;border-radius:999px;padding:1px 8px;letter-spacing:.02em;white-space:nowrap;width:fit-content}
.tbg-ub__groei-kwh em{display:block;font-style:normal;font-size:9px;font-weight:500;color:#b9b2a6;margin-top:1px}
.tbg-ub__groei-rij:last-child{border-bottom:none}
.tbg-ub__groei-rij--beste{background:#f8fffc}
.tbg-ub__groei-rij--basis .tbg-ub__groei-lbl,.tbg-ub__groei-rij--basis .tbg-ub__groei-prijs{color:#94a3b8;font-weight:500}
.tbg-ub__groei-lbl{font-size:13px;font-weight:700;color:#0f172a;white-space:nowrap}
.tbg-ub__groei-lbl em{font-style:normal;font-size:11px;font-weight:500;color:#94a3b8}
.tbg-ub__groei-bar{position:relative;display:flex;align-items:center;gap:8px;min-width:0}
.tbg-ub__groei-bar::before{content:"";position:absolute;left:0;right:68px;height:8px;background:#f1ede6;border-radius:4px}
.tbg-ub__groei-fill{position:relative;height:8px;border-radius:4px;background:#10b981;flex-shrink:1;min-width:8px;max-width:calc(100% - 68px)}
.tbg-ub__groei-fill--basis{background:#d6cfc4}
.tbg-ub__groei-kwh{font-size:12px;font-weight:600;color:#475569;white-space:nowrap;margin-left:auto;min-width:60px;text-align:right}
.tbg-ub__groei-prijs{font-size:14px;font-weight:800;color:#0f172a;text-align:right;white-space:nowrap}
.tbg-ub__groei-pkwh{display:block;font-size:10px;font-weight:500;color:#94a3b8;margin-top:1px}
.tbg-ub__faq{display:flex;flex-direction:column;gap:8px}
.tbg-ub__faq-item{background:#fff;border:1px solid #eee8e0;border-radius:9px;padding:0}
.tbg-ub__faq-item summary{cursor:pointer;font-size:14px;font-weight:600;color:#0f172a;padding:11px 14px;list-style-position:inside}
.tbg-ub__faq-a{padding:0 14px 12px;font-size:13px;color:#475569;line-height:1.6}
.tbg-ub__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tbg-ub__card,.tbg-ub__card:visited{display:flex;flex-direction:column;background:#fff;border:1px solid #e8e2d9;border-radius:14px;overflow:hidden;text-decoration:none;color:#0f172a;transition:border-color .15s,transform .15s,box-shadow .15s}
.tbg-ub__card:hover{border-color:#10b981;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.06);color:#0f172a}
.tbg-ub__card-foto{position:relative;display:flex;align-items:center;justify-content:center;background:#faf8f4;height:150px;padding:16px}
.tbg-ub__card-img{max-width:100%;max-height:118px;width:auto;height:auto;object-fit:contain;display:block;mix-blend-mode:multiply}
.tbg-ub__card-leeg{width:84px;height:56px;background:#eee8e0;border-radius:8px}
.tbg-ub__card-badge{position:absolute;top:9px;left:9px;background:#E1F5EE;color:#085041;border:1px solid #9FE1CB;font-size:9.5px;font-weight:700;border-radius:999px;padding:2px 9px;letter-spacing:.02em;white-space:nowrap}
.tbg-ub__card-body{display:flex;flex-direction:column;flex:1;padding:12px 14px 14px}
.tbg-ub__card-merk{font-size:9.5px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}
.tbg-ub__card-naam{font-size:15.5px;font-weight:800;line-height:1.25}
.tbg-ub__card-spec{font-size:11px;color:#64748b;margin-top:3px}
.tbg-ub__card-voet{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:12px}
.tbg-ub__card-prijs{font-size:14px;font-weight:800;color:#0f172a}
.tbg-ub__card-prijs em{font-style:normal;font-size:10px;font-weight:500;color:#94a3b8;margin-right:2px}
.tbg-ub__card-knop{color:#10b981;font-size:12px;font-weight:700;white-space:nowrap;transition:color .12s}
.tbg-ub__card:hover .tbg-ub__card-knop{color:#059669}
@media(max-width:900px){
.tbg-ub__grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
.tbg-ub__compat{grid-template-columns:1fr}
.tbg-ub__groei-rij{grid-template-columns:84px minmax(0,1fr);row-gap:6px}
.tbg-ub__groei-prijs{text-align:left;display:flex;align-items:baseline;gap:8px}
.tbg-ub__groei-cta{text-align:right}
.tbg-ub__groei-prijs,.tbg-ub__groei-cta{grid-row:2}
.tbg-ub__groei-pkwh{margin-top:0}
.tbg-ub__grid{grid-template-columns:1fr}
.tbg-ub__hero{grid-template-columns:64px minmax(0,1fr)}
.tbg-ub__hero .tbg-ub__thumb{width:64px;height:64px}
.tbg-ub__hero-cta{grid-column:1 / -1;text-align:left}
.tbg-ub__tabel--groei th:nth-child(4),.tbg-ub__tabel--groei td:nth-child(4){display:none}
.tbg-ub .tbg-ub__tabel td,.tbg-ub .tbg-ub__tabel thead th{padding-left:10px;padding-right:10px}
.tbg-ub__teaser{flex-wrap:wrap}
.tbg-ub__teaser-knop{flex-basis:100%;text-align:center}
.tbg-ub__knop-pill,.tbg-ub__knop-pill:visited{padding:5px 10px;font-size:11px}
.tbg-ub__mod-meer{margin-left:0;flex-basis:100%}
}


.tbg-groei{background:#fff;border:1px solid #eee8e0;border-radius:14px;padding:16px 18px;margin:0 0 16px}
.tbg-groei__picker{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.tbg-groei__pill{font:inherit;font-size:13px;padding:7px 14px;border-radius:999px;border:1px solid #d6cfc4;background:#fff;color:#0f172a;cursor:pointer}
.tbg-groei__pill.is-on{border:2px solid #10b981;background:#E1F5EE;color:#085041;padding:6px 13px}
.tbg-groei__asklbl{font-size:13px;color:#64748b;margin:0 0 6px}
.tbg-groei__sel{font:inherit;font-size:14px;padding:9px 12px;border-radius:10px;border:1px solid #d6cfc4;background:#fff;width:100%;max-width:320px;margin:0 0 16px}
.tbg-groei__stage{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center}
.tbg-groei__batt{display:flex;flex-direction:column;align-items:center}
.tbg-groei__nub{width:20px;height:6px;border-radius:3px 3px 0 0;background:#c9bca5}
.tbg-groei__body{display:flex;flex-direction:column-reverse;gap:4px;padding:5px;border:2px solid #c9bca5;border-radius:9px;width:62px}
.tbg-groei__cell{height:22px;border-radius:3px}
.tbg-groei__cell--base{background:#e7e0d4}
.tbg-groei__cell--mod{background:#10b981}
.tbg-groei__cell--empty{border:1px dashed #d6cfc4;background:transparent;height:20px}
.tbg-groei__panel{min-width:0}
.tbg-groei__step{display:flex;align-items:center;gap:10px;margin:0 0 16px;max-width:240px}
.tbg-groei__btn{width:36px;height:36px;border-radius:9px;border:1px solid #d6cfc4;background:#fff;font-size:20px;line-height:1;cursor:pointer;color:#0f172a;display:flex;align-items:center;justify-content:center}
.tbg-groei__btn:disabled{opacity:.4;cursor:default}
.tbg-groei__stepn{flex:1;text-align:center;font-size:14px;font-weight:700;color:#0f172a}
.tbg-groei__stepn em{display:block;font-style:normal;font-size:11px;font-weight:500;color:#94a3b8}
.tbg-groei__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tbg-groei__stats>div{background:#faf8f4;border-radius:9px;padding:10px 12px}
.tbg-groei__stats span{display:block;font-size:12px;color:#94a3b8}
.tbg-groei__stats strong{font-size:16px;font-weight:800;color:#0f172a}
.tbg-groei__badge{font-style:normal;font-size:9px;font-weight:700;color:#085041;background:#E1F5EE;border:1px solid #9FE1CB;border-radius:999px;padding:1px 6px;vertical-align:middle;white-space:nowrap}
.tbg-groei__cta,.tbg-groei__cta:visited{display:inline-block;margin-top:14px;background:#10b981;color:#fff !important;font-size:13px;font-weight:700;border-radius:9px;padding:9px 16px;text-decoration:none}
.tbg-groei__cta:hover{background:#0ea271;color:#fff !important}
.tbg-groei__meer,.tbg-groei__meer:visited{display:inline-block;margin-top:10px;font-size:13px;font-weight:600;color:#0f6e56;text-decoration:none}
.tbg-groei__meer:hover{color:#10b981;text-decoration:underline}
.tbg-groei__det{margin-top:14px;border-top:1px solid #eee8e0;padding-top:4px}
.tbg-groei__det-sum{cursor:pointer;font-size:13px;color:#64748b;list-style:none;padding:9px 0}
.tbg-groei__det-sum::-webkit-details-marker{display:none}
.tbg-groei__tbl.is-hidden{display:none}
@media(max-width:600px){.tbg-groei{padding:14px}.tbg-groei__stage{grid-template-columns:1fr;justify-items:center;gap:16px}.tbg-groei__panel{width:100%}.tbg-groei__step{max-width:none}.tbg-groei__btn{width:42px;height:42px;font-size:22px}.tbg-groei__stats>div{padding:9px 8px}.tbg-groei__stats strong{font-size:15px}}