.grm-matchcta{margin:20px 0 0}
.grm-matchcta__knop{display:inline-flex;align-items:center;gap:14px;max-width:100%;box-sizing:border-box;margin:0;padding:14px 20px;background:#fff;border:0;border-radius:var(--grm-r-pill,999px);box-shadow:0 10px 28px rgba(4,30,66,.18);cursor:pointer;text-align:left;color:var(--grm-ink,#041E42);font-family:var(--grm-font-body,'Inter',sans-serif);transition:transform .16s ease,box-shadow .16s ease}
.grm-matchcta__knop:hover{transform:translateY(-1px);box-shadow:0 16px 36px rgba(4,30,66,.24)}
.grm-matchcta__knop:focus-visible{outline:3px solid var(--grm-accent,#1668C7);outline-offset:3px}
.grm-matchcta__knop>.material-symbols-rounded:first-child{flex:0 0 auto;font-size:26px;color:var(--grm-accent,#1668C7)}
.grm-matchcta__tekst{display:flex;flex-direction:column;gap:2px;min-width:0}
.grm-matchcta__tekst strong{font-family:var(--grm-font-display,'Inter Tight',sans-serif);font-size:16px;font-weight:800;letter-spacing:-.01em;line-height:1.2}
.grm-matchcta__tekst small{font-size:12.5px;line-height:1.35;color:var(--grm-ink-500,#55636E)}
.grm-matchcta__pijl{flex:0 0 auto;font-size:20px;color:var(--grm-ink-400,#7A8794)}
@media(max-width:520px){.grm-matchcta__knop{width:100%;padding:12px 16px;gap:11px;border-radius:var(--grm-r-md,16px)}.grm-matchcta__pijl{margin-left:auto}}

html.grm-match-open{overflow:hidden}
.grm-match{position:fixed;inset:0;z-index:100001;display:flex;align-items:center;justify-content:center;padding:0}
.grm-match[hidden]{display:none}
.grm-match__overlay{position:absolute;inset:0;background:rgba(4,30,66,.62)}
.grm-match__blad{position:relative;display:flex;flex-direction:column;width:min(820px,100%);height:100%;max-height:100%;background:var(--grm-canvas,#F5F7FA);overflow:hidden}
@media(min-width:820px){.grm-match__blad{height:min(92vh,900px);border-radius:var(--grm-r-lg,24px);box-shadow:0 32px 80px rgba(4,30,66,.35)}}

.grm-match__kop{position:relative;flex:0 0 auto;padding:22px 60px 16px 26px;background:#fff;border-bottom:1px solid var(--grm-line-soft,#EAEFF5)}
.grm-match__stap{margin:0 0 4px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--grm-ink-400,#7A8794)}
.grm-match__kop h2{margin:0;font-family:var(--grm-font-display,'Inter Tight',sans-serif);font-size:clamp(20px,2.6vw,26px);font-weight:800;line-height:1.2;letter-spacing:-.02em;color:var(--grm-ink,#041E42)}
.grm-match__sluit{position:absolute;top:18px;right:18px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;background:var(--grm-canvas,#F5F7FA);border:0;border-radius:50%;cursor:pointer;color:var(--grm-ink-500,#55636E)}
.grm-match__sluit:hover{background:var(--grm-brand-50,#EDF2F8);color:var(--grm-brand,#103A63)}
.grm-match__balk{flex:0 0 auto;height:4px;background:var(--grm-line-soft,#EAEFF5)}
.grm-match__balk span{display:block;height:100%;width:0;background:var(--grm-brand,#103A63);transition:width .28s var(--grm-ease,cubic-bezier(.22,1,.36,1))}

.grm-match__body{flex:1 1 auto;overflow-y:auto;padding:24px 26px 28px}
.grm-match__sub{margin:0 0 18px;font-size:15px;line-height:1.6;color:var(--grm-ink-500,#55636E)}
.grm-match__groep{margin:0 0 20px}
.grm-match__groep h3{margin:0 0 9px;font-family:var(--grm-font-display,'Inter Tight',sans-serif);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--grm-ink-400,#7A8794)}
/* De categoriekop is nu een knop: hij zet alle subcategorieen eronder in
   een tik aan of uit. Hij blijft eruitzien als een kop, want dat is hij
   ook; alleen het woordje erachter verraadt dat je erop kunt drukken. */
.grm-match__groepkop{
  display:flex;align-items:center;gap:10px;width:100%;
  margin:0 0 9px;padding:6px 8px;border:0;border-radius:8px;background:transparent;
  font-family:var(--grm-font-display,'Inter Tight',sans-serif);font-size:13px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;color:var(--grm-ink-400,#7A8794);
  cursor:pointer;text-align:left;transition:background .14s,color .14s;
}
.grm-match__groepkop:hover{background:var(--grm-brand-50,#EDF2F8);color:var(--grm-brand,#103A63)}
.grm-match__groepalles{margin-left:auto;font-size:11px;letter-spacing:.02em;text-transform:none;font-weight:700;color:var(--grm-accent,#1668C7)}
.grm-match__groepkop.is-aan{background:var(--grm-brand-50,#EDF2F8);color:var(--grm-brand,#103A63)}
.grm-match__opties{display:flex;flex-wrap:wrap;gap:8px}
.grm-match__opties--ja{flex-direction:column;gap:10px}
.grm-match__optie{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;background:#fff;border:2px solid var(--grm-line,#D7DEE7);border-radius:var(--grm-r-pill,999px);cursor:pointer;font-family:var(--grm-font-body,'Inter',sans-serif);font-size:14.5px;font-weight:600;color:var(--grm-ink,#041E42);transition:border-color .14s ease,background .14s ease,color .14s ease}
.grm-match__optie:hover{border-color:var(--grm-accent,#1668C7)}
.grm-match__optie.is-aan{background:var(--grm-brand,#103A63);border-color:var(--grm-brand,#103A63);color:#fff}
.grm-match__optie small{font-size:12px;font-weight:700;opacity:.6}
.grm-match__opties--ja .grm-match__optie{justify-content:center;padding:16px;border-radius:var(--grm-r-md,16px);font-size:16px}

.grm-match__tekst{display:block;box-sizing:border-box;width:100%;padding:14px 16px;background:#fff;border:2px solid var(--grm-line,#D7DEE7);border-radius:var(--grm-r-md,16px);font-family:var(--grm-font-body,'Inter',sans-serif);font-size:15.5px;line-height:1.6;color:var(--grm-ink,#041E42);resize:vertical}
.grm-match__tekst:focus{outline:0;border-color:var(--grm-accent,#1668C7);box-shadow:0 0 0 3px rgba(22,104,199,.16)}

.grm-match__laden,.grm-match__leeg{margin:32px 0;text-align:center;font-size:15px;color:var(--grm-ink-500,#55636E)}
.grm-match__hits{display:grid;gap:16px;margin:0;padding:0;list-style:none;counter-reset:none}
.grm-match__hit{display:flex;gap:14px;margin:0;padding:0;list-style:none}
.grm-match__rang{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--grm-brand,#103A63);border-radius:50%;font-family:var(--grm-font-display,'Inter Tight',sans-serif);font-size:14px;font-weight:800;color:#fff}
.grm-match__hit-in{flex:1 1 auto;min-width:0}
.grm-match__punten{display:flex;flex-wrap:wrap;gap:6px 10px;margin:10px 0 0;padding:0;list-style:none}
.grm-match__punten li{display:inline-flex;align-items:center;gap:5px;margin:0;padding:4px 10px 4px 7px;border-radius:var(--grm-r-pill,999px);font-size:12.5px;font-weight:600;line-height:1.3}
.grm-match__punten li .material-symbols-rounded{font-size:15px}
.grm-match__punten li.is-raak{background:var(--grm-brand-50,#EDF2F8);color:var(--grm-brand,#103A63)}
.grm-match__punten li.is-mis{background:var(--grm-line-soft,#EAEFF5);color:var(--grm-ink-400,#7A8794)}

.grm-match__voet{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 26px;background:#fff;border-top:1px solid var(--grm-line-soft,#EAEFF5)}
.grm-match__voet .grm-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border:0;border-radius:var(--grm-r-pill,999px);cursor:pointer;font-family:var(--grm-font-display,'Inter Tight',sans-serif);font-size:15.5px;font-weight:700}
.grm-match__voet .grm-btn--ghost{background:transparent;color:var(--grm-ink-500,#55636E)}
.grm-match__voet .grm-btn--ghost:hover{background:var(--grm-canvas,#F5F7FA);color:var(--grm-ink,#041E42)}
.grm-match__voet .grm-btn--primary{margin-left:auto;background:var(--grm-brand,#103A63);color:#fff}
.grm-match__voet .grm-btn--primary:hover{background:var(--grm-brand-600,#0B2A49)}
.grm-match__voet .grm-btn--primary:disabled{background:var(--grm-line,#D7DEE7);color:var(--grm-ink-400,#7A8794);cursor:not-allowed}
.grm-match__voet .grm-btn[hidden]{display:none}

@media(max-width:520px){
.grm-match__kop{padding:18px 56px 14px 18px}
.grm-match__body{padding:18px}
.grm-match__voet{padding:12px 18px}
.grm-match__hit{gap:10px}
.grm-match__rang{width:26px;height:26px;font-size:12.5px}
}

.grm-shop__hero-in.heeft-wizard{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:34px;align-items:center}
.grm-shop__hero-zij{display:flex;flex-direction:column;gap:16px;min-width:0}
.grm-shop__hero-zij .grm-matchcta{margin:0}
.grm-shop__hero-zij .grm-matchcta__knop{width:100%}
@media(max-width:900px){
.grm-shop__hero-in.heeft-wizard{grid-template-columns:minmax(0,1fr);gap:22px}
.grm-shop__hero-zij{gap:14px}
}

/*
  Het aandeel van je wensen dat een leverancier waarmaakt. Het aantal punten
  stond er niet en hoort er ook niet te staan: acht punten is veel of weinig,
  dat hangt af van hoeveel je gevraagd hebt.
*/
.grm-match__score{
  display:flex;align-items:baseline;gap:6px;
  margin:0 0 8px;font-size:13px;color:var(--grm-ink-500,#55636E);
}
.grm-match__score strong{font-size:15px;font-weight:800;color:var(--grm-brand,#103A63)}