/*
 * Grensdeals — Deal Card & Homepage
 * "Zachtere richting" (goedgekeurd voorstel): zelfde kaart-anatomie en layout als
 * versie 1, maar gradient-oranje i.p.v. vlakke felle tint, warm zwart i.p.v. puur
 * zwart, en Archivo Black gereserveerd voor de prijs — badges/CTA/koppen stappen
 * terug naar Archivo ExtraBold (800) met een zachte schaduw voor diepte.
 * Alle selectors zijn geprefixt (.grensdeals-* / .gd-home-*) om themabotsingen te voorkomen.
 */

:root {
    /* Vlakke oranje — bewust nog behouden, alleen voor het logo (dat blijft
       voorlopig ongewijzigd; de gebruiker past het logo apart aan later). */
    --gd-oranje: #FF5714;
    --gd-oranje-a: #F0824F;
    --gd-oranje-b: #D9612E;
    --gd-oranje-gradient: linear-gradient(135deg, var(--gd-oranje-a), var(--gd-oranje-b));
    --gd-oranje-shadow: 0 4px 14px rgba(217, 97, 46, .28);
    --gd-ink: #1E1A17;
    --gd-canvas: #F8F5EF;
    --gd-card: #FFFDFA;
    --gd-hairline: #E8E3DA;
    --gd-muted: #78716A;
    --gd-groen-tint: #EAF6EE;
    --gd-groen-diep: #1F7A46;
    --gd-rood: #D8283C;
    --gd-font-display: 'Archivo Black', sans-serif;
    --gd-font-heading: 'Archivo', sans-serif;
    --gd-font-body: 'Public Sans', sans-serif;
}

/* ---------- deal-kaart ---------- */

.grensdeals-single {
    max-width: 400px;
    margin: 32px auto;
}

.grensdeals-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 20px;
    margin: 24px 0;
}

.grensdeals-grid-empty {
    font-family: var(--gd-font-body);
    color: var(--gd-muted);
}

.grensdeals-card {
    display: flex;
    flex-direction: column;
    background: var(--gd-card);
    border: 1px solid var(--gd-hairline);
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(30, 26, 23, .07);
    font-family: var(--gd-font-body);
}

.grensdeals-card__media {
    position: relative;
    aspect-ratio: 320 / 220;
    background: repeating-linear-gradient(135deg, #F1ECE3, #F1ECE3 10px, var(--gd-hairline) 10px, var(--gd-hairline) 20px);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.grensdeals-card__media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.grensdeals-card__media-placeholder {
    font: 11px ui-monospace, Menlo, monospace;
    color: var(--gd-muted);
    text-align: center;
    padding: 0 20px;
    line-height: 1.4;
}

/* Badge — altijd fill, zwarte of witte tekst; nooit oranje als kleine tekst elders.
   Archivo Black is gereserveerd voor de prijs — de badge stapt terug naar
   ExtraBold (800) zodat de prijs het enige echte "schreeuw"-moment blijft. */
.grensdeals-badge {
    position: absolute;
    top: 14px;
    left: 14px;
    font-family: var(--gd-font-heading);
    font-weight: 800;
    font-size: 16px;
    line-height: 1.2;
    padding: 6px 12px;
    border-radius: 8px;
    white-space: nowrap;
}

.grensdeals-badge--savings {
    background: var(--gd-oranje-gradient);
    color: var(--gd-ink);
    box-shadow: var(--gd-oranje-shadow);
}

.grensdeals-badge--context {
    background: var(--gd-ink);
    color: var(--gd-canvas);
    box-shadow: 0 4px 14px rgba(30, 26, 23, .22);
}

.grensdeals-card__body {
    padding: 18px 20px 20px;
    display: flex;
    flex-direction: column;
}

.grensdeals-card__meta {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
    color: var(--gd-muted);
    text-transform: lowercase;
    border-top: 1px solid var(--gd-hairline);
    padding-top: 14px;
    margin-bottom: 10px;
}

.grensdeals-card__meta-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--gd-muted);
    flex: none;
}

.grensdeals-card__brand {
    font-family: var(--gd-font-heading);
    font-weight: 800;
    font-size: 14.5px;
    color: var(--gd-ink);
    text-transform: lowercase;
    margin: 0 0 4px;
}

.grensdeals-card__title {
    font-family: var(--gd-font-heading);
    font-weight: 800;
    font-size: 20px;
    line-height: 1.2;
    color: var(--gd-ink);
    margin: 0 0 10px;
}

.grensdeals-card__price {
    font-family: var(--gd-font-display);
    font-size: 40px;
    line-height: 1;
    color: var(--gd-ink);
    font-variant-numeric: tabular-nums;
    margin-bottom: 6px;
}

.grensdeals-card__pfand {
    font-size: 12px;
    color: var(--gd-muted);
    margin-bottom: 12px;
}
.grensdeals-card__pfand span {
    opacity: .7;
}

.grensdeals-card__compare {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 12px;
    margin-bottom: 16px;
}

.grensdeals-card__reference {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.grensdeals-card__reference-label {
    font-family: var(--gd-font-heading);
    font-weight: 800;
    font-size: 12.5px;
    color: var(--gd-ink);
}

.grensdeals-card__reference-price {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--gd-muted);
    font-variant-numeric: tabular-nums;
    text-decoration: line-through;
}

.grensdeals-flag-nl {
    display: inline-flex;
    flex-direction: column;
    width: 14px;
    height: 10px;
    border-radius: 1px;
    overflow: hidden;
    flex: none;
}
.grensdeals-flag-nl span { flex: 1; }
.grensdeals-flag-nl span:nth-child(1) { background: #AE1C28; }
.grensdeals-flag-nl span:nth-child(2) { background: #fff; }
.grensdeals-flag-nl span:nth-child(3) { background: #21468B; }

.grensdeals-savings-box {
    background: var(--gd-groen-tint);
    color: var(--gd-groen-diep);
    border-radius: 8px;
    padding: 9px 12px;
    text-align: center;
    flex: none;
}

.grensdeals-savings-box__amount {
    font-size: 11.5px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.grensdeals-savings-box__pct {
    font-family: var(--gd-font-heading);
    font-weight: 800;
    font-size: 19px;
    margin-top: 1px;
}

.grensdeals-cta {
    display: block;
    width: 100%;
    box-sizing: border-box;
    background: var(--gd-oranje-gradient);
    color: var(--gd-ink);
    text-align: center;
    font-family: var(--gd-font-heading);
    font-weight: 800;
    font-size: 14.5px;
    padding: 13px;
    border-radius: 8px;
    text-decoration: none;
    text-transform: lowercase;
    margin-top: auto;
    box-shadow: var(--gd-oranje-shadow);
    transition: box-shadow .15s ease, transform .15s ease;
}
.grensdeals-cta:hover,
.grensdeals-cta:focus {
    color: var(--gd-ink);
    box-shadow: 0 8px 20px rgba(217, 97, 46, .34);
    transform: translateY(-1px);
}

/* ---------- homepage ([grensdeals_home]) ---------- */

.gd-home { background: var(--gd-canvas); }

.gd-home-logo { display: inline-flex; align-items: center; gap: 10px; }
.gd-home-logo-mark {
    width: 32px; height: 32px; border-radius: 8px;
    background: var(--gd-canvas); border: 1px solid var(--gd-hairline);
    position: relative; overflow: hidden; flex: none;
}
.gd-home-logo-mark span { position: absolute; width: 150%; height: 6px; left: -25%; transform: rotate(-16deg); }
.gd-home-logo-mark span:first-child { top: 9px; background: var(--gd-ink); }
.gd-home-logo-mark span:last-child { top: 17px; background: var(--gd-oranje); }
.gd-home-logo-word { font-family: var(--gd-font-display); font-size: 16px; }
.gd-home-logo-word b { color: var(--gd-ink); font-weight: normal; }
.gd-home-logo-word i { color: var(--gd-oranje); font-style: normal; }

.gd-home-nav {
    display: flex; align-items: center; justify-content: space-between; gap: 20px;
    padding: 18px 28px; background: var(--gd-card); border-bottom: 1px solid var(--gd-hairline);
}
.gd-home-nav-links { display: flex; gap: 22px; flex-wrap: wrap; }
.gd-home-nav-links a {
    font-family: var(--gd-font-body); font-weight: 600; font-size: 13.5px;
    color: var(--gd-ink); text-decoration: none; text-transform: lowercase; opacity: .8;
}
.gd-home-nav-links a:hover { opacity: 1; }

.gd-home-hero {
    padding: 52px 28px; display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(260px, 340px);
    gap: 40px; align-items: center;
}
.gd-home-kicker {
    font: 700 11px ui-monospace, Menlo, monospace; text-transform: uppercase;
    letter-spacing: .08em; color: var(--gd-muted); display: block; margin-bottom: 14px;
}
.gd-home-hero h1 {
    font-family: var(--gd-font-heading); font-weight: 800; font-size: clamp(28px, 3.6vw, 42px);
    line-height: 1.15; color: var(--gd-ink); margin: 0; text-transform: lowercase;
}
.gd-home-hero p {
    font-family: var(--gd-font-body); color: var(--gd-muted); font-size: 15px;
    max-width: 46ch; margin: 16px 0 22px;
}
.gd-home-btn-primary {
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--gd-oranje-gradient); color: var(--gd-ink); font-family: var(--gd-font-heading); font-weight: 800;
    font-size: 15px; padding: 13px 24px; border-radius: 8px; text-decoration: none; text-transform: lowercase;
    box-shadow: var(--gd-oranje-shadow);
}

.gd-home-section { padding: 8px 28px 52px; }
.gd-home-section-head {
    display: flex; align-items: baseline; justify-content: space-between; gap: 16px;
    margin-bottom: 20px; flex-wrap: wrap;
}
.gd-home-section-head h2 {
    font-family: var(--gd-font-heading); font-weight: 800; font-size: 22px; color: var(--gd-ink); margin: 0; text-transform: lowercase;
}
.gd-home-see-all {
    font-family: var(--gd-font-body); font-size: 13px; font-weight: 600;
    color: var(--gd-muted); text-decoration: none; text-transform: lowercase;
}

.gd-home-tile-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 16px; }
.gd-home-tile {
    background: var(--gd-card); border: 1px solid var(--gd-hairline); border-radius: 10px; padding: 18px;
    display: flex; align-items: center; gap: 14px; box-shadow: 0 6px 20px rgba(30,26,23,.06);
    text-decoration: none; color: var(--gd-ink);
}
.gd-home-tile-monogram {
    flex: none; width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--gd-hairline);
    display: flex; align-items: center; justify-content: center;
    font-family: var(--gd-font-heading); font-weight: 800; font-size: 15px; background: var(--gd-canvas);
}
.gd-home-tile-name { font-family: var(--gd-font-heading); font-weight: 800; font-size: 14.5px; text-transform: lowercase; }
.gd-home-tile-meta { font-family: var(--gd-font-body); font-size: 12.5px; color: var(--gd-muted); margin-top: 2px; }

.gd-home-footer {
    background: var(--gd-card); border-top: 1px solid var(--gd-hairline); padding: 44px 28px 26px;
}
.gd-home-footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 28px; }
.gd-home-footer-col h3 {
    font-family: var(--gd-font-heading); font-weight: 800; font-size: 11px; letter-spacing: .05em;
    text-transform: uppercase; color: var(--gd-muted); margin: 0 0 12px;
}
.gd-home-footer-col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.gd-home-footer-col a {
    font-family: var(--gd-font-body); font-size: 13.5px; text-decoration: none;
    color: var(--gd-ink); text-transform: lowercase; opacity: .82;
}
.gd-home-footer-col a:hover { opacity: 1; }
.gd-home-footer-bottom {
    margin-top: 36px; padding-top: 20px; border-top: 1px solid var(--gd-hairline);
    display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px;
    font-family: var(--gd-font-body); font-size: 12px; color: var(--gd-muted);
}

.gd-home-mini {
    font-family: var(--gd-font-heading); font-weight: 700; font-size: 9.5px; letter-spacing: .03em;
    text-transform: uppercase; background: var(--gd-ink); color: var(--gd-canvas);
    border-radius: 5px; padding: 2px 6px; margin-left: 4px; white-space: nowrap;
}

.gd-home-nav-cta {
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--gd-oranje-gradient); color: var(--gd-ink); font-family: var(--gd-font-heading); font-weight: 800;
    font-size: 13px; padding: 9px 16px; border-radius: 8px; text-decoration: none; text-transform: lowercase;
    box-shadow: var(--gd-oranje-shadow); white-space: nowrap;
}

/* ---------- koopzondag-banner ---------- */
.gd-home-sunbar {
    display: flex; align-items: center; gap: 11px;
    background: linear-gradient(135deg, #FBE7DA, #F6D9C6); border-bottom: 1px solid var(--gd-hairline);
    padding: 10px 28px; font-family: var(--gd-font-body); font-size: 13.5px; color: var(--gd-ink);
}
.gd-home-sunbar-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--gd-oranje-b); flex: none; }
.gd-home-sunbar a { color: var(--gd-ink); font-weight: 700; text-decoration: underline; white-space: nowrap; }

/* ---------- searchbar (hero + winkelzoeker) ---------- */
.gd-home-searchbar {
    display: flex; align-items: center; gap: 8px; margin-top: 18px; max-width: 420px;
}
.gd-home-searchbar--block { max-width: none; margin-top: 0; }
.gd-home-searchbar input {
    flex: 1; background: var(--gd-card); border: 1px solid var(--gd-hairline); border-radius: 10px;
    padding: 11px 14px; font-family: var(--gd-font-body); font-size: 14px; color: var(--gd-muted);
}
.gd-home-searchbar input:disabled { cursor: not-allowed; opacity: .7; }

/* ---------- vertrouwensstrip ---------- */
.gd-home-trust {
    display: flex; gap: 28px; flex-wrap: wrap; justify-content: center;
    background: var(--gd-card); border-bottom: 1px solid var(--gd-hairline);
    padding: 14px 28px; font-family: var(--gd-font-body); font-size: 13px; color: var(--gd-muted);
}

/* ---------- redactioneel blok ---------- */
.gd-home-editorial {
    display: grid; grid-template-columns: 1.1fr 1fr; gap: 0;
    background: var(--gd-card); border: 1px solid var(--gd-hairline); border-radius: 16px; overflow: hidden;
}
.gd-home-editorial-media {
    min-height: 240px; display: flex; align-items: center; justify-content: center; text-align: center;
    background: repeating-linear-gradient(135deg, #F1ECE3, #F1ECE3 10px, var(--gd-hairline) 10px, var(--gd-hairline) 20px);
    font: 11px ui-monospace, Menlo, monospace; color: var(--gd-muted); padding: 20px;
}
.gd-home-editorial-text { padding: 30px 32px; display: flex; flex-direction: column; justify-content: center; }
.gd-home-editorial-text h3 { font-family: var(--gd-font-heading); font-weight: 800; font-size: 22px; margin: 10px 0 10px; color: var(--gd-ink); }
.gd-home-editorial-text p { color: var(--gd-muted); font-size: 14.5px; margin: 0 0 14px; }

/* ---------- categorie-tegels ---------- */
.gd-home-cat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 14px; }
.gd-home-cat {
    background: var(--gd-card); border: 1px solid var(--gd-hairline); border-radius: 12px; padding: 18px 14px;
    text-align: center; text-decoration: none; color: var(--gd-ink); box-shadow: 0 6px 20px rgba(30,26,23,.05);
    display: flex; flex-direction: column; gap: 4px;
}
.gd-home-cat-icon { font-size: 24px; }
.gd-home-cat-name { font-family: var(--gd-font-heading); font-weight: 700; font-size: 14px; margin-top: 6px; }
.gd-home-cat-count { font-family: var(--gd-font-body); font-size: 12px; color: var(--gd-muted); }

/* ---------- pills (nieuw / binnenkort) ---------- */
.gd-home-pill {
    display: inline-flex; align-self: flex-start; align-items: center; font-family: var(--gd-font-heading);
    font-weight: 800; font-size: 11px; letter-spacing: .03em; text-transform: lowercase;
    border-radius: 999px; padding: 4px 11px; margin-bottom: 10px;
}
.gd-home-pill--new { background: var(--gd-groen-tint); color: var(--gd-groen-diep); }
.gd-home-pill--soon { background: var(--gd-ink); color: var(--gd-canvas); }

/* ---------- amazon-locker / affiliate-module ---------- */
.gd-home-amz {
    background: linear-gradient(180deg, #FBEEE4, var(--gd-card) 70%);
    border: 1px solid var(--gd-hairline); border-radius: 16px; padding: 28px 30px;
}
.gd-home-amz-intro { color: var(--gd-muted); font-size: 14.5px; max-width: 66ch; margin: 0 0 20px; }
.gd-home-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 8px; }
.gd-home-step { background: var(--gd-card); border: 1px solid var(--gd-hairline); border-radius: 12px; padding: 16px; }
.gd-home-step-no {
    display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px;
    background: var(--gd-ink); color: var(--gd-canvas); font-family: var(--gd-font-heading); font-weight: 800;
    font-size: 12px; border-radius: 8px;
}
.gd-home-step h4 { font-family: var(--gd-font-heading); font-weight: 700; font-size: 14.5px; margin: 10px 0 4px; }
.gd-home-step p { color: var(--gd-muted); font-size: 12.5px; margin: 0; }
.gd-home-disclosure { font-size: 12px; color: var(--gd-muted); margin: 16px 0 0; }
.gd-home-disclosure a { color: var(--gd-ink); font-weight: 700; }

/* ---------- geparkeerde modules (winkelzoeker, tankstation, community) ---------- */
.gd-home-parked {
    border: 1.5px dashed var(--gd-hairline); border-radius: 16px; background: var(--gd-card);
    padding: 24px 26px; display: flex; flex-direction: column;
}
.gd-home-parked h3 { font-family: var(--gd-font-heading); font-weight: 800; font-size: 17px; margin: 0 0 6px; color: var(--gd-ink); }
.gd-home-parked p { color: var(--gd-muted); font-size: 14px; margin: 0 0 16px; max-width: 66ch; }

/* ---------- triplist ---------- */
.gd-home-trip { background: var(--gd-card); border: 1px solid var(--gd-hairline); border-radius: 16px; padding: 26px 28px; }
.gd-home-trip-grid { display: grid; grid-template-columns: 1.6fr 1fr; gap: 20px; align-items: start; margin-top: 16px; }
.gd-home-trip-list { display: flex; flex-direction: column; gap: 8px; }
.gd-home-trip-item {
    display: flex; align-items: center; gap: 12px; border: 1px solid var(--gd-hairline); border-radius: 10px;
    padding: 11px 14px; cursor: pointer;
}
.gd-home-trip-item input { width: 18px; height: 18px; accent-color: var(--gd-oranje-b); flex: none; cursor: pointer; }
.gd-home-trip-name { font-family: var(--gd-font-body); font-weight: 600; font-size: 13.5px; color: var(--gd-ink); flex: 1; }
.gd-home-trip-meta { color: var(--gd-muted); font-weight: 400; }
.gd-home-trip-sv { font-family: var(--gd-font-heading); font-weight: 800; color: var(--gd-ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
.gd-home-trip-sum { background: var(--gd-ink); color: var(--gd-canvas); border-radius: 14px; padding: 20px; }
.gd-home-trip-sum-lbl { font-size: 11px; letter-spacing: .05em; text-transform: uppercase; color: #B9B7B1; }
.gd-home-trip-sum-big { font-family: var(--gd-font-display); font-size: 30px; margin: 4px 0 2px; font-variant-numeric: tabular-nums; }
.gd-home-trip-sum-sub { color: #C9C7C1; font-size: 12.5px; }

/* ---------- gidsen ---------- */
.gd-home-guides { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; }
.gd-home-guide {
    background: var(--gd-card); border: 1px solid var(--gd-hairline); border-radius: 12px; padding: 18px;
    text-decoration: none; color: var(--gd-ink); display: flex; flex-direction: column; gap: 4px;
    box-shadow: 0 6px 20px rgba(30,26,23,.05);
}
.gd-home-guide-icon { font-size: 22px; }
.gd-home-guide h4 { font-family: var(--gd-font-heading); font-weight: 700; font-size: 14px; margin: 8px 0 2px; }
.gd-home-guide p { color: var(--gd-muted); font-size: 12.5px; margin: 0; }

/* ---------- nieuwsbrief ---------- */
.gd-home-newsletter {
    background: var(--gd-ink); color: var(--gd-canvas); border-radius: 18px; padding: 38px 34px; text-align: center;
}
.gd-home-newsletter h2 { font-family: var(--gd-font-heading); font-weight: 800; font-size: 24px; margin: 0 0 8px; }
.gd-home-newsletter p { color: #C9C7C1; margin: 0 auto 18px; max-width: 48ch; font-size: 14px; }
.gd-home-newsletter-form { display: flex; gap: 10px; max-width: 420px; margin: 0 auto; flex-wrap: wrap; }
.gd-home-newsletter-form input {
    flex: 1; min-width: 180px; border: none; border-radius: 10px; padding: 12px 14px;
    font-family: var(--gd-font-body); font-size: 14px;
}
.gd-home-newsletter small { display: block; color: #8F8D87; margin-top: 14px; font-size: 11.5px; }
.gd-home-newsletter small a { color: #E8B79A; }

@media (max-width: 900px) {
    .gd-home-editorial { grid-template-columns: 1fr; }
    .gd-home-trip-grid { grid-template-columns: 1fr; }
    .gd-home-steps { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
    .gd-home-hero { grid-template-columns: 1fr; }
    .gd-home-nav-links { display: none; }
    .gd-home-nav-cta { display: none; }
}

/* ---------- Pfand-tooltip op de deal-kaart ---------- */
.grensdeals-pfand-info { position: relative; display: inline-flex; }
.grensdeals-pfand-info__btn {
    background: none; border: none; padding: 0; margin: 0; cursor: pointer;
    font-family: var(--gd-font-body); font-size: 12px; color: var(--gd-muted); opacity: .8;
    text-decoration: underline dotted;
}
.grensdeals-pfand-info__tip {
    display: none; position: absolute; bottom: 130%; left: -8px; z-index: 5; width: 220px;
    background: var(--gd-ink); color: var(--gd-canvas); border-radius: 10px; padding: 11px 13px;
    font-family: var(--gd-font-body); font-size: 12px; line-height: 1.5;
    box-shadow: 0 12px 30px -10px rgba(0,0,0,.5);
}
.grensdeals-pfand-info__tip.is-open { display: block; }
.grensdeals-pfand-info__tip a { color: #F0A57C; font-weight: 700; }

/* ---------- gids-artikel (/gids/<slug>/) ---------- */
.grensdeals-gids { max-width: 720px; margin: 0 auto; padding: 44px 24px 60px; }
.grensdeals-gids__kicker {
    display: block; font-family: var(--gd-font-heading); font-weight: 700; font-size: 11px;
    letter-spacing: .1em; text-transform: uppercase; color: var(--gd-oranje-b); margin-bottom: 10px;
}
.grensdeals-gids__title {
    font-family: var(--gd-font-heading); font-weight: 800; font-size: clamp(26px, 4vw, 38px);
    line-height: 1.1; color: var(--gd-ink); margin: 0 0 12px;
}
.grensdeals-gids__meta { display: flex; gap: 14px; flex-wrap: wrap; color: var(--gd-muted); font-size: 13px; margin-bottom: 22px; }
.grensdeals-gids__tldr {
    border: 1px solid var(--gd-hairline); border-left: 4px solid var(--gd-oranje-b);
    background: #FBEEE4; border-radius: 12px; padding: 16px 18px; margin-bottom: 28px;
}
.grensdeals-gids__tldr-label {
    display: block; font-family: var(--gd-font-heading); font-weight: 800; font-size: 11px;
    letter-spacing: .04em; text-transform: uppercase; color: var(--gd-oranje-b); margin-bottom: 6px;
}
.grensdeals-gids__tldr p { margin: 0; font-size: 14.5px; color: var(--gd-ink); line-height: 1.6; }

.grensdeals-gids__body { font-family: var(--gd-font-body); font-size: 15.5px; line-height: 1.7; color: var(--gd-ink); }
.grensdeals-gids__body h2 {
    font-family: var(--gd-font-heading); font-weight: 800; font-size: 22px; margin: 34px 0 10px; color: var(--gd-ink);
}
.grensdeals-gids__body h3 { font-family: var(--gd-font-heading); font-weight: 700; font-size: 16.5px; margin: 22px 0 6px; }
.grensdeals-gids__body p { margin: 0 0 14px; }
.grensdeals-gids__body ul { margin: 0 0 16px; padding-left: 20px; }
.grensdeals-gids__body li { margin: 6px 0; }
.grensdeals-gids__body table {
    width: 100%; border-collapse: collapse; margin: 14px 0 8px; font-size: 14px;
    background: var(--gd-card); border: 1px solid var(--gd-hairline); border-radius: 10px; overflow: hidden;
}
.grensdeals-gids__body th {
    text-align: left; background: var(--gd-canvas); font-size: 11.5px; letter-spacing: .03em;
    text-transform: uppercase; color: var(--gd-muted); font-weight: 700; padding: 10px 12px;
    border-bottom: 1px solid var(--gd-hairline);
}
.grensdeals-gids__body td { padding: 11px 12px; border-bottom: 1px solid var(--gd-hairline); vertical-align: top; }
.grensdeals-gids__body tr:last-child td { border-bottom: none; }
.grensdeals-gids__body .grensdeals-gids__honest {
    display: flex; gap: 14px; border: 1px solid var(--gd-hairline); border-radius: 12px;
    background: var(--gd-card); padding: 18px 20px; margin: 20px 0;
}
.grensdeals-gids__body .grensdeals-gids__honest strong { display: block; margin-bottom: 4px; }

.grensdeals-gids__related {
    border: 1px solid var(--gd-hairline); border-radius: 14px; background: var(--gd-card);
    padding: 18px 20px; margin: 30px 0;
}
.grensdeals-gids__related h4 {
    font-family: var(--gd-font-heading); font-weight: 800; font-size: 13px; margin: 0 0 10px; color: var(--gd-ink);
}
.grensdeals-gids__related a {
    display: block; padding: 8px 0; border-top: 1px solid var(--gd-hairline);
    font-weight: 600; font-size: 14px; color: var(--gd-ink); text-decoration: none;
}
.grensdeals-gids__related a:first-of-type { border-top: none; }
.grensdeals-gids__related a:hover { color: var(--gd-oranje-b); }