/* SlimmeKids Verlanglijstje – content-redesign in School-stijl.
   Alles gescoped op main.vl-sk (en de Bol-zoekmodal) → topbar, header, menu en footer blijven ongewijzigd. */
body.vl-page:is(#vlsk,.vl-page) main.vl-sk {
  --sk-ink:#16324a; --sk-text:#3e556b; --sk-muted:#566b80; --sk-line:#d7e2ec; --sk-paper:#f4f7fb; --sk-card:#fff;
  --sk-blue:#1f5fa8; --sk-blue-d:#174a85; --sk-blue-soft:#e8f0fa; --sk-green:#1f7a35; --sk-green-d:#17602a; --sk-green-soft:#e8f5e9;
  --sk-red:#b42318; --sk-red-soft:#fdecea; --sk-radius:18px; --sk-shadow:0 1px 2px rgba(22,50,74,.06),0 6px 20px rgba(22,50,74,.07);
  --vl-text:var(--sk-text); --vl-muted:var(--sk-muted); --vl-ink:var(--sk-ink);
  background:var(--sk-paper); color:var(--sk-text); font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  padding:2rem 0 4rem;
}
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal { --sk-ink:#16324a; --sk-text:#3e556b; --sk-muted:#566b80; --sk-line:#d7e2ec; --sk-paper:#f4f7fb; --sk-card:#fff; --sk-blue:#1f5fa8; --sk-blue-d:#174a85; --sk-blue-soft:#e8f0fa; --sk-green:#1f7a35; --sk-green-d:#17602a; --sk-green-soft:#e8f5e9; --sk-red:#b42318; --sk-red-soft:#fdecea; --sk-radius:18px; --sk-shadow:0 1px 2px rgba(22,50,74,.06),0 6px 20px rgba(22,50,74,.07); --vl-text:var(--sk-text); --vl-muted:var(--sk-muted); --vl-ink:var(--sk-ink); color:var(--sk-text); }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-wrap,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-wrap { max-width:1080px; padding:0 1.25rem; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk h1,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal h1,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk h2,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal h2,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk h3,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal h3,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk h4,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal h4 { font-family:'Fredoka','Fredoka Fallback',system-ui,sans-serif; color:var(--sk-ink); text-shadow:none; letter-spacing:0; -webkit-text-fill-color:currentColor; background:none; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk h2,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal h2 { font-size:clamp(1.3rem,3vw,1.6rem); font-weight:700; line-height:1.2; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk h3,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal h3 { font-size:1.1rem; font-weight:700; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk p,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal p,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk li,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal li,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk label,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal label,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk dd,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal dd,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk dt,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal dt { color:var(--sk-text); line-height:1.6; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk a:not(.vl-btn):not(.vl-mine-card):not(.vl-item-shop-link),
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal a:not(.vl-btn):not(.vl-mine-card):not(.vl-item-shop-link) { color:var(--sk-blue); }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk a:not(.vl-btn):not(.vl-mine-card):not(.vl-item-shop-link):hover,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal a:not(.vl-btn):not(.vl-mine-card):not(.vl-item-shop-link):hover { color:var(--sk-blue-d); }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk strong,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal strong,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk b,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal b,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk em,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal em { color:inherit; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk :focus-visible,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal :focus-visible { outline:3px solid rgba(31,95,168,.4); outline-offset:2px; }

/* Hero → rustige intro-card */
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-hero,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-hero { background:var(--sk-card); border:1px solid var(--sk-line); border-radius:var(--sk-radius); box-shadow:var(--sk-shadow); padding:2rem 1.5rem 1.75rem; margin:0 auto 1.5rem; text-align:center; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-hero::before,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-hero::before,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-hero::after,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-hero::after { display:none !important; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-eyebrow,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-eyebrow { color:var(--sk-blue); background:var(--sk-blue-soft); border-radius:999px; padding:.3rem .85rem; font-size:.78rem; font-weight:700; letter-spacing:.06em; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-eyebrow a,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-eyebrow a { color:var(--sk-blue) !important; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-title,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-title { color:var(--sk-ink); text-shadow:none; font-size:clamp(1.7rem,4vw,2.5rem); line-height:1.15; letter-spacing:0; margin:.6rem 0 .6rem; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-lead,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-lead,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-hero p,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-hero p { color:var(--sk-text); font-size:1.05rem; max-width:44rem; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-hero .vl-stats-row,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-hero .vl-stats-row { margin-top:1rem; }

/* Knoppen */
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-btn,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-btn,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-cta-green,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-cta-green,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-recommend-btn,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-recommend-btn,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-search-btn,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-search-btn,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-more-btn,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-more-btn,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-bol-more-btn,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-bol-more-btn,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-fetch-meta-btn,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-fetch-meta-btn,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-wish-type-btn,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-wish-type-btn {
  font-family:'DM Sans',system-ui,sans-serif; font-weight:700; letter-spacing:0; text-transform:none; text-shadow:none; border-radius:999px; min-height:44px !important; height:auto !important; padding:.6rem 1.15rem !important; font-size:.98rem !important; line-height:1.2; text-transform:none !important; letter-spacing:0 !important; font-weight:700 !important; transform:none !important; filter:none !important; box-shadow:none; animation:none; transform:none; background-image:none;
}
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-btn--primary,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-btn--primary,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-cta-green,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-cta-green,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-search-btn,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-search-btn { background:var(--sk-green); color:#fff !important; border:1.5px solid var(--sk-green); }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-btn--primary:hover,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-btn--primary:hover,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-cta-green:hover,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-cta-green:hover,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-search-btn:hover,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-search-btn:hover { background:var(--sk-green-d); border-color:var(--sk-green-d); }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-btn--secondary,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-btn--secondary,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-btn--ghost,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-btn--ghost,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-fetch-meta-btn,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-fetch-meta-btn,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-more-btn,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-more-btn,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-bol-more-btn,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-bol-more-btn,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-recommend-btn,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-recommend-btn { background:#fff; color:var(--sk-ink) !important; border:1.5px solid var(--sk-line); }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-btn--secondary:hover,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-btn--secondary:hover,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-btn--ghost:hover,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-btn--ghost:hover,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-fetch-meta-btn:hover,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-fetch-meta-btn:hover,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-more-btn:hover,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-more-btn:hover,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-bol-more-btn:hover,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-bol-more-btn:hover,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-recommend-btn:hover,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-recommend-btn:hover { border-color:var(--sk-blue); background:var(--sk-blue-soft); }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-btn--whatsapp,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-btn--whatsapp { background:#1f7a35; color:#fff !important; border:1.5px solid #1f7a35; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-btn--sm,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-btn--sm { min-height:40px !important; padding:.45rem .95rem !important; font-size:.92rem !important; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-item-delete,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-item-delete,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-mine-delete,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-mine-delete { color:var(--sk-red) !important; background:#fff !important; border:1.5px solid #f1c6c1 !important; border-radius:999px; box-shadow:none; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-item-delete:hover,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-item-delete:hover,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-mine-delete:hover,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-mine-delete:hover { background:var(--sk-red-soft) !important; }

/* Cards */
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-card,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-card,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-feature-card,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-feature-card,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-step,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-step,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-faq-item,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-faq-item,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-mine-card,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-mine-card,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-item,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-item,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-guest-status,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-guest-status,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-message-card,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-message-card,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-recommend,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-recommend,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-inner,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-inner,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-uitje-card,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-uitje-card,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-geld-card,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-geld-card,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-stat,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-stat {
  background:var(--sk-card); border:1px solid var(--sk-line); border-radius:var(--sk-radius); box-shadow:var(--sk-shadow); color:var(--sk-text); backdrop-filter:none; -webkit-backdrop-filter:none; background-image:none;
}
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-card,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-card { padding:1.5rem; margin:0 0 1.5rem; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-card h2,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-card h2,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-toolbar h2,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-toolbar h2 { color:var(--sk-ink) !important; margin:0 0 .75rem; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-seo-intro,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-seo-intro,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-faq,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-faq,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-landing-bol,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-landing-bol,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-steps,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-steps,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-shops-wrap,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-shops-wrap { color:var(--sk-text); }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-seo-intro,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-seo-intro { max-width:820px; margin:0 auto 1.25rem; text-align:center; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-feature-grid,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-feature-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin:0 0 2rem; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-feature-card,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-feature-card { padding:1.15rem; display:flex; gap:1rem; align-items:flex-start; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-feature-media,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-feature-media { background:var(--sk-blue-soft); border-radius:14px; flex:0 0 auto; width:72px; height:72px; display:grid; place-items:center; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-feature-media img,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-feature-media img { width:56px; height:56px; animation:none; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-feature-title,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-feature-title { margin:0 0 .3rem; font-size:1.1rem; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-feature-text,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-feature-text { margin:0; font-size:.97rem; color:var(--sk-text); }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-steps,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin:0 0 2rem; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-step,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-step { padding:1.15rem; text-align:left; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-step-icon,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-step-icon { background:var(--sk-blue); color:#fff; border-radius:50%; box-shadow:none; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-shop-pill,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-shop-pill,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-chip,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-chip,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-occasions span,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-occasions span { background:#fff; color:var(--sk-ink); border:1.5px solid var(--sk-line); border-radius:999px; box-shadow:none; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-recommend,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-recommend { padding:1.25rem; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-recommend-label,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-recommend-label,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-recommend-feedback,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-recommend-feedback { color:var(--sk-text); }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-faq-grid,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-faq-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-faq-item,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-faq-item { padding:1.15rem 1.25rem; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-faq-q,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-faq-q { color:var(--sk-ink); margin:0 0 .4rem; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-faq-title,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-faq-title,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-faq-lead,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-faq-lead { text-align:center; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-faq-lead,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-faq-lead,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-faq-item p,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-faq-item p { color:var(--sk-text); }

/* Bol-catalogus */
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-landing-bol,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-landing-bol { background:transparent; border:0; box-shadow:none; padding:0; margin:2rem 0 0; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-inner,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-inner { padding:1.5rem; max-width:none; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-kicker,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-kicker,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-bol-kicker,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-bol-kicker { color:var(--sk-blue); background:var(--sk-blue-soft); display:inline-block; border-radius:999px; padding:.3rem .8rem; font-weight:700; font-size:.78rem; letter-spacing:.06em; text-transform:uppercase; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-title,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-title { color:var(--sk-ink); text-shadow:none; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-lead,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-lead,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-hint,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-hint,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-status,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-status,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-bol-status,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-bol-status { color:var(--sk-text); }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-grid > *,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-grid > *,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-bol-card,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-bol-card { background:#fff; border:1px solid var(--sk-line); border-radius:14px; box-shadow:none; color:var(--sk-text); }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-grid *,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-grid * { text-shadow:none; }

/* Formulieren */
body.vl-page:is(#vlsk,.vl-page) main.vl-sk input[type=text],
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal input[type=text],
body.vl-page:is(#vlsk,.vl-page) main.vl-sk input[type=url],
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal input[type=url],
body.vl-page:is(#vlsk,.vl-page) main.vl-sk input[type=email],
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal input[type=email],
body.vl-page:is(#vlsk,.vl-page) main.vl-sk input[type=search],
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal input[type=search],
body.vl-page:is(#vlsk,.vl-page) main.vl-sk input[type=number],
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal input[type=number],
body.vl-page:is(#vlsk,.vl-page) main.vl-sk input[type=date],
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal input[type=date],
body.vl-page:is(#vlsk,.vl-page) main.vl-sk textarea,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal textarea,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-share-url,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-share-url {
  background:#fff; color:var(--sk-ink); border:1.5px solid var(--sk-line); border-radius:12px; min-height:46px; padding:.6rem .85rem; font:500 1rem/1.3 'DM Sans',system-ui,sans-serif; box-shadow:none;
}
body.vl-page:is(#vlsk,.vl-page) main.vl-sk textarea,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal textarea { min-height:110px; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk input::placeholder,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal input::placeholder,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk textarea::placeholder,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal textarea::placeholder { color:#6b7d8f; opacity:1; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk input:focus,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal input:focus,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk textarea:focus,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal textarea:focus { border-color:var(--sk-blue); outline:3px solid rgba(31,95,168,.2); outline-offset:0; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-form-group label,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-form-group label,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-label,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-label,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-form-grid > label,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-form-grid > label { color:var(--sk-ink); font-weight:700; font-size:.95rem; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk input[type=checkbox],
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal input[type=checkbox],
body.vl-page:is(#vlsk,.vl-page) main.vl-sk input[type=radio],
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal input[type=radio] { accent-color:var(--sk-blue); width:20px; height:20px; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-hint,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-hint,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-add-lead,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-add-lead,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-reserve-lead,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-reserve-lead { color:var(--sk-muted); }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-alert,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-alert { border-radius:12px; }

/* Custom dropdown – zelfde look als de taalkiezer van Tellen */
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-dropdown,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-dropdown,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-dropdown,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-dropdown { position:relative; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-dropdown-toggle,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-dropdown-toggle,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-dropdown-toggle,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-dropdown-toggle {
  display:inline-flex; align-items:center; justify-content:space-between; gap:.55rem; min-height:46px; min-width:200px; width:100%; padding:.45rem .9rem .45rem .9rem; border:1.5px solid var(--sk-line); border-radius:999px; background:#f4f7fb; color:var(--sk-ink); font:600 1rem/1 'DM Sans',system-ui,sans-serif; cursor:pointer; text-align:left; box-shadow:none; text-shadow:none; transition:border-color .15s,background .15s;
}
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-dropdown--inline .vl-dropdown-toggle,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-dropdown--inline .vl-dropdown-toggle,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-dropdown-toggle,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-dropdown-toggle { width:auto; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-dropdown-toggle:hover,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-dropdown-toggle:hover,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-dropdown-toggle:hover,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-dropdown-toggle:hover { background:#fff; border-color:#c9d6e3; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-dropdown-toggle[aria-expanded=true],
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-dropdown-toggle[aria-expanded=true],
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-dropdown-toggle[aria-expanded=true],
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-dropdown-toggle[aria-expanded=true] { background:#fff; border-color:var(--sk-ink); }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-dropdown-caret,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-dropdown-caret,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-caret,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-caret { border:0 !important; width:12px; height:8px; flex:0 0 auto; background:no-repeat center/12px 8px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23566b80' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); transition:transform .15s; margin:0; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk [aria-expanded=true] .vl-dropdown-caret,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal [aria-expanded=true] .vl-dropdown-caret,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk [aria-expanded=true] .webshop-bol-caret,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal [aria-expanded=true] .webshop-bol-caret { transform:rotate(180deg); }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-dropdown-menu,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-dropdown-menu,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-dropdown-menu,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-dropdown-menu { position:absolute; top:calc(100% + 6px); left:0; min-width:100%; width:max-content; max-width:min(340px,calc(100vw - 2rem)); max-height:360px; overflow-y:auto; margin:0; padding:.35rem; background:#fff; border:1px solid var(--sk-line); border-radius:14px; box-shadow:0 12px 32px rgba(22,50,74,.16); z-index:60; backdrop-filter:none; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-dropdown-menu[hidden],
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-dropdown-menu[hidden],
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-dropdown-menu[hidden],
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-dropdown-menu[hidden] { display:none !important; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-dropdown-item,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-dropdown-item,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-dropdown-item,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-dropdown-item { display:flex; align-items:center; gap:.6rem; width:100%; min-height:44px; padding:.45rem .7rem; border:0; border-radius:10px; background:transparent; color:var(--sk-ink); font:500 1rem/1.2 'DM Sans',system-ui,sans-serif; text-align:left; cursor:pointer; text-shadow:none; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-dropdown-item:hover,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-dropdown-item:hover,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-dropdown-item:focus-visible,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-dropdown-item:focus-visible,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-dropdown-item:hover,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-dropdown-item:hover,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-dropdown-item:focus-visible,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-dropdown-item:focus-visible { background:var(--sk-blue-soft); color:var(--sk-ink); outline:none; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-dropdown-item.is-active,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-dropdown-item.is-active,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-dropdown-item.is-active,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-dropdown-item.is-active { font-weight:700; background:transparent; color:var(--sk-ink); }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-dropdown-item.is-active::after,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-dropdown-item.is-active::after,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-dropdown-item.is-active::after,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-dropdown-item.is-active::after { content:'✓'; margin-left:auto; color:var(--sk-blue); font-weight:700; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-dropdown-item.is-active:hover,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-dropdown-item.is-active:hover,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-dropdown-item.is-active:hover,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-dropdown-item.is-active:hover { background:var(--sk-blue-soft); }

/* Land-kiezer (NL/BE) met vlaggen */
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-bol-country.vl-sk-hidden,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-bol-country.vl-sk-hidden { position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-sk-flag-dd .vl-dropdown-toggle,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-sk-flag-dd .vl-dropdown-toggle { min-width:150px; width:auto; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-sk-flag,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-sk-flag { display:block; width:24px; height:18px; border-radius:3px; object-fit:cover; box-shadow:0 0 0 1px rgba(22,50,74,.12); flex:0 0 auto; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-sk-flag-dd .vl-sk-name,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-sk-flag-dd .vl-sk-name { flex:1 1 auto; }

/* Wens-type knoppen */
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-wish-type,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-wish-type { gap:.5rem; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-wish-type-btn,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-wish-type-btn { background:#fff; color:var(--sk-ink); border:1.5px solid var(--sk-line); }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-wish-type-btn.is-active,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-wish-type-btn.is-active { background:var(--sk-blue-soft); border-color:var(--sk-blue); color:var(--sk-ink); }

/* Stats & voortgang */
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-stats-row,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-stats-row { gap:.75rem; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-stat,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-stat { padding:.8rem 1rem; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-stat strong,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-stat strong { color:var(--sk-ink); font-family:'Fredoka',system-ui,sans-serif; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-stat span,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-stat span,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-guest-status-text,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-guest-status-text,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-guest-status-text strong,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-guest-status-text strong { color:var(--sk-text); }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-guest-status,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-guest-status { padding:1rem 1.25rem; margin:0 0 1.5rem; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-progress,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-progress { background:#e3ebf3; border-radius:999px; box-shadow:none; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-progress > span,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-progress > span { background:var(--sk-green); border-radius:999px; }

/* Items */
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-items,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-items { gap:1rem; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-item,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-item { overflow:hidden; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-item-image,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-item-image,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-item-img--geld-wrap,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-item-img--geld-wrap { background:#f4f7fb; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-item-titel,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-item-titel,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-item-primary,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-item-primary,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-item-price,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-item-price,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-item-prijs,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-item-prijs { color:var(--sk-ink); }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-item-meta,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-item-meta,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-item-desc,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-item-desc,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-item-notitie,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-item-notitie,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-item-shop-link,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-item-shop-link { color:var(--sk-muted); }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-item-shop-link,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-item-shop-link { color:var(--sk-blue) !important; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-badge,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-badge { background:var(--sk-blue-soft); color:var(--sk-blue-d); border:0; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-badge--geld,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-badge--geld { background:var(--sk-green-soft); color:var(--sk-green-d); }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-badge--uitje,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-badge--uitje { background:#fff3d6; color:#7a4b00; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-badge--reserved,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-badge--reserved { background:#eceff3; color:#3e556b; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-mine-card,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-mine-card { padding:1.15rem; color:var(--sk-text); text-decoration:none; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-mine-card *:not(.vl-progress):not(.vl-progress span),
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-mine-card *:not(.vl-progress):not(.vl-progress span) { text-shadow:none; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-mine-meta,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-mine-meta,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-mine-occ,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-mine-occ,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-mine-empty,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-mine-empty,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-empty,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-empty { color:var(--sk-text); }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-mine-grid,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-mine-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:1rem; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-geld-card,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-geld-card { padding:.75rem; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-geld-qty-btn,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-geld-qty-btn { background:#fff; color:var(--sk-ink); border:1.5px solid var(--sk-line); border-radius:999px; min-width:40px; min-height:40px; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-geld-total,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-geld-total,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-geld-total strong,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-geld-total strong,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-geld-label,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-geld-label { color:var(--sk-ink); }

/* Bol-modal */
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-bol-dialog,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-bol-dialog { background:#fff; color:var(--sk-text); border-radius:var(--sk-radius); border:1px solid var(--sk-line); }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-bol-dialog h2,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-bol-dialog h2 { color:var(--sk-ink); }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-bol-dialog-head,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-bol-dialog-head,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-bol-dialog-foot,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-bol-dialog-foot { background:#fff; border-color:var(--sk-line); }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-bol-close,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-bol-close { color:var(--sk-ink); background:#f4f7fb; border:1.5px solid var(--sk-line); border-radius:999px; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-bol-card-title,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-bol-card-title,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-bol-card-price,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-bol-card-price,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-bol-price,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-bol-price { color:var(--sk-ink); }

/* Onthul-animaties niet laten verbergen */
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-reveal-on-scroll,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-reveal-on-scroll,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-reveal-item,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-reveal-item,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-reveal-delayed,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-reveal-delayed { opacity:1 !important; transform:none !important; }

@media (max-width: 760px) {
body.vl-page:is(#vlsk,.vl-page) main.vl-sk { padding:1rem 0 3rem; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-wrap,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-wrap { padding:0 1rem; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-hero,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-hero { padding:1.4rem 1rem 1.25rem; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-feature-grid,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-feature-grid,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-faq-grid,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-faq-grid,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-steps,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-steps { grid-template-columns:1fr; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-card,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-card,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-inner,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-inner { padding:1.15rem; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-dropdown--inline .vl-dropdown-toggle,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-dropdown--inline .vl-dropdown-toggle,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-dropdown-toggle,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-dropdown-toggle { min-width:0; }
}

/* Oude witte-tekst/glans-effecten neutraliseren */
body.vl-page:is(#vlsk,.vl-page) main.vl-sk *,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal *,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk *::before,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal *::before,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk *::after,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal *::after { -webkit-text-fill-color: currentColor !important; text-shadow: none !important; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-btn::before,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-btn::before,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-cta-green::before,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-cta-green::before,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-fetch-meta-btn::before,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-fetch-meta-btn::before,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-item-delete::before,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-item-delete::before,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-mine-delete::before,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-mine-delete::before,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-wish-type-btn::before,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-wish-type-btn::before,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-recommend-btn::before,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-recommend-btn::before,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-search-btn::before,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-search-btn::before,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-bol-more-btn::before,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-bol-more-btn::before { display:none !important; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-bol-add,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-bol-add,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-btn,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-btn,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-cta-green,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-cta-green,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-fetch-meta-btn,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-fetch-meta-btn,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-item-delete,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-item-delete,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-mine-delete,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-mine-delete,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-wish-type-btn,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-wish-type-btn,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-recommend-btn,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-recommend-btn,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-search-btn,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-search-btn,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-more-btn,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-more-btn,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-bol-more-btn,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-bol-more-btn { background-image:none !important; box-shadow:none !important; animation:none !important; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-bol-add,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-bol-add,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-btn--primary,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-btn--primary,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-cta-green,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-cta-green,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-search-btn,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-search-btn { background-color:var(--sk-green) !important; color:#fff !important; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-btn--primary:hover,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-btn--primary:hover,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-cta-green:hover,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-cta-green:hover,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-search-btn:hover,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-search-btn:hover { background-color:var(--sk-green-d) !important; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-btn--whatsapp,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-btn--whatsapp,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-btn--whatsapp:hover,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-btn--whatsapp:hover,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-btn--whatsapp:active,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-btn--whatsapp:active { background:#1f7a35 !important; border-color:#1f7a35 !important; color:#fff !important; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-btn--secondary,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-btn--secondary,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-btn--ghost,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-btn--ghost,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-fetch-meta-btn,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-fetch-meta-btn,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-more-btn,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-more-btn,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-bol-more-btn,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-bol-more-btn,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-recommend-btn,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-recommend-btn { background-color:#fff !important; color:var(--sk-ink) !important; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-btn--secondary:hover,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-btn--secondary:hover,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-btn--ghost:hover,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-btn--ghost:hover,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-fetch-meta-btn:hover,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-fetch-meta-btn:hover,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-more-btn:hover,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-more-btn:hover,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-bol-more-btn:hover,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-bol-more-btn:hover,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-recommend-btn:hover,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-recommend-btn:hover { background-color:var(--sk-blue-soft) !important; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-wish-type-btn,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-wish-type-btn,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-wish-type-btn:hover,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-wish-type-btn:hover { background-color:#fff !important; color:var(--sk-ink) !important; border:1.5px solid var(--sk-line) !important; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-wish-type-btn.is-active,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-wish-type-btn.is-active,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-wish-type-btn.is-active:hover,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-wish-type-btn.is-active:hover { background-color:var(--sk-blue-soft) !important; border-color:var(--sk-blue) !important; color:var(--sk-ink) !important; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-step,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-step { background:var(--sk-card) !important; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-step strong,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-step strong,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-step p,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-step p,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-step span:not(.vl-step-icon),
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-step span:not(.vl-step-icon) { color:var(--sk-text); }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-step strong,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-step strong { color:var(--sk-ink); }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-step-icon,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-step-icon { background:var(--sk-blue) !important; color:#fff !important; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-shop-pill,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-shop-pill { background:#fff !important; color:var(--sk-ink) !important; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-landing-bol,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-landing-bol { width:auto !important; max-width:none !important; margin-left:0 !important; margin-right:0 !important; left:auto !important; right:auto !important; transform:none !important; }

body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-badge--geld,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-badge--geld { color:#17602a !important; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-recommend-btn,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-recommend-btn,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-recommend-btn:hover,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-recommend-btn:hover { background-color:#fff !important; color:var(--sk-ink) !important; border:1.5px solid var(--sk-line) !important; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-item-shop-link,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-item-shop-link { background:#fff !important; color:var(--sk-blue) !important; border:1.5px solid var(--sk-line) !important; border-radius:999px; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk [hidden],
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal [hidden] { display:none !important; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-feature-grid,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-feature-grid { width:auto !important; max-width:none !important; margin-left:0 !important; margin-right:0 !important; left:auto !important; right:auto !important; transform:none !important; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; position:static !important; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-btn--secondary,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-btn--secondary,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-btn--ghost,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-btn--ghost,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-fetch-meta-btn,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-fetch-meta-btn,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-more-btn,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-more-btn,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-bol-more-btn,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-bol-more-btn { border:1.5px solid var(--sk-line) !important; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-dropdown-caret,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-dropdown-caret,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-caret,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-caret { transform:none !important; opacity:1 !important; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk [aria-expanded=true] .vl-dropdown-caret,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal [aria-expanded=true] .vl-dropdown-caret,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk [aria-expanded=true] .webshop-bol-caret,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal [aria-expanded=true] .webshop-bol-caret,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-dropdown.is-open .vl-dropdown-caret,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-dropdown.is-open .vl-dropdown-caret { transform:rotate(180deg) !important; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-dropdown-item,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-dropdown-item,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-dropdown-item,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-dropdown-item { justify-content:flex-start !important; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-dropdown-item::after,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-dropdown-item::after,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-dropdown-item::after,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-dropdown-item::after { content:'' !important; width:auto !important; height:auto !important; border:0 !important; border-radius:0 !important; background:none !important; box-shadow:none !important; opacity:1 !important; margin-left:auto; }
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-dropdown-item.is-active::after,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-dropdown-item.is-active::after,
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .webshop-bol-dropdown-item.is-active::after,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .webshop-bol-dropdown-item.is-active::after { content:'✓' !important; color:var(--sk-blue) !important; font-weight:700; }
/* Landing-titel als klein hoofdletter-label (brontekst blijft voor SEO) */
body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-hero:has(#vl-hero-cta) .vl-title,
body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal .vl-hero:has(#vl-hero-cta) .vl-title { text-transform:uppercase; font-size:clamp(.9rem,1.2vw + .55rem,1.1rem) !important; letter-spacing:.06em !important; line-height:1.35; font-weight:700; margin:.65rem 0 .6rem; color:var(--sk-ink); }

/* Witte tekst in groene knoppen: wint van de :is(#vlsk) blauwe link-regels (2026-10-25) */
html body.vl-page:is(#vlsk,.vl-page) :is(main.vl-sk,.vl-bol-modal) :is(.vl-eyebrow a[href="/verlanglijstje/mijn"],a.vl-btn--primary,.vl-btn--primary,.vl-btn--whatsapp,#vl-uitje-search-btn.vl-cta-green,.vl-cta-green,.vl-bol-more-btn,.skat-btn),
html body.vl-page:is(#vlsk,.vl-page) :is(main.vl-sk,.vl-bol-modal) :is(.vl-eyebrow a[href="/verlanglijstje/mijn"],.vl-btn--primary,.vl-btn--whatsapp,.vl-cta-green,.vl-bol-more-btn,.skat-btn) *{color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:none!important}

/* Typografie gelijk aan homepage: Fredoka, homepage-groottes (body 15.2px, h1 30.4px, h2 25.08px, h3 17px, inputs 13.7px) (2026-10-25) */
html body.vl-page:is(#vlsk,.vl-page) main.vl-sk,
html body.vl-page:is(#vlsk,.vl-page) main.vl-sk :is(p,li,label,input,select,textarea,button,a,span,small,strong,div,h1,h2,h3,h4),
html body.vl-page:is(#vlsk,.vl-page) .vl-bol-modal :is(p,li,label,input,select,textarea,button,a,span,small,strong,div,h2,h3,h4){font-family:'Fredoka','Fredoka Fallback',system-ui,sans-serif!important}
html body.vl-page:is(#vlsk,.vl-page) main.vl-sk{font-size:15.2px}
html body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-hero:not(:has(#vl-hero-cta)) .vl-title,html body.vl-page:is(#vlsk,.vl-page) main.vl-sk h1:not(.vl-title){font-size:30.4px!important;line-height:1.2}
html body.vl-page:is(#vlsk,.vl-page) main.vl-sk h2{font-size:25.08px!important;line-height:1.15}
html body.vl-page:is(#vlsk,.vl-page) main.vl-sk h3,html body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-feature-title{font-size:17px!important;line-height:1.28}
html body.vl-page:is(#vlsk,.vl-page) main.vl-sk p,html body.vl-page:is(#vlsk,.vl-page) main.vl-sk li,html body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-feature-text,html body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-hero p{font-size:15.2px!important;line-height:1.5;font-weight:400}
html body.vl-page:is(#vlsk,.vl-page) main.vl-sk label,html body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-form-grid > label{font-size:14px!important}
html body.vl-page:is(#vlsk,.vl-page) main.vl-sk :is(input,select,textarea){font-size:13.68px!important}
html body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-btn:not(.vl-btn--primary){font-size:13.68px!important}
html body.vl-page:is(#vlsk,.vl-page) main.vl-sk .skat-t{font-size:.7rem!important}
html body.vl-page:is(#vlsk,.vl-page) main.vl-sk .skat-p{font-size:.72rem!important}
html body.vl-page:is(#vlsk,.vl-page) main.vl-sk .skat-view,html body.vl-page:is(#vlsk,.vl-page) main.vl-sk .skat-btn{font-size:.62rem!important}
html body.vl-page:is(#vlsk,.vl-page) main.vl-sk .skat-h,html body.vl-page:is(#vlsk,.vl-page) main.vl-sk .skat-h *{font-size:.78rem!important}
html body.vl-page:is(#vlsk,.vl-page) main.vl-sk .skat-h .skat-tag{font-size:.58rem!important}
html body.vl-page:is(#vlsk,.vl-page) main.vl-sk .skat-view{color:#555!important}
/* Sectietitels in kaarten (Wens toevoegen, Deel dit lijstje, …) klein in hoofdletters zoals uitjeslijstje (2026-10-25) */
html body.vl-page:is(#vlsk,.vl-page) main.vl-sk .vl-card > h2{font-size:1rem!important;text-transform:uppercase;letter-spacing:.04em;line-height:1.3}
