/* TBG snippet-styles — geconsolideerd uit de gemigreerde FluentSnippets.
 * Bron: snippet-share, snippet-toc, snippet-merken, snippet-related, snippet-vergelijkingen.
 * Wordt sitebreed geladen via wp_enqueue_style('tbg-snippets'). */

/* === snippet-share.php === */
.tbg-share { display: flex; align-items: center; gap: 10px; padding: 20px 0; border-top: 1px solid #eee8e0; border-bottom: 1px solid #eee8e0; margin-bottom: 2rem; }
    .tbg-share__label { font-size: 12px; font-weight: 600; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.04em; margin-right: 2px; flex-shrink: 0; }
    .tbg-share__btn { width: 36px; height: 36px; border-radius: 8px; background: #faf8f4; border: 1px solid #eee8e0; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.15s; padding: 0; text-decoration: none; -webkit-appearance: none; appearance: none; font-size: 0; }
    .tbg-share__btn:hover { background: #10b981; border-color: #10b981; }
    .tbg-share__btn svg { width: 16px; height: 16px; color: #475569; }
    .tbg-share__btn:hover svg { color: #fff; }
    .tbg-share__btn--native { background: #ecfdf5; border-color: #a7f3d0; }
    .tbg-share__btn--native svg { color: #10b981; }
    .tbg-share__btn--native:hover { background: #10b981; border-color: #10b981; }
    .tbg-share__btn--native:hover svg { color: #fff; }
    .tbg-share__sep { width: 1px; height: 20px; background: #eee8e0; flex-shrink: 0; }
    .tbg-share__btn--copied,
    .tbg-share__btn--copied:hover { background: #10b981; border-color: #10b981; }
    .tbg-share__btn--copied svg,
    .tbg-share__btn--copied:hover svg { color: #fff; }
    .tbg-share__btn--native,
    .tbg-share__sep { display: none; }
    @media (max-width: 767px) {
        .tbg-share { gap: 8px; padding: 16px 0; }
        .tbg-share__btn { width: 40px; height: 40px; }
        .tbg-share--has-native .tbg-share__btn--native { display: flex; }
        .tbg-share--has-native .tbg-share__sep { display: block; }
    }

/* === snippet-toc.php === */
.tbg-toc{border:1px solid #eee8e0;border-radius:12px;overflow:hidden;margin-bottom:28px}
    .tbg-toc__header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#fff;cursor:pointer;user-select:none;transition:background 0.15s}
    .tbg-toc__header:hover{background:#faf8f4}
    .tbg-toc__left{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#0f172a}
    .tbg-toc__left svg{color:#10b981}
    .tbg-toc__chevron{color:#94a3b8;transition:transform 0.2s}
    .tbg-toc--open .tbg-toc__chevron{transform:rotate(180deg)}
    .tbg-toc__body{max-height:0;overflow:hidden;transition:max-height 0.3s ease}
    .tbg-toc--open .tbg-toc__body{max-height:2000px}
    .tbg-toc__dot{width:6px;height:6px;border-radius:50%;background:#10b981;flex-shrink:0}
    .tbg-toc__subdot{width:3px;height:3px;border-radius:50%;background:#ddd6c8;flex-shrink:0;transition:background 0.15s}
    .tbg-toc__section{border-top:1px solid #f5f3ee}
    .tbg-toc__section:first-child{border-top:none}
    .tbg-toc__section-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 10px 20px;cursor:pointer;transition:background 0.15s}
    .tbg-toc__section-header:hover{background:#faf8f4}
    .tbg-toc__section--flat{padding:10px 20px;transition:background 0.15s}
    .tbg-toc__section--flat:hover{background:#faf8f4}
    .tbg-toc__section-link,.tbg-toc__section-link:visited{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#0f172a;text-decoration:none;flex:1}
    .tbg-toc__section-link:hover{color:#10b981;text-decoration:none}
    .tbg-toc__expand-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:#f5f3ee;flex-shrink:0;transition:background 0.15s}
    .tbg-toc__section-header:hover .tbg-toc__expand-btn{background:#eee8e0}
    .tbg-toc__sub-chevron{color:#94a3b8;transition:transform 0.2s}
    .tbg-toc__section--open .tbg-toc__sub-chevron{transform:rotate(180deg)}
    .tbg-toc__sub-list{max-height:0;overflow:hidden;transition:max-height 0.25s ease}
    .tbg-toc__section--open .tbg-toc__sub-list{max-height:1000px}
    .tbg-toc .tbg-toc__sub-item,.tbg-toc .tbg-toc__sub-item:visited{display:flex;align-items:center;gap:8px;padding:7px 20px 7px 38px;font-size:13px;color:#64748b;text-decoration:none;transition:all 0.15s}
    .tbg-toc .tbg-toc__sub-item:hover{color:#10b981;padding-left:42px;text-decoration:none}
    .tbg-toc .tbg-toc__sub-item:hover .tbg-toc__subdot{background:#10b981}
    .tbg-toc__sub-list .tbg-toc__sub-item:last-child{padding-bottom:12px}
    .tbg-toc a[href^="#"]{scroll-behavior:smooth}

/* === snippet-merken.php === */
.tbg-merken-section { margin-bottom: 2.5rem; }
        .tbg-merken-section:last-child { margin-bottom: 0; }
        .tbg-merken-heading { font-size: 1.25rem; font-weight: 800; color: #0f172a; line-height: 1.2; margin: 0 0 1rem; letter-spacing: -0.01em; }
        .tbg-merken-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
        @media (max-width: 991px) { .tbg-merken-grid { grid-template-columns: repeat(2, 1fr); } }
        @media (max-width: 560px) { .tbg-merken-grid { grid-template-columns: 1fr; } }
        .tbg-merk-card { position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid #eee8e0; border-radius: 14px; padding: 24px 22px 20px; text-decoration: none; color: inherit; transition: all 0.18s ease; }
        .tbg-merk-card:hover { border-color: #ddd6c8; box-shadow: 0 6px 20px rgba(0,0,0,0.06); transform: translateY(-2px); }
        .tbg-merk-logo-box { position: relative; width: 64px; height: 64px; background: #fff; border: 1px solid #eee8e0; border-radius: 14px; display: flex; align-items: center; justify-content: center; overflow: visible; margin-bottom: 14px; flex-shrink: 0; }
        .tbg-merk-logo-box img { width: 46px; height: 46px; object-fit: contain; }
        .tbg-merk-logo-initials { font-size: 18px; font-weight: 800; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.02em; }
        .tbg-merk-star { position: absolute; top: 14px; right: 14px; color: #10b981; display: inline-flex; cursor: help; }
        .tbg-merk-star::after { content: 'Populair merk'; position: absolute; top: calc(100% + 8px); right: -6px; background: #0f172a; color: #fff; font-size: 11px; font-weight: 600; padding: 5px 10px; border-radius: 6px; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity 0.15s ease, transform 0.15s ease; transform: translateY(-4px); letter-spacing: 0.01em; }
        .tbg-merk-star::before { content: ''; position: absolute; top: calc(100% + 3px); right: 4px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #0f172a; opacity: 0; pointer-events: none; transition: opacity 0.15s ease, transform 0.15s ease; transform: translateY(-4px); }
        .tbg-merk-star:hover::after,
        .tbg-merk-star:hover::before { opacity: 1; transform: translateY(0); }
        .tbg-merk-naam { font-size: 17px; font-weight: 800; color: #0f172a; margin: 0 0 3px; line-height: 1.2; }
        .tbg-merk-herkomst { font-size: 13px; color: #94a3b8; margin-bottom: 14px; }
        .tbg-merk-stats { display: flex; align-items: center; gap: 10px; margin-top: auto; flex-wrap: wrap; }
        .tbg-merk-score { display: inline-flex; align-items: baseline; gap: 3px; padding: 4px 10px; border-radius: 6px; font-weight: 800; font-size: 14px; line-height: 1; }
        .tbg-merk-score-lbl { font-size: 10px; font-weight: 600; opacity: 0.7; text-transform: uppercase; letter-spacing: 0.04em; }
        .tbg-merk-score--great { background: #ecfdf5; color: #0f6e56; }
        .tbg-merk-score--great .tbg-merk-score-lbl { color: #0f6e56; }
        .tbg-merk-score--good { background: #fef3c7; color: #92400e; }
        .tbg-merk-score--good .tbg-merk-score-lbl { color: #a16207; }
        .tbg-merk-score--ok { background: #f1f5f9; color: #475569; }
        .tbg-merk-score--ok .tbg-merk-score-lbl { color: #64748b; }
        .tbg-merk-count { display: inline-flex; align-items: center; gap: 5px; font-size: 13px; color: #64748b; font-weight: 500; }
        .tbg-merk-count svg { flex-shrink: 0; opacity: 0.7; }
        .tbg-merk-soon { display: inline-flex; align-items: center; gap: 5px; background: #faf8f4; border: 1px dashed #ddd6c8; padding: 4px 10px; border-radius: 6px; font-size: 12px; color: #94a3b8; font-weight: 600; }
        .tbg-merk-soon svg { flex-shrink: 0; }
        .tbg-merk-arrow { position: absolute; bottom: 18px; right: 20px; width: 28px; height: 28px; border-radius: 50%; background: #f5f3ee; display: flex; align-items: center; justify-content: center; color: #94a3b8; opacity: 0; transition: all 0.2s ease; }
        .tbg-merk-card:hover .tbg-merk-arrow { opacity: 1; background: #10b981; color: #fff; }

/* === snippet-related.php === */
.tbg-related { margin: 2.5rem 0; }
    .tbg-related__block + .tbg-related__block { margin-top: 2rem; }
    .tbg-related__title {
        font-size: 1.125rem;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: 1rem;
    }
    .tbg-related__grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    .tbg-related__card {
        display: flex;
        gap: 12px;
        align-items: center;
        padding: 14px;
        background: #ffffff;
        border: 1px solid #eee8e0;
        border-radius: 12px;
        text-decoration: none;
        color: inherit;
        transition: border-color 0.15s, box-shadow 0.15s;
    }
    .tbg-related__card:hover {
        border-color: #10b981;
        box-shadow: 0 2px 8px rgba(16,185,129,0.12);
    }
    .tbg-related__img-wrap {
        width: 64px;
        height: 64px;
        flex-shrink: 0;
        border-radius: 8px;
        background: #faf8f4;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }
    .tbg-related__img-wrap--empty {
        border: 1px solid #eee8e0;
    }
    .tbg-related__img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        padding: 4px;
    }
    .tbg-related__info {
        flex: 1;
        min-width: 0;
    }
    .tbg-related__name {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-size: 0.875rem;
        font-weight: 700;
        color: #0f172a;
        line-height: 1.3;
        margin-bottom: 4px;
    }
    .tbg-related__specs {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        font-size: 0.75rem;
        color: #64748b;
    }
    @media (max-width: 640px) {
        .tbg-related__grid { grid-template-columns: 1fr; }
        .tbg-related__img-wrap { width: 52px; height: 52px; }
    }

/* === snippet-vergelijkingen.php === */
.tb-vgl-section{padding:28px 32px;background:#fff;border:1px solid #e8e2d9;border-radius:14px;box-shadow:0 1px 3px rgba(15,23,42,.04)}
.tb-vgl-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.tb-vgl-heading{font-size:18px;font-weight:800;color:#0f172a;margin:0}
.tb-vgl-viewall{color:#0f6e56;font-size:12px;font-weight:700;text-decoration:none}
.tb-vgl-viewall:hover{color:#10b981}
.tb-vgl-rows{border:1px solid #e8e2d9;border-radius:12px;overflow:hidden;background:#fff}
.tb-vgl-row{display:grid;grid-template-columns:1fr 34px 1fr 24px;align-items:center;padding:12px 16px;gap:12px;text-decoration:none;border-bottom:1px solid #f5f3ee;transition:background .15s ease}
.tb-vgl-row:nth-child(even){background:#fcfbf9}
.tb-vgl-row--last{border-bottom:none}
.tb-vgl-row:hover{background:#f8fffc}
.tb-vgl-bat{display:flex;align-items:center;gap:10px;min-width:0}
.tb-vgl-foto{position:relative;flex-shrink:0;display:inline-flex}
.tb-vgl-img{width:42px;height:42px;background:#faf8f4;border-radius:9px;display:flex;align-items:center;justify-content:center;border:1px solid #eee8e0;flex-shrink:0;padding:4px}
.tb-vgl-img--current{background:#f8fffc;border:1.5px solid #10b981}
.tb-vgl-img img{max-width:100%;max-height:100%;object-fit:contain}
.tb-vgl-score{position:absolute;top:-6px;right:-6px;background:#64748b;color:#fff;font-size:8.5px;font-weight:800;border-radius:5px;padding:1px 4px;line-height:1.4}
.tb-vgl-score--eigen{background:#10b981;box-shadow:0 2px 6px rgba(16,185,129,.35)}
.tb-vgl-name{font-size:13px;font-weight:700;color:#0f172a;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tb-vgl-vs{width:30px;height:30px;background:#0f172a;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tb-vgl-vs{color:#fff;font-size:9px;font-weight:800;letter-spacing:.5px}
.tb-vgl-arrow{font-size:13px;font-weight:700;color:#10b981;flex-shrink:0;text-align:center}
@media(max-width:600px){
.tb-vgl-section{padding:20px}
.tb-vgl-row{grid-template-columns:1fr 26px 1fr 14px;padding:10px 12px;gap:6px}
.tb-vgl-bat{gap:8px}
.tb-vgl-img{width:36px;height:36px;border-radius:7px;padding:3px}
.tb-vgl-vs{width:26px;height:26px;font-size:8px}
.tb-vgl-name{font-size:11px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tb-vgl-arrow{font-size:11px}
}

/* === snippet-vergelijkingen.php === */
.tbg-vgl-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; }
        .tbg-vgl-card { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px; background: #fff; border: 1px solid #eee8e0; border-radius: 14px; box-shadow: 0 2px 8px rgba(0,0,0,0.03); padding: 22px 16px 18px; text-decoration: none; transition: box-shadow 0.15s ease, transform 0.15s ease; }
        .tbg-vgl-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.06); transform: translateY(-2px); }
        .tbg-vgl-imgs { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
        .tbg-vgl-img-box { width: 48px; height: 48px; background: #f5f3ee; border-radius: 10px; border: 1px solid #eee8e0; display: flex; align-items: center; justify-content: center; overflow: hidden; }
        .tbg-vgl-img-box img { width: 36px; height: 36px; object-fit: contain; }
        .tbg-vgl-img-placeholder { font-size: 9px; color: #94a3b8; font-weight: 600; }
        .tbg-vgl-vs { font-size: 11px; color: #94a3b8; font-weight: 700; }
        .tbg-vgl-title { font-size: 13px; font-weight: 700; color: #0f172a; line-height: 1.35; }
        .tbg-vgl-arrow { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 600; color: #10b981; margin-top: 4px; transition: gap 0.15s ease; }
        .tbg-vgl-card:hover .tbg-vgl-arrow { gap: 7px; }
        @media (max-width: 480px) {
            .tbg-vgl-grid { grid-template-columns: 1fr; gap: 10px; max-width: 320px; margin-left: auto; margin-right: auto; }
        }

/* === snippet-vergelijkingen.php === */
.tbg-rvs-section{padding:32px;background:#fff;border:1px solid #eee8e0;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.03);max-width:var(--gb-container-width);margin:0 auto 20px;box-sizing:border-box}
    .tbg-rvs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
    .tbg-rvs-heading{font-size:18px;font-weight:700;color:#0f172a;margin:0}
    .tbg-rvs-viewall{color:#10b981;font-size:13px;font-weight:600;text-decoration:none}
    .tbg-rvs-viewall:hover{color:#059669}
    .tbg-rvs-rows{border:1px solid #eee8e0;border-radius:10px;overflow:hidden;background:#fff}
    .tbg-rvs-row{display:grid;grid-template-columns:1fr 32px 1fr 24px;align-items:center;padding:14px 16px;gap:12px;text-decoration:none;border-bottom:1px solid #f1f5f9;transition:background .15s ease}
    .tbg-rvs-row--last{border-bottom:none}
    .tbg-rvs-row:hover{background:#fafffe}
    .tbg-rvs-bat{display:flex;align-items:center;gap:10px;min-width:0}
    .tbg-rvs-img{width:44px;height:44px;background:#f8fafc;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid #eee8e0;flex-shrink:0;padding:4px}
    .tbg-rvs-img img{max-width:100%;max-height:100%;object-fit:contain}
    .tbg-rvs-name{font-size:13px;font-weight:600;color:#0f172a;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .tbg-rvs-vs{width:32px;height:32px;background:#0f172a;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-size:10px;font-weight:800;letter-spacing:.5px}
    .tbg-rvs-arrow{font-size:13px;font-weight:700;color:#10b981;flex-shrink:0;text-align:center}
    .tbg-rvs-cta-wrap{max-width:var(--gb-container-width);margin:0 auto 24px}
    .tbg-rvs-cta{background:#fff;border:1px solid #eee8e0;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.03);padding:24px;text-align:center}
    .tbg-rvs-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:#10b981;margin:0 0 4px}
    .tbg-rvs-cta-h3{font-size:18px;font-weight:800;color:#0f172a;margin:0 0 6px;line-height:1.3}
    .tbg-rvs-cta-sub{font-size:14px;color:#64748b;margin:0 0 16px;line-height:1.6}
    .tbg-rvs-btn{display:inline-flex;align-items:center;gap:6px;background:#10b981;color:#fff;padding:12px 22px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:700;transition:background-color .15s ease}
    .tbg-rvs-btn:hover{color:#fff;background:#059669}
    @media(max-width:600px){
    .tbg-rvs-section{padding:24px}
    .tbg-rvs-row{grid-template-columns:1fr 26px 1fr 16px;padding:10px 12px;gap:6px}
    .tbg-rvs-bat{gap:8px}
    .tbg-rvs-img{width:36px;height:36px;border-radius:6px;padding:3px}
    .tbg-rvs-vs{width:26px;height:26px;font-size:8px}
    .tbg-rvs-name{font-size:11px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
    .tbg-rvs-arrow{font-size:11px}
    .tbg-rvs-cta{padding:20px}
    }

/* === class-dealmail.php (signup-kaart variant A) === */
.tbg-dm{background:#fff;border:1px solid #eee8e0;border-radius:12px;padding:28px 32px;margin:1.5rem auto;max-width:560px;box-sizing:border-box}
.tbg-dm__kop{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.tbg-dm__pct{color:#10b981;font-weight:800;font-size:18px;line-height:1}
.tbg-dm__titel{font-size:18px;font-weight:800;color:#0f172a}
.tbg-dm__intro{font-size:14px;color:#475569;line-height:1.6;margin:0 0 16px}
.tbg-dm__form{display:flex;gap:8px}
.tbg-dm__email{flex:1;border:1px solid #ddd6c8;border-radius:8px;padding:10px 14px;font-size:14px;color:#0f172a;background:#fff;min-width:0}
.tbg-dm__email:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.15)}
.tbg-dm__hp{position:absolute;left:-9999px;opacity:0;height:0;width:0;border:0;padding:0}
.tbg-dm__knop{background:#10b981;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background-color .15s ease}
.tbg-dm__knop:hover{background:#059669}
.tbg-dm__knop:disabled{opacity:.7;cursor:default}
.tbg-dm__voet{font-size:12px;color:#94a3b8;margin:10px 0 0}
.tbg-dm__melding{font-size:14px;font-weight:600;margin:10px 0 0;display:none}
.tbg-dm__melding.is-ok{display:block;color:#0f6e56}
.tbg-dm__melding.is-fout{display:block;color:#b91c1c}
@media(max-width:480px){.tbg-dm{padding:22px 20px}.tbg-dm__form{flex-direction:column}.tbg-dm__knop{width:100%}}
/* === class-dealhub.php (v2: statusregel, menustijl-tabs, featured duo, toplijst) === */
.tbg-hub{max-width:var(--gb-container-width,1100px);margin:0 auto}
.tbg-hub__tabbalk{display:flex;align-items:flex-end;gap:14px;border-bottom:1px solid #eee8e0;margin-bottom:22px}
.tbg-hub__tabbalk--leeg{border-bottom:none;justify-content:flex-end;margin-bottom:10px}
.tbg-hub__pill{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #eee8e0;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:600;color:#475569;white-space:nowrap;margin:0 0 8px auto;flex:none}
.tbg-hub__dot{width:7px;height:7px;border-radius:50%;background:#10b981;flex:none;animation:tbghubpuls 2.4s ease-in-out infinite}
@keyframes tbghubpuls{0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,.35)}50%{box-shadow:0 0 0 5px rgba(16,185,129,0)}}
.tbg-hub__tabs{display:flex;gap:22px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}
.tbg-hub__tabs::-webkit-scrollbar{display:none}
.tbg-hub .tbg-hub__tab{all:unset;box-sizing:border-box;display:inline-block;color:#64748b !important;background:transparent !important;border-bottom:2px solid transparent !important;margin:0 0 -1px;padding:8px 0 9px;font-family:inherit;font-size:13.5px;font-weight:600;line-height:1.4;cursor:pointer;white-space:nowrap;text-decoration:none !important;box-shadow:none !important;transition:color .15s ease,border-color .15s ease}
.tbg-hub .tbg-hub__tab:hover,
.tbg-hub .tbg-hub__tab:focus,
.tbg-hub .tbg-hub__tab:active{color:#0f172a !important;background:transparent !important;border-bottom-color:transparent !important;box-shadow:none !important;text-decoration:none !important;outline:none}
.tbg-hub .tbg-hub__tab:focus-visible{border-bottom-color:#94a3b8 !important}
.tbg-hub .tbg-hub__tab.is-actief,
.tbg-hub .tbg-hub__tab.is-actief:hover,
.tbg-hub .tbg-hub__tab.is-actief:focus{color:#0f172a !important;border-bottom-color:#10b981 !important}
.tbg-hub .tbg-hub__tab .tbg-hub__tab-n{color:#94a3b8 !important}
.tbg-hub__tab-n{font-size:11px;font-weight:500;color:#94a3b8}
.tbg-hub__sectie{margin-bottom:26px}
.tbg-hub[data-view="uitgelicht"] .tbg-hub__sectie:not([data-cat="uitgelicht"]),
.tbg-hub[data-view="deals"] .tbg-hub__sectie:not([data-cat="deals"]),
.tbg-hub[data-view="prijzen"] .tbg-hub__sectie:not([data-cat="prijzen"]){display:none}
.tbg-hub__kop{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.tbg-hub__kop-titel{font-size:17px;font-weight:700;color:#0f172a;margin:0}
.tbg-hub__kop-lijn{flex:1;height:1px;background:#eee8e0}
.tbg-hub__kop-hint{font-size:11px;color:#94a3b8;white-space:nowrap}
.tbg-hub__featured{display:flex;gap:12px;align-items:stretch}
.tbg-hub__feat{flex:1;background:#fff;border:1px solid #eee8e0;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.tbg-hub__feat--groot{flex:1}
.tbg-hub__featured--solo .tbg-hub__feat--groot{flex:1;flex-direction:row}
.tbg-hub__featured--solo .tbg-hub__feat-beeld{width:300px;min-height:200px;flex:none}
.tbg-hub__featured--solo .tbg-hub__feat-body{justify-content:center}
.tbg-hub__feat-beeld{position:relative;background:#f5f3ee;min-height:150px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.tbg-hub__feat-img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.tbg-hub__feat-lint{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:5px;background:#0f172a;color:#fff;border-radius:5px;padding:3px 9px;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;z-index:1}
.tbg-hub__feat-pct{color:#10b981;font-weight:800}
.tbg-hub__feat-spons{position:absolute;top:10px;right:10px;background:rgba(255,255,255,.92);color:#94a3b8;border-radius:5px;padding:3px 8px;font-size:10px;font-weight:600;z-index:1}
.tbg-hub__feat-body{padding:16px 18px;display:flex;flex-direction:column;flex:1;gap:5px}
.tbg-hub__feat-titel{font-size:15.5px;font-weight:700;color:#0f172a;margin:0;line-height:1.35}
.tbg-hub__feat-tekst{font-size:12.5px;color:#475569;line-height:1.55;margin:0;flex:1}
.tbg-hub__feat-tm{font-size:11px;color:#94a3b8;margin:0}
.tbg-hub__feat-knop{display:inline-block;background:#10b981;color:#fff;border-radius:7px;padding:9px 16px;font-size:12.5px;font-weight:700;text-decoration:none;align-self:flex-start;margin-top:6px;transition:background-color .15s ease}
.tbg-hub__feat-knop:hover{background:#059669;color:#fff}
.tbg-hub__coupons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.tbg-hub__coupon{background:#fff;border:1px solid #eee8e0;border-radius:12px;padding:14px 16px;min-width:0}
.tbg-hub__coupon-kop{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.tbg-hub__coupon-naam{display:flex;flex-direction:column;gap:1px;min-width:0}
.tbg-hub__coupon-naam strong{font-size:13.5px;font-weight:700;color:#0f172a;line-height:1.3}
.tbg-hub__coupon-sub{font-size:11px;color:#94a3b8}
.tbg-hub__coupon-regel{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tbg-hub__coupon-desc{font-size:12px;color:#475569;min-width:0}
.tbg-hub__coupon-link{margin-left:auto;background:#10b981;color:#fff;border-radius:7px;padding:8px 13px;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap;transition:background-color .15s ease}
.tbg-hub__coupon-link:hover{background:#059669;color:#fff}
.tbg-hub__tik{display:none}
.tbg-hub__chev{display:none}
.tbg-hub__lijst{background:#fff;border:1px solid #eee8e0;border-radius:12px;overflow:hidden}
.tbg-hub__rij{display:flex;align-items:center;gap:12px;padding:13px 16px}
.tbg-hub__rij+.tbg-hub__rij{border-top:1px solid #f5f3ee}
.tbg-hub__rij-nr{font-size:12px;font-weight:700;color:#94a3b8;width:16px;text-align:center;flex:none}
.tbg-hub__rij-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.tbg-hub__rij-titel{font-size:13.5px;font-weight:700;color:#0f172a;text-decoration:none;line-height:1.3}
.tbg-hub__rij-titel:hover{color:#059669}
.tbg-hub__rij-sub{font-size:11px;color:#94a3b8}
.tbg-hub__rij-badge{color:#0f6e56;font-weight:600}
.tbg-hub__rij-prijs{display:flex;flex-direction:column;align-items:flex-end;gap:1px;flex:none}
.tbg-hub__rij-oud{font-size:11px;color:#94a3b8}
.tbg-hub__rij-pct{color:#0f6e56;font-weight:700}
.tbg-hub__rij-nu{font-size:15px;font-weight:800;color:#0f172a}
.tbg-hub__rij-cta{background:#10b981;color:#fff;border-radius:7px;padding:8px 13px;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap;flex:none;transition:background-color .15s ease}
.tbg-hub__rij-cta:hover{background:#059669;color:#fff}
.tbg-hub__signupstrip{margin-top:4px}
.tbg-hub__signupstrip .tbg-dm{max-width:none;margin:0;padding:18px 22px;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"kop form" "intro form" "voet melding";column-gap:20px;align-items:center}
.tbg-hub__signupstrip .tbg-dm__kop{grid-area:kop;margin-bottom:2px}
.tbg-hub__signupstrip .tbg-dm__titel{font-size:15px}
.tbg-hub__signupstrip .tbg-dm__intro{grid-area:intro;font-size:11.5px;color:#94a3b8;margin:0}
.tbg-hub__signupstrip .tbg-dm__form{grid-area:form}
.tbg-hub__signupstrip .tbg-dm__voet{grid-area:voet;margin:4px 0 0;font-size:11px}
.tbg-hub__signupstrip .tbg-dm__melding{grid-area:melding;margin:4px 0 0}
@media(max-width:760px){
.tbg-hub__tabbalk{flex-direction:column-reverse;align-items:stretch;gap:6px}
.tbg-hub__pill{align-self:flex-end;margin:0}
.tbg-hub__tabs{gap:16px}
.tbg-hub__featured{flex-direction:column}
.tbg-hub__feat--groot{flex:1}
.tbg-hub__featured--solo .tbg-hub__feat--groot{flex-direction:column}
.tbg-hub__featured--solo .tbg-hub__feat-beeld{width:100%;min-height:140px}
.tbg-hub__coupons{grid-template-columns:1fr}
.tbg-hub__rij{position:relative;gap:10px;padding:12px}
.tbg-hub__rij .tbg-hub__tik{display:block;position:absolute;inset:0;z-index:1}
.tbg-hub__rij .tbg-hub__rij-titel{position:relative;z-index:2}
.tbg-hub__rij .tbg-hub__chev{display:block;font-size:18px;line-height:1;color:#cbd5e1;flex:none}
.tbg-hub__rij-cta{display:none}
.tbg-hub__rij-nr{display:none}
.tbg-hub__coupon{position:relative}
.tbg-hub__coupon .tbg-hub__tik{display:block;position:absolute;inset:0;z-index:1}
.tbg-hub__coupon-kop{position:relative}
.tbg-hub__coupon .tbg-hub__chev--coupon{display:block;position:absolute;top:16px;right:14px;font-size:18px;line-height:1;color:#cbd5e1;z-index:0}
.tbg-hub__coupon-regel{position:relative;z-index:2}
.tbg-hub__coupon-link{display:none}
.tbg-hub__signupstrip .tbg-dm{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:18px 20px}
}