.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}}
/* Prijsvergelijker: stijl van de vergelijkertabel (shops, prijzen, codes, popovers).
   Tot 8.409.45 inline in de pagina (enqueue_inline_assets), nu een cachebaar bestand via TBG_Css_Bestanden. */
.tbg-pv{background:#fff;border:1px solid #eee8e0;border-radius:12px;overflow:hidden;font-family:inherit;line-height:1.4;position:relative}
.tbg-pv__foot-row--disclosure{font-size:11px;color:#94a3b8;max-width:600px}
.tbg-pv img{margin:0}
.tbg-pv button{margin:0}
.tbg-pv__titlebar{display:flex;align-items:center;gap:8px 10px;padding:13px 18px;border-bottom:1px solid #eee8e0;flex-wrap:wrap}
.tbg-pv__titlebar svg{flex-shrink:0}
/* flex:1 op de titel (8.186.0): voorkomt dat het euro-icoon op een eigen
   regel achterblijft als de titel wrapt in een smalle kolom. */
.tbg-pv__titlebar-txt{font-size:14px;font-weight:700;color:#0f172a;flex:1;min-width:180px}
.tbg-pv__titlebar .tbg-pv__sorts{margin-left:auto}
.tbg-pv-placeholder{padding:16px;background:#faf8f4;border:1px dashed #ddd6c8;border-radius:8px;color:#64748b;font-size:13px;text-align:center}
.tbg-pv-placeholder code{background:#fff;padding:2px 6px;border-radius:3px;font-size:12px}
.tbg-pv__product{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid #eee8e0;text-decoration:none;transition:background .12s}
.tbg-pv__product:hover{background:#faf8f4}
.tbg-pv__product-img{width:40px;height:40px;border-radius:6px;object-fit:contain;border:1px solid #eee8e0;background:#fff;flex-shrink:0;display:block}
.tbg-pv__product-name{font-weight:700;font-size:15px;color:#0f172a;line-height:1.3}
.tbg-pv__pills{display:flex;gap:4px;padding:10px 18px;border-bottom:1px solid #eee8e0;flex-wrap:wrap}
.tbg-pv__pill{font-size:11px;font-weight:600;padding:4px 12px;border:1px solid #eee8e0;background:#fff;border-radius:20px;cursor:pointer;font-family:inherit;color:#94a3b8;transition:all .12s}
.tbg-pv__pill:hover{border-color:#10b981;background:#10b981;color:#fff}
.tbg-pv__pill.is-active{border-color:#10b981;background:#ecfdf5;color:#059669}
.tbg-pv__pills-lbl{font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:.03em;align-self:center;margin-right:2px}
/* Sortering (8.182.0): segmented control in de titelbalk. De oude
   "Beschikbaar bij X shops"-regel (.tbg-pv__head) is uit de markup. */
.tbg-pv__sorts{display:flex;align-items:center;gap:7px}
.tbg-pv__sorts-lbl{font-size:11px;color:#94a3b8;font-weight:500}
.tbg-pv__sortseg{display:inline-flex;border:1px solid #eee8e0;border-radius:7px;overflow:hidden}
.tbg-pv__sort{font-size:11px;padding:4px 12px;border:none;background:#fff !important;color:#64748b !important;cursor:pointer;font-weight:700;font-family:inherit;transition:all .1s;line-height:1.3;border-radius:0;appearance:none}
.tbg-pv__sort:hover,.tbg-pv__sort:focus,.tbg-pv__sort:active{color:#0f172a !important;background:#faf8f4 !important}
.tbg-pv__sort.is-active,.tbg-pv__sort.is-active:hover,.tbg-pv__sort.is-active:focus{background:#0f172a !important;color:#fff !important}
/* Kortingscode-toggle (8.182.0) */
.tbg-pv__codes{display:flex;align-items:center;gap:9px;padding:9px 18px;border-bottom:1px solid #f5f3ee;cursor:pointer;user-select:none}
.tbg-pv__codes-sw{width:34px;height:19px;border-radius:999px;background:#ddd6c8;border:none;position:relative;cursor:pointer;padding:0;flex-shrink:0;transition:background .15s;appearance:none}
.tbg-pv__codes-sw::after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:left .15s}
.tbg-pv__codes-sw:hover,.tbg-pv__codes-sw:focus{background:#d3cbbc !important}
.tbg-pv__codes-sw[aria-checked="true"],.tbg-pv__codes-sw[aria-checked="true"]:hover,.tbg-pv__codes-sw[aria-checked="true"]:focus{background:#10b981 !important}
.tbg-pv__codes-sw[aria-checked="true"]::after{left:17px}
.tbg-pv__codes-lbl{font-size:12px;font-weight:600;color:#475569}
.tbg-pv__codes-hint{margin-left:auto;font-size:11px;color:#94a3b8}
.tbg-pv--codes .tbg-pv__codes-lbl{color:#047857}
/* 8.279.0: de hint draagt nu de hele uitleg (band verwijderd); iets minder
   zwaar dan de oude vette aan-stand zodat hij niet schreeuwt. */
.tbg-pv--codes .tbg-pv__codes-hint{color:#0f6e56;font-weight:600}
.tbg-pv__discount{font-size:11px;color:#475569;font-weight:500}
.tbg-pv__discount b{color:#047857;font-weight:800}
.tbg-pv__price.is-discounted{color:#047857}
/* Incl. code-weergave (8.184.0): alleen zichtbaar op rijen waar de toggle
   echt korting toepast (is-code-applied, gezet door de JS). */
.tbg-pv__precode{display:none;font-size:11px;color:#94a3b8;text-decoration:line-through;line-height:1.3}
.tbg-pv__inclcode{display:none;font-size:9.5px;font-weight:700;color:#047857;text-transform:uppercase;letter-spacing:.03em;line-height:1.5}
.tbg-pv__row.is-code-applied .tbg-pv__precode{display:block}
.tbg-pv__row.is-code-applied .tbg-pv__inclcode{display:block}
/* 8.279.0: stille coderegel zodra de code verrekend is. De kortingsregel
   verdwijnt (de korting is niet "extra" meer), de gestippelde chip wordt
   platte grijze tekst ("Code TBG25 zit al in de prijs") met alleen een
   klein groen kopieer-linkje; de hele regel blijft de kopieerknop. */
.tbg-pv__codewoord,.tbg-pv__inprijs{display:none}
.tbg-pv__row.is-code-applied .tbg-pv__discount{display:none}
.tbg-pv__row.is-code-applied .tbg-pv__coupon{color:#8a8577}
.tbg-pv__row.is-code-applied .tbg-pv__coupon-ic{color:#a7c8b5}
.tbg-pv__row.is-code-applied .tbg-pv__codewoord{display:inline;font-size:11.5px;font-weight:500;color:#8a8577}
.tbg-pv__row.is-code-applied .tbg-pv__coupon-code{border-color:transparent;border-width:0;background:transparent !important;border-radius:0;font-size:11.5px;overflow:visible}
/* 8.309.1: in de verrekende vorm las "Code  Voordeel" met een dubbele
   spatie: de flex-gap plus de (onzichtbare) chiprand telden op. Gap
   strakker en de rand weg, zodat het als een gewone zin leest. */
.tbg-pv__row.is-code-applied .tbg-pv__coupon{gap:4px}
.tbg-pv__row.is-code-applied .tbg-pv__coupon-code:hover,.tbg-pv__row.is-code-applied .tbg-pv__coupon-code:focus,.tbg-pv__row.is-code-applied .tbg-pv__coupon-code:active{background:transparent !important;border-color:transparent}
.tbg-pv__row.is-code-applied .tbg-pv__coupon-code.is-copied{border-color:transparent}
.tbg-pv__row.is-code-applied .tbg-pv__coupon-val{padding:0;background:transparent;font-family:inherit;letter-spacing:.03em;font-weight:700;color:#475569 !important}
.tbg-pv__row.is-code-applied .tbg-pv__inprijs{display:inline-flex;align-items:center;font-weight:500;color:#8a8577;padding:0 0 0 4px}
.tbg-pv__row.is-code-applied .tbg-pv__coupon-act{padding:0 0 0 7px;background:transparent;border-left:none;color:#0e8c66;font-weight:600}
.tbg-pv__row.is-code-applied .tbg-pv__coupon-code.is-copied .tbg-pv__coupon-act{background:transparent}
/* 8.278.0: chip-staartje "incl. code" op de effectieve winnaar en de
   tegenchip "Laagste zonder code" op de goedkoopste kale rij (--rawlow,
   alleen gezet met codes aan als dat een andere rij is). */
.tbg-pvx-chip__code{display:none;margin-left:4px;color:#0f6e56}
.tbg-pv__row.is-code-applied .tbg-pvx-chip__code{display:inline}
.tbg-pv__list{padding:0}
.tbg-pv__row{display:flex;align-items:center;padding:12px 18px;border-top:1px solid #f5f3ee;gap:10px}
.tbg-pv__row:first-child{border-top:none}
.tbg-pv__icon{width:30px;height:30px;border-radius:6px;object-fit:contain;border:1px solid #eee8e0;background:#fff;flex-shrink:0;display:block}
.tbg-pv__icon--ph{display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;background:#faf8f4;color:#64748b}
.tbg-pv__shop{flex:1;min-width:0;display:flex;flex-direction:column;gap:0}
.tbg-pv__name-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;line-height:1.25}
.tbg-pv__name{font-weight:700;font-size:14px;color:#0f172a;text-decoration:none}
.tbg-pv__name:hover{color:#10b981}
/* .tbg-pv__score is de overgangsfallback (oude TBG Shopscore-pil); kan weg
   zodra alle shops een totaalscore hebben en de fallback uit de PHP is. */
.tbg-pv__score{font-size:11px;font-weight:700;padding:1px 6px;border-radius:5px;background:#f1ede6;color:#475569;flex-shrink:0}
/* Totaalscore-pil (8.142.0): omlijnde pil met kleurstip, opvolger van de
   klantscore-badge maar iets prominenter omdat hij nu de enige score is.
   Button vanwege de popover. Verschijnt identiek in beide pvx-armen. */
/* Score als button vanwege de popover, maar visueel kale tekst met
   stippellijn. cursor:help toont het vraagteken-cursortje bij hover.
   De harde background/color-resets voorkomen dat thema-buttonstyling
   (groene hover van GeneratePress) erdoorheen lekt. */
.tbg-pv__totaalscore{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:700;color:#0f172a;padding:0 0 1px;border:none;border-bottom:1px dotted #b8ad98;border-radius:0;flex-shrink:0;line-height:1.4;background:none;font-family:inherit;cursor:help;appearance:none}
.tbg-pv__totaalscore:hover,.tbg-pv__totaalscore:focus,.tbg-pv__totaalscore:active{background:none !important;color:#0f172a !important;border-bottom-color:#0f172a}
.tbg-pv__totaalscore svg{flex-shrink:0}
.tbg-pv__tsc-wrap{position:relative;display:inline-flex;flex-shrink:0}
/* Popover: default boven de pil, met .is-below eronder als er boven geen
   ruimte is. Zichtbaar bij hover (alleen echte hover-apparaten),
   toetsenbordfocus en de is-open toggle (tik/klik, gezet door JS). */
.tbg-pv__tsc-pop{position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);width:max-content;max-width:230px;background:#0f172a;color:#fff;font-size:11px;font-weight:500;line-height:1.45;padding:7px 10px;border-radius:7px;z-index:40;opacity:0;visibility:hidden;transition:opacity .12s;pointer-events:none;text-align:left}
.tbg-pv__tsc-pop::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:#0f172a}
@media(hover:hover){.tbg-pv__totaalscore:hover+.tbg-pv__tsc-pop{opacity:1;visibility:visible}}
.tbg-pv__totaalscore:focus-visible+.tbg-pv__tsc-pop,.tbg-pv__tsc-wrap.is-open .tbg-pv__tsc-pop{opacity:1;visibility:visible}
.tbg-pv__tsc-wrap.is-below .tbg-pv__tsc-pop{bottom:auto;top:calc(100% + 7px)}
.tbg-pv__tsc-wrap.is-below .tbg-pv__tsc-pop::after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:#0f172a}
.tbg-pv__badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:3px;background:#0f172a;color:#fff;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}
.tbg-pv__oos-tag{font-size:10px;font-weight:700;padding:3px 7px;border-radius:4px;background:#f1f5f9;color:#64748b;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;border:1px solid #e2e8f0}
.tbg-pv__verified{flex-shrink:0;vertical-align:middle;margin-top:-1px}
.tbg-pv__officieel{font-size:10px;font-weight:700;padding:2px 7px;border-radius:5px;background:#ecfdf5;color:#0f6e56;border:1px solid #9fe1cb;letter-spacing:.02em;flex-shrink:0}
.tbg-pv__vlag{font-size:12px;line-height:1;letter-spacing:1px;flex-shrink:0;cursor:help}
.tbg-pv__meta{font-size:11px;color:#94a3b8;line-height:1.3;margin-top:1px}
.tbg-pv__meta:empty{display:none}
/* 8.336.0: levertijdkolom, kopregel en het tussenkopje voor uitverkocht. */
/* 8.337.2: levertijd inline in de detailregel onder de shopnaam. Geen
   eigen kolom en geen kopregel meer; de tekst is iets donkerder dan de
   rest van die regel zodat hij opvalt zonder de rij drukker te maken. */
/* 8.338.1: levertijd inline vooraan in de detailregel. Geen eigen regel
   meer: dat maakte de rijhoogtes ongelijk omdat niet elke shop een
   levertijd heeft. */
/* 8.342.0: levertijd als status. Bolletje in de statuskleur, label met de
   stippellijn van de popover-conventie, beloftecitaat van de shop erachter
   in de grijstint van de rest van de detailregel. De popover leent de
   tsc-klassen en het tsc-JS; alleen de uitlijning is links in plaats van
   gecentreerd, want dit label staat aan het begin van de regel. De oude
   .tbg-pv__lev-ic-regels zijn weg; er is geen gecachte HTML meer die ze
   nodig heeft zodra de cache is doorgelopen. */
.tbg-pv__lev{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;vertical-align:-1px}
.tbg-pv__lev b{font-weight:600}
.tbg-pv__lev i{font-style:normal;color:#b3ab9c}
.tbg-pv__lev-st{display:inline-flex;align-items:center;gap:5px;border:none;background:none;padding:0 0 1px;margin:0;font-family:inherit;font-size:inherit;line-height:inherit;cursor:help;border-bottom:1px dotted #cfc7b6;appearance:none}
.tbg-pv__lev-st:hover,.tbg-pv__lev-st:focus,.tbg-pv__lev-st:active{background:none !important;border-bottom-color:#8b8578}
/* 8.343.0: één icoon (vrachtwagentje) in de statuskleur en het label in
   één neutrale donkere tint. De kleur zat eerst óók in de tekst; zes
   tekstkleuren onder elkaar werden een kleurenwaaier die aandacht trok
   zonder iets toe te voegen. Het woord draagt de betekenis, het icoon de
   kleur. De .tbg-pv__lev-dot-regels blijven staan voor gecachte HTML. */
/* 8.345.1: het label een stap lichter (600, #6b7280); op 700 in donkergrijs
   vroeg het evenveel aandacht als de shopnaam erboven. */
.tbg-pv__lev b{color:#6b7280}
.tbg-pv__lev-ic{display:inline-flex;width:13px;height:13px;flex-shrink:0}
.tbg-pv__lev-ic svg{width:13px;height:13px}
.tbg-pv__lev-ic{color:#b9b2a5}
.tbg-pv__lev--direct .tbg-pv__lev-ic{color:#10b981}
.tbg-pv__lev--week .tbg-pv__lev-ic{color:#65a30d}
.tbg-pv__lev--langer .tbg-pv__lev-ic{color:#c99a2e}
.tbg-pv__lev--preorder .tbg-pv__lev-ic{color:#c47d2c}
.tbg-pv__lev-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0;background:#b9b2a5}
.tbg-pv__lev--direct .tbg-pv__lev-dot{background:#10b981}
.tbg-pv__lev--week .tbg-pv__lev-dot{background:#65a30d}
.tbg-pv__lev--langer .tbg-pv__lev-dot{background:#c99a2e}
.tbg-pv__lev--preorder .tbg-pv__lev-dot{background:#c47d2c}
/* 8.342.1: zonder white-space:normal erfde de popover het nowrap van
   .tbg-pv__lev en werd de uitleg op één regel afgekapt op de max-width. */
.tbg-pv__lev-wrap .tbg-pv__tsc-pop{left:0;transform:none;max-width:250px;white-space:normal}
.tbg-pv__lev-wrap .tbg-pv__tsc-pop::after{left:22px;transform:none}
@media(hover:hover){.tbg-pv__lev-st:hover+.tbg-pv__tsc-pop{opacity:1;visibility:visible}}
.tbg-pv__lev-st:focus-visible+.tbg-pv__tsc-pop{opacity:1;visibility:visible}
.tbg-pv__oos-kop{padding:7px 18px;border-top:1px solid #f5f3ee;background:#fcfbf8;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#a8a08e}
.tbg-pv__price-col{text-align:right;flex-shrink:0;display:flex;flex-direction:column;gap:0}
.tbg-pv__price{font-weight:800;font-size:18px;color:#0f172a;line-height:1.2}.tbg-pv__price--req{font-size:14px;font-weight:600;color:#475569;white-space:nowrap}
.tbg-pv__kwh{font-size:10px;color:#94a3b8;line-height:1.2}
.tbg-pv__link{color:#10b981;text-decoration:none;font-weight:700;font-size:13px;white-space:nowrap;flex-shrink:0;padding:8px 10px;margin:-6px -8px -6px 0;border-radius:6px;transition:all .12s;line-height:1.4;display:inline-flex;align-items:center;gap:4px}
.tbg-pv__link:hover{color:#059669;background:#ecfdf5}
.tbg-pv__row.is-oos .tbg-pv__price-col{display:none}
.tbg-pv__row.is-oos .tbg-pv__name{color:#64748b}
.tbg-pv__row.is-oos .tbg-pv__icon{opacity:.6}
.tbg-pv__row-tap{display:none}
.tbg-pv__list.is-collapsed{max-height:330px;overflow:hidden;position:relative}
.tbg-pv__fade{position:relative;margin-top:-50px;padding-top:50px;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);text-align:center;padding-bottom:6px;pointer-events:none}
.tbg-pv__showmore{font-size:11px;font-weight:600;color:#10b981;background:#fff;border:1px solid #eee8e0;padding:6px 18px;border-radius:6px;cursor:pointer;font-family:inherit;transition:all .12s;pointer-events:auto}
.tbg-pv__showmore:hover{border-color:#10b981;background:#ecfdf5;color:#059669}
.tbg-pv__foot{padding:10px 18px;border-top:1px solid #f5f3ee;background:#faf8f4;display:flex;flex-direction:column;align-items:center;gap:4px}
.tbg-pv__foot-row{text-align:center;line-height:1.5}
.tbg-pv__foot-row--updated{font-size:12px;color:#475569}
.tbg-pv__foot-row--disclosure{font-size:11px;color:#94a3b8;max-width:600px}
.tbg-pv__updated{display:inline-flex;align-items:center;gap:6px;font-weight:500}
.tbg-pv__updated time{font-weight:500}
.tbg-pv__dot{width:7px;height:7px;background:#10b981;border-radius:50%;display:inline-block;box-shadow:0 0 0 0 rgba(16,185,129,.6);animation:tbgPvPulse 2.4s ease-out infinite;flex-shrink:0}
@keyframes tbgPvPulse{0%{box-shadow:0 0 0 0 rgba(16,185,129,.45)}70%{box-shadow:0 0 0 6px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}
@media(max-width:767px){
.tbg-pv__product{padding:10px 14px;gap:8px}
.tbg-pv__titlebar{padding:11px 14px}
.tbg-pv__titlebar-txt{font-size:13px}
.tbg-pv__product-img{width:36px;height:36px}
.tbg-pv__product-name{font-size:14px}
.tbg-pv__pills{padding:8px 14px;gap:3px}
.tbg-pv__pill{font-size:10px;padding:3px 10px}
/* Mobiel (8.182.0): sortering blijft zichtbaar in de titelbalk, alleen
   het "Sorteer op"-label verdwijnt. De toggle-regel wordt iets compacter. */
.tbg-pv__titlebar{padding:11px 14px}
.tbg-pv__sorts-lbl{display:none}
.tbg-pv__sort{font-size:10.5px;padding:4px 10px}
.tbg-pv__codes{padding:8px 14px;gap:8px}
.tbg-pv__codes-lbl{font-size:11.5px}
.tbg-pv__codes-hint{font-size:10px}
.tbg-pv__discount{font-size:10px}
.tbg-pv__precode{font-size:9.5px}
.tbg-pv__inclcode{font-size:8.5px}
.tbg-pv__row{padding:12px 14px;gap:8px;flex-wrap:nowrap;align-items:flex-start}
.tbg-pv__icon{width:28px;height:28px;border-radius:6px;flex-shrink:0;margin-top:2px}
.tbg-pv__shop{flex:1;min-width:0}
.tbg-pv__name-row{gap:4px;line-height:1.3}
.tbg-pv__name{font-size:13px;font-weight:700}
.tbg-pv__score{display:none}
/* Mobiel: score niet-interactief (geen popover, geen stippellijn), zodat
   een mis-tik niet de tikbare rij naar de shop blokkeert. */
.tbg-pv__totaalscore{font-size:11px;gap:2px;border-bottom:none;cursor:default;pointer-events:none}
.tbg-pv__totaalscore svg{width:11px;height:11px}
.tbg-pv__tsc-pop{display:none}
.tbg-pv__tsc-pop{max-width:190px;font-size:10.5px}
.tbg-pv__badge{font-size:10px;padding:2px 5px}
.tbg-pv__officieel{font-size:10px;padding:2px 5px}
.tbg-pv__vlag{font-size:11px;letter-spacing:.5px}
/* 8.343.0: op mobiel toont de detailregel alleen de leverstatus. De rest
   (belofte, verzendtekst) blijft daar verborgen, en net als de score is de
   status er niet tikbaar zodat een mis-tik de tikbare rij niet blokkeert. */
.tbg-pv__meta:not([data-tbg-pv-meta]){display:block;margin-top:2px}
.tbg-pv__meta:not([data-tbg-pv-meta]):not(:has(.tbg-pv__lev)){display:none}
.tbg-pv__meta-rest{display:none}
.tbg-pv__lev{font-size:10.5px}
.tbg-pv__lev i{display:none}
.tbg-pv__lev-ic,.tbg-pv__lev-ic svg{width:12px;height:12px}
.tbg-pv__lev-st{pointer-events:none;border-bottom:none;cursor:default}
.tbg-pv__meta[data-tbg-pv-meta]{font-size:10px;margin-top:3px;line-height:1.3;color:#94a3b8}
.tbg-pv__price-col{text-align:right;flex-shrink:0;align-self:flex-start;margin-top:2px}
.tbg-pv__price{font-size:16px;font-weight:700}
.tbg-pv__kwh{font-size:9px}
.tbg-pv__link{display:none}
.tbg-pv__name{color:#0f172a}
.tbg-pv__row-tap{display:flex;align-items:center;flex-shrink:0;text-decoration:none;margin-left:auto;padding:4px}
.tbg-pv__row{cursor:pointer}
.tbg-pv__row:active{background:#faf8f4}
.tbg-pv__list.is-collapsed{max-height:300px}
.tbg-pv__foot{padding:9px 14px;gap:3px}
.tbg-pv__foot-row--updated{font-size:11px}
.tbg-pv__foot-row--disclosure{font-size:10px}
.tbg-pv__badge{display:none}
.tbg-pv__oos-tag{font-size:10px;padding:2px 4px}
.tbg-pv__coupon{font-size:10px;gap:4px 6px;margin-top:5px}
.tbg-pv__coupon-ic{display:none}
.tbg-pv__coupon-desc{font-size:10px;color:#166534}
.tbg-pv__auto{font-size:10px;padding:2px 7px}
.tbg-pv__auto-note{font-size:10px}
.tbg-pv__coupon-code{font-size:10px;max-width:100%}
.tbg-pv__coupon-val{padding:2px 7px}
.tbg-pv__coupon-act{padding:2px 7px}
/* Mobiel alleen het kopieericoon (8.186.0); het label komt terug als
   "Gekopieerd"-feedback na een tik. */
.tbg-pv__coupon-act-txt{display:none}
.tbg-pv__coupon-code.is-copied .tbg-pv__coupon-act-txt{display:inline}
.tbg-pv__coupon-until{display:none}
.tbg-pv__was{font-size:9px}
.tbg-pv__korting{font-size:9px}
.tbg-pv__row-tap{padding:6px;align-self:center}
.tbg-pv__row-tap svg{width:20px;height:20px}
.tbg-pv__showmore{padding:9px 18px;font-size:12px}
}
.tbg-pv__actie{font-size:10px;font-weight:700;padding:2px 6px;border-radius:3px;background:#fff7ed;color:#b45309;border:1px solid #fed7aa;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}
.tbg-pv__was{font-size:10px;color:#94a3b8;text-decoration:line-through;line-height:1.1}
.tbg-pv__korting{font-size:10px;font-weight:700;color:#10b981;line-height:1.2}
.tbg-pv__coupon{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:5px;font-size:11px;color:#166534}
.tbg-pv__coupon--leeg{display:none}
.tbg-pv__coupon-ic{color:#047857;flex-shrink:0}
.tbg-pv__coupon-desc{font-weight:600;color:#166534}
/* Korting zonder code (8.364.4): groene pill met het bedrag, ernaast een
   gedempte toelichting. Voorheen stond hier een letterlijke \n in de rauwe
   CSS waardoor deze selectors nooit werkten (8.207.0). */
.tbg-pv__auto{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800;color:#166534;background:#ecfdf5;border:1.5px solid #10b981;border-radius:8px;padding:2px 9px;line-height:1.4;white-space:nowrap}
.tbg-pv__auto-note{font-size:11px;color:#8a8577;font-weight:500;white-space:nowrap}
/* Ticket-stijl code-knop (8.200.0): dashed groene rand, geen vlakken; groen
   alleen als rand en tekst. Harde resets tegen thema-buttonstyling blijven. */
.tbg-pv__coupon-code{display:inline-flex;align-items:stretch;gap:0;font-family:inherit;font-size:11px;font-weight:700;color:#0f172a;background:#fff !important;border:1.5px dashed #10b981;border-radius:8px;padding:0;cursor:pointer;line-height:1.4;overflow:hidden;transition:border-color .12s,border-style .12s;appearance:none}
.tbg-pv__coupon-val{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em;color:#0f172a !important;display:inline-flex;align-items:center;padding:3px 10px;background:#fff}
.tbg-pv__coupon-act{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;color:#047857;background:#fff;border-left:1.5px dashed #10b981;transition:color .12s}
.tbg-pv__coupon-act svg{flex-shrink:0}
.tbg-pv__coupon-code:hover,.tbg-pv__coupon-code:focus,.tbg-pv__coupon-code:active{background:#fff !important;color:#0f172a !important;border-style:solid}
.tbg-pv__coupon-code:hover .tbg-pv__coupon-act{color:#059669}
.tbg-pv__coupon-code.is-copied{border-style:solid;border-color:#047857}
.tbg-pv__coupon-code.is-copied .tbg-pv__coupon-act{background:#fff;color:#0f6e56}
.tbg-pv__coupon-until{color:#94a3b8}
/* Prijscontext-test: default verborgen, zichtbaar in arm 'aan' (klasse op de wrapper) */
.tbg-pctx{display:none}
.tbg-pctx-on .tbg-pctx{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:4px}
.tbg-pctx__onder{font-size:11px;color:#94a3b8}
@media(max-width:767px){.tbg-pctx__onder{display:none}}
/* Prijscontext-regel (A/B-test pidx): chip in de taal van de kaartchips plus
   hooguit één kort staartje. Default verborgen (variant A); variant B toont
   hem via tbg-abpidx--b op de wrapper. Geen knop-styling. */
/* 8.341.0: de prijscontext staat als chip in de feitenregel, niet meer in een
   eigen band. De .tbg-pv__ctx-regels hieronder blijven voor gecachte HTML. */
.tbg-pv__ctx{display:none;align-items:center;flex-wrap:wrap;gap:6px 9px;padding:8px 18px;background:#faf8f4;border-bottom:1px solid #eee8e0;font-size:12px;line-height:1.5;color:#475569}
.tbg-abpidx--b .tbg-pv__ctx{display:flex}
.tbg-pvx-head__item--ctx{gap:7px}
/* pvc-test (8.201.0): arm B is de nieuwe layout: prijzen standaard incl.
   code (JS zet de toggle aan), uniforme CTA-knoppen op elke rij, geen
   groene rij-achtergrond meer op het laagste-prijs-anker en mobiel een
   volle-breedte knop in plaats van de rij-tik. Arm A is exact de huidige
   vergelijker en de default zonder JavaScript. */
.tbg-abpvc--b .tbg-pv__link{background:#10b981;color:#fff;padding:10px 16px;margin:0;border-radius:10px;font-size:12.5px;min-width:118px;justify-content:center;box-shadow:0 2px 8px rgba(16,185,129,.25)}
.tbg-abpvc--b .tbg-pv__link:hover{background:#059669;color:#fff}
.tbg-abpvc--b .tbg-pv__row--pvxlow{background:#fff}
/* Tussenmaat (8.218.11): tussen 768 en 1024px geldt de desktop-indeling
   maar is de shopkolom smal; het kopieerdeel van de couponknop werd dan
   afgeknepen (overflow hidden). Zelfde compacte behandeling als mobiel. */
@media(min-width:768px) and (max-width:1024px){
.tbg-pv__coupon{gap:4px 6px}
.tbg-pv__coupon-code{max-width:100%}
.tbg-pv__coupon-act-txt{display:none}
.tbg-pv__coupon-code.is-copied .tbg-pv__coupon-act-txt{display:inline}
.tbg-pv__coupon-until{display:none}
.tbg-abpvc--b .tbg-pv__link{min-width:0;padding:10px 13px;font-size:12px}
}
@media(max-width:767px){
.tbg-abpvc--b .tbg-pv__row{flex-wrap:wrap;cursor:auto}
.tbg-abpvc--b .tbg-pv__link{display:inline-flex;width:100%;order:9;margin-top:9px;padding:12px}
.tbg-abpvc--b .tbg-pv__row-tap{display:none}
}
/* Toast voor copy-on-click (alleen arm B maakt hem aan) */
.tbg-pv__toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(90px);background:#0f172a;color:#fff;font-size:13px;padding:12px 18px;border-radius:10px;display:flex;align-items:center;gap:8px;opacity:0;transition:all .25s ease;z-index:99999;box-shadow:0 8px 24px rgba(0,0,0,.25);max-width:92vw;pointer-events:none}
.tbg-pv__toast.is-on{transform:translateX(-50%) translateY(0);opacity:1}
.tbg-pv__toast code{background:rgba(255,255,255,.14);padding:2px 8px;border-radius:5px;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.tbg-pv__ctx-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800;border-radius:5px;padding:2px 8px;white-space:nowrap}
.tbg-pv__ctx--laag .tbg-pv__ctx-chip{color:#0f6e56;background:#ecfdf5}
.tbg-pv__ctx--stabiel .tbg-pv__ctx-chip{color:#475569;background:#f5f3ee}
.tbg-pv__ctx--hoog .tbg-pv__ctx-chip{color:#92400e;background:#fef3c7}
.tbg-pv__ctx-tail{color:#94a3b8}
.tbg-pv__ctx-link{color:#059669;font-weight:700;text-decoration:none;white-space:nowrap}
.tbg-pv__ctx-link:hover{color:#047857}
@media(max-width:767px){.tbg-pv__ctx{padding:7px 14px;font-size:11px}.tbg-pv__ctx-chip{font-size:10.5px}}
/* pvx-test afgerond 10 juli 2026 (+1,9 pt CTR): variant B staat vast via
   tbg-abpvx--b, server-side op de wrapper plus client-side voor gecachte HTML */
.tbg-pvx-head{display:none}
.tbg-abpvx--b .tbg-pvx-head{display:flex;flex-wrap:wrap;align-items:center;gap:5px 14px;padding:8px 18px;background:#faf8f4;border-bottom:1px solid #eee8e0;font-size:11.5px;color:#475569}
/* De oude arm B-regels voor .tbg-pv__head zijn weg (8.182.0): de kopregel
   en de sortering staan nu server-side in de titelbalk. */
.tbg-pvx-head__item{display:inline-flex;align-items:center;gap:5px}
.tbg-pvx-head__item svg{flex-shrink:0}
/* Laagste-prijs-anker (8.140.0): volledig klasse-gestuurd. Chip en beide
   CTA-labels staan op alle rijen in de HTML; alleen de rij met de klasse
   tbg-pv__row--pvxlow toont in arm B de chip en het label "Bekijk laagste
   prijs", alle andere rijen tonen het gewone label. JS hoeft bij een
   variantwissel dus alleen de rijklasse te verplaatsen. */
.tbg-pvx-chip{display:none}
.tbg-abpvx--b .tbg-pv__row--pvxlow .tbg-pvx-chip{display:inline-flex;align-items:center;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:1px 7px;border-radius:5px;color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;flex-shrink:0}
/* 8.340.0: de chip verdwijnt zodra de goedkoopste rij zelf bovenaan staat. */
.tbg-abpvx--b .tbg-pv__list--lowfirst .tbg-pv__row--pvxlow .tbg-pvx-chip{display:none}
.tbg-abpvx--b .tbg-pv__row--pvxlow{background:#f6fdf9;border-left:3px solid #10b981;border-radius:0;padding-left:15px}
.tbg-abpvx--b .tbg-pv__row--pvxlow .tbg-pctx{display:none}
.tbg-pvx-cta-b{display:none}
.tbg-pvx-more{display:none}
/* Aangesneden rij: rij 4 blijft half zichtbaar en vervaagd als er-is-meer-signaal,
   rij 5 en verder zijn verborgen. Niet klikbaar zolang de lijst dicht is. */
.tbg-abpvx--b .tbg-pvx-collapsible:not(.tbg-pvx-open) .tbg-pv__row--i5p{display:none}
.tbg-abpvx--b .tbg-pvx-collapsible:not(.tbg-pvx-open) .tbg-pv__row--i4{max-height:34px;overflow:hidden;opacity:.4;pointer-events:none;border-bottom:none}
.tbg-abpvx--b .tbg-pvx-collapsible:not(.tbg-pvx-open) .tbg-pv__row--i5p ~ .tbg-pv__oos-kop,
.tbg-abpvx--b .tbg-pvx-collapsible:not(.tbg-pvx-open) .tbg-pv__row--i4 ~ .tbg-pv__oos-kop{display:none}
.tbg-abpvx--b .tbg-pvx-collapsible:not(.tbg-pvx-open)+.tbg-pvx-more{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;box-sizing:border-box;background:#fff;border:none;border-top:1px solid #f1ede6;color:#047857;font-size:13px;font-weight:600;font-family:inherit;padding:11px 18px;cursor:pointer;transition:color .12s}
.tbg-abpvx--b .tbg-pvx-more:hover{color:#0f6e56}
.tbg-abpvx--b .tbg-pv__list.is-collapsed{max-height:none;overflow:visible}
.tbg-abpvx--b .tbg-pv__fade{display:none}
/* Combo-knop (kopieer plus doorklik) verwijderd in 8.181.0: een klik op de
   code opende ongevraagd de shop. De code-chip kopieert nu alleen nog. */
.tbg-abpvx--b .tbg-pv__coupon{color:#64748b}
.tbg-abpvx--b .tbg-pv__coupon-desc{font-weight:400;color:#64748b}
.tbg-abpvx--b .tbg-pv__coupon-ic{color:#047857}
@media(max-width:767px){
.tbg-abpvx--b .tbg-pvx-head{padding:7px 14px;font-size:11px;gap:4px 10px}
/* Mobiel alleen de versheid (8.186.2): aantal shops en prijsverschil weg,
   alleen "Laatste check: vandaag HH:MM" blijft. Het diff-item krijgt van de
   variantwissel-JS een lege inline display, dus deze regel wint dan alsnog. */
.tbg-abpvx--b .tbg-pvx-head .tbg-pvx-head__item:first-child{display:none}
.tbg-abpvx--b .tbg-pvx-head [data-tbg-pvx-diff-item]{display:none}
.tbg-abpvx--b .tbg-pv__row--pvxlow .tbg-pvx-chip{font-size:8px;padding:1px 5px}
.tbg-abpvx--b .tbg-pvx-collapsible:not(.tbg-pvx-open)+.tbg-pvx-more{padding:11px 14px}
/* Mobiel: het lange knoplabel "Bekijk laagste prijs" (nowrap) drukte de
   naamkolom weg waardoor de shopnaam onder de prijs doorliep. Op mobiel
   gebruikt de ankerrij daarom het korte label; de chip zegt het al. */
.tbg-pv__name{overflow-wrap:anywhere}
}
/* 8.461.4: capaciteitsknoppen compact, met en zonder ontwerpsysteem (28 px, 13 px/600, radius 6, gap 6) */
html .tbg-pv .tbg-pv__pills{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;padding:10px 18px}
html .tbg-pv .tbg-pv__pills::-webkit-scrollbar{display:none}
html .tbg-pv .tbg-pv__pills .tbg-pv__pills-lbl{flex-shrink:0;margin:0 4px 0 0;font-size:11px!important;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--tbg-ds-gedempt,#6b675e)}
html .tbg-pv .tbg-pv__pills .tbg-pv__pill{flex-shrink:0;box-sizing:border-box;height:28px!important;min-height:28px!important;margin:0;padding:0 10px!important;border:1px solid var(--tbg-ds-lijn,#e8e3da);border-radius:6px!important;background:var(--tbg-ds-kaart,#fff);color:var(--tbg-ds-tekst,#3d3b36);font-size:13px!important;font-weight:600;line-height:26px!important;font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:none}
html .tbg-pv .tbg-pv__pills .tbg-pv__pill:hover{border-color:var(--tbg-ds-lijn-sterk,#d6d0c4);background:var(--tbg-ds-kaart,#fff);color:var(--tbg-ds-inkt,#1c1b18)}
html .tbg-pv .tbg-pv__pills .tbg-pv__pill.is-active{border-color:var(--tbg-ds-inkt,#1c1b18);background:var(--tbg-ds-tegel,#f3f0ea);color:var(--tbg-ds-inkt,#1c1b18)}
html[data-theme="dark"] .tbg-pv .tbg-pv__pills .tbg-pv__pill{border-color:#2d3034;background:#17191b;color:#cfccc6}
html[data-theme="dark"] .tbg-pv .tbg-pv__pills .tbg-pv__pill.is-active{border-color:#ecebe8;background:#1e2023;color:#ecebe8}
html[data-theme="dark"] .tbg-pv .tbg-pv__pills .tbg-pv__pills-lbl{color:#a19d95}
@media (max-width:768px){html .tbg-pv .tbg-pv__pills{padding:8px 14px;contain:inline-size}}
/* 8.462.2: specs onder de productfoto rustig: geen crème vlak en geen iconen, labels klein boven de waarde, twee rijen van drie tussen dunne lijnen */
body.single-thuisbatterij .gb-element-hero2-specstrip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px!important;margin:16px 0 0!important;padding:12px 2px 10px!important;background:none!important;border:0!important;border-top:1px solid var(--tbg-ds-lijn,#e8e3da)!important;border-radius:0!important;box-shadow:none!important}
body.single-thuisbatterij .gb-element-hero2-specstrip>div{display:flex!important;flex-direction:column-reverse!important;align-items:flex-start!important;gap:2px!important;padding:0!important;margin:0!important;background:none!important;border:0!important;text-align:left!important}
body.single-thuisbatterij .gb-element-hero2-specstrip .gb-shape{display:none!important}
body.single-thuisbatterij .gb-element-hero2-specstrip>div>span{display:block!important;margin:0!important;font-size:16px!important;font-weight:700!important;line-height:1.3!important;color:var(--tbg-ds-inkt,#1c1b18)!important;font-variant-numeric:tabular-nums;letter-spacing:0!important}
body.single-thuisbatterij .gb-element-hero2-specstrip>div>span .gb-text{font:inherit!important;color:inherit!important}
body.single-thuisbatterij .gb-element-hero2-specstrip>div>p{margin:0!important;font-size:12px!important;font-weight:700!important;line-height:1.4!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--tbg-ds-gedempt,#6b675e)!important}
body.single-thuisbatterij .gb-element-hero2-subspecs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px!important;margin:0!important;padding:0 2px 12px!important;border-bottom:1px solid var(--tbg-ds-lijn,#e8e3da)!important;background:none!important;text-align:left!important;justify-content:stretch!important}
body.single-thuisbatterij .gb-element-hero2-subspecs>span{display:block!important;margin:0!important;padding:0!important;font-size:12px!important;font-weight:700!important;line-height:1.4!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--tbg-ds-gedempt,#6b675e)!important;background:none!important;border:0!important}
body.single-thuisbatterij .gb-element-hero2-subspecs>span strong{display:block;margin-top:2px;font-size:16px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--tbg-ds-inkt,#1c1b18)!important}
html[data-theme="dark"] body.single-thuisbatterij .gb-element-hero2-specstrip{border-top-color:#2d3034!important}
html[data-theme="dark"] body.single-thuisbatterij .gb-element-hero2-subspecs{border-bottom-color:#2d3034!important}
html[data-theme="dark"] body.single-thuisbatterij .gb-element-hero2-specstrip>div>span,html[data-theme="dark"] body.single-thuisbatterij .gb-element-hero2-subspecs>span strong{color:#ecebe8!important}
html[data-theme="dark"] body.single-thuisbatterij .gb-element-hero2-specstrip>div>p,html[data-theme="dark"] body.single-thuisbatterij .gb-element-hero2-subspecs>span{color:#a19d95!important}
body.single-thuisbatterij .gb-element-hero2-specstrip>div>p,body.single-thuisbatterij .gb-element-hero2-specstrip>div>span{width:100%!important;text-align:left!important;justify-content:flex-start!important}
body.single-thuisbatterij .gb-element-hero2-specstrip>div>p{padding:0!important}
body.single-thuisbatterij .gb-element-hero2-subspecs>span strong{font-size:16px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important}
/* 8.462.5: de specsregel met iconen onder de productnaam (mobiel) dubbelt met het 2x3-blok onder de foto */
body.single-thuisbatterij:has(.gb-element-hero2-specstrip) :is(.gb-text-d173b13c,.gb-text-c49bb536,.gb-text-9736c51c){display:none!important}


    .tbg-pa-trigger{margin:14px 18px;border:1px solid #eee8e0;border-radius:12px;background:#faf8f4;padding:12px 14px;display:flex;align-items:center;gap:11px;cursor:pointer;transition:background .12s;flex-wrap:wrap}
    .tbg-pa-trigger:hover{background:#f5f3ee}
    .tbg-pa-trigger-icon{color:#10b981;display:flex;flex-shrink:0;width:22px;height:22px}
    .tbg-pa-trigger-icon svg{width:22px;height:22px}
    .tbg-pa-trigger-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
    .tbg-pa-trigger-txt{font-size:14px;font-weight:700;color:#0f172a}
    .tbg-pa-trigger-sub{font-size:12px;color:#64748b;font-weight:400;line-height:1.4}
    .tbg-pa-trigger-btn{flex-shrink:0;background:#fff;color:#059669;border:1px solid #10b981;font-size:13px;font-weight:700;padding:8px 15px;border-radius:9px}
    .tbg-pa-trigger-btn:hover{background:#ecfdf5}
    .tbg-pa-trigger-done{display:none;align-items:center;gap:6px}
    .tbg-pa-trigger-done svg{color:#10b981}
    .tbg-pa-trigger-done span{font-size:13px;font-weight:700;color:#166534}
    @media(max-width:767px){
        .tbg-pa-trigger{padding:13px;gap:10px}
        .tbg-pa-trigger-btn{padding:10px 14px;font-size:13px}
    }
    .tbg-pa-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4);z-index:99999;align-items:center;justify-content:center;padding:20px}
    .tbg-pa-overlay.tbg-pa-open{display:flex}
    .tbg-pa-modal{background:#fff;border-radius:14px;max-width:380px;width:100%;padding:0;box-shadow:0 20px 60px rgba(0,0,0,0.15);position:relative;overflow:hidden}
    .tbg-pa-modal-head{padding:24px 24px 0;text-align:center}
    .tbg-pa-modal-icon{width:48px;height:48px;border-radius:50%;background:#ecfdf5;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
    .tbg-pa-modal-icon svg{color:#10b981}
    .tbg-pa-modal-title{font-size:16px;font-weight:700;color:#0f172a;margin:0 0 4px}
    .tbg-pa-modal-product{font-size:13px;color:#64748b;margin:0 0 4px}
    .tbg-pa-modal-price{font-size:13px;color:#0f172a;margin:0}
    .tbg-pa-modal-price b{color:#10b981;font-weight:700}
    .tbg-pa-modal-body{padding:20px 24px 24px}
    .tbg-pa-modal-email{width:100%;font-size:14px;padding:10px 14px;border:1px solid #eee8e0;border-radius:8px;font-family:inherit;outline:none;margin-bottom:10px}
    .tbg-pa-modal-email:focus{border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,0.1)}
    .tbg-pa-modal-btn{width:100%;font-size:14px;font-weight:600;padding:11px;background:#10b981;color:#fff;border:none;border-radius:8px;cursor:pointer;font-family:inherit;transition:background 0.12s}
    .tbg-pa-modal-btn:hover{background:#059669}
    .tbg-pa-modal-btn:disabled{background:#94a3b8;cursor:default}
    .tbg-pa-modal-note{font-size:11px;color:#94a3b8;text-align:center;margin:10px 0 0}
    .tbg-pa-modal-close{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:6px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:all 0.1s}
    .tbg-pa-modal-close:hover{background:#faf8f4;color:#0f172a}
    .tbg-pa-modal-success{display:none;padding:32px 24px;text-align:center}
    .tbg-pa-modal-success-icon{width:56px;height:56px;border-radius:50%;background:#ecfdf5;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
    .tbg-pa-modal-success h3{font-size:16px;font-weight:700;color:#0f172a;margin:0 0 6px}
    .tbg-pa-modal-success p{font-size:13px;color:#64748b;margin:0}
    

    /* Zij-padding terug zodat niets tegen de rand plakt; alleen een hairline
       erboven, geen tweede kaart die met de vergelijker en de CTA concurreert. */
    .tbg-pg{border:0;border-top:1px solid #eee8e0;border-radius:0;padding:16px 16px 6px;margin:1.25rem 0 0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
    .tbg-pg__head{display:flex;align-items:center;gap:10px 12px;margin-bottom:12px;flex-wrap:wrap}
    .tbg-pg__title{font-size:13px;font-weight:600;color:#0f172a}
    .tbg-pg__periods{display:inline-flex;gap:2px}
    .tbg-pg__per{font:inherit;font-size:11px;font-weight:500;color:#94a3b8;background:none;border:0;padding:4px 9px;border-radius:6px;cursor:pointer;line-height:1.2}
    .tbg-pg__per:hover{color:#475569}
    .tbg-pg__per.is-active{color:#0f172a;background:#f1ede6}
    /* Verberg-toggle (8.182.0): klapt de body in, de kop blijft staan.
       Harde resets op hover/focus/active (8.182.1): GeneratePress geeft
       buttons anders een achtergrond en witte tekst bij hover, zelfde lek
       als destijds bij de totaalscore-pil. */
    .tbg-pg__fold{margin-left:auto;font:inherit;font-size:11.5px;font-weight:600;color:#475569;background:none !important;border:0;padding:4px 0;cursor:pointer;line-height:1.2;appearance:none}
    .tbg-pg__fold:hover,.tbg-pg__fold:focus,.tbg-pg__fold:active{background:none !important;color:#0f172a !important}
    .tbg-pg__fold-show{display:none}
    .tbg-pg.is-closed .tbg-pg__body{display:none}
    .tbg-pg.is-closed .tbg-pg__periods{display:none}
    .tbg-pg.is-closed .tbg-pg__fold-hide{display:none}
    .tbg-pg.is-closed .tbg-pg__fold-show{display:inline}
    .tbg-pg.is-closed{padding-bottom:12px}
    .tbg-pg.is-closed .tbg-pg__head{margin-bottom:0}
    /* Advies (8.182.0): als rustig kader boven de grafiek, zodat grafiek en
       koopadvies als één sectie lezen. */
    .tbg-pg__advies{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;font-weight:400;color:#475569;margin:0 0 14px;line-height:1.45;background:#fcfbf8;border:1px solid #eee8e0;border-radius:9px;padding:10px 12px}
    .tbg-pg__advies strong{font-weight:600;color:#0f172a}
    .tbg-pg__advies svg{flex:none}
    .tbg-pg__advies--goed svg{color:#10b981}
    .tbg-pg__advies--mid svg{color:#94a3b8}
    .tbg-pg__advies--hoog svg{color:#d97706}
    .tbg-pg__advies-slot:empty{display:none}
    .tbg-pg__marker{position:absolute;font-size:9.5px;font-weight:600;padding:1px 5px;border-radius:4px;white-space:nowrap;transform:translateX(-50%);pointer-events:none;z-index:2}
    .tbg-pg__marker--hi{top:2px;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}
    .tbg-pg__marker--lo{bottom:20px;color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}
    .tbg-pg__stat-val--green{color:#047857!important}
    .tbg-pg__plot{display:flex;gap:8px}
    .tbg-pg__yaxis{display:flex;flex-direction:column;justify-content:space-between;font-size:12px;color:#94a3b8;text-align:right;padding:2px 0 18px;flex-shrink:0;width:48px}
    .tbg-pg__chart{flex:1;min-width:0}
    .tbg-pg__svgwrap{position:relative}
    .tbg-pg__svgwrap svg{display:block}
    .tbg-pg__cursor{position:absolute;top:0;bottom:0;width:1px;background:#cbd5e1;display:none;pointer-events:none;transform:translateX(-0.5px)}
    .tbg-pg__hoverdot{position:absolute;width:9px;height:9px;margin:-5px 0 0 -5px;border-radius:50%;background:#64748b;border:2px solid #fff;box-shadow:0 0 0 1px #94a3b8;display:none;pointer-events:none}
    .tbg-pg__tip{position:absolute;transform:translate(-50%,calc(-100% - 9px));background:#0f172a;color:#fff;font-size:11px;font-weight:600;padding:4px 8px;border-radius:6px;white-space:nowrap;display:none;pointer-events:none;z-index:3}
    .tbg-pg__xaxis{display:flex;justify-content:space-between;font-size:12px;color:#94a3b8;margin-top:2px}
    .tbg-pg__now{color:#94a3b8;font-weight:600}
    .tbg-pg__stats{display:flex;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid #f1ede6}
    .tbg-pg__stat{flex:1;text-align:center}
    .tbg-pg__stat--mid{border-left:1px solid #f1ede6;border-right:1px solid #f1ede6}
    .tbg-pg__stat-lbl{display:block;font-size:11px;color:#94a3b8}
    .tbg-pg__stat-val{display:block;font-size:14px;font-weight:600;color:#0f172a;margin-top:1px}
    

.tbg-pv__foot-row--chk{font-size:12px;color:#475569;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:2px 12px}
.tbg-pv__foot-row--chk .tbg-pv__updated{display:inline-flex;align-items:center;gap:6px}
.tbg-pv__chk{display:block;font-size:11px;color:#94a3b8;line-height:1.4;margin-top:1px}
.tbg-fm{display:contents}
.tbg-fm__open{background:none !important;border:0;padding:0;margin:0;font:inherit;font-size:12px;color:#64748b !important;text-decoration:underline;text-underline-offset:2px;cursor:pointer;box-shadow:none}
.tbg-fm__open:hover,.tbg-fm__open:focus{color:#0f172a !important;background:none !important}
.tbg-fm__form{display:block;flex-basis:100%;width:100%;max-width:440px;margin:10px auto 2px;padding:12px 14px;text-align:left;background:#fff;border:1px solid #eee8e0;border-radius:10px}
.tbg-fm__form[hidden]{display:none}
.tbg-fm__lbl{display:block;font-size:12px;font-weight:600;color:#0f172a;margin:0 0 4px}
.tbg-fm__form textarea,.tbg-fm__form input[type=email],.tbg-fm__form input[type=text]{width:100%;box-sizing:border-box;font:inherit;font-size:14px;color:#0f172a;background:#fff;border:1px solid #ddd6c8;border-radius:8px;padding:8px 10px;margin:0 0 10px}
.tbg-fm__form textarea{resize:vertical;min-height:72px}
.tbg-fm__form textarea:focus,.tbg-fm__form input:focus{outline:2px solid #10b981;outline-offset:1px;border-color:#10b981}
.tbg-fm__hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden}
.tbg-fm__acties{display:flex;gap:8px;align-items:center}
.tbg-fm__verstuur{background:#10b981 !important;color:#fff !important;border:0;border-radius:8px;padding:8px 14px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.tbg-fm__verstuur:hover,.tbg-fm__verstuur:focus{background:#059669 !important}
.tbg-fm__verstuur[disabled]{opacity:.6;cursor:default}
.tbg-fm__annuleer{background:none !important;border:0;padding:8px 6px;font:inherit;font-size:13px;color:#64748b !important;cursor:pointer;text-decoration:underline}
.tbg-fm__status{display:block;margin-top:8px;font-size:12px;color:#475569;min-height:1em}
.tbg-fm__status.is-ok{color:#047857;font-weight:600}
.tbg-fm__status.is-fout{color:#b91c1c}


	.tbg-pv-ab{display:block}
	.tbg-pv__abtop{display:none;margin:0 0 14px}
	.tbg-ab--a .tbg-pv__abtop{display:block}
	.tbg-pv__abtop-btn{display:inline-flex;align-items:center;gap:8px;background:#10b981;color:#fff;font-weight:700;font-size:15px;padding:12px 22px;border-radius:10px;text-decoration:none;transition:background .15s}
	.tbg-pv__abtop-btn:hover,.tbg-pv__abtop-btn:focus{background:#059669;color:#fff}
	@media(max-width:600px){
	.tbg-pv__abtop{margin:0 0 12px}
	.tbg-pv__abtop-btn{display:flex;justify-content:center;width:100%;box-sizing:border-box;font-size:15px;padding:14px 18px}
	.tbg-mob--b .tbg-pv__row-tap{display:none}
	.tbg-mob--b .tbg-pv__link{display:inline-flex;align-items:center;gap:3px;background:#10b981;border:0;color:#fff;font-weight:700;font-size:12px;padding:9px 14px;margin:0;border-radius:8px;white-space:nowrap}
	.tbg-mob--b .tbg-pv__link:hover,.tbg-mob--b .tbg-pv__link:focus{background:#059669;color:#fff}
	.tbg-mob--b .tbg-pv__officieel,.tbg-mob--b .tbg-pv__verified,.tbg-mob--b .tbg-pv__kwh,.tbg-mob--b .tbg-pv__coupon-until{display:none}
	/* 8.167.0: de coupon-omschrijving is op mobiel terug; een kale code zonder
	   uitleg ("10% korting") was half werk. Alleen de t/m-datum blijft weg. */
	}
	@media(max-width:767px){
	/* mrw arm B (8.344.0, nog niet actief): compacte rij. Knop 33px in de
	   rij, prijs en knop op één lijn, vlaggen weg, korting als bedrag plus
	   codechip. De extra klasse-diepte (.tbg-pv-ab.) wint van de vaste
	   pvc-regel die de knop op volle breedte zet. */
	/* 8.345.3: arm B is een icoonknop geworden (zelfde dag als de start,
	   data verwaarloosbaar). Gevuld groen vlak van 36x36 met alleen de
	   pijl: nog steeds onmiskenbaar een knop (de kale chevron verloor de
	   mob-test), maar de tekstkolom wint ruim 60px. */
	/* 8.345.4: min-width:36px erbij; de vaste pvc-regel zet min-width:118px
	   op de knop en die won van width:36px, waardoor het icoon oprekte tot
	   een brede balk. Plus wat lucht tussen de tekstkolom en de prijs. */
	.tbg-pv-ab.tbg-abmrw--b .tbg-pv__link{display:inline-flex;width:36px;min-width:36px;height:36px;order:0;margin:0 0 0 8px;padding:0;align-self:center;flex-shrink:0;border-radius:9px;justify-content:center;align-items:center}
	.tbg-pv-ab.tbg-abmrw--b .tbg-pv__shop{padding-right:8px}
	.tbg-pv-ab.tbg-abmrw--b .tbg-pv__link .tbg-pvx-cta-a{display:none}
	.tbg-pv-ab.tbg-abmrw--b .tbg-pv__link svg{width:16px;height:16px}
	.tbg-pv-ab.tbg-abmrw--b .tbg-pv__price-col{margin-left:auto;align-self:center;margin-top:0}
	.tbg-pv-ab.tbg-abmrw--b .tbg-pv__row{align-items:center}
	.tbg-pv-ab.tbg-abmrw--b .tbg-pv__icon{margin-top:0}
	.tbg-pv-ab.tbg-abmrw--b .tbg-pv__vlag{display:none}
	.tbg-pv-ab.tbg-abmrw--b .tbg-pv__codewoord{display:none}
	.tbg-pv-ab.tbg-abmrw--b .tbg-pv__discount{font-size:0}
	.tbg-pv-ab.tbg-abmrw--b .tbg-pv__discount b{font-size:10.5px}
	.tbg-pv-ab.tbg-abmrw--b .tbg-pv__coupon{margin-top:4px;gap:0 7px;flex-wrap:nowrap;white-space:nowrap}
	.tbg-pv-ab.tbg-abmrw--b .tbg-pv__coupon-val{padding:4px 9px}
	.tbg-pv-ab.tbg-abmrw--b .tbg-pv__coupon-act{padding:4px 8px}
	/* 8.345.2: met codes-aan (cdk B vast) wisselt de chip naar de lange vorm
	   "TBG30 zit al in de prijs". Die zin past niet in de smalle kolom naast
	   prijs en knop en brak woord voor woord af. In arm B vervalt de zin
	   (het INCL. CODE-label onder de prijs zegt het al) en blijven chip en
	   doorgestreepte vanafprijs op één regel. */
	.tbg-pv-ab.tbg-abmrw--b .tbg-pv__inprijs{display:none}
	.tbg-pv-ab.tbg-abmrw--b .tbg-pv__coupon-code{flex-wrap:nowrap;white-space:nowrap}
	.tbg-pv-ab.tbg-abmrw--b .tbg-pv__codewoord{display:none!important}
	/* 8.345.5: in de codes-aan-staat wisselt de chip naar de stille
	   borderloze vorm (bedoeld voor de lange zin op desktop). Nu die zin in
	   arm B verborgen is bleef er kale tekst over; hier krijgt de chip zijn
	   stippelrand en kopieer-vak terug. */
	.tbg-pv-ab.tbg-abmrw--b .tbg-pv__row.is-code-applied .tbg-pv__coupon-code{border:1.5px dashed #10b981;border-radius:8px;background:#fff !important;overflow:hidden;font-size:10px}
	.tbg-pv-ab.tbg-abmrw--b .tbg-pv__row.is-code-applied .tbg-pv__coupon-val{padding:4px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;color:#0f172a !important;letter-spacing:.05em}
	.tbg-pv-ab.tbg-abmrw--b .tbg-pv__row.is-code-applied .tbg-pv__coupon-act{padding:4px 8px;border-left:1.5px dashed #10b981;color:#047857;background:#fff}
	}
	

.tbg-spec{background:#fff;border:1px solid #eee8e0;border-radius:14px;overflow:hidden;margin:0 0 2rem}
.tbg-spec--plat{background:none;border:0;border-radius:0;margin:0;overflow:visible}
.tbg-spec__h2{margin:0;padding:1.15rem 1.375rem .55rem;font-size:1.25rem;font-weight:800;color:#0f172a;letter-spacing:-.01em}
.tbg-spec--plat>.tbg-spec__h2{padding:0 0 .55rem}
.tbg-spec__grp{border-top:1px solid #f3efe8}
.tbg-spec__grp:first-of-type{border-top:0}
.tbg-spec__grp>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:.9rem;padding:.8rem 1.375rem;font-size:.97rem;font-weight:700;color:#0f172a;letter-spacing:-.005em}
.tbg-spec__grp>summary::-webkit-details-marker{display:none}
.tbg-spec__ik{flex-shrink:0;width:34px;height:34px;border-radius:10px;background:#f4f1ea;color:#8a8578;display:flex;align-items:center;justify-content:center;transition:background-color .14s,color .14s}
.tbg-spec__ik svg{width:17px;height:17px}
.tbg-spec__grpnaam{margin-right:auto;min-width:0;transition:color .12s}
.tbg-spec__chev{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:#f7f5f1;color:#a8a08e;display:flex;align-items:center;justify-content:center;transition:transform .2s,background-color .14s,color .14s}
.tbg-spec__chev svg{width:13px;height:13px}
.tbg-spec__grp[open]>summary .tbg-spec__chev{transform:rotate(180deg);background:#ecfdf5;color:#10b981}
.tbg-spec__grp[open]>summary .tbg-spec__ik{background:#ecfdf5;color:#10b981}
.tbg-spec__grp[open]>summary .tbg-spec__grpnaam{color:#065f46}
.tbg-spec__grp>summary:hover .tbg-spec__ik{background:#efeae0;color:#6f6857}
.tbg-spec__grp>summary:hover{background:#fcfaf7}
.tbg-spec__grp>summary:focus{outline:none;box-shadow:none}
.tbg-spec__grp>summary:focus-visible{outline:2px solid #10b981;outline-offset:-2px;border-radius:6px}
.tbg-spec__u>summary:focus{outline:none;box-shadow:none}
.tbg-spec__u>summary:focus-visible{outline:2px solid #10b981;outline-offset:2px;border-radius:4px}
.tbg-spec__in{padding:0 1.375rem 1rem calc(1.375rem + 34px + .9rem);display:grid;grid-template-columns:1fr 1fr;column-gap:2.5rem;align-content:start}
.tbg-spec--plat .tbg-spec__in{padding-right:0}
.tbg-spec--plat .tbg-spec__grp>summary{padding-left:0;padding-right:0}
.tbg-spec--plat .tbg-spec__in{padding-left:calc(34px + .9rem)}
.tbg-spec__rij,.tbg-spec__u>summary{display:flex;align-items:baseline;gap:.9rem;padding:.5rem 0;border-top:1px solid #f6f2ec;font-size:.86rem}
.tbg-spec__u{border-top:1px solid #f6f2ec}
.tbg-spec__u>summary{border-top:0;list-style:none;cursor:pointer}
.tbg-spec__u>summary::-webkit-details-marker{display:none}
.tbg-spec__in>:nth-child(-n+2),.tbg-spec__in>:nth-child(-n+2)>summary{border-top:0}
.tbg-spec__u[open]{grid-column:1 / -1}
.tbg-spec__lab{color:#64748b;min-width:0;margin-right:auto}
.tbg-spec__u .tbg-spec__lab{border-bottom:1px dotted #b9b1a4}
.tbg-spec__u>summary:hover .tbg-spec__lab{color:#0f172a;border-bottom-color:#0f172a}
.tbg-spec__u[open]>summary .tbg-spec__lab{color:#0f172a;border-bottom-style:solid;border-bottom-color:#0f172a}
.tbg-spec__val{color:#0f172a;font-weight:700;text-align:right;flex-shrink:0;white-space:nowrap}
.tbg-spec__val em{font-style:normal;font-weight:500;color:#94a3b8;font-size:.95em}
.tbg-spec__ja{color:#0f172a;font-weight:700}
.tbg-spec__nee{color:#94a3b8;font-weight:500}
.tbg-spec__uitleg{font-size:.8rem;line-height:1.75;color:#475569;padding:.15rem 0 .75rem;max-width:70ch}
.tbg-spec__kb{color:#047857;font-weight:700;border-bottom:1px solid #a7dcc5;text-decoration:none}
.tbg-spec__kb:hover{border-bottom-color:#047857}
.tbg-spec .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:780px){
.tbg-spec__in{grid-template-columns:1fr;padding-left:1.375rem}
.tbg-spec--plat .tbg-spec__in{padding-left:0}
.tbg-spec__in>:nth-child(2),.tbg-spec__in>:nth-child(2)>summary{border-top:1px solid #f6f2ec}
}
@media (max-width:520px){
.tbg-spec__rij,.tbg-spec__u>summary{flex-direction:column;gap:.05rem;align-items:flex-start}
.tbg-spec__val{text-align:left}
}

/* 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%}
}


    /* ── Section ── */
    .tbg-reviews{margin-top:2.5rem}
    .tbg-reviews__label{font-size:0.6875rem;font-weight:700;color:#10b981;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:4px}
    .tbg-reviews__title{font-size:1.5rem;font-weight:800;color:#0f172a;margin:0 0 16px;line-height:1.3}

    /* ── Summary ── */
    .tbg-rv-summ{background:#fff;border:1px solid #eee8e0;border-radius:12px;overflow:hidden}
    .tbg-rv-summ__inner{padding:20px 24px;display:flex;gap:24px;align-items:center}
    .tbg-rv-summ__score{text-align:center;padding-right:24px;border-right:1px solid #eee8e0;flex-shrink:0}
    .tbg-rv-summ__num{font-size:2.25rem;font-weight:800;color:#0f172a;line-height:1}
    .tbg-rv-summ__num small{font-size:0.875rem;font-weight:600;color:#94a3b8}
    .tbg-rv-summ__stars{margin-top:4px;display:flex;justify-content:center;gap:1px}
    .tbg-rv-summ__count{font-size:11px;color:#94a3b8;margin-top:2px}
    .tbg-rv-summ__bars{flex:1;display:flex;flex-direction:column;gap:4px}
    .tbg-rv-bar{display:flex;align-items:center;gap:8px;font-size:11px}
    .tbg-rv-bar__label{width:14px;text-align:right;color:#64748b;font-weight:600}
    .tbg-rv-bar__star{flex-shrink:0}
    .tbg-rv-bar__track{flex:1;height:6px;background:#f5f3ee;border-radius:3px;overflow:hidden}
    .tbg-rv-bar__fill{height:100%;background:#f59e0b;border-radius:3px;transition:width .3s}
    .tbg-rv-bar__count{width:18px;color:#94a3b8;font-size:10px}
    .tbg-rv-summ__proof{display:flex;flex-direction:column;gap:10px;flex-shrink:0;padding-left:24px;border-left:1px solid #eee8e0}
    .tbg-rv-summ__stat{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#475569}
    .tbg-rv-summ__stat strong{color:#0f172a}
    .tbg-rv-summ__stat svg{flex-shrink:0}

    /* ── Toolbar ── */
    .tbg-rv-toolbar{display:flex;align-items:center;justify-content:space-between;margin:20px 0 14px;gap:8px;flex-wrap:wrap}
    .tbg-rv-toolbar__count{font-size:13px;color:#64748b}
    .tbg-rv-toolbar__filters{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
    .tbg-rv-toolbar__btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid #eee8e0;background:#fff;color:#475569;font-family:inherit;transition:all .15s;appearance:none}
    .tbg-rv-toolbar__btn:hover{border-color:#ddd6c8}
    .tbg-rv-toolbar__select{padding-right:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}
    .tbg-rv-toolbar__cta{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#10b981;color:#fff;border-radius:8px;font-size:13px;font-weight:700;text-decoration:none;border:none;cursor:pointer;font-family:inherit;transition:background .15s}
    .tbg-rv-toolbar__cta:hover{background:#059669;color:#fff}

    /* ── Cards ── */
    .tbg-rv-list{display:flex;flex-direction:column;gap:0}
    .tbg-rv{background:#fff;border:1px solid #eee8e0;border-radius:12px;padding:20px 24px;margin-bottom:10px}
    .tbg-rv__header{display:flex;align-items:center;gap:10px;margin-bottom:10px}
    .tbg-rv__avatar{width:36px;height:36px;border-radius:50%;background:#f5f3ee;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#64748b;flex-shrink:0}
    .tbg-rv__author{flex:1;min-width:0}
    .tbg-rv__name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
    .tbg-rv__name{font-size:13px;font-weight:700;color:#0f172a}
    .tbg-rv__stars{display:flex;gap:1px;flex-shrink:0}
    .tbg-rv__meta-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:2px}
    .tbg-rv__badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:600;color:#10b981;background:#ecfdf5;padding:2px 7px;border-radius:4px}
    .tbg-rv__badge svg{flex-shrink:0}
    .tbg-rv__duration{font-size:10px;color:#64748b;background:#f5f3ee;padding:1px 6px;border-radius:3px}
    .tbg-rv__date{font-size:11px;color:#94a3b8}
    .tbg-rv__text{font-size:13.5px;line-height:1.65;color:#475569}
    .tbg-rv__text--long{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
    .tbg-rv__expand{display:inline-block;font-size:12px;font-weight:600;color:#10b981;cursor:pointer;margin-top:4px}
    .tbg-rv__expand:hover{color:#059669}
    .tbg-rv__pm{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 28px;margin-top:12px;padding-top:12px;border-top:1px solid var(--tbg-ds-lijn,#eee8e0)}
    .tbg-rv .tbg-rv__pmkop{margin:0 0 6px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--tbg-ds-gedempt,#64748b);line-height:1.4}
    .tbg-rv .tbg-rv__pmlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
    .tbg-rv .tbg-rv__pmlist li{position:relative;margin:0;padding:0 0 0 20px;font-size:14px;line-height:1.45;color:var(--tbg-ds-tekst,#475569)}
    .tbg-rv .tbg-rv__pmlist li::before{content:"";position:absolute;left:0;top:.5em;width:12px;height:7px;margin-top:-3px;border-left:2px solid var(--tbg-ds-groen,#10b981);border-bottom:2px solid var(--tbg-ds-groen,#10b981);transform:rotate(-45deg)}
    .tbg-rv .tbg-rv__pmlist--min li::before{width:10px;height:0;margin-top:0;top:.72em;border-left:0;border-bottom:2px solid var(--tbg-ds-gedempt,#64748b);transform:none}
    .tbg-rv-empty{text-align:center;padding:40px 20px;color:#94a3b8;font-size:14px;background:#fff;border:1px solid #eee8e0;border-radius:12px}

    /* ── Load more ── */
    .tbg-rv-more{text-align:center;margin-top:6px}
    .tbg-rv-more__btn{display:inline-block;font-size:13px;font-weight:600;color:#10b981;cursor:pointer;padding:10px 28px;border:1px solid #a7f3d0;border-radius:8px;background:#fff;transition:all .15s;font-family:inherit}
    .tbg-rv-more__btn:hover{background:#ecfdf5;border-color:#10b981;color:#10b981}
    .tbg-rv-more__btn:disabled{opacity:.5;cursor:not-allowed}

    /* ── Form ── */
    .tbg-review-form{background:#fff;border-radius:12px;border:1px solid #eee8e0;overflow:hidden;margin-top:16px}
    .tbg-review-form__header{padding:20px 24px;border-bottom:1px solid #eee8e0;display:flex;align-items:center;gap:12px}
    .tbg-review-form__header-icon{width:36px;height:36px;background:#0f172a;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}
    .tbg-review-form__header h3{font-size:15px;font-weight:700;margin:0}
    .tbg-review-form__header p{font-size:12px;color:#64748b;margin:0}
    .tbg-review-form__body{padding:24px;display:flex;flex-direction:column;gap:20px}
    .tbg-rf-group{display:flex;flex-direction:column;gap:6px}
    .tbg-rf-group label{font-size:12px;font-weight:700;color:#475569}
    .tbg-rf-hint{font-size:11px;color:#94a3b8}
    .tbg-rf-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
    .tbg-rf-input{width:100%;padding:10px 14px;border:1px solid #eee8e0;border-radius:8px;font-size:14px;font-family:inherit;color:#0f172a;outline:none;background:#fff;transition:border-color .15s}
    .tbg-rf-input:focus{border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.1)}
    .tbg-rf-input::placeholder{color:#94a3b8}
    textarea.tbg-rf-input{resize:vertical;min-height:100px}
    textarea.tbg-rf-input--pm{min-height:84px}
    .tbg-rf-hint--pm{font-size:12px}
    .tbg-rf-select{width:100%;padding:10px 14px;border:1px solid #eee8e0;border-radius:8px;font-size:14px;font-family:inherit;color:#0f172a;background:#fff;outline:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}
    .tbg-rf-select:focus{border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.1)}
    .tbg-rf-stars{display:flex;gap:4px}
    .tbg-rf-star{cursor:pointer;color:#eee8e0;transition:color .1s,transform .1s}
    .tbg-rf-star:hover{transform:scale(1.15)}
    .tbg-rf-star.active{color:#f59e0b}
    .tbg-rf-star.hover-active{color:#fbbf24}
    .tbg-rf-checkbox{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#64748b;line-height:1.4}
    .tbg-rf-checkbox input{margin-top:2px;accent-color:#10b981}
    .tbg-rf-footer{display:flex;align-items:center;justify-content:space-between;padding-top:4px;gap:12px;flex-wrap:wrap}
    .tbg-rf-footer__note{font-size:11px;color:#94a3b8}
    .tbg-rf-submit{padding:12px 24px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;transition:transform .1s,box-shadow .15s;white-space:nowrap}
    .tbg-rf-submit:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,185,129,.3)}
    .tbg-rf-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}
    .tbg-rf-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:10px 14px;border-radius:8px;font-size:13px;display:none}
    .tbg-rf-success{padding:32px 24px;text-align:center;display:none}
    .tbg-rf-success__icon{width:48px;height:48px;background:#ecfdf5;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:#10b981}
    .tbg-rf-success h3{font-size:16px;font-weight:700;margin:0 0 4px}
    .tbg-rf-success p{font-size:13px;color:#64748b;margin:0}

    /* ── Responsive ── */
    @media(max-width:600px){
        .tbg-reviews__title{font-size:1.25rem}
        .tbg-rv-summ__inner{flex-direction:column;align-items:stretch;gap:16px;padding:16px}
        .tbg-rv-summ__score{border-right:none;border-bottom:1px solid #eee8e0;padding-right:0;padding-bottom:16px;display:flex;align-items:center;gap:12px;text-align:left}
        .tbg-rv-summ__stars{justify-content:flex-start}
        .tbg-rv-summ__proof{border-left:none;border-top:1px solid #eee8e0;padding-left:0;padding-top:16px;flex-direction:row;flex-wrap:wrap;gap:12px}
        .tbg-rv{padding:16px}
        .tbg-rv__header{flex-wrap:wrap}
        .tbg-rf-row{grid-template-columns:1fr}
        .tbg-rv-toolbar{flex-direction:column;align-items:stretch}
        .tbg-rv-toolbar__filters{justify-content:space-between}
    }