.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-gfav{margin:18px 0}
		.tbg-gfav--center{text-align:center}
		.tbg-gfav__btn{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #dadce0;border-radius:24px;padding:9px 16px 9px 12px;font-family:"Google Sans",Roboto,-apple-system,"Segoe UI",sans-serif;font-size:14px;font-weight:600;line-height:1.2;color:#1f1f1f;text-decoration:none;box-shadow:0 1px 2px rgba(0,0,0,.08);cursor:pointer;transition:box-shadow .15s,background .15s}
		.tbg-gfav__btn:hover{background:#f8f9fa;box-shadow:0 1px 3px rgba(0,0,0,.14);color:#1f1f1f;text-decoration:none}
		.tbg-gfav__btn svg{width:18px;height:18px;flex:none}
		.tbg-gfav__btn--dark{background:#1f1f1f;border-color:#3c4043;color:#fff}
		.tbg-gfav__btn--dark:hover{background:#2d2d2d;color:#fff}
		/* Tekststijl (8.368.0): één regel met logo, geen script nodig. */
		.tbg-gfav__tekst{display:inline-flex;align-items:center;gap:7px;font-size:14.5px;font-weight:700;line-height:1.5;color:#10b981;text-decoration:none}
		.tbg-gfav__tekst svg{width:15px;height:15px;flex:none}
		.tbg-gfav__tekst-u{text-decoration:underline;text-underline-offset:3px;text-decoration-color:#a7f3d0}
		.tbg-gfav__tekst:hover{color:#047857}
		.tbg-gfav__tekst:hover .tbg-gfav__tekst-u{text-decoration-color:currentColor}