/* Dienstpagina's (/seo, /google-ads, /social-media). Bovenop tokens.css + components.css.
   Alleen tokens, geen losse hex (design/BRAND.md). */

/* ---- site chrome, gelijk aan over-ons.html ---- */
nav.top{position:sticky;top:0;z-index:var(--z-sticky);background:rgba(255,255,255,.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:var(--bd)}
nav.top .container{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding-top:18px;padding-bottom:18px}
.wordmark{font-size:28px;font-weight:var(--fw-bold)}
.nav-ctas{display:flex;gap:10px;align-items:center;flex-shrink:0}
.nav-cta{background:var(--purple);color:var(--white);padding:12px 22px;border-radius:var(--radius-sm);text-decoration:none;font-size:var(--fs-meta);font-weight:var(--fw-semibold);transition:background var(--dur) var(--ease),transform var(--dur) var(--ease);white-space:nowrap;line-height:1.2}
.nav-cta:hover{background:var(--purple-deep);transform:var(--lift)}
.nav-cta-secondary{background:transparent;color:var(--ink);padding:12px 18px;border:1.5px solid var(--rule-strong);border-radius:var(--radius-sm);text-decoration:none;font-size:var(--fs-meta);font-weight:var(--fw-semibold);transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease);white-space:nowrap;line-height:1.2;cursor:pointer}
.nav-cta-secondary:hover{border-color:var(--purple);color:var(--purple)}
.nav-cta-secondary .short{display:none}
footer{background:var(--ink);color:var(--white);padding:var(--s20) 0 var(--s8)}
.foot-also{margin-bottom:60px;padding-bottom:var(--s12);border-bottom:1px solid rgba(255,255,255,.1)}
.foot-also h4{font-family:var(--font-serif);font-style:italic;font-weight:var(--fw-medium);font-size:28px;color:var(--lavender-deep);margin-bottom:var(--s6);letter-spacing:-.01em}
.foot-also-list{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;font-size:var(--fs-meta);line-height:1.9}
.foot-also-list a{color:rgba(255,255,255,.8);text-decoration:none}
.foot-also-list a:hover{color:var(--purple-2)}
.foot-also-list .sep{color:rgba(255,255,255,.25);padding:0 2px}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:var(--s12)}
.foot-grid>*{min-width:0;overflow-wrap:anywhere}
.foot-brand{font-family:var(--font-serif);font-weight:var(--fw-bold);font-size:36px;margin-bottom:var(--s3);letter-spacing:var(--tracking-wordmark);background-image:var(--gradient-on-dark);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.foot-brand .dot{-webkit-text-fill-color:currentColor;color:inherit}
.foot-tag{font-size:var(--fs-meta);color:rgba(255,255,255,.65);max-width:320px;line-height:1.55}
.foot-col h5{font-size:var(--fs-micro);letter-spacing:.16em;text-transform:uppercase;color:var(--purple-2);margin-bottom:var(--s4);font-weight:var(--fw-bold);font-family:var(--font-sans)}
.foot-col ul{list-style:none;font-size:var(--fs-meta);line-height:2}
.foot-col a{color:rgba(255,255,255,.75);text-decoration:none}
.foot-col a:hover{color:var(--white)}
.foot-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--s6);display:flex;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;font-size:12px;color:rgba(255,255,255,.5);letter-spacing:.04em}
.foot-bottom a{color:inherit}
html{overflow-x:clip}

/* ---- ritme en koppen ---- */
.crumbs{font-size:var(--fs-micro);color:var(--muted);margin-bottom:var(--s5)}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--purple)}
.label{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-sans);font-size:13px;font-weight:var(--fw-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--purple);margin-bottom:var(--s5)}
.label::before{content:'';width:28px;height:2px;background:var(--purple)}
.sec{padding:var(--section-y) 0}
.sec--tint{background:var(--lavender)}
.sec--soft{background:var(--off-white)}
.sec-head{max-width:var(--measure-narrow);margin-bottom:var(--s10)}
.sec-head h2{font-size:var(--fs-h2);line-height:var(--lh-heading)}
.sec-head h2 em,.dh-copy h1 em{font-style:italic;font-weight:var(--fw-medium);color:var(--purple)}
.sec-head p{font-size:var(--fs-lede);color:var(--ink-soft);line-height:1.55;margin-top:var(--s4);max-width:var(--measure-lede)}
.sec-head p a,.prose-link{color:var(--purple);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}

/* ---- hero met voorbeeldvisual ---- */
.dienst-hero{padding:var(--s16) 0 var(--s20);background:linear-gradient(180deg,var(--lavender) 0,var(--white) 100%)}
.dienst-hero .container{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--s16);align-items:center}
.dh-copy h1{font-size:var(--fs-h1);line-height:var(--lh-display);letter-spacing:var(--tracking-display);font-variation-settings:var(--opsz-display);margin-bottom:var(--s5)}
.dh-copy .lede{font-size:var(--fs-lede);color:var(--ink-soft);line-height:1.55;max-width:var(--measure-lede);margin-bottom:var(--s8)}
.dh-facts{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:var(--s6);font-size:var(--fs-meta);color:var(--muted)}
.dh-facts b{color:var(--ink);font-weight:var(--fw-semibold)}
.dh-visual{position:relative}
.dh-visual .tag{position:absolute;top:-14px;right:18px;z-index:2;background:var(--ink);color:var(--white);font-size:11px;font-weight:var(--fw-bold);letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;border-radius:var(--radius-pill)}

/* Google-resultaat en advertentie (voorbeeld) */
.mock-serp{background:var(--white);border:var(--bd);border-radius:var(--radius-xl);box-shadow:var(--shadow-featured);padding:22px 24px;font-family:var(--font-sans)}
.mock-q{display:flex;align-items:center;gap:10px;border:var(--bd-strong);border-radius:var(--radius-pill);padding:10px 16px;font-size:15px;color:var(--ink);margin-bottom:18px}
.mock-q svg{width:16px;height:16px;flex:none;color:var(--muted)}
.mock-res{padding:14px 0;border-top:var(--bd)}
.mock-res:first-of-type{border-top:0}
.mock-site{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--ink-soft);margin-bottom:4px}
.mock-fav{width:26px;height:26px;border-radius:50%;background:var(--lavender);display:grid;place-items:center;font-size:11px;font-weight:var(--fw-bold);color:var(--purple);flex:none}
.mock-res b{display:block;font-size:17px;font-weight:var(--fw-medium);color:var(--purple-deep);line-height:1.3}
.mock-res p{font-size:13px;color:var(--muted);line-height:1.45;margin-top:3px}
.mock-res--you{background:var(--lavender);margin:0 -12px;padding:14px 12px;border-radius:var(--radius-md);border-top:0}
.mock-res--dim{opacity:.45}
.mock-pin{display:inline-block;margin-left:auto;background:var(--purple);color:var(--white);font-size:11px;font-weight:var(--fw-bold);padding:3px 9px;border-radius:var(--radius-pill)}
.mock-sp{font-size:12px;font-weight:var(--fw-bold);color:var(--ink);margin-right:2px}

/* ---- tegels: wat we doen ---- */
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4)}
.tile{background:var(--white);border:var(--bd);border-radius:var(--radius-lg);padding:26px 22px}
.tile .ic{width:44px;height:44px;border-radius:12px;background:var(--lavender);color:var(--purple);display:grid;place-items:center;margin-bottom:var(--s4)}
.tile .ic svg{width:22px;height:22px}
.tile h3{font-size:19px;line-height:1.25;margin-bottom:8px}
.tile p{font-size:var(--fs-meta);color:var(--ink-soft);line-height:1.55}

/* ---- resultaten (zelfde vorm als homepage) ---- */
.res-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.res-stat{position:relative;display:flex;flex-direction:column;padding:26px 22px 24px;border-radius:var(--radius-lg);background:var(--white);border:var(--bd);overflow:hidden}
.res-stat::before{content:'';position:absolute;left:0;right:0;top:0;height:4px;background:var(--gradient-brand)}
.res-kind{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:var(--fw-bold);color:var(--purple)}
.res-n{display:block;margin:12px 0 8px;font-family:var(--font-serif);font-weight:var(--fw-semibold);font-size:clamp(40px,4vw,54px);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-variation-settings:var(--opsz-display);background-image:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;width:fit-content}
.res-sign{font-family:var(--font-sans);font-weight:var(--fw-bold);font-size:.62em;vertical-align:.18em;margin-right:2px}
.res-stat p{font-size:15px;line-height:1.5;color:var(--ink-soft)}
.res-stat p small{display:block;margin-top:6px;font-size:13px;color:var(--muted)}
.res-bron{margin-top:14px;font-size:13px;color:var(--muted)}

/* ---- prijzen: bovenop .pkg uit components.css ---- */
.pkg-setup{font-size:var(--fs-meta);color:var(--muted);margin:-18px 0 22px}
.pkg-setup b{color:var(--ink);font-weight:var(--fw-semibold)}
.price-notes{display:flex;flex-wrap:wrap;gap:10px;margin-top:var(--s6)}
.price-notes span{font-size:14px;color:var(--ink-soft);background:var(--white);border:var(--bd);border-radius:var(--radius-pill);padding:8px 14px}
.extra-card{margin-top:var(--s6);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s6);align-items:center;background:var(--white);border:var(--bd-purple-tint);border-radius:var(--radius-lg);padding:28px 32px}
.extra-card h3{font-size:var(--fs-h3);margin-bottom:6px}
.extra-card h3 em{font-style:italic;font-weight:var(--fw-medium);color:var(--purple)}
.extra-card p{font-size:var(--fs-sm);color:var(--ink-soft);line-height:1.55}
.extra-price{text-align:right;white-space:nowrap}
.extra-price .k{display:block;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-weight:var(--fw-semibold)}
.extra-price .v{font-family:var(--font-serif);font-size:30px;font-weight:var(--fw-semibold);color:var(--purple)}

/* ---- stappen ---- */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5);counter-reset:st}
.step{position:relative;padding:28px 24px 24px;border-radius:var(--radius-lg);background:var(--white);border:var(--bd)}
.step::before{counter-increment:st;content:counter(st);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--purple);color:var(--white);font-family:var(--font-serif);font-weight:var(--fw-semibold);margin-bottom:var(--s4)}
.step h3{font-size:19px;margin-bottom:6px}
.step p{font-size:var(--fs-meta);color:var(--ink-soft);line-height:1.55}

/* ---- social: voorbeeldprofiel en maandplanning ---- */
.phone{max-width:380px;margin:0 auto;background:var(--white);border-radius:36px;padding:14px;box-shadow:var(--shadow-featured);border:var(--bd-strong)}
.ig-head{display:flex;align-items:center;gap:14px;padding:12px 8px 14px}
.ig-avatar{width:58px;height:58px;border-radius:50%;padding:3px;background:var(--gradient-brand-diag);flex:none}
.ig-avatar span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:var(--white);font-family:var(--font-serif);font-weight:var(--fw-bold);color:var(--purple);font-size:18px;border:2px solid var(--white)}
.ig-name b{display:block;font-size:15px}
.ig-name span{display:block;font-size:12.5px;color:var(--muted);line-height:1.4}
.ig-hl{display:flex;gap:12px;padding:0 8px 14px;font-size:11px;color:var(--ink-soft);text-align:center}
.ig-hl i{display:block;width:44px;height:44px;border-radius:50%;border:var(--bd-strong);background:var(--off-white) center/cover no-repeat;margin:0 auto 4px}
.ig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;border-radius:0 0 24px 24px;overflow:hidden}
.ig-tile{position:relative;aspect-ratio:1/1;background:var(--lavender) center/cover no-repeat;overflow:hidden}
.ig-tile img{width:100%;height:100%;object-fit:cover;display:block}
.ig-tile .reel{position:absolute;top:6px;right:6px;width:18px;height:18px;color:var(--white);filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}
.ig-tile--type{display:flex;flex-direction:column;justify-content:center;padding:10px;text-align:center;font-family:var(--font-serif);color:var(--ink);line-height:1.15}
.ig-tile--type b{font-size:15px;font-weight:var(--fw-semibold)}
.ig-tile--type small{display:block;font-family:var(--font-sans);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--purple);margin-bottom:6px;font-weight:var(--fw-bold)}
.ig-tile--peach{background:var(--peach)}
.ig-tile--deep{background:var(--purple-deep);color:var(--white)}
.ig-tile--deep small{color:var(--lavender-deep)}
.maand{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4)}
.week{background:var(--white);border:var(--bd);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column}
.week-n{padding:12px 16px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:var(--fw-bold);color:var(--purple);border-bottom:var(--bd)}
.post{padding:14px 16px;display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:center}
.post+.post{border-top:var(--bd)}
.post .th{width:56px;height:56px;border-radius:10px;object-fit:cover;background:var(--lavender)}
.post b{display:block;font-size:14px;line-height:1.3}
.post span{display:inline-block;margin-top:4px;font-size:11px;font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.post span.is-reel{color:var(--coral)}
.voorbeeld-note{margin-top:var(--s4);font-size:13px;color:var(--muted)}

/* ---- twee kolommen: tekst + kaart ---- */
.duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s12);align-items:center}
.duo ul{list-style:none;margin-top:var(--s5)}
.duo li{position:relative;padding:8px 0 8px 28px;font-size:var(--fs-sm);color:var(--ink-soft);line-height:1.55}
.duo li::before{content:'';position:absolute;left:0;top:13px;width:16px;height:16px;background:var(--purple);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") center/contain no-repeat}
.duo li b{color:var(--ink)}
.quote-stat{background:var(--ink);color:var(--white);border-radius:var(--radius-xl);padding:36px 34px;box-shadow:var(--shadow-ink)}
.quote-stat .big{font-family:var(--font-serif);font-size:clamp(52px,6vw,72px);line-height:1;font-weight:var(--fw-semibold);background-image:var(--gradient-on-dark);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;width:fit-content}
.quote-stat p{margin-top:var(--s3);font-size:var(--fs-body-lg);color:rgba(255,255,255,.85);line-height:1.5}
.quote-stat small{display:block;margin-top:var(--s4);font-size:13px;color:rgba(255,255,255,.55)}
.quote-stat a{color:var(--lavender-deep)}

.res-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.duo-h{font-size:var(--fs-h2);line-height:var(--lh-heading)}
.duo-h em{font-style:italic;font-weight:var(--fw-medium);color:var(--purple)}
.duo-p{margin-top:var(--s4);font-size:var(--fs-lede);color:var(--ink-soft);line-height:1.55;max-width:var(--measure-lede)}
.duo--top{align-items:start}
.extra-price .prose-link{display:block;margin-top:6px;font-size:14px;font-weight:var(--fw-semibold)}
.goed-om{background:var(--white);border:var(--bd);border-radius:var(--radius-lg);padding:var(--pad-card)}
.goed-om h3{font-size:var(--fs-h3);margin-bottom:var(--s3)}
.goed-om ul{list-style:none}
.goed-om li{position:relative;padding:10px 0 10px 22px;font-size:var(--fs-sm);color:var(--ink-soft);line-height:1.55;border-top:var(--bd)}
.goed-om li:first-child{border-top:0}
.goed-om li::before{content:'';position:absolute;left:0;top:20px;width:10px;height:2px;background:var(--purple)}

/* ---- FAQ en slot ---- */
.dienst-faq{max-width:var(--measure-narrow)}
.dienst-faq details{border-bottom:var(--bd);padding:20px 0}
.dienst-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--s5);font-weight:var(--fw-semibold);font-size:17px;color:var(--ink)}
.dienst-faq summary::-webkit-details-marker{display:none}
.dienst-faq summary::after{content:'+';flex:none;width:30px;height:30px;border-radius:50%;background:var(--lavender);color:var(--purple);display:grid;place-items:center;font-size:20px;line-height:1;transition:transform var(--dur) var(--ease)}
.dienst-faq details[open] summary::after{transform:rotate(45deg)}
.dienst-faq summary:hover{color:var(--purple)}
.dienst-faq p{margin-top:var(--s3);color:var(--ink-soft);font-size:16px;line-height:var(--lh-body)}
.dienst-faq p a{color:var(--purple)}
.verder{margin-top:var(--s10);display:flex;flex-wrap:wrap;gap:10px}
.verder a{font-size:14px;font-weight:var(--fw-semibold);color:var(--ink);text-decoration:none;background:var(--white);border:var(--bd-strong);border-radius:var(--radius-pill);padding:9px 16px}
.verder a:hover{border-color:var(--purple);color:var(--purple)}

/* ---- responsive ---- */
@media (max-width:1100px){.tiles,.res-grid,.res-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}.maand{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){
  .dienst-hero .container,.duo{grid-template-columns:minmax(0,1fr);gap:var(--s10)}
  .steps{grid-template-columns:minmax(0,1fr)}
  .extra-card{grid-template-columns:minmax(0,1fr)}
  .extra-price{text-align:left}
  .foot-grid{grid-template-columns:1fr 1fr;gap:var(--s8)}
  .sec{padding:var(--s16) 0}
}
@media (max-width:640px){
  nav.top .container{padding-top:14px;padding-bottom:14px;gap:10px}
  .nav-ctas{flex-direction:column;align-items:stretch;gap:6px}
  .nav-cta,.nav-cta-secondary{padding:8px 14px;font-size:12px;text-align:center}
  .nav-cta-secondary .full{display:none}
  .nav-cta-secondary .short{display:inline}
  .wordmark{font-size:22px}
  .foot-grid{grid-template-columns:1fr;gap:var(--s8)}
  .foot-bottom{flex-direction:column;gap:8px}
  .tiles,.maand{grid-template-columns:minmax(0,1fr)}
  .dienst-hero{padding:var(--s10) 0 var(--s16)}
}
@media (max-width:480px){.res-grid{grid-template-columns:minmax(0,1fr)}}

/* ---- na UX-review 2026-10-15 ---- */
.cta-note{margin-top:var(--s3);font-size:var(--fs-meta);color:var(--muted)}
.res-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px}
.qs-kicker{display:block;margin-bottom:var(--s3);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:var(--fw-bold);color:var(--lavender-deep)}
.pkg-name{font-variant-numeric:lining-nums}
.post span.is-reel{color:var(--purple-deep)}
@media (max-width:640px){
  .nav-ctas{flex-direction:row}
  .nav-cta-secondary{display:none}
  .nav-cta{padding:12px 16px;font-size:var(--fs-meta);min-height:44px;display:inline-flex;align-items:center}
  .page-seo .nav-cta{display:none}
  .page-seo .nav-cta-secondary{display:inline-flex;align-items:center;min-height:44px;padding:12px 16px;font-size:var(--fs-meta)}
  .page-seo .nav-cta-secondary .full{display:inline}
  .page-seo .nav-cta-secondary .short{display:none}
  .dienst-hero{padding:var(--s6) 0 var(--s12)}
  .crumbs{display:none}
  .dh-copy .lede{font-size:var(--fs-body-lg);margin-bottom:var(--s6)}
  .pkg-name{font-size:clamp(28px,8vw,40px)}
}
@media (max-width:480px){.res-grid--2{grid-template-columns:minmax(0,1fr)}}
/* na code-review: nav-links verbergen tot er ruimte is voor links + knoppen (minimaal ~963px) */
@media (max-width:1000px){nav.top .nav-links{display:none}}
.foot-link-btn{background:none;border:0;padding:0;font:inherit;color:inherit;letter-spacing:inherit;text-decoration:underline;cursor:pointer}

/* ---- voorbeeldvisuals: sticker, gloed, Instagram-profiel (feedback Noël 2026-10-15) ---- */
.dh-visual{isolation:isolate}
.dh-visual::before{content:'';position:absolute;inset:-8% -6% -10% -6%;z-index:-1;border-radius:50%;background:radial-gradient(circle at 72% 28%,var(--rose) 0,transparent 58%),radial-gradient(circle at 25% 78%,var(--lavender-deep) 0,transparent 60%);filter:blur(18px);opacity:.95}
.dh-visual .tag{top:-16px;right:22px;background:var(--gradient-brand);color:var(--white);font-size:12px;letter-spacing:.1em;padding:8px 16px;transform:rotate(3deg);box-shadow:var(--shadow-btn)}
.phone{border:0;padding:12px 12px 14px;box-shadow:0 30px 60px -18px rgba(64,53,145,.35),0 0 0 1px var(--lavender-deep)}
.ig-bar{display:flex;justify-content:center;padding:6px 0 10px;border-bottom:var(--bd);font-size:14px}
.ig-head{padding:14px 8px 10px}
.ig-avatar{width:64px;height:64px}
.ig-avatar span{background:var(--lavender);font-size:19px}
.ig-name b{font-family:var(--font-serif);font-size:17px;font-weight:var(--fw-semibold)}
.ig-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 8px 12px}
.ig-btn{display:block;text-align:center;font-size:12.5px;font-weight:var(--fw-semibold);padding:8px 0;border-radius:var(--radius-sm);background:var(--lavender);color:var(--purple-deep)}
.ig-btn--main{background:var(--purple);color:var(--white)}
.ig-hl i{border:2px solid var(--white);box-shadow:0 0 0 1.5px var(--lavender-deep)}
.ig-grid{gap:2px;border-radius:0 0 22px 22px}
.ig-tile--licht{background:var(--lavender);color:var(--purple-deep)}
.ig-tile--licht small{color:var(--purple)}
.ig-tile--brand{background:var(--gradient-brand-diag);color:var(--white)}
.ig-tile--brand small{color:rgba(255,255,255,.8)}
.ig-tile--type b{font-size:15.5px;line-height:1.15}

/* ---- CTA's per sectie ---- */
.sec-cta{margin-top:var(--s8);display:flex;flex-wrap:wrap;align-items:center;gap:var(--s4) var(--s6)}
.sec-cta p{font-family:var(--font-serif);font-weight:var(--fw-semibold);font-size:22px;line-height:1.3;color:var(--ink)}
.extra-price .btn-primary{margin-top:var(--s4);white-space:nowrap}
.faq-more{margin-top:var(--s6);font-size:var(--fs-sm);color:var(--ink-soft)}
.faq-more a{color:var(--purple);font-weight:var(--fw-semibold)}
@media (max-width:640px){.sec-cta{flex-direction:column;align-items:stretch}.sec-cta .btn-primary{justify-content:center}.extra-price .btn-primary{width:100%;justify-content:center}}
/* website-kaart: verticaal, knop over de volle breedte */
.extra-card{grid-template-columns:minmax(0,1fr);gap:var(--s4);padding:30px 32px}
.extra-price{text-align:left;white-space:normal;display:flex;flex-direction:column;align-items:stretch;gap:4px;border-top:var(--bd);padding-top:var(--s4)}
.extra-price .v{line-height:1.1}
.extra-price .btn-primary{margin-top:var(--s4);justify-content:center;white-space:normal;text-align:center}
@media (max-width:640px){.extra-card{padding:24px 20px}}