:root{
--grm-brand:        #103A63;
--grm-brand-600:    #0B2A49;
--grm-brand-50:     #EDF2F8;
--grm-brand-100:    #D3E0EF;
--grm-brand-400:    #1A5089;
--grm-brand-grad:   linear-gradient(135deg,#1A5089 0%,#103A63 100%);
--grm-marker-food:      #3E6E9C;
--grm-marker-agri:      #5B7C8D;
--grm-marker-bouw:      #5A6472;
--grm-marker-industrie: #4F6178;
--grm-marker-elektro:   #2E6BB0;
--grm-marker-mode:      #6B6E93;
--grm-marker-beauty:    #5A6BA8;
--grm-marker-wonen:     #6E7787;
--grm-marker-sport:     #2E7D9A;
--grm-marker-kantoor:   #4A5A8C;
--grm-marker-medisch:   #2E8BA6;
--grm-marker-auto:      #5A6478;
--grm-marker-zakelijk:  #64748B;
--grm-rij-merk-1:   #103A63;
--grm-rij-merk-2:   #0B2A49;
--grm-rij-merk:     linear-gradient(135deg,var(--grm-rij-merk-1) 0%,var(--grm-rij-merk-2) 100%);
--grm-rij-diep:     linear-gradient(135deg,#103A63 0%,#125AAC 100%);
--grm-rij-licht:    linear-gradient(180deg,#FFFFFF 0%,#F5F7FA 100%);
--grm-rij-zacht:    linear-gradient(135deg,#EDF2F8 0%,#D3E0EF 100%);
--grm-brand-ink:    #041E42;
--grm-accent:       #1668C7;
--grm-accent-hover: #125AAC;
--grm-accent-200:   #9CC4EE;
--grm-accent-soft:  rgba(22,104,199,.12);
--grm-accent-text:  #0B2A49;
--grm-accent-grad:  linear-gradient(135deg,#1668C7 0%,#125AAC 100%);
--grm-sky:          #0060DF;
--grm-sky-50:       #EDF2F8;
--grm-success:      #103A63;
--grm-success-50:   rgba(16,58,99,.12);
--grm-success-text: #0B2A49;
--grm-warn:         #f59e0b;
--grm-warn-50:      #FEF7E0;
--grm-warn-text:    #B06000;
--grm-danger:       #dc2626;
--grm-danger-700:   #A11916;
--grm-danger-50:    #FBD5D2;
--grm-danger-text:  #8A1C1C;
--grm-ink:          #041E42;
--grm-ink-700:      #33424F;
--grm-ink-500:      #55636E;
--grm-ink-400:      #7A8794;
--grm-ink-300:      #A8B4BC;
--grm-line:         #D7DEE7;
--grm-line-soft:    #EAEFF5;
--grm-bg:           #F5F7FA;
--grm-paper:        #FFFFFF;
--grm-canvas:       #F5F7FA;
--grm-font-display: 'Inter Tight','Inter',ui-sans-serif,system-ui,Segoe UI,Roboto,Arial,sans-serif;
--grm-font-body:    'Inter','Inter Tight',ui-sans-serif,system-ui,Segoe UI,Roboto,Arial,sans-serif;
--grm-text-xs:      12px;
--grm-text-sm:      13px;
--grm-text-base:    15px;
--grm-text-lg:      17px;
--grm-text-xl:      20px;
--grm-text-2xl:     24px;
--grm-text-3xl:     30px;
--grm-text-4xl:     36px;
--grm-text-5xl:     48px;
--grm-text-6xl:     60px;
--grm-leading-tight:1.15;
--grm-leading:      1.5;
--grm-tracking-tight:-.025em;
--grm-h1:           clamp(30px, 1.5rem + 1.9vw, 42px);
--grm-h2:           clamp(24px, 1.3rem + 1vw, 30px);
--grm-h3:           20px;
--grm-h4:           17px;
--grm-h5:           15px;
--grm-weight-display:800;
--grm-weight-heading:700;
--grm-s-1:  4px;
--grm-s-2:  8px;
--grm-s-3:  12px;
--grm-s-4:  16px;
--grm-s-5:  20px;
--grm-s-6:  24px;
--grm-s-8:  32px;
--grm-s-10: 40px;
--grm-s-12: 48px;
--grm-s-16: 64px;
--grm-s-20: 80px;
--grm-s-24: 96px;
--grm-r-sm:   6px;
--grm-r:      12px;
--grm-r-md:   16px;
--grm-r-lg:   24px;
--grm-r-pill: 999px;
--grm-shadow-xs:  0 2px 6px rgba(4,30,66,.04);
--grm-shadow-sm:  0 2px 6px rgba(4,30,66,.06), 0 1px 2px rgba(4,30,66,.04);
--grm-shadow:     0 8px 24px rgba(4,30,66,.07), 0 2px 6px rgba(4,30,66,.04);
--grm-shadow-lg:  0 16px 40px rgba(4,30,66,.12), 0 6px 18px rgba(4,30,66,.06);
--grm-shadow-xl:  0 32px 80px rgba(4,30,66,.18), 0 12px 32px rgba(4,30,66,.08);
--grm-shadow-glow:0 0 0 4px rgba(16,58,99,.18);
--grm-shadow-accent-glow: 0 0 0 4px rgba(22,104,199,.22);
--grm-ease:        cubic-bezier(.22,1,.36,1);
--grm-ease-bounce: cubic-bezier(.34,1.56,.64,1);
--grm-dur-fast:    .12s;
--grm-dur:         .24s;
--grm-dur-slow:    .42s;
--grm-z-base:     1;
--grm-z-sticky:   100;
--grm-z-fixed:    500;
--grm-z-overlay:  1000;
--grm-z-modal:    2000;
--grm-z-toast:    3000;
--p:        var(--grm-brand);
--p2:       var(--grm-brand-600);
--p-soft:   var(--grm-brand-50);
--accent:   var(--grm-accent);
--accent-h: var(--grm-accent-hover);
--success:  var(--grm-success);
--canvas:   var(--grm-canvas);
--card:     var(--grm-paper);
--border:   var(--grm-line);
--text:     var(--grm-ink);
--muted:    var(--grm-ink-500);
--grm-offset: 64px;
}
html { overflow-x: hidden; max-width: 100%; }
body { overflow-x: clip; max-width: 100%; }
body.grm-chrome-active{
font-family: var(--grm-font-body) !important;
color: var(--grm-ink-700);
background: var(--grm-canvas);
}
body.grm-chrome-active h1, body.grm-chrome-active h2, body.grm-chrome-active h3,
body.grm-chrome-active h4, body.grm-chrome-active h5, body.grm-chrome-active h6{
font-family: var(--grm-font-display) !important;
letter-spacing: var(--grm-tracking-tight);
}
:where(body.grm-chrome-active) :is(h1,h2,h3,h4,h5,h6){
color: var(--grm-ink);
}
:where(body.grm-chrome-active) h1{ font-size: var(--grm-h1); font-weight: var(--grm-weight-display); line-height: 1.1; }
:where(body.grm-chrome-active) h2{ font-size: var(--grm-h2); font-weight: var(--grm-weight-display); line-height: 1.18; }
:where(body.grm-chrome-active) h3{ font-size: var(--grm-h3); font-weight: var(--grm-weight-heading); line-height: 1.28; }
:where(body.grm-chrome-active) h4{ font-size: var(--grm-h4); font-weight: var(--grm-weight-heading); line-height: 1.3; }
:where(body.grm-chrome-active) h5{ font-size: var(--grm-h5); font-weight: var(--grm-weight-heading); line-height: 1.35; }
body.grm-chrome-active p, body.grm-chrome-active li,
body.grm-chrome-active a, body.grm-chrome-active label, body.grm-chrome-active td,
body.grm-chrome-active th, body.grm-chrome-active input, body.grm-chrome-active textarea,
body.grm-chrome-active select, body.grm-chrome-active button{
font-family: var(--grm-font-body) !important;
}
body.grm-chrome-active .material-symbols-rounded,
body.grm-chrome-active .material-symbols-outlined,
body.grm-chrome-active .material-icons{
font-family: 'Material Symbols Rounded','Material Symbols Outlined','Material Icons' !important;
}
body.grm-chrome-active i.fa, body.grm-chrome-active i.fas, body.grm-chrome-active i.far,
body.grm-chrome-active i.fab, body.grm-chrome-active i.fa-solid, body.grm-chrome-active i.fa-regular,
body.grm-chrome-active i.fa-brands, body.grm-chrome-active i[class*="fa-"]{
font-family: 'Font Awesome 6 Free','Font Awesome 6 Brands','Font Awesome 5 Free','FontAwesome' !important;
}
body.grm-chrome-active .grm-fullwrap a:not([class*="btn"]):not([class*="cta"]):not(.grm-h__logo):not([class*="chip"]):not([class*="pill"]){
color: var(--grm-brand);
}
.grm-body, .grm-app, .grm-section, .grm-hero, .grm-card{
font-family: var(--grm-font-body);
color: var(--grm-ink-700);
}
.grm-h, .grm-display{
font-family: var(--grm-font-display);
color: var(--grm-ink);
font-weight: 800;
line-height: var(--grm-leading-tight);
letter-spacing: var(--grm-tracking-tight);
margin: 0;
}
.grm-display{ font-size: clamp(40px, 6vw, var(--grm-text-6xl)); }
.grm-h1{ font-size: clamp(32px, 4.4vw, var(--grm-text-5xl)); }
.grm-h2{ font-size: clamp(26px, 3.2vw, var(--grm-text-4xl)); }
.grm-h3{ font-size: var(--grm-text-2xl); font-weight:700 }
.grm-h4{ font-size: var(--grm-text-xl);  font-weight:700 }
.grm-lead{ font-size: var(--grm-text-lg); color: var(--grm-ink-500); line-height: var(--grm-leading); }
.grm-eyebrow{ display:inline-block; font-size: var(--grm-text-xs); font-weight:700; letter-spacing:.08em; text-transform:uppercase; color: var(--grm-brand); margin-bottom: var(--grm-s-3); }
.grm-btn{
--bg:        var(--grm-ink);
--fg:        #fff;
--bg-hover:  var(--grm-ink-700);
--ring:      transparent;
display:inline-flex;align-items:center;justify-content:center;gap:8px;
font-family: var(--grm-font-body);
font-weight:600; font-size: var(--grm-text-base);
line-height:1; white-space:nowrap;
padding: 12px 18px;
border-radius: var(--grm-r);
border: 1px solid transparent;
background: var(--bg); color: var(--fg);
text-decoration:none; cursor:pointer;
transition: transform var(--grm-dur) var(--grm-ease),
background-color var(--grm-dur) var(--grm-ease),
box-shadow var(--grm-dur) var(--grm-ease),
color var(--grm-dur) var(--grm-ease);
box-shadow: var(--grm-shadow-xs);
}
.grm-btn:hover{ background: var(--bg-hover); transform: translateY(-1px); box-shadow: var(--grm-shadow-sm); }
.grm-btn:active{ transform: translateY(0); }
.grm-btn:focus-visible{ outline:0; box-shadow: var(--grm-shadow-xs), 0 0 0 4px var(--ring); }
.grm-btn .material-symbols-rounded{ font-size: 18px; }
.grm-btn--primary{
--bg: var(--grm-brand);
--fg: #fff;
--bg-hover: var(--grm-brand-600);
--ring: rgba(16,58,99,.35);
}
.grm-btn--primary:hover{ background: var(--bg-hover); }
.grm-btn--accent{
--bg: var(--grm-accent);
--fg: #fff;
--bg-hover: var(--grm-accent-hover);
--ring: rgba(22,104,199,.32);
}
.grm-btn--accent:hover{ background: var(--bg-hover); }
.grm-btn--secondary{
--bg:#fff; --fg: var(--grm-ink); --bg-hover: var(--grm-brand-50);
border-color: var(--grm-line);
}
.grm-btn--secondary:hover{ color: var(--grm-brand); border-color: var(--grm-brand); }
.grm-btn--ghost{
--bg: transparent; --fg: var(--grm-ink); --bg-hover: var(--grm-brand-50);
box-shadow:none;
}
.grm-btn--ghost:hover{ color: var(--grm-brand); }
.grm-btn--brand-soft{
--bg: var(--grm-brand-50); --fg: var(--grm-brand);
--bg-hover: var(--grm-brand-100);
}
.grm-btn--sm{ padding: 8px 12px; font-size: var(--grm-text-sm); border-radius: var(--grm-r-sm); }
.grm-btn--lg{ padding: 16px 24px; font-size: var(--grm-text-lg); border-radius: var(--grm-r); }
.grm-btn--block{ width:100%; }
.grm-btn[disabled], .grm-btn--disabled{ opacity:.5; pointer-events:none; }
.grm-card{
background: var(--grm-paper);
border: 1px solid var(--grm-line);
border-radius: var(--grm-r-md);
box-shadow: var(--grm-shadow-xs);
padding: var(--grm-s-6);
transition: transform var(--grm-dur) var(--grm-ease),
box-shadow var(--grm-dur) var(--grm-ease),
border-color var(--grm-dur) var(--grm-ease);
}
.grm-card--hover:hover{
transform: translateY(-2px);
box-shadow: var(--grm-shadow);
border-color: var(--grm-ink-300);
}
.grm-card--accent{ border-color: var(--grm-brand); box-shadow: 0 0 0 3px rgba(16,58,99,.10); }
.grm-card--coral{ border-color: var(--grm-accent); box-shadow: 0 0 0 3px rgba(22,104,199,.12); }
.grm-stat{ display:flex; flex-direction:column; gap:6px }
.grm-stat__num{ font-family: var(--grm-font-display); font-weight:800; font-size: var(--grm-text-3xl); color: var(--grm-ink); letter-spacing: var(--grm-tracking-tight) }
.grm-stat__lbl{ font-size: var(--grm-text-sm); color: var(--grm-ink-500) }
.grm-price__label{ margin:0; font-size:14px; font-weight:700; color: var(--grm-ink-500) }
.grm-badge{ display:inline-flex; align-items:center; gap:4px; font-size: var(--grm-text-xs); font-weight:700; padding: 4px 8px; border-radius: var(--grm-r-sm); background: var(--grm-line-soft); color: var(--grm-ink); }
.grm-badge--verified{ background: var(--grm-success-50); color: var(--grm-success-text); }
.grm-badge--premium{ background: linear-gradient(135deg,#fef3c7,#fde68a); color:#92400e; }
.grm-container{ max-width:var(--grm-w,1424px); margin: 0 auto; padding: 0 var(--grm-s-6); }
.grm-container--narrow{ max-width: 920px; }
.grm-section{ padding: var(--grm-s-20) 0; }
.grm-section--tight{ padding: var(--grm-s-12) 0; }
.grm-section--aan{ padding: var(--grm-s-8) 0 var(--grm-s-10); }
.grm-section--aan .grm-section__head{ margin-bottom: var(--grm-s-8); }
.grm-section--brand{
background: linear-gradient(180deg,
var(--grm-brand-50) 0%,
var(--grm-brand-50) calc(100% - 120px),
var(--grm-bg, #F5F7FA) 100%);
}
.grm-section__head{ text-align:center; max-width: 720px; margin: 0 auto var(--grm-s-12); }
.grm-grid{ display:grid; gap: var(--grm-s-6); }
.grm-grid--2{ grid-template-columns: repeat(2, minmax(0,1fr)); }
.grm-grid--3{ grid-template-columns: repeat(3, minmax(0,1fr)); }
.grm-grid--4{ grid-template-columns: repeat(4, minmax(0,1fr)); }
@media (max-width: 980px){ .grm-grid--4, .grm-grid--3{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 600px){ .grm-grid--4, .grm-grid--3, .grm-grid--2{ grid-template-columns: 1fr; } }
@keyframes grmFadeUp { from{ opacity:0; transform: translateY(16px); } to{ opacity:1; transform:none; } }
@keyframes grmFadeIn { from{ opacity:0; } to{ opacity:1; } }
@keyframes grmRiseIn { from{ opacity:0; transform: translateY(24px) scale(.985); } to{ opacity:1; transform:none; } }
@keyframes grmSlideRight { from{ opacity:0; transform: translateX(40px); } to{ opacity:1; transform:none; } }
@keyframes grmPulseGlow { 0%,100%{ box-shadow: 0 0 0 0 rgba(16,58,99,.32); } 50%{ box-shadow: 0 0 0 12px rgba(16,58,99,0); } }
@keyframes grmFloat { 0%,100%{ transform: translateY(0); } 50%{ transform: translateY(-8px); } }
@keyframes grmShine { 0%{ background-position: -200% 0; } 100%{ background-position: 200% 0; } }
@keyframes grmCounterPop { 0%{ transform: scale(.96); } 100%{ transform: scale(1); } }
.grm-anim{ animation-fill-mode: both; animation-duration: var(--grm-dur-slow); animation-timing-function: var(--grm-ease); }
.grm-anim--fade-up{ animation-name: grmFadeUp; }
.grm-anim--fade-in{ animation-name: grmFadeIn; }
.grm-anim--rise-in{ animation-name: grmRiseIn; }
.grm-anim--slide-right{ animation-name: grmSlideRight; }
.grm-anim--float{ animation: grmFloat 4s ease-in-out infinite; }
.grm-anim--pulse{ animation: grmPulseGlow 2.4s ease-in-out infinite; }
.grm-anim[style*='--d']{ animation-delay: var(--d); }
.grm-stagger > *:nth-child(1){ --d: 0ms;   animation-delay: var(--d); }
.grm-stagger > *:nth-child(2){ --d: 80ms;  animation-delay: var(--d); }
.grm-stagger > *:nth-child(3){ --d: 160ms; animation-delay: var(--d); }
.grm-stagger > *:nth-child(4){ --d: 240ms; animation-delay: var(--d); }
.grm-stagger > *:nth-child(5){ --d: 320ms; animation-delay: var(--d); }
.grm-stagger > *:nth-child(6){ --d: 400ms; animation-delay: var(--d); }
@media (prefers-reduced-motion: reduce){
.grm-anim, .grm-anim--float, .grm-anim--pulse{ animation:none !important; }
.grm-card--hover:hover, .grm-btn:hover{ transform:none; }
}
.grm-phone{
width: 360px; height: 740px;
position: relative;
background:#0f172a;
border-radius: 48px;
padding: 14px;
box-shadow: var(--grm-shadow-xl);
isolation: isolate;
}
.grm-phone__screen{
width:100%; height:100%;
background:#fff;
border-radius: 36px;
overflow:hidden;
position:relative;
}
.grm-phone__notch{
position:absolute; top:8px; left:50%; transform:translateX(-50%);
width:120px; height:30px; background:#0f172a; border-radius: 0 0 18px 18px; z-index:5; pointer-events:none;
}
.grm-phone--tilt{ transform: rotate(-3deg); transform-origin: center; }
.grm-phone--tilt:hover{ transform: rotate(0); transition: transform .6s var(--grm-ease); }
.grm-dot-grid{
background-image: radial-gradient(circle at 1px 1px, var(--grm-ink-300) 1px, transparent 1px);
background-size: 24px 24px;
}
.grm-soft-blur{
position:absolute; pointer-events:none; opacity:.5;
border-radius:50%;
}
[hidden]{display:none !important}
.grm-prof,.grm-shop,.grm-branche,.grm-home,.grm-fullwrap,.grm-app,.grm-listing,.grm-auth,.grm-portal{min-width:0;max-width:100%}
.grm-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
:root{--grm-w:1424px;--grm-w-tekst:1200px}
:root{
--grm-serie-1:#103A63;--grm-serie-2:#1668C7;--grm-serie-3:#0B2A49;
--grm-serie-4:#155E9B;--grm-serie-5:#2E6BB0;--grm-serie-6:#48568C;
--grm-serie-7:#2E7D9A;--grm-serie-8:#0E4472;--grm-serie-9:#4F6178;
}
.grm-serie>*:nth-child(9n+1){--serie:var(--grm-serie-1)}
.grm-serie>*:nth-child(9n+2){--serie:var(--grm-serie-2)}
.grm-serie>*:nth-child(9n+3){--serie:var(--grm-serie-3)}
.grm-serie>*:nth-child(9n+4){--serie:var(--grm-serie-4)}
.grm-serie>*:nth-child(9n+5){--serie:var(--grm-serie-5)}
.grm-serie>*:nth-child(9n+6){--serie:var(--grm-serie-6)}
.grm-serie>*:nth-child(9n+7){--serie:var(--grm-serie-7)}
.grm-serie>*:nth-child(9n+8){--serie:var(--grm-serie-8)}
.grm-serie>*:nth-child(9n+9){--serie:var(--grm-serie-9)}
body.grm-chrome-active ul li{list-style:none}
body.grm-chrome-active ul:not([class]) > li{position:relative;padding-left:22px}
body.grm-chrome-active ul:not([class]) > li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:2px;background:var(--grm-accent,#1668C7)}
body.grm-chrome-active ol li{list-style:none}
body.grm-chrome-active .grm-prose ol > li,
body.grm-chrome-active .grm-page ol > li,
body.grm-chrome-active .grm-gids__hoofdstuk ol > li,
body.grm-chrome-active ol.grm-genummerd > li{list-style:decimal outside}
body.grm-chrome-active .grm-prose ol,
body.grm-chrome-active .grm-page ol,
body.grm-chrome-active .grm-gids__hoofdstuk ol,
body.grm-chrome-active ol.grm-genummerd{padding-left:22px}
.grm-card--ikop{
display:grid;
grid-template-columns:auto minmax(0,1fr);
column-gap:12px;
row-gap:10px;
align-content:start;
}
.grm-card--ikop .grm-card__ikoon{
grid-column:1;grid-row:1;align-self:center;
font-size:32px;line-height:1;color:var(--grm-brand);
}
.grm-card--ikop h3{
grid-column:2;grid-row:1;align-self:center;
margin:0;font-size:17px;line-height:1.3;
}
.grm-card--ikop > *:first-child,
.grm-card--ikop h3{min-height:calc(2 * 1.3em)}
.grm-card--ikop h3{display:flex;align-items:center}
.grm-card--ikop p{
grid-column:1 / -1;grid-row:2;
margin:0;color:var(--grm-ink-500);line-height:1.6;
}
@media(max-width:600px){
.grm-card--ikop h3,
.grm-card--ikop > *:first-child{min-height:0}
}
.grm-grid--gelijk{align-items:stretch}
.grm-kolomkaart{display:flex;flex-direction:column;gap:var(--grm-s-4,16px)}
.grm-kolomkaart > h2{margin:0}
.grm-kolomkaart > p{margin:0;color:var(--grm-ink-500)}
.grm-kolomkaart > ul,
.grm-kolomkaart > ol{margin:0}
.grm-kolomkaart > .gm-btn{margin-top:auto;align-self:flex-start}
.grm-kolomkaart > .gm-btn + p{margin-top:0}
.grm-kolomkaart__fijn{margin:0;font-size:var(--grm-text-sm);color:var(--grm-ink-500)}
*,*::before,*::after{-webkit-backdrop-filter:none !important;backdrop-filter:none !important}
.blurred-wrap,.blurred-wrap.blurred{-webkit-filter:none !important;filter:none !important}


:where(h1, h2, h3, h4, .grm-h1, .grm-h2, .grm-h3){
text-wrap: balance;
}
:where(p, li, dd, figcaption, blockquote){
text-wrap: pretty;
}
:where(.grm-lead, .grm-intro, .grm-prose p, .grm-page__tekst p){
max-width: 68ch;
}
:root {
--gm-primary:var(--grm-brand); --gm-primary-hover:var(--grm-brand-600); --gm-primary-press:var(--grm-ink,#041e42);
--gm-primary-50:var(--grm-brand-50); --gm-primary-100:var(--grm-brand-100);
--gm-navy:var(--grm-ink); --gm-navy-700:var(--grm-success,#103a63); --gm-navy-50:var(--grm-brand-50);
--gm-accent:var(--grm-accent); --gm-accent-hover:var(--grm-accent-hover); --gm-accent-50:var(--grm-brand-50);
--gm-route:var(--grm-sky); --gm-route-hover:var(--grm-accent-hover,#125aac);
--gm-cta:var(--grm-accent); --gm-cta-hover:var(--grm-accent-hover); --gm-cta-text:#FFFFFF;
--gm-danger:var(--grm-danger); --gm-danger-hover:var(--grm-danger-700,#A11916);
--gm-success:var(--grm-brand); --gm-warning:var(--grm-warn-text,#B06000); --gm-info:var(--grm-sky);
--gm-text:var(--grm-ink,#041e42); --gm-text-secondary:var(--grm-ink-500); --gm-text-tertiary:var(--grm-ink-400,#7A8794);
--gm-text-on-dark:#FFFFFF;
--gm-bg:var(--grm-paper); --gm-bg-subtle:var(--grm-bg); --gm-bg-hover:var(--grm-line-soft);
--gm-border:var(--grm-line); --gm-border-strong:var(--grm-ink-300,#a8b4bc);
--gm-row:var(--grm-paper); --gm-row-alt:var(--grm-bg); --gm-row-hover:var(--grm-line-soft);
--gm-row-active:var(--grm-line-soft,#eaeff5); --gm-row-head:var(--grm-line-soft);
--gm-grad:linear-gradient(135deg,#103A63 0%,#041E42 100%);
--gm-grad-soft:var(--grm-brand-grad);
--gm-radius-sm:8px; --gm-radius:12px; --gm-radius-pill:24px;
--gm-shadow-1:0 1px 2px rgba(4,30,66,.10),0 1px 3px 1px rgba(4,30,66,.06);
--gm-shadow-2:0 1px 3px rgba(4,30,66,.12),0 4px 8px 3px rgba(4,30,66,.08);
--gm-font-display:"Inter Tight","Inter",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
--gm-font-body:"Inter","Inter Tight",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
--gm-font:var(--gm-font-body);
--gm-sidebar-w:408px;
}
.gm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
font-family:var(--gm-font);font-weight:600;font-size:14px;line-height:1;
height:40px;padding:0 16px;border-radius:var(--gm-radius-sm);border:1px solid transparent;
cursor:pointer;text-decoration:none;transition:background .15s,box-shadow .15s;white-space:nowrap}
.gm-btn:focus-visible{outline:3px solid var(--gm-primary-50);outline-offset:1px}
.gm-btn--primary{background:var(--gm-primary);color:#fff}
.gm-btn--primary:hover{background:var(--gm-primary-hover);color:#fff}
.gm-btn--route{background:var(--gm-route);color:#fff}
.gm-btn--route:hover{background:var(--gm-route-hover);color:#fff}
.gm-btn--cta{background:var(--gm-cta);color:var(--gm-cta-text)}
.gm-btn--cta:hover{background:var(--gm-cta-hover);color:var(--gm-cta-text)}
.gm-btn--secondary{background:var(--gm-bg);color:var(--gm-primary);border-color:var(--gm-border)}
.gm-btn--secondary:hover{background:var(--gm-primary-50);color:var(--gm-primary)}
.gm-btn--ghost{background:transparent;color:var(--gm-text)}
.gm-btn--ghost:hover{background:var(--grm-line-soft,#eaeff5);color:var(--gm-text)}
.gm-btn--danger{background:var(--gm-danger);color:#fff}
.grm-app{position:relative;font-family:var(--gm-font);color:var(--gm-text);
background:var(--gm-bg-subtle);overflow:hidden;border-radius:var(--gm-radius)}
.grm-app--full{height:calc(100vh - var(--grm-offset,90px));border-radius:0}
.grm-fullwrap{margin:0;padding:0}
.grm-app *,.grm-app *::before,.grm-app *::after{box-sizing:border-box}
.grm-topbar{position:absolute;z-index:600;top:16px;left:16px;right:16px;
display:flex;flex-direction:column;gap:10px;pointer-events:none}
.grm-searchwrap{pointer-events:auto;display:flex;align-items:center;gap:8px;
background:#fff;border-radius:var(--gm-radius-pill);box-shadow:var(--gm-shadow-2);
padding:0 14px;height:48px;max-width:480px;width:100%}
.grm-search-ic{display:flex;align-items:center}
#grm-search{flex:1;border:0;outline:0;font-size:16px;font-family:var(--gm-font);
background:transparent;height:100%;color:var(--gm-text)}
.grm-search-clear{border:0;background:transparent;font-size:22px;color:var(--gm-text-secondary);cursor:pointer;line-height:1}
.grm-chips{pointer-events:auto;display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
.grm-chips::-webkit-scrollbar{display:none}
.grm-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;
background:#fff;border:1px solid var(--gm-border);border-radius:var(--gm-radius-pill);
font-size:13px;font-weight:600;color:var(--gm-text);cursor:pointer;box-shadow:var(--gm-shadow-1);white-space:nowrap}
.grm-chip .dot{width:10px;height:10px;border-radius:50%;background:var(--c,#103A63)}
.grm-chip.is-active{background:var(--gm-primary-50);border-color:var(--gm-primary);color:var(--gm-primary-hover)}
.grm-panel{position:absolute;z-index:500;top:0;left:0;bottom:0;width:var(--gm-sidebar-w);max-width:92vw;
background:#fff;box-shadow:var(--gm-shadow-2);display:flex;flex-direction:column;
transform:translateX(0);transition:transform .25s ease}
.grm-panel.is-collapsed{transform:translateX(calc(-1 * var(--gm-sidebar-w)))}
.grm-panel__head{display:flex;align-items:center;justify-content:space-between;
padding:14px 16px;border-bottom:1px solid var(--gm-border);min-height:56px;margin-top:72px}
.grm-count{font-size:14px;color:var(--gm-text-secondary);font-weight:600}
.grm-panel-toggle{position:absolute;right:-32px;top:50%;transform:translateY(-50%);
width:32px;height:56px;border:0;background:#fff;box-shadow:var(--gm-shadow-1);
border-radius:0 8px 8px 0;cursor:pointer;color:var(--gm-text-secondary);font-size:18px}
.grm-list{flex:1;overflow-y:auto;overscroll-behavior:contain}
.grm-card{display:flex;gap:14px;padding:16px;border-bottom:1px solid var(--gm-bg-hover);cursor:pointer;transition:background .12s}
.grm-card:hover{background:var(--gm-bg-subtle)}
.grm-card.is-active{background:var(--gm-row-active);box-shadow:inset 3px 0 0 var(--gm-primary)}
.grm-card__body{flex:1;min-width:0}
.grm-card__title{font-size:17px;font-weight:600;margin:0 0 2px;color:var(--gm-text);display:flex;align-items:center;gap:6px}
.grm-card__verified{color:var(--gm-primary);font-size:13px}
.grm-card__meta{font-size:13px;color:var(--gm-text-secondary);margin:0 0 6px}
.grm-card__tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}
.grm-card__tag{font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--gm-radius-pill);
background:var(--gm-bg-hover);color:var(--gm-text-secondary)}
.grm-card__excerpt{font-size:13px;color:var(--gm-text-secondary);margin:0 0 10px;line-height:1.5}
.grm-card__actions{display:flex;gap:8px}
.grm-card__actions .gm-btn{height:32px;font-size:13px;padding:0 12px}
.grm-card__thumb{width:84px;height:84px;border-radius:var(--gm-radius-sm);object-fit:cover;background:var(--gm-bg-hover);flex:0 0 auto}
.grm-card__thumb--ph{display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px;font-weight:700}
.grm-empty-state{padding:48px 24px;text-align:center;color:var(--gm-text-secondary)}
.grm-skeleton{padding:16px;border-bottom:1px solid var(--gm-bg-hover)}
.grm-skeleton .ln{height:12px;background:linear-gradient(90deg,var(--grm-line-soft,#eaeff5),var(--grm-canvas,#f5f7fa),var(--grm-line-soft,#eaeff5));border-radius:4px;margin:6px 0;animation:grm-pulse 1.2s infinite}
@keyframes grm-pulse{0%{opacity:.6}50%{opacity:1}100%{opacity:.6}}
.grm-map{position:absolute;inset:0;z-index:1;background:var(--grm-line-soft,#eaeff5)}
.grm-app .leaflet-control-zoom{border:0;box-shadow:var(--gm-shadow-1);margin:16px}
.grm-app .leaflet-bar a{width:36px;height:36px;line-height:36px;color:var(--gm-text);border:0}
.grm-app .leaflet-bar a:first-child{border-radius:8px 8px 0 0}
.grm-app .leaflet-bar a:last-child{border-radius:0 0 8px 8px}
.grm-pin{width:30px;height:38px;position:relative}
.grm-pin svg{display:block}
.grm-pin.is-active{z-index:1000!important}
.grm-pin.is-active svg{transform:scale(1.25);transform-origin:bottom center}
.grm-cluster{background:var(--gm-primary);color:#fff;border:3px solid #fff;border-radius:50%;
display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;
box-shadow:var(--gm-shadow-1)}
.grm-search-area{position:absolute;z-index:550;top:80px;left:50%;transform:translateX(-50%);
background:#fff;border:0;border-radius:var(--gm-radius-pill);box-shadow:var(--gm-shadow-2);
padding:10px 18px;font-family:var(--gm-font);font-weight:600;font-size:14px;color:var(--gm-primary);cursor:pointer}
.grm-app .leaflet-popup-content-wrapper{border-radius:var(--gm-radius);box-shadow:var(--gm-shadow-2);padding:0}
.grm-app .leaflet-popup-content{margin:0;width:260px!important}
.grm-pop__thumb{width:100%;height:120px;object-fit:cover;border-radius:12px 12px 0 0;display:block;background:var(--gm-bg-hover)}
.grm-pop__in{padding:12px 14px}
.grm-pop__title{font-size:16px;font-weight:600;margin:0 0 4px}
.grm-pop__meta{font-size:13px;color:var(--gm-text-secondary);margin:0 0 10px}
.grm-pop__actions{display:flex;gap:8px}
.grm-pop__actions .gm-btn{height:34px;font-size:13px;flex:1}
.grm-profile{max-width:var(--grm-w,1424px);margin:0 auto;padding:24px 20px 64px;display:grid;
grid-template-columns:1fr 380px;gap:32px;font-family:var(--gm-font);color:var(--gm-text)}
.grm-back{display:inline-block;color:var(--gm-text-secondary);text-decoration:none;font-size:14px;margin-bottom:10px}
.grm-back:hover{color:var(--gm-primary)}
.grm-profile__hero{margin-bottom:24px}
.grm-profile__img img{width:100%;max-height:340px;object-fit:cover;border-radius:var(--gm-radius);margin-bottom:18px}
.grm-profile h1{font-size:34px;font-weight:700;line-height:1.15;margin:0 0 10px;display:flex;align-items:center;gap:10px}
.grm-verified{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--gm-primary);color:#fff;font-size:14px}
.grm-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.grm-tag{font-size:12px;font-weight:600;padding:4px 12px;border-radius:var(--gm-radius-pill);
color:var(--c,#103A63);background:color-mix(in srgb,var(--c,#103A63) 12%,#fff)}
.grm-profile__addr{color:var(--gm-text-secondary);font-size:15px;margin:0 0 18px}
.grm-actions{display:flex;flex-wrap:wrap;gap:10px}
.grm-actions .gm-btn{height:44px}
.grm-profile__body{font-size:16px;line-height:1.7}
.grm-prose{margin-bottom:24px}
.grm-facts{list-style:none;padding:0;margin:0 0 28px;display:grid;grid-template-columns:1fr 1fr;gap:1px;
background:var(--gm-border);border:1px solid var(--gm-border);border-radius:var(--gm-radius);overflow:hidden}
.grm-facts li{background:#fff;padding:14px 16px;display:flex;flex-direction:column;gap:2px}
.grm-facts span{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--gm-text-secondary)}
.grm-facts strong{font-size:16px}
.grm-inquiry{background:var(--gm-bg-subtle);border:1px solid var(--gm-border);border-radius:var(--gm-radius);padding:24px;margin-top:8px}
.grm-inquiry h3{font-size:22px;margin:0 0 4px}
.grm-inquiry__sub{color:var(--gm-text-secondary);font-size:14px;margin:0 0 16px}
.grm-inquiry label{display:block;font-weight:600;font-size:14px;margin:10px 0 4px}
.grm-inquiry input,.grm-inquiry textarea{width:100%;padding:11px 13px;border:1px solid var(--gm-border);
border-radius:var(--gm-radius-sm);font-size:15px;font-family:var(--gm-font);background:#fff}
.grm-inquiry input:focus,.grm-inquiry textarea:focus{outline:0;border-color:var(--gm-primary);box-shadow:0 0 0 3px var(--gm-primary-50)}
.grm-inquiry__grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.grm-inquiry button{margin-top:16px}
.grm-inquiry__msg{margin:12px 0 0;font-size:14px;font-weight:600}
.grm-inquiry__msg.is-ok{color:var(--gm-success)}
.grm-inquiry__msg.is-err{color:var(--gm-danger)}
.grm-profile__map{position:sticky;top:24px;height:420px;border-radius:var(--gm-radius);overflow:hidden;
box-shadow:var(--gm-shadow-1);background:var(--grm-line-soft,#eaeff5)}
#grm-mini-map{width:100%;height:100%}
.grm-profile__routebtn{position:absolute;left:16px;bottom:16px;z-index:500;box-shadow:var(--gm-shadow-2)}
.grm-profile__nomap{display:flex;align-items:center;justify-content:center;height:100%;color:var(--gm-text-secondary);padding:20px;text-align:center}
@media(max-width:900px){
.grm-profile{grid-template-columns:1fr}
.grm-profile__map{position:relative;top:0;height:280px}
.grm-inquiry__grid{grid-template-columns:1fr}
.grm-facts{grid-template-columns:1fr}
}
@media(max-width:680px){
.grm-app--full{height:calc(100vh - var(--grm-offset,64px))}
.grm-panel{width:100%;max-width:100%;top:auto;height:55%;bottom:0;border-radius:16px 16px 0 0}
.grm-panel__head{margin-top:0}
.grm-panel-toggle{display:none}
.grm-topbar{left:8px;right:8px;top:8px}
.grm-profile h1{font-size:26px}
}
.home .container-wrap{padding-top:0!important;padding-bottom:0!important}
.home .container.main-content{max-width:100%!important;width:100%!important;padding-left:0!important;padding-right:0!important}
.home .container.main-content>.row{max-width:100%!important;width:100%!important;padding:0!important;margin:0!important}
.grm-app{border-radius:0}
.grm-app--full,.grm-app--embed{height:calc(100vh - 64px);min-height:560px}
.grm-app--hide-theme-header #header-outer,
.grm-app--hide-theme-header #header-space,
.grm-app--hide-theme-header #search-outer{display:none !important}
.grm-header{position:sticky;top:0;z-index:1100;background:rgba(255,255,255,.96);border-bottom:1px solid var(--grm-line,#D7DEE7);box-shadow:0 1px 3px rgba(4,30,66,.04);font-family:var(--grm-font-body,'Inter',Inter,sans-serif);color:var(--grm-ink,#041E42);padding:0 32px}
.admin-bar .grm-header{top:32px}
@media(max-width:782px){.admin-bar .grm-header{top:46px}}
.grm-header__in{max-width:var(--grm-w,1424px);margin:0 auto;height:68px;display:flex;align-items:center;gap:28px;padding:0}
@media(max-width:780px){.grm-header{padding:0 16px}}
.grm-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--grm-ink,#041E42)}
.grm-logo svg{flex-shrink:0;display:block}
.grm-logo__txt{font-family:var(--grm-font-display,'Inter Tight','Inter Tight',sans-serif);font-size:22px;font-weight:800;color:var(--grm-ink,#041E42);letter-spacing:-.02em;line-height:1}
.grm-logo__txt b{color:var(--grm-brand,#103A63);font-weight:800}
.grm-logo__dot{color:var(--grm-accent,#1668C7)}
.grm-nav{display:flex;align-items:center;gap:2px}
.grm-nav>a,.grm-nav__btn{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 14px;border:0;background:transparent;font-family:inherit;font-weight:600;font-size:15px;color:var(--grm-ink,#041E42);text-decoration:none;cursor:pointer;border-radius:10px;transition:background .12s,color .12s}
.grm-nav>a:hover,.grm-nav__btn:hover{background:var(--grm-brand-50,#EDF2F8);color:var(--grm-brand,#103A63)}
.grm-nav>a .material-symbols-rounded,.grm-nav__btn .material-symbols-rounded{font-size:18px;opacity:.85}
.grm-header__cta{margin-left:auto;display:flex;align-items:center;gap:10px}
.home .container.main-content{padding:0!important}
@media(max-width:980px){.grm-nav{display:none}.grm-header__in{gap:12px;padding:0 14px;height:62px}.grm-logo__txt{font-size:19px}}
.grm-cat-hero{background:var(--c,#103A63);background-image:linear-gradient(135deg,var(--c,#103A63),rgba(0,0,0,.28));color:#fff;padding:54px 24px}
.grm-cat-hero__in{max-width:var(--grm-w,1424px);margin:0 auto}
.grm-cat-back{color:rgba(255,255,255,.9);text-decoration:none;font-size:14px;font-weight:600}
.grm-cat-back:hover{color:#fff}
.grm-cat-hero h1{font-size:var(--grm-h1);line-height:1.08;font-weight:var(--grm-weight-display);margin:14px 0 8px;color:#fff}
.grm-cat-hero p{font-size:18px;opacity:.95;margin:0 0 24px;max-width:640px}
.grm-cat-search{display:flex;gap:10px;max-width:640px}
.grm-cat-search input{flex:1;height:50px;border:0;border-radius:25px;padding:0 22px;font-size:16px;font-family:var(--gm-font);box-shadow:0 2px 10px rgba(0,0,0,.12)}
.grm-cat-search .gm-btn{height:50px;border-radius:25px;padding:0 22px}
.grm-cat-wrap{max-width:var(--grm-w,1424px);margin:0 auto;padding:28px 24px 64px}
.grm-cat-bar{display:flex;align-items:center;gap:18px;margin-bottom:20px;color:#55636E;font-size:14px;flex-wrap:wrap}
.grm-cat-bar #grm-cat-count{font-weight:700;color:var(--grm-ink,#041e42)}
.grm-cat-bar select{height:38px;border:1px solid #D7DEE7;border-radius:8px;padding:0 10px;font-family:var(--gm-font)}
.grm-cat-check{display:flex;align-items:center;gap:6px;cursor:pointer}
.grm-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:18px}
.grm-cat-card{border:1px solid #D7DEE7;border-radius:12px;background:#fff;transition:box-shadow .15s,transform .15s}
.grm-cat-card:hover{box-shadow:var(--gm-shadow-2);transform:translateY(-2px)}
@media(max-width:600px){.grm-cat-hero{padding:40px 18px}.grm-cat-hero h1{font-size:30px}.grm-cat-search{flex-direction:column}.grm-cat-search input,.grm-cat-search .gm-btn{width:100%}}
@media(max-width:560px){
.grm-header__cta .gm-btn--ghost{display:none}
.grm-header__in{gap:8px;padding:0 12px}
.grm-header__cta .gm-btn--cta{height:38px;padding:0 13px;font-size:13px}
.grm-logo__txt{font-size:18px}
.grm-topbar{left:8px;right:8px;top:8px}
.grm-searchwrap{height:44px}
.grm-cat-bar{gap:10px}
.grm-cat-bar select{flex:1;min-width:0}
}
.grm-app{display:flex!important;position:relative;overflow:hidden}
.grm-panel{position:static!important;transform:none!important;flex:0 0 var(--gm-sidebar-w);width:var(--gm-sidebar-w);max-width:92vw;top:auto;left:auto;bottom:auto;box-shadow:2px 0 14px rgba(4,30,66,.12);transition:margin-left .25s ease}
.grm-panel.is-collapsed{margin-left:calc(-1 * var(--gm-sidebar-w))}
.grm-searchwrap{position:static;margin:14px 14px 6px;height:48px;max-width:none;width:auto;box-shadow:0 1px 3px rgba(4,30,66,.18);border:1px solid var(--grm-line-soft,#eaeff5)}
.grm-panel__head{margin-top:0;border-bottom:1px solid var(--gm-border)}
.grm-list{flex:1 1 auto;overflow-y:auto}
.grm-mapwrap{flex:1 1 auto;position:relative;min-width:0}
.grm-map{position:absolute;inset:0}
.grm-chips{position:relative;top:auto;left:auto;right:auto;z-index:1;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;background:transparent;pointer-events:auto;width:100%;min-width:0;max-width:100%;flex-shrink:1}
.grm-panel-toggle{position:absolute;left:var(--gm-sidebar-w);right:auto;top:84px;transform:none;width:26px;height:46px;border-radius:0 8px 8px 0;z-index:550}
.grm-panel.is-collapsed ~ .grm-panel-toggle{left:0}
@media(max-width:680px){
.grm-app{flex-direction:column}
.grm-panel{flex:0 0 auto;width:100%;max-width:100%;order:2;height:46%;margin-left:0!important}
.grm-panel.is-collapsed{margin-left:0!important;height:0;min-height:0;overflow:hidden}
.grm-mapwrap{order:1;flex:1 1 auto;min-height:300px}
.grm-panel-toggle{display:none}
}
@media(min-width:681px){
.grm-app .grm-topbar{
left: calc(var(--gm-sidebar-w, 408px) + 16px);
}
}
.grm-cat-hero{position:relative;overflow:hidden}
.grm-cat-hero__in{display:flex;align-items:center;gap:32px}
.grm-cat-hero__txt{flex:1;min-width:0}
.grm-hero-eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.18);padding:5px 13px;border-radius:20px;margin-bottom:14px}
.grm-cat-hero h1{font-size:var(--grm-h1);line-height:1.08;margin-top:0}
.grm-cat-search input{box-shadow:0 6px 20px rgba(0,0,0,.18)}
.grm-trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:18px}
.grm-trust span{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:#fff}
.grm-cat-hero__fig{flex:0 0 300px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:300px}
.grm-bubble{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;border-radius:20px;background:rgba(255,255,255,.16);font-size:32px;line-height:1;text-decoration:none;transition:transform .15s,background .15s;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.grm-bubble:hover{transform:translateY(-3px);background:#fff}
@media(max-width:900px){.grm-cat-hero__fig{display:none}.grm-cat-hero h1{font-size:32px}.grm-cat-hero__in{gap:0}}
.grm-cat-hero__fig--single{flex:0 0 190px;max-width:190px;display:flex;align-items:center;justify-content:center}
.grm-bubble--big{width:150px;height:150px;font-size:74px;border-radius:32px;cursor:default}
.grm-bubble--big:hover{transform:none;background:rgba(255,255,255,.16)}
@media(max-width:900px){.grm-cat-hero__fig--single{display:none}}
.grm-cat-hero .grm-cat-search input,.grm-cat-search input[type=search]{color:var(--grm-ink,#041e42)!important;-webkit-text-fill-color:var(--grm-ink,#041e42)!important;background:#fff!important;border:0!important;opacity:1!important;box-shadow:0 6px 20px rgba(0,0,0,.18)!important}
.grm-cat-search input::placeholder{color:var(--grm-ink-400,#7A8794)!important;-webkit-text-fill-color:var(--grm-ink-400,#7A8794)!important;opacity:1}
.grm-nav__menu{top:100%}
.grm-nav__menu::before{content:"";position:absolute;left:0;right:0;top:-12px;height:14px;background:transparent}
.grm-nav__drop:hover .grm-nav__menu,.grm-nav__menu:hover{display:block}
.gm-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;text-decoration:none!important;line-height:1;border:1px solid transparent;font-family:var(--grm-font-body,'Inter',Inter,sans-serif)!important;font-weight:600;border-radius:10px!important;padding:10px 18px!important;transition:background .14s ease,color .14s ease,transform .12s ease,box-shadow .14s ease;box-shadow:0 2px 6px rgba(4,30,66,.04)}
.gm-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(4,30,66,.10)}
.gm-btn--primary{background:var(--gm-primary)!important;color:#fff!important;border-color:var(--gm-primary)!important}
.gm-btn--primary:hover{background:var(--gm-primary-hover)!important;color:#fff!important}
.gm-btn--route{background:var(--gm-route)!important;color:#fff!important;border-color:var(--gm-route)!important}
.gm-btn--route:hover{background:var(--gm-route-hover)!important;color:#fff!important}
.gm-btn--cta{background:var(--gm-cta)!important;color:var(--gm-cta-text)!important;border-color:var(--gm-cta)!important}
.gm-btn--cta:hover{background:var(--gm-cta-hover)!important;color:var(--gm-cta-text)!important}
.gm-btn--secondary{background:var(--gm-bg)!important;color:var(--grm-ink,#041E42)!important;border-color:var(--gm-border)!important}
.gm-btn--secondary:hover{background:var(--gm-primary-50)!important;color:var(--gm-primary)!important;border-color:var(--gm-primary-50)!important}
.gm-btn--ghost{background:transparent!important;color:var(--grm-ink,#041E42)!important;border-color:var(--gm-border)!important}
.gm-btn--ghost:hover{background:var(--gm-primary-50)!important;color:var(--gm-primary)!important;border-color:var(--gm-primary-50)!important}
.gm-btn--danger{background:var(--gm-danger)!important;color:#fff!important}
.gm-btn--secondary-op-donker{background:rgba(255,255,255,.14)!important;color:#fff!important;border:1px solid rgba(255,255,255,.28)!important}
.gm-btn--secondary-op-donker:hover{background:rgba(255,255,255,.22)!important;color:#fff!important}
.grm-header__in{max-width:none}
.material-symbols-rounded{font-family:'Material Symbols Rounded';font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;font-variation-settings:'FILL' 1,'wght' 500,'GRAD' 0,'opsz' 24;font-size:22px;vertical-align:middle}
.grm-chip__ic{font-size:18px;color:#55636E}
.grm-chip.is-active .grm-chip__ic{color:#0B2A49}
.grm-chip .dot{display:none}
.grm-bubble .material-symbols-rounded{font-size:36px;color:#fff}
.grm-bubble--big .material-symbols-rounded{font-size:74px;color:#fff}
.grm-trust .material-symbols-rounded{font-size:19px}
.grm-profile__addr{display:flex;align-items:center;gap:6px}
.grm-addr-ic{font-size:19px;color:#55636E}
.grm-profile{grid-template-columns:1fr 360px;align-items:start}
.grm-back{display:inline-flex;align-items:center;gap:4px;color:#55636E;text-decoration:none;font-weight:600;font-size:14px;margin-bottom:14px}
.grm-back:hover{color:#103A63}
.grm-back .material-symbols-rounded{font-size:18px}
.grm-profile__hero{display:flex;gap:18px;align-items:center;padding:20px;border:1px solid #D7DEE7;border-left:5px solid var(--c,#103A63);border-radius:16px;background:#fff;background:linear-gradient(110deg,color-mix(in srgb,var(--c,#103A63) 9%,#fff),#fff 62%);margin-bottom:18px}
.grm-profile__logo{width:76px;height:76px;border-radius:16px;overflow:hidden;flex:0 0 76px}
.grm-profile__logo img{width:100%;height:100%;object-fit:cover}
.grm-profile__logo--ph{background:var(--c,#103A63);color:#fff;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700}
.grm-profile h1{display:flex;align-items:center;gap:8px;font-size:30px;margin:0 0 8px;flex-wrap:wrap}
.grm-verified{background:none!important;width:auto!important;height:auto!important;display:inline-flex;align-items:center}
.grm-verified .material-symbols-rounded{color:#103A63;font-size:24px}
.grm-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.grm-actions .gm-btn{height:44px}
.grm-actions .material-symbols-rounded{font-size:20px}
.grm-profile__side{display:flex;flex-direction:column;gap:16px;position:sticky;top:16px}
.grm-profile__mapwrap{position:relative;height:300px;border-radius:14px;overflow:hidden;border:1px solid #D7DEE7}
#grm-mini-map{width:100%;height:100%}
.grm-profile__routebtn{position:absolute;left:12px;bottom:12px;z-index:500}
.grm-sidecard{border:1px solid #D7DEE7;border-radius:14px;padding:18px;background:#F5F7FA;text-align:center}
.grm-sidecard .material-symbols-rounded{font-size:32px;color:#103A63}
.grm-sidecard strong{display:block;margin:6px 0 4px;font-size:15px;color:var(--grm-ink,#041e42)}
.grm-sidecard p{font-size:13px;color:#55636E;margin:0;line-height:1.5}
@media(max-width:900px){.grm-profile{grid-template-columns:1fr}.grm-profile__side{position:static}}
#footer-outer,#footer-widgets,#copyright,.bottom-bar{display:none!important}
.grm-footer{background:#041E42;color:var(--grm-line,#d7dee7);font-family:"Inter","Inter Tight","Segoe UI",Arial,sans-serif;padding:48px 24px 0}
.grm-footer__in{max-width:var(--grm-w,1424px);margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;padding-bottom:36px}
.grm-footer__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:22px;font-weight:700}
.grm-footer__brand p{font-size:14px;line-height:1.6;margin:14px 0 0;max-width:360px;color:var(--grm-ink-300,#a8b4bc)}
.grm-footer__col h4{color:#fff;font-size:13px;margin:0 0 14px;text-transform:uppercase;letter-spacing:.05em}
.grm-footer__col a{display:block;color:var(--grm-line,#d7dee7);text-decoration:none;font-size:14px;padding:5px 0}
.grm-footer__col a:hover{color:#fff}
.grm-footer__bottom{border-top:1px solid var(--grm-ink-700,#33424f);text-align:center;padding:18px;font-size:13px;color:var(--grm-ink-300,#a8b4bc)}
@media(max-width:780px){.grm-footer__in{grid-template-columns:1fr 1fr}.grm-footer__brand{grid-column:1 / -1}}
.grm-fav-btn .material-symbols-rounded{font-size:20px}
.grm-fav-btn.is-fav{background:var(--grm-warn-50,#fef7e0)!important;color:var(--grm-danger,#dc2626)!important}
.grm-fav-btn.is-fav .material-symbols-rounded{font-variation-settings:'FILL' 1,'wght' 500}
@media(max-width:600px){
.grm-actions{flex-direction:column;align-items:stretch}
.grm-actions .gm-btn{width:100%}
.grm-profile{padding:16px 14px 72px}
.grm-profile h1{font-size:24px}
.grm-profile__hero{gap:14px;padding:14px}
.grm-profile__logo,.grm-profile__logo--ph{width:56px;height:56px;flex:0 0 56px;font-size:26px}
.grm-facts{grid-template-columns:1fr}
.grm-cat-wrap{padding:18px 14px 56px}
.grm-cat-grid{grid-template-columns:1fr}
.grm-fav-grid{grid-template-columns:1fr}
.grm-inquiry{padding:18px 14px}
.grm-inquiry__grid{grid-template-columns:1fr}
.grm-cat-hero{padding:34px 16px}
.grm-cat-hero h1{font-size:28px}
.grm-footer{padding:32px 16px 0}
.grm-footer__in{grid-template-columns:1fr 1fr;gap:22px 18px}
}
@media(max-width:420px){.grm-footer__in{grid-template-columns:1fr}}
.grm-burger-cb{display:none}
.grm-burger{display:none;align-items:center;justify-content:center;width:42px;height:42px;border-radius:8px;cursor:pointer;color:var(--grm-ink,#041e42);background:#EAEFF5}
.grm-burger .material-symbols-rounded{font-size:26px}
.grm-mobmenu{display:none}
@media(max-width:860px){
.grm-burger{display:inline-flex}
.grm-burger-cb:checked ~ .grm-mobmenu{display:block}
.grm-mobmenu{border-top:1px solid #D7DEE7;background:#fff;padding:6px 16px 14px;max-height:78vh;overflow-y:auto}
.grm-mobmenu a{display:block;padding:12px 4px;border-bottom:1px solid #EAEFF5;text-decoration:none;color:var(--grm-ink,#041e42);font-weight:600;font-size:15px}
.grm-mobmenu a:last-child{border-bottom:0}
}
@media(max-width:560px){.grm-header__cta .grm-hide-mob{display:none}}
body:has(.kaart-page) .grm-f{display:none}
.grm-cat-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}
.grm-cat-card,.grm-cat-card *{min-width:0}
.grm-cat-wrap,.grm-cat-hero__in,.grm-cat-bar{max-width:100%;box-sizing:border-box}
.grm-sheet-handle{display:none}
@media(max-width:768px){
.grm-cat-wrap{padding:16px 14px 56px;overflow-x:hidden}
.grm-cat-grid{grid-template-columns:1fr}
.grm-cat-bar{position:sticky;top:0;background:#fff;z-index:20;padding:10px 0;flex-wrap:wrap;transition:transform .25s ease,opacity .25s ease}
.grm-cat-bar select{flex:1 1 100%;min-width:0}
.bar-hidden .grm-cat-bar{transform:translateY(-130%);opacity:0;pointer-events:none}
.grm-cat-hero{padding:30px 16px}
.grm-panel{transition:height .28s ease}
.grm-sheet-handle{display:flex;align-items:center;justify-content:center;height:24px;cursor:pointer;border-bottom:1px solid #EAEFF5;flex:0 0 auto}
.grm-sheet-handle::before{content:"";width:42px;height:5px;border-radius:3px;background:#D7DEE7}
.grm-panel.is-peek{height:128px!important}
.grm-chips,.grm-searchwrap{transition:opacity .22s ease,transform .22s ease}
.grm-app.filters-hidden .grm-chips{opacity:0;transform:translateY(-12px);pointer-events:none}
.grm-app.filters-hidden .grm-searchwrap{opacity:0;transform:translateY(-8px);height:0;margin:0;padding:0;overflow:hidden}
}
@media(max-width:860px){
.grm-header__cta .grm-hide-mob{display:none!important}
.grm-header__in{gap:10px;padding:0 12px}
}
@media(max-width:560px){
.grm-header__cta .gm-btn--cta{height:38px;padding:0 12px;font-size:12.5px}
.grm-header__in{gap:8px;padding:0 10px}
.grm-logo__txt{font-size:18px}
.grm-burger{width:40px;height:40px;background:transparent}
}
.grm-help{max-width:var(--grm-w-tekst,1200px);margin:0 auto;padding:8px 16px 72px;color:var(--grm-ink,#041e42)}
.grm-help *{box-sizing:border-box}
.grm-help__hero{position:relative;text-align:center;padding:54px 22px 44px;background:var(--grm-rij-merk);color:#fff;border-radius:22px;margin:18px 0 36px;box-shadow:0 16px 40px rgba(16,58,99,.28);overflow:hidden}
.grm-help__hero-bg{position:absolute;inset:0;z-index:0;background:var(--grm-fp-bg,transparent) center/cover no-repeat;opacity:.4;pointer-events:none}
.grm-help__hero > :not(.grm-help__hero-bg){position:relative;z-index:1}
.grm-help__badge{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:rgba(255,255,255,.18);padding:6px 14px;border-radius:999px;margin-bottom:14px;color:#fff}
.grm-help__title{margin:0 0 10px;font-size:34px;line-height:1.15;font-weight:800;color:#fff}
.grm-help__sub{margin:0 auto 24px;max-width:560px;font-size:17px;line-height:1.5;color:rgba(255,255,255,.92)}
.grm-help__searchwrap{display:flex;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:0 16px;max-width:520px;margin:0 auto;height:54px;box-shadow:0 8px 24px rgba(0,0,0,.16)}
.grm-help__searchwrap .material-symbols-rounded{color:#55636E;font-size:24px}
.grm-help__searchwrap input{flex:1;border:0;outline:0;background:transparent;font-size:16px;color:var(--grm-ink,#041e42)!important;-webkit-text-fill-color:var(--grm-ink,#041e42);height:100%}
.grm-help__cats{display:flex;flex-direction:column;gap:34px}
.grm-help__cat-title{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-size:22px;font-weight:800;color:var(--grm-ink,#041e42)}
.grm-help__cat-title .material-symbols-rounded{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;background:#EDF2F8;color:#103A63;font-size:24px;flex:0 0 auto}
.grm-help__qs{display:flex;flex-direction:column;gap:12px}
.grm-help__q{background:#fff;border:1px solid var(--grm-line,#d7dee7);border-radius:14px;overflow:hidden;transition:box-shadow .15s,border-color .15s}
.grm-help__q[open]{border-color:var(--grm-brand-100,#d3e0ef);box-shadow:0 6px 20px rgba(0,0,0,.07)}
.grm-help__q summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;font-size:16.5px;font-weight:600;color:var(--grm-ink,#041e42)}
.grm-help__q summary::-webkit-details-marker{display:none}
.grm-help__q summary:hover{background:var(--grm-canvas,#f5f7fa)}
.grm-help__qtxt{flex:1;min-width:0}
.grm-help__chev{color:#55636E;font-size:24px;transition:transform .2s;flex:0 0 auto}
.grm-help__q[open] .grm-help__chev{transform:rotate(180deg)}
.grm-help__a{padding:0 20px 20px;color:#55636E;font-size:15.5px;line-height:1.6}
.grm-help__a a{color:#103A63;font-weight:600}
.grm-help__contact{display:flex;align-items:center;gap:18px;margin-top:44px;padding:24px;background:var(--grm-canvas,#f5f7fa);border:1px solid var(--grm-brand-100,#d3e0ef);border-radius:18px}
.grm-help__contact-ic{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:#103A63;color:#fff;font-size:28px;flex:0 0 auto}
.grm-help__contact-txt{flex:1;min-width:0}
.grm-help__contact-txt h3{margin:0 0 4px;font-size:18px;font-weight:800;color:var(--grm-ink,#041e42)}
.grm-help__contact-txt p{margin:0;color:#55636E;font-size:15px}
.grm-help__contact-txt a{color:#103A63;font-weight:600}
.grm-help__contact-cta{display:flex;gap:10px;flex:0 0 auto}
.grm-help__empty{text-align:center;color:#55636E;font-size:16px;padding:30px 10px}
.grm-help__empty a{color:#103A63;font-weight:600}
@media(max-width:768px){
.grm-help__hero{padding:40px 18px 32px;border-radius:18px}
.grm-help__title{font-size:26px}
.grm-help__sub{font-size:15.5px}
.grm-help__contact{flex-direction:column;align-items:flex-start;text-align:left}
.grm-help__contact-cta{flex-direction:column;width:100%}
.grm-help__contact-cta .gm-btn{width:100%;justify-content:center}
}
.grm-page{max-width:var(--grm-w,1424px);margin:0 auto;padding:8px 24px 76px;color:var(--grm-ink-700,var(--grm-ink-700,#33424f));font-size:16px;line-height:1.6}
.grm-page *{box-sizing:border-box}
.grm-page__hero{text-align:center;padding:58px 24px 50px;background:var(--grm-rij-merk);color:#fff;border-radius:22px;margin:18px 0 46px;box-shadow:0 16px 40px rgba(16,58,99,.28)}
.grm-page__hero h1{margin:0 0 14px;font-size:var(--grm-h1);line-height:1.1;font-weight:var(--grm-weight-display);color:#fff}
.grm-page__hero p{margin:0 auto 26px;max-width:640px;font-size:18px;color:rgba(255,255,255,.93)}
.grm-page__cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.grm-sec{margin:0 0 54px}
.grm-sec__head{text-align:center;max-width:700px;margin:0 auto 30px}
.grm-sec__head h2{font-size:28px;font-weight:800;margin:0 0 10px;color:var(--grm-ink,#041e42)}
.grm-sec__head p{margin:0;color:#55636E;font-size:17px}
.grm-grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px}
.grm-card2{background:#fff;border:1px solid var(--grm-line,#d7dee7);border-radius:16px;padding:26px 24px;box-shadow:0 4px 16px rgba(0,0,0,.04)}
.grm-card2 .material-symbols-rounded{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:#EDF2F8;color:#103A63;font-size:28px;margin-bottom:14px}
.grm-card2 h3{margin:0 0 8px;font-size:19px;font-weight:700;color:var(--grm-ink,#041e42)}
.grm-card2 p{margin:0;color:#55636E;font-size:15.5px}
.grm-card2__num{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#103A63;color:#fff;font-weight:800;font-size:18px;margin-bottom:14px}
.grm-price{max-width:470px;margin:0 auto;background:#fff;border:2px solid #103A63;border-radius:20px;padding:34px 30px;text-align:center;box-shadow:0 16px 40px rgba(16,58,99,.14)}
.grm-price__amt{font-size:46px;font-weight:800;color:var(--grm-ink,#041e42);line-height:1}
.grm-price__amt span{font-size:17px;font-weight:600;color:#55636E}
.grm-price ul{list-style:none;padding:0;margin:22px 0;text-align:left}
.grm-price li{display:flex;gap:10px;align-items:flex-start;padding:8px 0;color:var(--grm-ink,#041e42);font-size:15.5px;border-bottom:1px solid #EAEFF5}
.grm-price li:last-child{border-bottom:0}
.grm-price li .material-symbols-rounded{color:#103A63;font-size:22px;flex:0 0 auto}
.grm-prose{max-width:780px;margin:0 auto}
.grm-prose h2{font-size:24px;font-weight:800;margin:36px 0 12px;color:var(--grm-ink,#041e42)}
.grm-prose h3{font-size:18px;font-weight:700;margin:24px 0 8px;color:var(--grm-ink,#041e42)}
.grm-prose p{margin:0 0 14px;color:var(--grm-ink-700,#33424f)}
.grm-prose ul{margin:0 0 16px;padding-left:22px;color:var(--grm-ink-700,#33424f)}
.grm-prose li{margin:7px 0}
.grm-prose a{color:#103A63;font-weight:600}
.grm-prose__note{background:var(--grm-warn-50,#FEF7E0);border:1px solid var(--grm-warn-50,#FEF7E0);border-radius:12px;padding:14px 16px;color:var(--grm-warn-text,#B06000);font-size:14.5px;margin:0 0 22px}
.grm-cta-band{text-align:center;background:var(--grm-canvas,#f5f7fa);border:1px solid var(--grm-brand-100,#d3e0ef);border-radius:20px;padding:42px 28px;margin:50px 0 0}
.grm-cta-band h2{margin:0 0 10px;font-size:26px;font-weight:800}
.grm-cta-band p{margin:0 0 22px;color:#55636E;font-size:17px}
.grm-contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:18px;max-width:820px;margin:0 auto}
.grm-contact-card{background:#fff;border:1px solid var(--grm-line,#d7dee7);border-radius:16px;padding:26px 22px;text-align:center}
.grm-contact-card .material-symbols-rounded{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:14px;background:#EDF2F8;color:#103A63;font-size:28px;margin-bottom:12px}
.grm-contact-card h3{margin:0 0 6px;font-size:17px;font-weight:700}
.grm-contact-card p{margin:0 0 4px;color:#55636E;font-size:14.5px}
.grm-contact-card a{color:#103A63;font-weight:600;word-break:break-word}
@media(max-width:768px){
.grm-page__hero{padding:42px 18px 38px;border-radius:18px}
.grm-page__hero h1{font-size:28px}
.grm-page__hero p{font-size:16px}
.grm-sec__head h2{font-size:23px}
.grm-cta-band h2{font-size:22px}
}
.grm-branche-pick{margin:0 0 22px;background:#fff}
.grm-branche-pick__head{margin:0 0 14px}
.grm-branche-pick__head h2{font-size:20px;font-weight:800;margin:0 0 6px;color:var(--grm-ink,#041e42);line-height:1.25}
.grm-branche-pick__head p{margin:0;color:#55636E;font-size:14.5px}
.grm-branche-pick__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.grm-branche-pick__card{position:relative;display:flex;flex-direction:row;align-items:center;gap:10px;padding:13px 14px;background:#fff;border:1.5px solid var(--grm-line,#d7dee7);border-radius:14px;cursor:pointer;transition:border-color .15s, box-shadow .15s, background .15s, transform .12s;text-align:left;-webkit-tap-highlight-color:transparent}
.grm-branche-pick__card input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.grm-branche-pick__ic{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--c, #103A63);opacity:.72;transition:opacity .15s}
.grm-branche-pick__ic .material-symbols-rounded{font-size:22px;line-height:1;display:block}
.grm-branche-pick__name{font-size:14px;font-weight:600;color:var(--grm-ink,#041e42);line-height:1.3;letter-spacing:.005em}
.grm-branche-pick__check{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:var(--c, #103A63);color:#fff;display:none !important;align-items:center;justify-content:center;font-size:16px;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.grm-branche-pick__card:hover{background:#F5F7FA;border-color:var(--grm-line,#d7dee7)}
.grm-branche-pick__card:active{transform:scale(.98)}
.grm-branche-pick__card:has(input:checked){border-color:var(--c, #103A63);background:color-mix(in srgb, var(--c, #103A63) 6%, white);box-shadow:0 0 0 3px color-mix(in srgb, var(--c, #103A63) 22%, transparent)}
.grm-branche-pick__card:has(input:checked) .grm-branche-pick__ic{opacity:1}
.grm-branche-pick__card:has(input:checked) .grm-branche-pick__check{display:inline-flex !important}
.grm-branche-pick__card:focus-within{outline:none;border-color:var(--c, #103A63)}
@media(max-width:560px){
.grm-branche-pick__grid{gap:8px}
.grm-branche-pick__card{padding:11px 10px;gap:8px}
.grm-branche-pick__name{font-size:13px}
.grm-branche-pick__ic .material-symbols-rounded{font-size:20px}
}
.grm-cat-hero__in{max-width:var(--grm-w,1424px) !important;margin:0 auto !important;padding:54px 32px !important;display:flex !important;gap:48px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.grm-cat-hero__txt{flex:1 1 460px;min-width:0;max-width:600px}
.grm-cat-hero__fig{flex:0 1 380px;min-width:280px;display:grid !important;grid-template-columns:repeat(5,1fr) !important;gap:14px !important}
.grm-cat-wrap{width:100% !important;max-width:var(--grm-w,1424px) !important;margin:0 auto !important;padding:28px 32px 80px !important;box-sizing:border-box !important}
.grm-bubble{position:relative;display:inline-flex;align-items:center;justify-content:center;aspect-ratio:1;width:auto;height:auto;min-width:60px;min-height:60px;border-radius:18px;color:#fff;cursor:pointer;text-decoration:none !important;transition:transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease, filter .2s ease, background-color .15s ease;box-shadow:0 6px 18px rgba(0,0,0,.22);will-change:transform;background:var(--c, #103A63) !important;background-clip:padding-box}
.grm-bubble .material-symbols-rounded{font-size:30px;color:#fff}
.grm-bubble::after{content:attr(title);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);background:#041E42;color:#fff;font-size:12px;font-weight:600;padding:6px 10px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease, transform .15s ease;letter-spacing:.01em;box-shadow:0 4px 12px rgba(0,0,0,.25);transform:translate(-50%,4px)}
.grm-bubble:hover{transform:translateY(-5px) scale(1.06);box-shadow:0 18px 38px rgba(0,0,0,.28);filter:brightness(1.08)}
.grm-bubble:hover::after{opacity:1;transform:translate(-50%,0)}
.grm-bubble:active{transform:translateY(-2px) scale(1.02)}
.grm-bubble:focus-visible{outline:3px solid rgba(255,255,255,.7);outline-offset:3px}
.grm-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr)) !important;gap:18px !important}
.grm-cat-card{display:flex !important;flex-direction:column !important;gap:0 !important;padding:0 !important;overflow:hidden;background:#fff;border:1px solid var(--grm-line,#d7dee7);border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.04);transition:transform .18s ease, box-shadow .22s ease, border-color .18s ease;position:relative}
.grm-cat-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.10);border-color:var(--grm-brand-100,#d3e0ef)}
.grm-cat-card .grm-card__thumb{width:100% !important;height:110px !important;display:flex !important;align-items:center;justify-content:center;font-size:42px;font-weight:800;color:#fff;background:var(--grm-brand,#103A63);border-radius:0 !important;flex:0 0 auto;letter-spacing:-.02em;position:relative;overflow:hidden}
.grm-cat-card .grm-card__thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(0,0,0,.08));pointer-events:none}
.grm-cat-card .grm-card__body{padding:16px 18px 18px !important;display:flex !important;flex-direction:column !important;gap:8px !important;flex:1}
.grm-cat-card .grm-card__title{font-size:16.5px !important;font-weight:700 !important;color:var(--grm-ink,#041e42) !important;margin:0 !important;line-height:1.3 !important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.grm-cat-card .grm-card__meta{display:flex !important;align-items:center;gap:6px;color:#55636E !important;font-size:13.5px !important;margin:0 !important;line-height:1.3}
.grm-cat-card .grm-card__tags{display:flex !important;flex-wrap:wrap;gap:6px;margin:0 !important}
.grm-cat-card .grm-card__tag{display:inline-flex !important;align-items:center;padding:4px 10px !important;background:#EAEFF5 !important;color:#55636E !important;border-radius:999px !important;font-size:11.5px !important;font-weight:600 !important;border:0 !important}
.grm-cat-card .grm-card__excerpt{color:#55636E !important;font-size:13.5px !important;line-height:1.45 !important;margin:0 !important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.grm-cat-card .grm-card__actions{display:flex !important;gap:8px;margin-top:auto !important;padding-top:6px}
.grm-cat-card .grm-card__actions .gm-btn{flex:1;text-align:center;height:38px !important;line-height:38px !important;padding:0 12px !important;font-size:13px !important;border-radius:8px !important;margin-top:0 !important}
@media(max-width:980px){
.grm-cat-hero__in{flex-direction:column !important;padding:38px 18px !important;gap:26px;align-items:stretch}
.grm-cat-hero__txt{flex:1 1 auto;max-width:none;width:100%}
.grm-cat-hero__fig{flex:1 1 auto;min-width:0;max-width:none;width:100%;grid-template-columns:repeat(5,1fr) !important;gap:10px !important}
.grm-bubble{border-radius:14px}
.grm-bubble .material-symbols-rounded{font-size:26px}
.grm-cat-wrap{padding:20px 16px 60px !important}
}
@media(max-width:560px){
.grm-cat-hero__fig{grid-template-columns:repeat(5,1fr) !important;gap:8px !important}
.grm-bubble{border-radius:12px}
.grm-bubble .material-symbols-rounded{font-size:22px}
.grm-cat-card .grm-card__thumb{height:88px !important;font-size:34px}
.grm-cat-grid{gap:14px !important}
}
.grm-profile{width:100% !important;max-width:var(--grm-w,1424px) !important;margin:0 auto !important;padding:24px 24px 60px !important;box-sizing:border-box}
.grm-profile__main{min-width:0}
.grm-profile__side{min-width:0}
.grm-profile__hero{box-sizing:border-box}
@media(max-width:980px){
.grm-profile{padding:18px 14px 48px !important}
}
.grm-cat-bar{display:flex !important;align-items:center;flex-wrap:wrap;gap:12px 14px;padding:18px 0 20px !important;margin:0 0 18px !important;border-bottom:1px solid var(--grm-line-soft,#eaeff5) !important;background:transparent !important}
.grm-cat-bar > :first-child{font-size:15.5px;font-weight:700;color:var(--grm-ink,#041e42);margin-right:auto;letter-spacing:-.01em}
.grm-cat-bar select{width:auto !important;min-width:200px;max-width:280px;height:42px !important;border-radius:24px !important;border:1px solid #D7DEE7 !important;padding:0 16px !important;background:#fff !important;color:var(--grm-ink,#041e42) !important;cursor:pointer;font-size:14px !important;font-weight:500;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235f6368' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") !important;background-repeat:no-repeat !important;background-position:right 14px center !important;background-size:14px !important;padding-right:38px !important;transition:border-color .15s ease,box-shadow .15s ease}
.grm-cat-bar select:hover{border-color:#103A63 !important}
.grm-cat-bar select:focus{outline:none !important;border-color:#103A63 !important;box-shadow:0 0 0 3px rgba(16,58,99,.18) !important}
.grm-cat-bar .grm-cat-check{display:inline-flex !important;align-items:center;gap:8px;padding:0 14px;height:42px;border:1px solid #D7DEE7;border-radius:24px;background:#fff;cursor:pointer;font-size:14px;font-weight:500;color:var(--grm-ink,#041e42);transition:border-color .15s ease, background .15s ease}
.grm-cat-bar .grm-cat-check:hover{border-color:#103A63;background:#F5F7FA}
.grm-cat-bar .grm-cat-check input{accent-color:#103A63}
@media(max-width:680px){
.grm-cat-bar{gap:10px}
.grm-cat-bar > :first-child{width:100%;margin-right:0}
.grm-cat-bar select{flex:1;min-width:140px;max-width:none}
.grm-cat-bar .grm-cat-check{flex:0 0 auto}
}
.grm-profile{position:relative;padding-top:120px !important;overflow:visible}
.grm-profile::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:100vw;max-width:none;height:180px;background:linear-gradient(135deg, var(--branche-c, #103A63) 0%, color-mix(in srgb, var(--branche-c, #103A63) 75%, black) 100%);z-index:0;pointer-events:none}
.grm-profile > *{position:relative;z-index:1}
.grm-profile .grm-back{display:inline-flex;align-items:center;gap:6px;color:#fff;background:rgba(255,255,255,.18);padding:8px 14px 8px 10px;border-radius:24px;font-weight:600;font-size:14px;text-decoration:none;transition:background .15s ease;margin-bottom:14px}
.grm-profile .grm-back:hover{background:rgba(255,255,255,.24);color:#fff}
.grm-profile .grm-back .material-symbols-rounded{font-size:18px}
.grm-profile__hero{background:#fff !important;border:1px solid var(--grm-line,#d7dee7) !important;border-radius:18px !important;padding:24px 24px 22px !important;box-shadow:0 16px 40px rgba(0,0,0,.10) !important;display:flex !important;gap:22px !important;align-items:center !important;margin:0 !important;border-left:none !important}
.grm-profile__logo{width:90px !important;height:90px !important;border-radius:20px !important;font-size:38px !important;font-weight:800 !important;color:#fff !important;display:flex !important;align-items:center !important;justify-content:center !important;flex:0 0 auto !important;letter-spacing:-.02em;box-shadow:0 6px 18px rgba(0,0,0,.16)}
.grm-profile__intro{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.grm-profile__intro h1{font-size:28px !important;font-weight:800 !important;margin:0 !important;color:var(--grm-ink,#041e42) !important;line-height:1.18 !important;letter-spacing:-.01em;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.grm-actions{display:grid !important;grid-template-columns:repeat(4, 1fr) !important;gap:10px;margin-top:14px !important;padding:0 !important;background:transparent !important;border:0 !important}
.grm-actions .gm-btn{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;height:78px !important;line-height:1.2 !important;padding:10px 8px !important;font-size:12.5px !important;font-weight:600 !important;gap:4px;border-radius:14px !important;margin:0 !important;text-align:center;border:1px solid transparent !important}
.grm-actions .gm-btn .material-symbols-rounded{font-size:26px !important;flex:0 0 auto}
.grm-actions .gm-btn--route{background:var(--gm-route) !important;color:#fff !important}
.grm-actions .gm-btn--route:hover{background:var(--gm-route-hover) !important;box-shadow:0 6px 18px rgba(0,96,223,.30)}
.grm-actions .gm-btn--primary{background:var(--gm-primary) !important;color:#fff !important}
.grm-actions .gm-btn--primary:hover{background:var(--gm-primary-hover) !important;box-shadow:0 6px 18px rgba(16,58,99,.30)}
.grm-actions .grm-fav-btn{background:var(--gm-bg) !important;color:var(--grm-ink,#041e42) !important;border:1px solid #D7DEE7 !important}
.grm-actions .grm-fav-btn:hover{background:var(--gm-bg-subtle) !important;border-color:#103A63 !important}
.grm-actions .grm-fav-btn.is-fav{color:var(--grm-danger,#dc2626) !important;border-color:var(--grm-danger-50,#FBD5D2) !important;background:var(--grm-canvas,#f5f7fa) !important}
.grm-profile__body{margin-top:18px !important}
.grm-facts{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:12px !important;margin:0 0 18px !important}
.grm-facts > *{background:#fff !important;border:1px solid var(--grm-line,#d7dee7) !important;border-radius:14px !important;padding:14px 16px !important;display:flex !important;align-items:center !important;gap:12px !important;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.grm-facts .material-symbols-rounded{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:38px !important;height:38px !important;border-radius:10px !important;background:#EDF2F8 !important;color:#103A63 !important;font-size:20px !important;flex:0 0 auto}
.grm-facts strong{display:block;font-size:14.5px;font-weight:700;color:var(--grm-ink,#041e42);line-height:1.25}
.grm-facts small{display:block;color:#55636E;font-size:11px;letter-spacing:.05em;text-transform:uppercase;margin-top:2px;font-weight:600}
.grm-profile__body .grm-prose{background:#fff;border:1px solid var(--grm-line,#d7dee7);border-radius:14px;padding:20px 22px;margin:0 0 18px;color:var(--grm-ink-700,#33424f);font-size:15px;line-height:1.6;max-width:none}
.grm-inquiry{background:#fff;border:1px solid var(--grm-line,#d7dee7);border-radius:14px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.grm-inquiry h2{font-size:20px !important;font-weight:800;margin:0 0 6px;color:var(--grm-ink,#041e42)}
.grm-inquiry > p{color:#55636E;font-size:14.5px;margin:0 0 16px}
.grm-profile__side{display:flex;flex-direction:column;gap:14px}
.grm-profile__mapwrap{position:relative;background:#fff;border:1px solid var(--grm-line,#d7dee7);border-radius:14px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.grm-profile__mapwrap .leaflet-container{border-radius:14px 14px 0 0;height:240px !important}
.grm-profile__routeb{margin:12px !important;width:calc(100% - 24px);justify-content:center}
.grm-sidecard{background:#EDF2F8;border:1px solid #D3E0EF;border-radius:14px;padding:18px;text-align:center;color:#103A63}
.grm-sidecard .material-symbols-rounded{color:#103A63;font-size:32px;margin-bottom:8px;display:block}
.grm-sidecard strong{display:block;font-size:15px;font-weight:700;color:#103A63;margin-bottom:6px}
.grm-sidecard p{font-size:13.5px;color:var(--grm-ink-700,#33424f);line-height:1.5;margin:0}
.grm-profile__intro .grm-tag, .grm-profile__intro [class*=tag]{display:inline-flex;align-items:center;padding:5px 12px;background:#EAEFF5;color:#55636E;border-radius:999px;font-size:12.5px;font-weight:600;letter-spacing:.01em}
.grm-profile__intro [class*=location], .grm-profile__intro .grm-loc{display:inline-flex;align-items:center;gap:6px;color:#55636E;font-size:14.5px;font-weight:500}
@media(max-width:980px){
.grm-profile{padding-top:96px !important}
.grm-profile::before{height:140px}
.grm-profile__hero{padding:18px !important;gap:16px !important;border-radius:14px !important}
.grm-profile__logo{width:72px !important;height:72px !important;font-size:30px !important}
.grm-profile__intro h1{font-size:22px !important}
.grm-actions{grid-template-columns:repeat(2, 1fr) !important;gap:8px}
.grm-actions .gm-btn{height:70px !important;font-size:12px !important}
.grm-facts{grid-template-columns:1fr !important;gap:8px !important}
}
@media(max-width:560px){
.grm-actions .gm-btn .material-symbols-rounded{font-size:22px !important}
.grm-back{font-size:13px;padding:6px 12px 6px 8px}
}
.grm-cat-chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:8px 0 14px;margin:0;overflow-x:auto;scrollbar-width:none}
.grm-cat-chips::-webkit-scrollbar{display:none}
.grm-cat-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 10px;background:#fff;border:1px solid #D7DEE7;border-radius:24px;cursor:pointer;font-size:13.5px;font-weight:600;color:var(--grm-ink,#041e42);text-decoration:none !important;white-space:nowrap;transition:background .15s ease, border-color .15s ease, box-shadow .15s ease;flex:0 0 auto}
.grm-cat-chip:hover{background:#F5F7FA;border-color:#103A63;box-shadow:0 2px 6px rgba(0,0,0,.08)}
.grm-cat-chip__dot{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--c, #103A63);color:#fff;font-size:13px;flex:0 0 auto}
.grm-cat-chip__dot .material-symbols-rounded{font-size:14px}
.grm-cat-chip.is-active{background:#103A63;color:#fff;border-color:#103A63}
.grm-cat-chip.is-active .grm-cat-chip__dot{background:rgba(255,255,255,.18)}
.grm-cat-chip.is-all{background:#103A63;color:#fff;border-color:#103A63}
.grm-cat-chip.is-all:hover{background:#0B2A49;border-color:#0B2A49}
@media(max-width:768px){
.grm-cat-chips{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px;flex-wrap:nowrap;overflow-x:auto}
.grm-cat-chip{padding:7px 12px 7px 9px;font-size:13px}
}
.grm-profile__intro .grm-tags{display:flex !important;flex-wrap:wrap;gap:6px !important;margin:0 !important}
.grm-profile__intro .grm-tags > *{display:inline-flex !important;align-items:center !important;padding:5px 12px !important;background:color-mix(in srgb, var(--branche-c, #103A63) 14%, white) !important;color:var(--branche-c, #103A63) !important;border-radius:999px !important;font-size:13px !important;font-weight:600 !important;border:1px solid color-mix(in srgb, var(--branche-c, #103A63) 28%, white) !important;text-decoration:none !important;letter-spacing:.01em}
.grm-profile__intro .grm-profile__addr{display:inline-flex !important;align-items:center !important;gap:6px !important;color:#55636E !important;font-size:14.5px !important;font-weight:500 !important;margin:0 !important}
.grm-profile__intro .grm-profile__addr .material-symbols-rounded{font-size:18px !important;color:#55636E !important;font-variation-settings:'FILL' 1}
.grm-acctop{position:relative;background:#fff !important;border:1px solid var(--grm-line,#d7dee7) !important;border-radius:16px !important;padding:18px 22px 18px 28px !important;box-shadow:0 2px 8px rgba(0,0,0,.04) !important;display:flex !important;align-items:center !important;gap:16px !important;overflow:hidden}
.grm-acctop::before{content:"";position:absolute;left:0;top:14%;bottom:14%;width:5px;background:var(--grm-rij-merk);border-radius:0 4px 4px 0}
.grm-acctop__id{flex:1;min-width:0;color:var(--grm-ink,#041e42);font-size:17px;font-weight:700;line-height:1.35;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.grm-acctop a.gm-btn{height:42px !important;line-height:42px !important;padding:0 16px !important;font-size:14px !important;border-radius:24px !important;display:inline-flex !important;align-items:center;gap:6px}
.grm-acctop a.gm-btn .material-symbols-rounded{font-size:18px}
.grm-portal__nav{margin-top:8px;display:flex;gap:4px;border-bottom:1px solid var(--grm-line,#d7dee7);padding:0 4px}
.grm-portal__nav .grm-tab{height:48px;display:inline-flex;align-items:center;gap:8px;padding:0 18px;color:#55636E !important;font-size:14.5px;font-weight:600;border-bottom:3px solid transparent;transition:color .15s ease, border-color .15s ease, background .15s ease;text-decoration:none !important;border-radius:8px 8px 0 0}
.grm-portal__nav .grm-tab:hover{background:#F5F7FA;color:var(--grm-ink,#041e42) !important}
.grm-portal__nav .grm-tab.is-active{color:#103A63 !important;border-bottom-color:#103A63}
.grm-portal__nav .grm-tab .material-symbols-rounded{font-size:20px}
.grm-hero-slider{position:relative;width:100%;aspect-ratio:5/4;max-width:420px;border-radius:24px;overflow:hidden;box-shadow:0 18px 48px rgba(0,0,0,.25);background:#103A63}
.grm-hero-slider__slide{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#fff;opacity:0;transition:opacity .6s ease;pointer-events:none;text-align:center;padding:24px}
.grm-hero-slider__slide.is-active{opacity:1;pointer-events:auto}
.grm-hero-slider__slide .material-symbols-rounded{font-size:84px;text-shadow:0 4px 12px rgba(0,0,0,.25)}
.grm-hero-slider__label{font-size:18px;font-weight:700;letter-spacing:.01em;text-shadow:0 2px 8px rgba(0,0,0,.3);max-width:280px}
.grm-hero-slider__dots{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:center;gap:6px;z-index:2}
.grm-hero-slider__dots button{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.4);border:0;cursor:pointer;padding:0;transition:background .25s, width .25s;outline:none}
.grm-hero-slider__dots button.is-active{background:#fff;width:24px;border-radius:6px}
.grm-hero-slider__dots button:hover{background:rgba(255,255,255,.7)}
.grm-cat-tabs{display:flex;gap:2px;padding:0;margin:0 0 14px;border-bottom:1px solid var(--grm-line,#d7dee7);align-items:flex-end}
.grm-cat-tabs__tab{display:inline-flex;align-items:center;gap:8px;padding:0 18px;height:52px;font-size:15px;font-weight:600;color:#55636E;border:0;background:transparent;cursor:pointer;border-bottom:3px solid transparent;transition:color .15s ease, border-color .15s ease, background .15s ease;text-decoration:none !important;border-radius:8px 8px 0 0;font-family:inherit;letter-spacing:-.005em;line-height:1}
.grm-cat-tabs__tab:hover{color:var(--grm-ink,#041e42);background:#F5F7FA}
.grm-cat-tabs__tab.is-active{color:#103A63;border-bottom-color:#103A63}
.grm-cat-tabs__tab .material-symbols-rounded{font-size:20px}
.grm-cat-tabs__count{background:#EAEFF5;color:#55636E;font-size:11px;padding:3px 9px;border-radius:999px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;margin-left:2px}
.grm-cat-tabs__tab.is-active .grm-cat-tabs__count{background:#EDF2F8;color:#103A63}
.grm-products-stub{background:#fff;border:1.5px dashed var(--grm-brand-100,#d3e0ef);border-radius:18px;padding:60px 28px;text-align:center;margin:18px 0}
.grm-products-stub__ic{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:#EDF2F8;color:#103A63;font-size:38px;margin-bottom:20px}
.grm-products-stub h2{font-size:24px;font-weight:800;margin:0 0 10px;color:var(--grm-ink,#041e42);letter-spacing:-.01em}
.grm-products-stub p{color:#55636E;font-size:15.5px;line-height:1.55;max-width:580px;margin:0 auto 24px}
.grm-products-stub__features{display:flex;gap:14px 24px;justify-content:center;flex-wrap:wrap;margin-top:24px}
.grm-products-stub__feature{display:inline-flex;align-items:center;gap:8px;color:#55636E;font-size:14px;font-weight:500;padding:8px 14px;background:#F5F7FA;border-radius:24px}
.grm-products-stub__feature .material-symbols-rounded{color:#103A63;font-size:18px}
@media(max-width:768px){
.grm-hero-slider{aspect-ratio:4/3;max-width:none}
.grm-hero-slider__slide .material-symbols-rounded{font-size:60px}
.grm-hero-slider__label{font-size:15px}
.grm-cat-tabs{margin-bottom:10px}
.grm-cat-tabs__tab{padding:0 14px;height:48px;font-size:13.5px}
.grm-products-stub{padding:42px 18px;border-radius:14px}
.grm-products-stub h2{font-size:20px}
}
.grm-cat-hero__fig--single{display:flex !important;align-items:center !important;justify-content:center !important;flex:1 1 380px !important;min-width:280px !important;max-width:420px !important;grid-template-columns:none !important;grid-template-rows:none !important;gap:0 !important;width:100% !important;height:auto !important}
.grm-cat-hero__fig--single .grm-hero-slider{width:100% !important;max-width:420px !important;flex:1 1 auto;height:auto}
@media(max-width:980px){
.grm-cat-hero__fig--single{max-width:none !important}
}
.grm-hero-slider__slide{justify-content:flex-end !important;padding:0 !important;text-align:left !important;background:transparent !important}
.grm-hero-slider__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;background:linear-gradient(135deg, var(--c, #103A63), var(--grm-ink,#041E42));transition:transform .8s ease}
.grm-hero-slider__slide.is-active .grm-hero-slider__img{transform:scale(1.04)}
.grm-hero-slider__slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.05) 30%, rgba(0,0,0,.65) 100%);pointer-events:none;z-index:1}
.grm-hero-slider__cap{position:relative;z-index:2;align-self:flex-end;width:100%;padding:18px 20px 24px;text-align:left}
.grm-hero-slider__cap-ic{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:rgba(255,255,255,.95);color:var(--c, #103A63);border-radius:50%;font-size:18px;margin-bottom:8px;box-shadow:0 4px 12px rgba(0,0,0,.2)}
.grm-hero-slider__cap-ic .material-symbols-rounded{font-size:18px}
.grm-hero-slider__cap-lbl{display:block;color:#fff;font-size:17px;font-weight:700;text-shadow:0 2px 12px rgba(0,0,0,.65);letter-spacing:-.005em;line-height:1.25}
.grm-hero-slider__slide.has-photo > .material-symbols-rounded{display:none !important}
.grm-hero-slider__slide.has-photo > .grm-hero-slider__label{display:none !important}
.grm-cat-hero{position:relative;overflow:hidden}
.grm-cat-hero__bgscatter{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.grm-cat-hero__bgscatter > span{position:absolute;color:rgba(255,255,255,.10);font-family:'Material Symbols Rounded';font-weight:normal;font-style:normal;font-variation-settings:'FILL' 0, 'wght' 300;line-height:1;user-select:none;will-change:transform;animation:grmFloat 7s ease-in-out infinite}
.grm-cat-hero__bgscatter > span:nth-child(odd){animation-duration:9s}
@keyframes grmFloat{0%,100%{transform:translateY(0) rotate(var(--rot, 0deg))}50%{transform:translateY(-8px) rotate(var(--rot, 0deg))}}
.grm-cat-hero__in{position:relative;z-index:1}
@media(max-width:768px){
.grm-cat-hero__bgscatter > span{font-size:60px !important}
}
.grm-portal--narrow{position:relative !important;max-width:none !important;width:100vw !important;margin-left:calc(-50vw + 50%) !important;margin-right:calc(-50vw + 50%) !important;min-height:calc(100vh - 80px);padding:48px 24px !important;background:var(--grm-rij-merk) !important;overflow:hidden;display:flex !important;flex-direction:column;align-items:center !important;justify-content:center;box-sizing:border-box}
.grm-portal__bgscatter{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.grm-portal__bgscatter > span{position:absolute;color:rgba(255,255,255,.10);font-family:'Material Symbols Rounded';font-weight:normal;font-style:normal;font-variation-settings:'FILL' 0,'wght' 300;line-height:1;user-select:none;animation:grmFloat 7s ease-in-out infinite}
.grm-portal__bgscatter > span:nth-child(odd){animation-duration:9s}
.grm-portal--narrow .grm-authcard{position:relative !important;z-index:1 !important;background:#fff !important;border-radius:22px !important;padding:38px 40px !important;width:100% !important;max-width:460px !important;box-shadow:0 24px 70px rgba(0,0,0,.22), 0 8px 20px rgba(0,0,0,.10) !important;border:0 !important;margin:0 auto !important;display:block !important;gap:0 !important;cursor:default !important}
.grm-portal--narrow .grm-authcard::before{content:"location_on";font-family:'Material Symbols Rounded';font-variation-settings:'FILL' 1,'wght' 500;display:block;width:56px;height:56px;line-height:56px;text-align:center;font-size:32px;background:var(--grm-rij-merk);color:#fff;border-radius:16px;margin:0 auto 18px;box-shadow:0 8px 20px rgba(16,58,99,.35)}
.grm-portal--narrow .grm-authcard h1, .grm-portal--narrow .grm-authcard h2{font-size:26px !important;font-weight:800 !important;color:var(--grm-ink,#041e42) !important;margin:0 0 6px !important;text-align:center !important;letter-spacing:-.01em}
.grm-portal--narrow .grm-authcard h1 + p, .grm-portal--narrow .grm-authcard h2 + p, .grm-portal--narrow .grm-authcard__sub{text-align:center;color:#55636E;font-size:14.5px;margin:0 0 22px !important}
.grm-portal--narrow .grm-authcard label{display:block !important;font-size:13.5px !important;font-weight:600 !important;color:var(--grm-ink,#041e42) !important;margin:14px 0 6px !important;letter-spacing:.005em}
.grm-portal--narrow .grm-authcard input[type=text], .grm-portal--narrow .grm-authcard input[type=email], .grm-portal--narrow .grm-authcard input[type=password]{width:100% !important;padding:14px 16px !important;font-size:15px !important;border:1.5px solid var(--grm-line,#d7dee7) !important;border-radius:12px !important;background:#fff !important;color:var(--grm-ink,#041e42) !important;transition:border-color .15s,box-shadow .15s;box-sizing:border-box !important;-webkit-text-fill-color:var(--grm-ink,#041e42)}
.grm-portal--narrow .grm-authcard input[type=text]:focus, .grm-portal--narrow .grm-authcard input[type=email]:focus, .grm-portal--narrow .grm-authcard input[type=password]:focus{outline:none !important;border-color:#103A63 !important;box-shadow:0 0 0 4px rgba(16,58,99,.14) !important}
.grm-portal--narrow .grm-authcard label:has(input[type=checkbox]){display:flex !important;align-items:center;gap:8px;font-weight:500 !important;color:#55636E !important;font-size:14px !important;margin:14px 0 !important}
.grm-portal--narrow .grm-authcard input[type=checkbox]{accent-color:#103A63;width:16px;height:16px;margin:0}
.grm-portal--narrow .grm-authcard .gm-btn{width:100% !important;height:50px !important;font-size:15px !important;font-weight:700 !important;border-radius:12px !important;margin-top:18px !important;line-height:50px !important;text-align:center;display:inline-flex !important;align-items:center;justify-content:center}
.grm-portal--narrow .grm-authcard p:last-child, .grm-portal--narrow .grm-authcard__foot{text-align:center !important;margin-top:18px !important;color:#55636E !important;font-size:14px !important}
.grm-portal--narrow .grm-authcard a{color:#103A63 !important;font-weight:600 !important}
.grm-portal--narrow .grm-authcard .grm-choice{display:grid !important;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 18px}
.grm-portal--narrow .grm-authcard .grm-choice a, .grm-portal--narrow .grm-authcard .grm-choice-card{display:flex !important;flex-direction:column;align-items:center;text-align:center;padding:22px 14px !important;background:#fff !important;border:1.5px solid var(--grm-line,#d7dee7) !important;border-radius:14px !important;text-decoration:none !important;transition:border-color .15s, box-shadow .15s, transform .15s;color:var(--grm-ink,#041e42) !important;cursor:pointer}
.grm-portal--narrow .grm-authcard .grm-choice a:hover, .grm-portal--narrow .grm-authcard .grm-choice-card:hover{border-color:#103A63 !important;box-shadow:0 8px 24px rgba(16,58,99,.12);transform:translateY(-2px)}
.grm-portal--narrow .grm-authcard .grm-choice .material-symbols-rounded{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:14px;background:#EDF2F8;color:#103A63;font-size:28px;margin-bottom:10px}
.grm-portal--narrow .grm-authcard .grm-choice strong{font-size:15.5px;color:var(--grm-ink,#041e42);margin-bottom:4px}
.grm-portal--narrow .grm-authcard .grm-choice small{color:#55636E;font-size:12.5px;line-height:1.35}
.grm-portal--narrow .grm-fineprint{font-size:13px !important;color:#55636E !important;text-align:center !important;margin-top:14px !important}
body.page-id-29:not(.logged-in) .grm-header{background:#fff !important;border-bottom:1px solid rgba(0,0,0,.05) !important}
@media(max-width:600px){
.grm-portal--narrow{padding:30px 14px !important;min-height:calc(100vh - 60px)}
.grm-portal--narrow .grm-authcard{padding:28px 22px !important;border-radius:18px !important;max-width:none !important}
.grm-portal--narrow .grm-authcard h1, .grm-portal--narrow .grm-authcard h2{font-size:22px !important}
.grm-portal--narrow .grm-authcard::before{width:48px;height:48px;line-height:48px;font-size:26px}
.grm-portal__bgscatter > span{font-size:50px !important}
.grm-portal--narrow .grm-authcard .grm-choice{grid-template-columns:1fr;gap:10px}
}
.grm-portal--narrow .grm-choice{position:relative;z-index:1;max-width:620px;width:100%;text-align:center;color:#fff}
.grm-portal--narrow .grm-choice h1, .grm-portal--narrow .grm-choice h2{color:#fff !important;font-size:32px !important;font-weight:800 !important;margin:0 0 8px !important;letter-spacing:-.015em;text-align:center !important}
.grm-portal--narrow .grm-choice__sub{color:rgba(255,255,255,.92) !important;font-size:17px !important;margin:0 0 30px !important}
.grm-portal--narrow .grm-choice__cards{display:grid !important;grid-template-columns:1fr 1fr;gap:14px}
.grm-portal--narrow .grm-choice__card{display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;padding:34px 22px !important;background:#fff !important;border-radius:18px !important;text-decoration:none !important;color:var(--grm-ink,#041e42) !important;box-shadow:0 16px 50px rgba(0,0,0,.22) !important;transition:transform .18s, box-shadow .18s;border:0 !important;cursor:pointer}
.grm-portal--narrow .grm-choice__card:hover{transform:translateY(-4px);box-shadow:0 22px 60px rgba(0,0,0,.30) !important}
.grm-portal--narrow .grm-choice__card > .material-symbols-rounded{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:64px !important;height:64px !important;border-radius:18px !important;background:#EDF2F8 !important;color:#103A63 !important;font-size:34px !important;margin-bottom:14px !important}
.grm-portal--narrow .grm-choice__card--biz > .material-symbols-rounded{background:#fef7e0 !important;color:var(--grm-warn,#f59e0b) !important}
.grm-portal--narrow .grm-choice__card strong{font-size:18px !important;font-weight:700 !important;margin-bottom:6px;color:var(--grm-ink,#041e42) !important;display:block}
.grm-portal--narrow .grm-choice__card span{color:#55636E !important;font-size:14px !important;line-height:1.45 !important;font-weight:400 !important}
.grm-portal--narrow .grm-fineprint{color:rgba(255,255,255,.88) !important;text-align:center !important;margin-top:24px !important;font-size:14.5px !important;position:relative;z-index:1}
.grm-portal--narrow .grm-fineprint a{color:#fff !important;font-weight:700 !important;text-decoration:underline}
@media(max-width:600px){
.grm-portal--narrow .grm-choice__cards{grid-template-columns:1fr;gap:10px}
.grm-portal--narrow .grm-choice h1, .grm-portal--narrow .grm-choice h2{font-size:26px !important}
.grm-portal--narrow .grm-choice__sub{font-size:15px !important;margin-bottom:22px !important}
.grm-portal--narrow .grm-choice__card{padding:28px 18px !important;border-radius:14px !important}
}
@media(max-width:980px){
.grm-app.is-fullsheet .grm-mapwrap{display:none !important}
.grm-app.is-fullsheet #grm-chips, .grm-app.is-fullsheet .grm-topbar > .grm-chips{display:none !important}
.grm-app.is-fullsheet .grm-panel{position:fixed !important;top:64px !important;left:0;right:0;bottom:0;z-index:50;background:#fff;border-radius:0;box-shadow:none;max-height:none;height:auto}
.grm-app.is-fullsheet .grm-panel .grm-sheet-handle{display:flex;background:#fff;border-bottom:1px solid var(--grm-line,#d7dee7)}
.grm-app.is-fullsheet .grm-list{padding-bottom:80px}
.grm-app.is-fullsheet .grm-panel__head{position:sticky;top:0;background:#fff;z-index:5;padding:10px 14px;border-bottom:1px solid #EAEFF5}
}
.grm-loc-btn, .grm-filt-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:0;background:transparent;color:#55636E;border-radius:50%;cursor:pointer;transition:background .15s, color .15s;flex:0 0 auto;margin:0 2px}
.grm-loc-btn:hover, .grm-filt-btn:hover{background:#EAEFF5;color:var(--grm-ink,#041e42)}
.grm-loc-btn.is-active{color:#103A63;background:#EDF2F8}
.grm-loc-btn.is-loading .material-symbols-rounded{animation:grmSpin 1s linear infinite}
@keyframes grmSpin{to{transform:rotate(360deg)}}
.grm-loc-btn .material-symbols-rounded, .grm-filt-btn .material-symbols-rounded{font-size:22px}
.grm-filter-panel{position:fixed;top:0;right:0;bottom:0;width:min(420px, 90vw);background:#fff;z-index:9999;box-shadow:-12px 0 40px rgba(0,0,0,.25);display:flex;flex-direction:column;animation:grmSlideIn .22s ease-out}
.grm-filter-panel[hidden]{display:none !important}
@keyframes grmSlideIn{from{transform:translateX(100%)}to{transform:translateX(0)}}
body.grm-filter-open{overflow:hidden}
body.grm-filter-open::before{content:"";position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:9998;animation:grmFadeIn .22s ease-out}
@keyframes grmFadeIn{from{opacity:0}to{opacity:1}}
.grm-filter-panel__head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--grm-line,#d7dee7)}
.grm-filter-panel__head strong{font-size:18px;font-weight:800;color:var(--grm-ink,#041e42);letter-spacing:-.01em}
.grm-filter-panel__close{background:transparent;border:0;width:36px;height:36px;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:#55636E;transition:background .15s}
.grm-filter-panel__close:hover{background:#EAEFF5;color:var(--grm-ink,#041e42)}
.grm-filter-panel__body{flex:1;overflow-y:auto;padding:18px 20px}
.grm-filter-panel__foot{padding:14px 20px;border-top:1px solid var(--grm-line,#d7dee7);display:flex;gap:10px;align-items:center}
.grm-filter-panel__foot .gm-btn{flex:1;height:44px !important;line-height:44px !important;margin:0 !important;border-radius:24px !important}
.grm-filt-grp{padding:14px 0;border-bottom:1px solid #EAEFF5}
.grm-filt-grp:last-child{border-bottom:0}
.grm-filt-lbl{display:block;font-size:13.5px;font-weight:700;color:var(--grm-ink,#041e42);margin-bottom:10px;text-transform:uppercase;letter-spacing:.04em}
.grm-filt-chips{display:flex;flex-wrap:wrap;gap:6px}
.grm-filt-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 9px;background:#fff;border:1px solid #D7DEE7;border-radius:24px;cursor:pointer;font-size:13px;font-weight:600;color:var(--grm-ink,#041e42);transition:border-color .15s, background .15s}
.grm-filt-chip:hover{background:#F5F7FA}
.grm-filt-chip__dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--c, #103A63)}
.grm-filt-chip.is-active{background:#103A63;color:#fff;border-color:#103A63}
.grm-filt-chip.is-active .grm-filt-chip__dot{box-shadow:0 0 0 1.5px #fff inset}
.grm-filt-sel{width:100%;height:44px;border:1px solid #D7DEE7;border-radius:12px;padding:0 14px;font-size:14px;color:var(--grm-ink,#041e42);background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235f6368' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 14px center;background-size:14px;padding-right:38px;cursor:pointer}
.grm-filt-sel:focus{outline:none;border-color:#103A63;box-shadow:0 0 0 3px rgba(16,58,99,.14)}
.grm-filt-radius{display:flex;align-items:center;gap:14px;margin-bottom:10px}
.grm-filt-radius input[type=range]{flex:1;accent-color:#103A63;height:6px}
.grm-filt-radius output{font-size:14px;font-weight:700;color:#103A63;min-width:70px;text-align:right}
.grm-loc-btn-inline{display:inline-flex;align-items:center;gap:8px;padding:9px 14px 9px 10px;background:#EDF2F8;color:#103A63;border:0;border-radius:24px;cursor:pointer;font-size:13.5px;font-weight:600;transition:background .15s}
.grm-loc-btn-inline:hover{background:#D3E0EF}
.grm-loc-btn-inline .material-symbols-rounded{font-size:18px}
.grm-filt-check{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:14px;color:var(--grm-ink,#041e42);cursor:pointer;font-weight:500}
.grm-filt-check input[type=checkbox]{accent-color:#103A63;width:16px;height:16px;cursor:pointer}
@media(max-width:600px){
.grm-filter-panel{width:100%;max-width:none}
}
.grm-photos-section{background:#fff;border:1px solid var(--grm-line,#d7dee7);border-radius:18px;padding:24px;margin:18px 0;box-shadow:0 4px 14px rgba(0,0,0,.04)}
.grm-photos-section__head{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}
.grm-photos-section__ic{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;background:#EDF2F8;color:#103A63;border-radius:12px;font-size:24px;flex:0 0 auto}
.grm-photos-section h3{font-size:18px;font-weight:800;color:var(--grm-ink,#041e42);margin:0 0 4px}
.grm-photos-section p{color:#55636E;font-size:14.5px;margin:0;line-height:1.45}
.grm-photos-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(130px, 1fr));gap:10px;margin-bottom:18px}
.grm-photo-item{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#EAEFF5}
.grm-photo-item img{width:100%;height:100%;object-fit:cover;display:block}
.grm-photo-del{position:absolute;top:6px;right:6px;margin:0;padding:0}
.grm-photo-del button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:rgba(255,255,255,.92);border:0;border-radius:50%;cursor:pointer;color:var(--grm-danger,#dc2626);opacity:0;transition:opacity .15s;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.grm-photo-item:hover .grm-photo-del button{opacity:1}
.grm-photo-del button .material-symbols-rounded{font-size:16px}
.grm-photos-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px;background:#F5F7FA;border:1.5px dashed #D7DEE7;border-radius:14px;margin-bottom:18px;color:#55636E}
.grm-photos-empty .material-symbols-rounded{font-size:36px;color:var(--grm-ink-300,#a8b4bc);margin-bottom:8px}
.grm-photos-empty p{margin:0;font-size:14px}
.grm-photos-form{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.grm-photos-input{display:inline-flex;align-items:center;gap:8px;padding:11px 18px 11px 14px;background:#EDF2F8;color:#103A63;border-radius:24px;cursor:pointer;font-size:14px;font-weight:600;transition:background .15s;position:relative}
.grm-photos-input:hover{background:#D3E0EF}
.grm-photos-input input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}
.grm-photos-input .material-symbols-rounded{font-size:20px}
.grm-photos-form .gm-btn{margin:0 !important}
.grm-profile-gallery{background:#fff;border:1px solid var(--grm-line,#d7dee7);border-radius:14px;padding:20px 22px;margin:0 0 18px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.grm-profile-gallery h2{font-size:20px !important;font-weight:800;margin:0 0 14px;color:var(--grm-ink,#041e42);letter-spacing:-.01em}
.grm-profile-gallery__grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(160px, 1fr));gap:10px}
.grm-profile-gallery__item{display:block;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#EAEFF5;transition:transform .18s, box-shadow .18s}
.grm-profile-gallery__item:hover{transform:scale(1.03);box-shadow:0 10px 26px rgba(0,0,0,.12)}
.grm-profile-gallery__item img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:600px){
.grm-photos-section{padding:18px}
.grm-photos-grid{grid-template-columns:repeat(auto-fill, minmax(100px, 1fr));gap:8px}
.grm-profile-gallery__grid{grid-template-columns:repeat(auto-fill, minmax(120px, 1fr));gap:8px}
}
.grm-cookie-banner{position:fixed;bottom:18px;left:18px;right:18px;max-width:760px;margin:0 auto;background:#fff;border:1px solid var(--grm-line,#d7dee7);border-radius:18px;padding:18px 22px;box-shadow:0 18px 50px rgba(0,0,0,.18), 0 4px 14px rgba(0,0,0,.08);z-index:9000;display:flex;gap:16px;align-items:center;flex-wrap:wrap;animation:grmCookieIn .35s cubic-bezier(.2,.8,.2,1)}
@keyframes grmCookieIn{from{transform:translateY(120%);opacity:0}to{transform:translateY(0);opacity:1}}
.grm-cookie-banner.is-gone{transform:translateY(140%);opacity:0;transition:transform .32s ease-in, opacity .32s ease-in}
.grm-cookie-banner__ic{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--grm-warn-50,#FEF7E0);color:var(--grm-warn,#f59e0b);border-radius:14px;flex:0 0 auto;font-size:24px}
.grm-cookie-banner__ic .material-symbols-rounded{font-size:24px}
.grm-cookie-banner__txt{flex:1;color:#55636E;font-size:14px;line-height:1.45;min-width:240px}
.grm-cookie-banner__txt strong{display:block;color:var(--grm-ink,#041e42);font-weight:700;margin-bottom:2px;font-size:14.5px}
.grm-cookie-banner__txt a{color:#103A63;font-weight:600;text-decoration:underline}
.grm-cookie-banner .gm-btn{white-space:nowrap;margin:0 !important;height:42px !important;line-height:42px !important;padding:0 22px !important;border-radius:24px !important;font-weight:700 !important;flex:0 0 auto}
@media(max-width:600px){
.grm-cookie-banner{bottom:10px;left:10px;right:10px;padding:14px 16px;border-radius:14px;gap:12px}
.grm-cookie-banner__ic{width:38px;height:38px;border-radius:12px}
.grm-cookie-banner .gm-btn{width:100% !important}
}
.grm-reviews{margin:32px 0;padding:28px;background:#fff;border:1px solid var(--grm-line-soft,#eaeff5);border-radius:18px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.grm-reviews__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid #EAEFF5}
.grm-reviews__title{margin:0;font-size:22px;font-weight:700;color:var(--grm-ink,#041e42);display:flex;align-items:center;gap:10px}
.grm-reviews__title .material-symbols-rounded{font-size:26px;color:var(--grm-warn,#f59e0b)}
.grm-reviews__sum{display:flex;align-items:center;gap:14px}
.grm-reviews__avg{font-size:32px;font-weight:800;line-height:1;color:var(--grm-ink,#041e42)}
.grm-reviews__meta{display:flex;flex-direction:column;gap:4px}
.grm-reviews__count{font-size:13px;color:#55636E}
.grm-stars{display:inline-flex;gap:2px;color:#D7DEE7;font-size:18px;line-height:1}
.grm-stars .material-symbols-rounded{font-size:20px;font-variation-settings:'FILL' 0,'wght' 500}
.grm-stars .is-full{color:var(--grm-warn,#f59e0b);font-variation-settings:'FILL' 1,'wght' 500}
.grm-stars .is-half{color:var(--grm-warn,#f59e0b);font-variation-settings:'FILL' 1,'wght' 500;opacity:.55}
.grm-reviews__list{display:flex;flex-direction:column;gap:18px;margin-bottom:24px}
.grm-review{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:16px;background:var(--grm-canvas,#f5f7fa);border:1px solid var(--grm-line-soft,#eaeff5);border-radius:14px;transition:border-color .2s,box-shadow .2s}
.grm-review:hover{border-color:#D7DEE7;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.grm-review__avatar{width:48px;height:48px;border-radius:50%;background:var(--grm-brand,#103A63);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;text-transform:uppercase;flex-shrink:0}
.grm-review__body{display:flex;flex-direction:column;gap:6px;min-width:0}
.grm-review__row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.grm-review__name{font-weight:600;color:var(--grm-ink,#041e42);font-size:14.5px}
.grm-review__date{font-size:12.5px;color:var(--grm-ink-400,#7A8794)}
.grm-review__txt{margin:4px 0 0;font-size:14.5px;line-height:1.55;color:var(--grm-ink-700,#33424f);white-space:pre-wrap;word-wrap:break-word}
.grm-reviews__empty{padding:28px 16px;text-align:center;color:var(--grm-ink-400,#7A8794);font-size:14px;background:#F5F7FA;border:1px dashed #D7DEE7;border-radius:12px;margin-bottom:24px}
.grm-reviews__form{padding:22px;background:#F5F7FA;border:1px solid var(--grm-line-soft,#eaeff5);border-radius:14px}
.grm-reviews__form h4{margin:0 0 14px;font-size:16px;font-weight:600;color:var(--grm-ink,#041e42)}
.grm-reviews__form .grm-field{margin-bottom:14px}
.grm-reviews__form label{display:block;font-size:13px;color:var(--grm-ink-700,#33424f);margin-bottom:6px;font-weight:500}
.grm-reviews__form input[type=text],.grm-reviews__form input[type=email],.grm-reviews__form textarea{width:100%;padding:11px 14px;border:1px solid #D7DEE7;border-radius:10px;font-size:14.5px;background:#fff;transition:border-color .15s,box-shadow .15s;font-family:inherit}
.grm-reviews__form input:focus,.grm-reviews__form textarea:focus{outline:none;border-color:#103A63;box-shadow:0 0 0 3px rgba(16,58,99,.12)}
.grm-reviews__form textarea{min-height:110px;resize:vertical}
.grm-stars-input{display:inline-flex;flex-direction:row-reverse;gap:4px}
.grm-stars-input input[type=radio]{position:absolute;opacity:0;pointer-events:none}
.grm-stars-input label{cursor:pointer;color:#D7DEE7;font-size:28px;transition:color .15s,transform .15s;margin:0;padding:2px}
.grm-stars-input label .material-symbols-rounded{font-size:30px;font-variation-settings:'FILL' 1}
.grm-stars-input label:hover,.grm-stars-input label:hover ~ label,.grm-stars-input input:checked ~ label{color:var(--grm-warn,#f59e0b)}
.grm-stars-input label:hover{transform:scale(1.12)}
.grm-reviews__form .gm-btn{margin-top:6px}
.grm-reviews__notice{padding:12px 14px;border-radius:10px;font-size:13.5px;margin-bottom:14px}
.grm-reviews__notice--ok{background:#EDF2F8;color:#103A63;border:1px solid #D3E0EF}
.grm-reviews__notice--err{background:var(--grm-warn-50,#fef7e0);color:var(--grm-danger,#dc2626);border:1px solid var(--grm-danger-50,var(--grm-danger-50,#FBD5D2))}
@media(max-width:640px){
.grm-reviews{padding:20px;border-radius:14px}
.grm-reviews__head{flex-direction:column;align-items:stretch}
.grm-review{grid-template-columns:40px 1fr;padding:14px;gap:12px}
.grm-review__avatar{width:40px;height:40px;font-size:16px}
.grm-reviews__avg{font-size:26px}
}
.grm-profile-gallery{margin:32px 0}
.grm-profile-gallery__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px}
.grm-profile-gallery__title{margin:0;font-size:22px;font-weight:700;color:var(--grm-ink,#041e42);display:flex;align-items:center;gap:10px}
.grm-profile-gallery__title .material-symbols-rounded{font-size:26px;color:#103A63}
.grm-profile-gallery__count{font-size:13px;color:var(--grm-ink-400,#7A8794)}
.grm-profile-gallery__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:140px;gap:10px;border-radius:18px;overflow:hidden}
.grm-profile-gallery__item{position:relative;overflow:hidden;border-radius:12px;background:#EAEFF5;cursor:zoom-in;transition:transform .25s,box-shadow .25s}
.grm-profile-gallery__item:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.12);z-index:2}
.grm-profile-gallery__item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.grm-profile-gallery__item:hover img{transform:scale(1.05)}
.grm-profile-gallery__item:nth-child(1){grid-column:span 2;grid-row:span 2}
.grm-profile-gallery__item:nth-child(6n+2){grid-column:span 2}
.grm-profile-gallery__item:nth-child(7n+5){grid-row:span 2}
.grm-profile-gallery__more{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.6),rgba(0,0,0,.3));color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;letter-spacing:.5px}
@media(max-width:980px){
.grm-profile-gallery__grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:120px}
.grm-profile-gallery__item:nth-child(1){grid-column:span 2;grid-row:span 2}
}
@media(max-width:640px){
.grm-profile-gallery__grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:110px;gap:8px}
.grm-profile-gallery__item:nth-child(1){grid-column:span 2;grid-row:span 2}
.grm-profile-gallery__item:nth-child(6n+2){grid-column:auto}
.grm-profile-gallery__item:nth-child(7n+5){grid-row:auto}
}
.grm-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .2s}
.grm-lightbox.is-open{opacity:1;pointer-events:auto}
.grm-lightbox img{max-width:100%;max-height:100%;border-radius:8px;box-shadow:0 10px 40px rgba(0,0,0,.5)}
.grm-lightbox__close{position:absolute;top:18px;right:20px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.12);border:none;color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}
.grm-lightbox__close:hover{background:rgba(255,255,255,.22)}
.grm-lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.15);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}
.grm-lightbox__nav:hover{background:rgba(255,255,255,.25)}
.grm-lightbox__nav--prev{left:18px}
.grm-lightbox__nav--next{right:18px}
.grm-lightbox__nav .material-symbols-rounded{font-size:32px}
.grm-reviews__head h2{margin:0;font-size:22px;font-weight:700;color:var(--grm-ink,#041e42);display:flex;align-items:center;gap:10px}
.grm-reviews__head h2::before{content:'reviews';font-family:'Material Symbols Rounded';font-size:26px;color:var(--grm-warn,#f59e0b);font-variation-settings:'FILL' 1,'wght' 500;-webkit-font-feature-settings:'liga';font-feature-settings:'liga'}
.grm-reviews__empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:36px 16px;text-align:center;color:var(--grm-ink-400,#7A8794);font-size:14px;background:#F5F7FA;border:1px dashed #D7DEE7;border-radius:12px;margin-bottom:20px}
.grm-reviews__empty .material-symbols-rounded{font-size:42px;color:#D7DEE7;font-variation-settings:'FILL' 1}
.grm-reviews__empty p{margin:0;font-size:14.5px}
.grm-reviews__form-wrap{margin-top:18px;border-top:1px solid #EAEFF5;padding-top:18px}
.grm-reviews__form-wrap summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#103A63;color:#fff;border-radius:999px;font-weight:600;font-size:14px;transition:background .15s,transform .15s;user-select:none}
.grm-reviews__form-wrap summary::-webkit-details-marker{display:none}
.grm-reviews__form-wrap summary:hover{background:#103A63;transform:translateY(-1px)}
.grm-reviews__form-wrap summary .material-symbols-rounded{font-size:18px}
.grm-reviews__form-wrap[open] summary{margin-bottom:18px}
.grm-reviews__rating{margin-bottom:16px}
.grm-reviews__rating>label{display:block;font-size:13px;color:var(--grm-ink-700,#33424f);margin-bottom:8px;font-weight:500}
.grm-stars-input{display:inline-flex;flex-direction:row;gap:4px;padding:6px 8px;background:#fff;border:1px solid #D7DEE7;border-radius:999px}
.grm-star{cursor:pointer;color:#D7DEE7;font-size:28px;transition:color .15s,transform .12s;margin:0;padding:2px;line-height:1;position:relative}
.grm-star input{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
.grm-star .material-symbols-rounded{font-size:30px;font-variation-settings:'FILL' 1;transition:color .15s,transform .12s}
.grm-star.is-hover .material-symbols-rounded,.grm-star.is-selected .material-symbols-rounded{color:var(--grm-warn,#f59e0b)}
.grm-star.is-hover .material-symbols-rounded{transform:scale(1.08)}
.grm-stars-input.is-locked .grm-star{cursor:default}
.grm-authcard{position:relative;padding-top:32px}
.grm-authcard::before{display:none !important}
.grm-auth__brand{display:flex;justify-content:center;margin:-8px 0 22px}
.grm-auth__brand svg{width:200px;height:auto;display:block}
.grm-authcard h2{margin:0 0 20px;text-align:center;font-size:24px;font-weight:700;color:var(--grm-ink,#041e42)}
.grm-authcard #wp-submit,.grm-authcard input[type=submit]{display:block;width:100%;padding:13px 18px;border:none;border-radius:12px;background:var(--grm-brand,#103A63);color:#fff;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 4px 14px rgba(16,58,99,.32);transition:transform .15s,box-shadow .15s,background .15s;letter-spacing:.2px;text-shadow:none;text-transform:none}
.grm-authcard #wp-submit:hover,.grm-authcard input[type=submit]:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(16,58,99,.42)}
.grm-authcard #wp-submit:active,.grm-authcard input[type=submit]:active{transform:translateY(0);box-shadow:0 2px 8px rgba(16,58,99,.32)}
.grm-authcard p.submit{margin:18px 0 0;padding:0;text-align:center}
.grm-authcard p.forgetmenot{margin:14px 0 8px}
.grm-authcard p.forgetmenot label{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--grm-ink-700,#33424f);cursor:pointer}
.grm-auth__lostwrap{margin:6px 0 0;text-align:right}
.grm-auth__lost{display:inline-block;font-size:13px;color:#103A63;text-decoration:none;font-weight:500;padding:4px 0}
.grm-auth__lost:hover{text-decoration:underline}
.grm-auth__regbtn{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;padding:12px 18px;width:100%;border:1.5px solid #103A63;border-radius:12px;background:#fff;color:#103A63;font-weight:600;font-size:14.5px;text-decoration:none;transition:background .15s,color .15s,transform .15s;cursor:pointer;box-sizing:border-box}
.grm-authcard .grm-auth__regbtn:hover{background:#103A63;color:#fff;transform:translateY(-1px)}
.grm-auth__regbtn .material-symbols-rounded{font-size:20px;font-variation-settings:'FILL' 1}
.grm-authcard .grm-fineprint{text-align:center;margin:18px 0 4px;font-size:13.5px;color:#55636E;border-top:1px solid #EAEFF5;padding-top:18px}
.grm-authcard .grm-fineprint>a{display:none}
.grm-authcard #loginform label{display:block;font-weight:600;font-size:13px;color:var(--grm-ink-700,#33424f);margin-bottom:6px}
.grm-authcard #loginform input[type=text],.grm-authcard #loginform input[type=email],.grm-authcard #loginform input[type=password]{width:100%;padding:11px 14px;border:1px solid #D7DEE7;border-radius:10px;font-size:15px;background:#fff;transition:border-color .15s,box-shadow .15s;box-sizing:border-box;font-family:inherit}
.grm-authcard #loginform input:focus{outline:none;border-color:#103A63;box-shadow:0 0 0 3px rgba(16,58,99,.12)}
.grm-authcard #loginform p{margin:0 0 14px}
.grm-reviews__gate{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;background:#EDF2F8;border:1px solid #D3E0EF;border-radius:14px;margin:18px 0 4px;color:#0B2A49}
.grm-reviews__gate--ok{background:#EDF2F8;border-color:#D3E0EF;color:#103A63}
.grm-reviews__gate .material-symbols-rounded{font-size:28px;color:#103A63;font-variation-settings:'FILL' 1;flex-shrink:0}
.grm-reviews__gate--ok .material-symbols-rounded{color:#103A63}
.grm-reviews__gate strong{display:block;font-size:15px;font-weight:600;margin-bottom:4px;color:inherit}
.grm-reviews__gate p{margin:0;font-size:13.5px;line-height:1.5;color:var(--grm-ink-700,#33424f)}
.grm-reviews__gate a{color:#103A63;text-decoration:underline;font-weight:500}
.grm-review__verified{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#EDF2F8;color:#103A63;border-radius:999px;font-size:11.5px;font-weight:500}
.grm-review__verified .material-symbols-rounded{font-size:14px;color:#103A63;font-variation-settings:'FILL' 1}
.grm-review__src{display:inline-flex;align-items:center;padding:2px 8px;background:#fef7e0;color:#b06000;border-radius:999px;font-size:11.5px;font-weight:500}
.grm-review--ext{background:#fff;border-color:var(--grm-warn-50,#FEF7E0)}
.grm-header__fav{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:var(--grm-danger,#dc2626);text-decoration:none;transition:background .15s,transform .15s;position:relative;margin-right:6px;flex-shrink:0}
.grm-header__fav:hover{background:var(--grm-warn-50,#fef7e0);transform:scale(1.05)}
.grm-header__fav .material-symbols-rounded{font-size:22px;font-variation-settings:'FILL' 1}
.grm-header__fav[data-count]:not([data-count='0']):not([data-count=''])::after{content:attr(data-count);position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;border-radius:9px;background:var(--grm-danger,#dc2626);color:#fff;font-size:11px;line-height:18px;text-align:center;padding:0 5px;font-weight:700;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.grm-mobmenu__fav{color:var(--grm-danger,#dc2626)!important}
.grm-mobmenu__fav .material-symbols-rounded{color:var(--grm-danger,#dc2626);font-variation-settings:'FILL' 1;vertical-align:middle;margin-right:6px}
.grm-onb{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:99998;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .25s}
.grm-onb.is-open{opacity:1;pointer-events:auto}
.grm-onb__box{background:#fff;border-radius:18px;max-width:560px;width:100%;max-height:92vh;overflow-y:auto;padding:28px;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.28);transform:translateY(20px);transition:transform .25s}
.grm-onb.is-open .grm-onb__box{transform:translateY(0)}
.grm-onb__skip{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:none;background:#EAEFF5;color:#55636E;font-size:24px;cursor:pointer;transition:background .15s}
.grm-onb__skip:hover{background:var(--grm-line,#d7dee7)}
.grm-onb__hd{text-align:center;margin-bottom:20px}
.grm-onb__hd .material-symbols-rounded{font-size:48px;color:var(--grm-warn,#f59e0b);font-variation-settings:'FILL' 1}
.grm-onb__hd h3{margin:8px 0 6px;font-size:22px;color:var(--grm-ink,#041e42);font-weight:700}
.grm-onb__hd p{margin:0;font-size:14.5px;color:#55636E}
.grm-onb__form{display:flex;flex-direction:column;gap:18px}
.grm-onb__step{border:none;padding:0;margin:0}
.grm-onb__step legend{font-weight:600;color:var(--grm-ink,#041e42);font-size:14px;margin-bottom:10px;padding:0}
.grm-onb__chips{display:flex;flex-wrap:wrap;gap:8px}
.grm-onb__chip{cursor:pointer;display:inline-flex;align-items:center}
.grm-onb__chip input{position:absolute;opacity:0;pointer-events:none}
.grm-onb__chip span{display:inline-block;padding:7px 14px;border-radius:999px;background:#EAEFF5;color:var(--grm-ink-700,#33424f);font-size:13px;font-weight:500;border:1.5px solid transparent;transition:all .15s}
.grm-onb__chip:hover span{background:#EDF2F8;color:#103A63}
.grm-onb__chip input:checked + span{background:#103A63;color:#fff;border-color:#103A63}
.grm-onb__row{display:grid;grid-template-columns:1fr auto;gap:10px}
.grm-onb__input,.grm-onb__form input[type=text],.grm-onb__form select{width:100%;padding:11px 14px;border:1px solid #D7DEE7;border-radius:10px;font-size:14.5px;background:#fff;font-family:inherit;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}
.grm-onb__input:focus{outline:none;border-color:#103A63;box-shadow:0 0 0 3px rgba(16,58,99,.12)}
.grm-onb__sublabel{display:block;font-size:12.5px;color:#55636E;margin:10px 0 6px}
.grm-onb__actions{display:flex;gap:10px;justify-content:flex-end;margin-top:6px;flex-wrap:wrap}
.grm-onb__notice{padding:10px 14px;border-radius:10px;font-size:13.5px;background:var(--grm-warn-50,#fef7e0);color:var(--grm-danger,#dc2626);margin:8px 0 0}
@media(max-width:560px){.grm-onb__box{padding:22px}.grm-onb__row{grid-template-columns:1fr}}
.grm-matches{margin:24px 0 32px;padding:24px;background:#fff;border:1px solid var(--grm-line-soft,#eaeff5);border-radius:18px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.grm-matches h2{margin:0 0 18px;font-size:22px;font-weight:700;color:var(--grm-ink,#041e42);display:flex;align-items:center;gap:10px}
.grm-matches h2 .material-symbols-rounded{font-size:26px;color:#103A63;font-variation-settings:'FILL' 1}
.grm-matches__empty{color:var(--grm-ink-400,#7A8794);font-size:14px;padding:18px;text-align:center;background:#F5F7FA;border-radius:12px}
.grm-matches__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.grm-matches__card{display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid var(--grm-line-soft,#eaeff5);border-radius:12px;text-decoration:none;color:inherit;background:var(--grm-canvas,#f5f7fa);transition:transform .15s,box-shadow .15s,border-color .15s}
.grm-matches__card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.08);border-color:#103A63}
.grm-matches__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.grm-matches__head strong{color:var(--grm-ink,#041e42);font-size:14.5px;line-height:1.3}
.grm-matches__score{flex-shrink:0;padding:2px 8px;background:#EDF2F8;color:#103A63;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.3px}
.grm-matches__city{font-size:12.5px;color:#55636E;display:flex;align-items:center;gap:4px}
.grm-matches__city::before{content:'place';font-family:'Material Symbols Rounded';font-size:14px;color:var(--grm-ink-400,#7A8794);font-variation-settings:'FILL' 1}
.grm-matches__reasons{font-size:11.5px;color:var(--grm-ink-400,#7A8794);margin-top:auto}
.grm-kvk__wrap{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:10px}
.grm-kvk__input{padding:11px 14px;border:1px solid #D7DEE7;border-radius:10px;font-size:14.5px;background:#fff;letter-spacing:.5px;font-family:inherit}
.grm-kvk__input:focus{outline:none;border-color:#103A63;box-shadow:0 0 0 3px rgba(16,58,99,.12)}
.grm-kvk__btn{padding:11px 18px;border:none;border-radius:10px;background:#103A63;color:#fff;font-weight:600;font-size:13.5px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .15s,transform .15s}
.grm-kvk__btn:hover{background:#103A63;transform:translateY(-1px)}
.grm-kvk__btn:disabled{opacity:.6;cursor:wait}
.grm-kvk__btn .material-symbols-rounded{font-size:18px}
.grm-kvk__status{font-size:12.5px;padding:8px 12px;border-radius:8px;margin-bottom:10px}
.grm-kvk__status--ok{background:#EDF2F8;color:#103A63;border:1px solid #D3E0EF}
.grm-kvk__status--err{background:var(--grm-warn-50,#fef7e0);color:var(--grm-danger,#dc2626);border:1px solid var(--grm-danger-50,var(--grm-danger-50,#FBD5D2))}
.grm-kvk__status--demo{background:#fef7e0;color:#b06000;border:1px solid var(--grm-warn-50,#FEF7E0)}
.grm-header__acct{position:relative;margin-left:6px;flex-shrink:0}
.grm-header__avatar{width:40px;height:40px;border-radius:50%;border:none;background:var(--grm-brand,#103A63);color:#fff;font-weight:700;font-size:16px;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 6px rgba(16,58,99,.3);display:flex;align-items:center;justify-content:center;text-transform:uppercase}
.grm-header__avatar:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(16,58,99,.4)}
.grm-header__menu{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;background:#fff;border:1px solid var(--grm-line-soft,#eaeff5);border-radius:14px;box-shadow:0 12px 32px rgba(0,0,0,.15);padding:6px;z-index:1000;animation:grmMenuIn .18s ease}
@keyframes grmMenuIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.grm-header__menu[hidden]{display:none!important}
.grm-header__menu-hd{padding:12px 14px 10px;border-bottom:1px solid #EAEFF5;margin-bottom:6px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.grm-header__menu-hd strong{font-size:14px;color:var(--grm-ink,#041e42);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}
.grm-header__role{font-size:11px;padding:3px 8px;border-radius:999px;background:#EDF2F8;color:#103A63;font-weight:600;letter-spacing:.3px}
.grm-header__menu a{display:flex;align-items:center;gap:10px;padding:10px 12px;color:var(--grm-ink-700,#33424f);text-decoration:none;font-size:14px;border-radius:10px;transition:background .12s}
.grm-header__menu a:hover{background:#EAEFF5;color:#103A63}
.grm-header__menu a .material-symbols-rounded{font-size:20px;color:#55636E}
.grm-header__menu a:hover .material-symbols-rounded{color:#103A63}
.grm-header__menu hr{border:none;border-top:1px solid #EAEFF5;margin:6px 0}
.grm-header__logout{color:var(--grm-danger,#dc2626)!important}
.grm-header__logout .material-symbols-rounded{color:var(--grm-danger,#dc2626)!important}
.grm-header__logout:hover{background:var(--grm-warn-50,#fef7e0)!important;color:var(--grm-danger,#dc2626)!important}
@media(max-width:780px){
.grm-header__menu{right:-8px;min-width:220px}
}
@media (max-width: 980px) {
.grm-app .grm-panel {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: auto !important;
width: auto !important;
max-width: none !important;
max-height: 100vh !important;
height: 100vh !important;
margin: 0 !important;
padding: 0 !important;
z-index: 60 !important;
background: #fff !important;
box-shadow: 0 -10px 24px rgba(0,0,0,.15) !important;
border-radius: 18px 18px 0 0 !important;
display: flex !important;
flex-direction: column !important;
flex: none !important;
will-change: transform;
transform: translateY(55vh);
transition: transform .38s cubic-bezier(.2,.8,.2,1), border-radius .25s ease;
}
.grm-app .grm-panel.grm-panel--closed {
transform: translateY(calc(100vh - 88px)) !important;
max-height: 28px !important;
height: 28px !important;
border-radius: 18px 18px 0 0 !important;
overflow: hidden !important;
}
.grm-app .grm-panel.grm-panel--peek {
transform: translateY(55vh) !important;
max-height: calc(45vh - 60px) !important;
height: calc(45vh - 60px) !important;
}
.grm-app .grm-panel.grm-panel--full {
transform: translateY(64px) !important;
border-radius: 0 !important;
max-height: calc(100vh - 124px) !important;
height: calc(100vh - 124px) !important;
}
.grm-app .grm-panel.grm-panel--dragging {
transition: none !important;
}
.grm-app #grm-sheet-handle {
position: relative;
height: 24px;
cursor: grab;
user-select: none;
touch-action: none;
flex-shrink: 0;
background: #fff;
border-radius: 18px 18px 0 0;
display: flex;
align-items: center;
justify-content: center;
}
.grm-app .grm-panel--full #grm-sheet-handle {
border-radius: 0;
}
.grm-app #grm-sheet-handle::before {
content: '';
display: block;
width: 48px;
height: 5px;
border-radius: 3px;
background: var(--grm-line,#d7dee7);
transition: background .15s, width .15s;
}
.grm-app #grm-sheet-handle:active::before,
.grm-app .grm-panel--dragging #grm-sheet-handle::before {
background: #103A63;
width: 64px;
}
.grm-app .grm-panel__head {
padding: 8px 16px 6px;
background: #fff;
border-bottom: 1px solid #EAEFF5;
flex-shrink: 0;
}
.grm-app .grm-panel__head::before {
content: none !important;
display: none !important;
}
.grm-app .grm-list {
flex: 1 1 auto;
overflow-y: hidden;
overscroll-behavior: none;
touch-action: none;
-webkit-overflow-scrolling: touch;
padding-bottom: 32px;
}
.grm-app .grm-panel--full .grm-list {
overflow-y: auto !important;
overscroll-behavior: contain !important;
touch-action: pan-y !important;
padding-bottom: calc(140px + env(safe-area-inset-bottom, 0px)) !important;
}
.grm-mapwrap {
}
.grm-app.is-fullsheet .grm-mapwrap {
opacity: 1;
}
.grm-app #grm-chips,
.grm-app .grm-topbar #grm-chips {
transition: opacity .25s ease, transform .25s ease;
}
.grm-app.is-fullsheet #grm-chips {
opacity: 0 !important;
pointer-events: none !important;
transform: translateY(-10px);
}
.grm-app .grm-search-area {
transition: opacity .25s, transform .25s;
}
.grm-app.is-fullsheet .grm-search-area {
opacity: 0 !important;
pointer-events: none !important;
transform: translateY(20px);
}
.grm-app .grm-panel-toggle {
display: none !important;
}
}
@media (max-width: 980px) {
.grm-mobmenu {
position: fixed !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: auto !important;
width: min(86vw, 340px) !important;
height: 100vh !important;
max-height: 100vh !important;
background: #fff !important;
z-index: 9999 !important;
transform: translateX(100%) !important;
transition: transform .35s cubic-bezier(.2,.8,.2,1) !important;
box-shadow: -10px 0 30px rgba(0,0,0,.20) !important;
overflow-y: auto !important;
overscroll-behavior: contain !important;
padding: 70px 20px 80px !important;
display: flex !important;
flex-direction: column !important;
gap: 4px !important;
-webkit-overflow-scrolling: touch;
border-top: none !important;
border-radius: 18px 0 0 18px !important;
}
.grm-burger-cb:checked ~ .grm-mobmenu {
transform: translateX(0) !important;
display: flex !important;
}
.grm-burger-cb:checked ~ .grm-mobmenu::before {
content: '';
position: fixed;
top: 0; left: 0; right: 100%; bottom: 0;
width: 100%;
height: 100vh;
background: rgba(0,0,0,.45);
z-index: -1;
animation: grmDrawerBackdrop .25s ease forwards;
margin-left: -100vw;
}
@keyframes grmDrawerBackdrop {
from { opacity: 0; }
to { opacity: 1; }
}
.grm-mobmenu::after {
content: 'close';
font-family: 'Material Symbols Rounded';
position: absolute;
top: 16px;
right: 16px;
width: 38px;
height: 38px;
border-radius: 50%;
background: #EAEFF5;
color: var(--grm-ink-700,#33424f);
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
cursor: pointer;
z-index: 2;
pointer-events: none;
}
.grm-mobmenu a {
display: flex !important;
align-items: center;
gap: 12px;
padding: 14px 16px !important;
border-bottom: none !important;
border-radius: 12px !important;
color: var(--grm-ink,#041e42) !important;
font-size: 15.5px !important;
font-weight: 500 !important;
transition: background .15s;
text-decoration: none;
}
.grm-mobmenu a:hover,
.grm-mobmenu a:active {
background: #EAEFF5 !important;
}
.grm-mobmenu a[href*=register],
.grm-mobmenu a[href*=portaal] {
}
.grm-tabbar {
position: fixed !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
height: auto;
min-height: calc(60px + env(safe-area-inset-bottom, 0px));
padding-bottom: env(safe-area-inset-bottom, 0px);
background: #fff;
border-top: 1px solid var(--grm-line-soft,#eaeff5);
display: flex !important;
justify-content: space-around;
align-items: stretch;
z-index: 100;
box-shadow: 0 -2px 14px rgba(0,0,0,.05);
}
.grm-tabbar__tab {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 2px;
text-decoration: none;
color: #55636E;
font-size: 10.5px;
font-weight: 600;
letter-spacing: .2px;
padding: 8px 4px 6px;
transition: color .15s;
}
.grm-tabbar__tab .material-symbols-rounded {
font-size: 24px;
transition: font-variation-settings .15s;
}
.grm-tabbar__tab.is-active {
color: var(--grm-brand, #103A63);
}
.grm-tabbar__tab.is-active .material-symbols-rounded {
font-variation-settings: 'FILL' 1, 'wght' 600;
}
.grm-tabbar__tab:active {
background: var(--grm-brand-50, #EDF2F8);
}
.grm-tabbar__badge {
position: absolute;
top: 6px;
margin-left: 14px;
background: var(--grm-danger,#dc2626);
color: #fff;
font-size: 10px;
font-weight: 700;
min-width: 16px;
height: 16px;
border-radius: 8px;
padding: 0 4px;
line-height: 16px;
text-align: center;
}
body.grm-has-tabbar {
padding-bottom: calc(60px + env(safe-area-inset-bottom, 0px)) !important;
}
}
@media (max-width: 980px) {
#grm-sheet-handle {
position: relative;
overflow: visible !important;
}
.grm-sheet-close {
position: absolute;
top: 50%;
right: 12px;
transform: translateY(-50%);
width: 26px;
height: 26px;
border-radius: 50%;
background: #EAEFF5;
border: none;
color: #55636E;
font-size: 18px;
line-height: 1;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
transition: background .15s, transform .15s;
z-index: 2;
touch-action: manipulation;
}
.grm-sheet-close:hover,
.grm-sheet-close:active {
background: var(--grm-line,#d7dee7);
transform: translateY(-50%) scale(1.08);
}
.grm-panel--closed .grm-sheet-close {
display: none;
}
.grm-app .grm-panel {
transition: transform .32s cubic-bezier(.16, 1, .3, 1), border-radius .25s ease !important;
}
}
.leaflet-tooltip.grm-marker-label {
background: #fff;
border: 1px solid var(--grm-line-soft,#eaeff5);
border-radius: 10px;
box-shadow: 0 4px 14px rgba(0,0,0,.12);
padding: 6px 10px;
font-size: 12.5px;
font-weight: 600;
color: var(--grm-ink,#041e42);
white-space: nowrap;
max-width: 200px;
line-height: 1.35;
}
.leaflet-tooltip.grm-marker-label::before {
display: none;
}
.leaflet-tooltip.grm-marker-label strong {
display: block;
font-weight: 700;
}
.grm-d {
--gmd-brand: #103A63;
--gmd-brand-dk: #103A63;
--gmd-brand-lt: #EDF2F8;
--gmd-brand-ring: rgba(16,58,99,.16);
--gmd-ok: #103A63; --gmd-ok-lt: #EDF2F8;
--gmd-warn: #b06000; --gmd-warn-lt: #fef7e0;
--gmd-dng: var(--grm-danger,#dc2626); --gmd-dng-lt: var(--grm-warn-50,#fef7e0);
--gmd-purple: var(--grm-accent,#1668C7); --gmd-purple-lt: var(--grm-brand-50,#EDF2F8);
--gmd-bg: var(--grm-canvas,#f5f7fa);
--gmd-card: #fff;
--gmd-sidebar: var(--grm-ink,#041e42);
--gmd-fg: var(--grm-ink,#041e42);
--gmd-fg2: var(--grm-ink-500,#55636e);
--gmd-fg3: var(--grm-ink-300,#a8b4bc);
--gmd-border: var(--grm-line-soft,#eaeff5);
--gmd-border-lt: var(--grm-sky-50,#edf2f8);
--gmd-hover: rgba(0,0,0,.04);
--gmd-bg-muted: var(--grm-sky-50,#edf2f8);
--gmd-input-border: var(--grm-line,#d7dee7);
--gmd-sw: 240px;
--gmd-r: 10px;
--gmd-rL: 14px;
--gmd-sh: 0 1px 3px rgba(0,0,0,.06), 0 1px 8px rgba(0,0,0,.04);
--gmd-sh-md: 0 4px 24px rgba(0,0,0,.1);
--gmd-tr: .15s ease;
font-family: 'Inter', -apple-system, 'Segoe UI', system-ui, sans-serif;
font-size: 14px;
color: var(--gmd-fg);
background: var(--gmd-bg);
line-height: 1.55;
-webkit-font-smoothing: antialiased;
display: flex;
min-height: calc(100vh - 60px);
width: 100%;
position: relative;
}
.grm-d[data-theme="dark"] {
--gmd-bg: var(--grm-ink,#041E42); --gmd-card: var(--grm-ink,#041e42); --gmd-sidebar: var(--grm-ink,#041e42);
--gmd-fg: var(--grm-canvas,#f5f7fa); --gmd-fg2: var(--grm-ink-300,#a8b4bc); --gmd-fg3: var(--grm-ink-500,#55636e);
--gmd-border: var(--grm-ink-700,#33424f); --gmd-border-lt: var(--grm-ink,#041e42);
--gmd-hover: rgba(255,255,255,.06);
--gmd-bg-muted: var(--grm-ink-700,#33424f);
--gmd-input-border: var(--grm-ink-700,#33424f);
--gmd-brand-lt: rgba(16,58,99,.15); --gmd-ok-lt: rgba(19,115,51,.15);
--gmd-warn-lt: rgba(176,96,0,.15); --gmd-dng-lt: rgba(197,34,31,.15);
}
.grm-d *, .grm-d *::before, .grm-d *::after { box-sizing: border-box; }
.grm-d a { color: inherit; text-decoration: none; }
.grm-d button { font: inherit; cursor: pointer; border: none; background: none; color: inherit; }
.grm-d h1, .grm-d h2, .grm-d h3, .grm-d h4 { margin: 0; font-weight: 700; color: var(--gmd-fg); }
.grm-d p { margin: 0; }
.grm-d__sidebar {
width: var(--gmd-sw); min-height: 100vh;
background: var(--gmd-sidebar);
display: flex; flex-direction: column;
position: fixed; left: 0; top: 0; bottom: 0; z-index: 200;
border-right: 1px solid rgba(255,255,255,.06);
}
.grm-d__org {
display: flex; align-items: center; gap: 10px;
padding: 16px 14px 14px;
cursor: pointer; transition: background var(--gmd-tr);
}
.grm-d__org:hover { background: rgba(255,255,255,.05); }
.grm-d__logo {
width: 32px; height: 32px; border-radius: 8px;
background: var(--gmd-brand);
display: flex; align-items: center; justify-content: center;
font-size: 12px; font-weight: 700; color: #fff; flex-shrink: 0;
}
.grm-d__org-text { flex: 1; min-width: 0; }
.grm-d__org-name { font-size: 13px; font-weight: 600; color: var(--grm-canvas,#f5f7fa); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.grm-d__org-tag { font-size: 11px; color: var(--grm-ink-300,#a8b4bc); }
.grm-d__nav { flex: 1; padding: 8px; overflow-y: auto; }
.grm-d__nav-label {
font-size: 10.5px; font-weight: 600; color: var(--grm-ink-500,#55636e);
text-transform: uppercase; letter-spacing: .8px;
padding: 12px 10px 5px;
}
.grm-d__nav-item {
display: flex; align-items: center; gap: 9px;
padding: 8px 10px; border-radius: 7px; margin-bottom: 1px;
color: var(--grm-ink-300,#a8b4bc); font-size: 13px; font-weight: 500;
cursor: pointer; width: 100%; text-align: left;
transition: background var(--gmd-tr), color var(--gmd-tr);
}
.grm-d__nav-item .material-symbols-rounded { font-size: 18px; flex-shrink: 0; }
.grm-d__nav-item:hover { background: rgba(255,255,255,.06); color: var(--grm-line,#d7dee7); }
.grm-d__nav-item.is-active { background: rgba(16,58,99,.2); color: #fff; }
.grm-d__nav-item.is-active .material-symbols-rounded { font-variation-settings: 'FILL' 1; color: var(--grm-accent-200,var(--grm-accent-200,#9CC4EE)); }
.grm-d__nav-badge {
margin-left: auto; font-size: 10px; font-weight: 700;
padding: 1px 6px; border-radius: 99px; min-width: 16px; text-align: center;
background: var(--gmd-brand); color: #fff;
}
.grm-d__nav-badge--red { background: var(--gmd-dng); }
.grm-d__nav-badge--green { background: var(--gmd-ok); letter-spacing: .06em; text-transform: uppercase; font-size: 8.5px; font-weight: 800; padding: 2px 7px; }
.grm-d__sep { margin: 0 12px; height: 1px; background: rgba(255,255,255,.06); }
.grm-d__user {
border-top: 1px solid rgba(255,255,255,.06);
padding: 8px;
}
.grm-d__user-inner {
display: flex; align-items: center; gap: 10px;
padding: 8px 10px; border-radius: 7px; cursor: pointer;
transition: background var(--gmd-tr);
}
.grm-d__user-inner:hover { background: rgba(255,255,255,.06); }
.grm-d__avatar {
width: 30px; height: 30px; border-radius: 50%;
background: var(--gmd-purple);
display: flex; align-items: center; justify-content: center;
font-size: 11px; font-weight: 700; color: #fff; flex-shrink: 0;
}
.grm-d__user-name { font-size: 12.5px; font-weight: 600; color: var(--grm-line-soft,#eaeff5); }
.grm-d__user-hint { font-size: 10.5px; color: var(--grm-ink-500,#55636e); }
.grm-d__main {
margin-left: var(--gmd-sw); flex: 1;
display: flex; flex-direction: column;
min-width: 0; min-height: 100vh;
}
.grm-d__topbar {
height: 52px; background: var(--gmd-card);
border-bottom: 1px solid var(--gmd-border);
display: flex; align-items: center; padding: 0 24px; gap: 12px;
position: sticky; top: 0; z-index: 100;
}
.grm-d__title { font-size: 15px; font-weight: 700; flex: 1; color: var(--gmd-fg); }
.grm-d__topbar-actions { display: flex; align-items: center; gap: 10px; }
.grm-d__content { padding: 24px 32px; width: 100%; max-width:var(--grm-w,1424px); flex: 1; }
.grm-d__card {
background: var(--gmd-card); border: 1px solid var(--gmd-border);
border-radius: var(--gmd-rL); box-shadow: var(--gmd-sh);
padding: 20px 22px; margin-bottom: 16px;
}
.grm-d__card-title { font-size: 14px; font-weight: 700; margin-bottom: 14px; color: var(--gmd-fg); display: flex; align-items: center; gap: 8px; }
.grm-d__card-sub { font-size: 12px; color: var(--gmd-fg2); font-weight: 400; }
.grm-d__welcome {
display: flex; align-items: center; gap: 16px;
padding: 18px 20px; margin-bottom: 20px;
background: linear-gradient(135deg, var(--gmd-brand) 0%, var(--gmd-brand-dk) 100%);
border-radius: var(--gmd-rL); color: #fff;
box-shadow: 0 4px 14px rgba(16,58,99,.25);
}
.grm-d__welcome h2 { color: #fff; font-size: 19px; margin-bottom: 2px; }
.grm-d__welcome p { font-size: 13.5px; opacity: .9; }
.grm-d__welcome-av {
width: 56px; height: 56px; border-radius: 50%;
background: rgba(255,255,255,.22); display: flex; align-items: center; justify-content: center;
font-size: 22px; font-weight: 700; color: #fff; flex-shrink: 0;
}
.grm-d__stats {
display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 12px; margin-bottom: 20px;
}
.grm-d__stat {
background: var(--gmd-card); border: 1px solid var(--gmd-border);
border-radius: var(--gmd-rL); padding: 16px 18px;
display: flex; flex-direction: column; gap: 4px;
}
.grm-d__stat-label { font-size: 11.5px; color: var(--gmd-fg2); text-transform: uppercase; letter-spacing: .5px; font-weight: 600; }
.grm-d__stat-value { font-size: 28px; font-weight: 700; color: var(--gmd-fg); line-height: 1.1; }
.grm-d__stat-delta { font-size: 11.5px; color: var(--gmd-ok); font-weight: 600; }
.grm-d__stat-delta--neg { color: var(--gmd-dng); }
.grm-d__btn {
display: inline-flex; align-items: center; justify-content: center; gap: 6px;
padding: 9px 18px; border-radius: 8px; font-size: 13px; font-weight: 600;
transition: background var(--gmd-tr), box-shadow var(--gmd-tr), transform 90ms;
white-space: nowrap; user-select: none;
background: var(--gmd-card); color: var(--gmd-fg);
border: 1.5px solid var(--gmd-border);
}
.grm-d__btn .material-symbols-rounded { font-size: 16px; }
.grm-d__btn:hover { background: var(--gmd-hover); }
.grm-d__btn:active { transform: scale(.97); }
.grm-d__btn--primary { background: var(--gmd-brand); color: #fff; border-color: var(--gmd-brand); }
.grm-d__btn--primary:hover { background: var(--gmd-brand-dk); border-color: var(--gmd-brand-dk); }
.grm-d__btn--success { background: var(--gmd-ok); color: #fff; border-color: var(--gmd-ok); }
.grm-d__btn--danger { background: var(--gmd-dng); color: #fff; border-color: var(--gmd-dng); }
.grm-d__btn--sm { padding: 5px 12px; font-size: 12px; }
.grm-d__btn-row { display: flex; gap: 10px; align-items: center; margin-top: 4px; flex-wrap: wrap; }
.grm-d__cta-pill {
display: inline-flex; align-items: center; gap: 8px;
padding: 7px 16px 7px 8px;
background: linear-gradient(135deg, var(--gmd-brand), var(--gmd-brand-dk));
color: #fff; border: 0; border-radius: 999px;
font-size: 13px; font-weight: 600;
box-shadow: 0 1px 0 rgba(255,255,255,.18) inset, 0 6px 14px rgba(16,58,99,.32);
transition: transform 90ms, filter var(--gmd-tr);
}
.grm-d__cta-pill:hover { filter: brightness(1.06); }
.grm-d__cta-pill:active { transform: scale(.97); }
.grm-d__cta-pill__plus {
width: 24px; height: 24px; border-radius: 50%;
background: rgba(255,255,255,.22);
display: inline-flex; align-items: center; justify-content: center;
}
.grm-d__field { margin-bottom: 14px; }
.grm-d__label { display: block; font-size: 11px; font-weight: 600; color: var(--gmd-fg2); margin-bottom: 5px; text-transform: uppercase; letter-spacing: .4px; }
.grm-d__input, .grm-d__textarea, .grm-d__select {
width: 100%; padding: 11px 14px; font: inherit; font-size: 14px; line-height: 1.4;
border: 1.5px solid var(--gmd-input-border); border-radius: 10px;
color: var(--gmd-fg); background: var(--gmd-card); outline: none;
transition: border-color var(--gmd-tr), box-shadow var(--gmd-tr);
min-height: 42px; box-sizing: border-box;
}
.grm-d__input:focus, .grm-d__textarea:focus, .grm-d__select:focus {
border-color: var(--gmd-brand); box-shadow: 0 0 0 3px var(--gmd-brand-ring);
}
.grm-d__textarea { min-height: 90px; resize: vertical; }
.grm-d__select {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%2364748b' stroke-width='1.8'><polyline points='2 2 6 6 10 2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
background-repeat: no-repeat; background-position: right 14px center; background-size: 12px;
padding-right: 36px; -webkit-appearance: none; appearance: none;
}
.grm-d__form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (max-width: 640px) { .grm-d__form-grid { grid-template-columns: 1fr; } }
.grm-d__inbox { display: flex; flex-direction: column; gap: 0; }
.grm-d__inbox-item {
display: grid; grid-template-columns: auto 1fr auto; gap: 14px;
padding: 14px 18px; border-bottom: 1px solid var(--gmd-border-lt);
cursor: pointer; transition: background var(--gmd-tr);
}
.grm-d__inbox-item:hover { background: var(--gmd-bg-muted); }
.grm-d__inbox-item.is-unread { background: var(--gmd-brand-lt); }
.grm-d__inbox-item.is-unread .grm-d__inbox-from { font-weight: 700; }
.grm-d__inbox-av {
width: 38px; height: 38px; border-radius: 50%;
background: var(--gmd-brand); color: #fff;
display: flex; align-items: center; justify-content: center;
font-weight: 700; font-size: 14px; flex-shrink: 0;
}
.grm-d__inbox-body { min-width: 0; }
.grm-d__inbox-from { font-size: 13.5px; color: var(--gmd-fg); margin-bottom: 2px; }
.grm-d__inbox-subject { font-size: 12.5px; color: var(--gmd-fg2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.grm-d__inbox-meta { font-size: 11.5px; color: var(--gmd-fg3); display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
.grm-d__inbox-status {
font-size: 10px; font-weight: 700; padding: 2px 7px; border-radius: 99px;
text-transform: uppercase; letter-spacing: .5px;
}
.grm-d__inbox-status--new { background: var(--gmd-brand-lt); color: var(--gmd-brand-dk); }
.grm-d__inbox-status--read { background: var(--gmd-bg-muted); color: var(--gmd-fg2); }
.grm-d__inbox-status--reply { background: var(--gmd-warn-lt); color: var(--gmd-warn); }
.grm-d__inbox-status--done { background: var(--gmd-ok-lt); color: var(--gmd-ok); }
.grm-d__photos {
display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
gap: 12px;
}
.grm-d__photo {
position: relative; aspect-ratio: 1; border-radius: 10px;
background: var(--gmd-bg-muted) center/cover no-repeat; overflow: hidden;
border: 1px solid var(--gmd-border);
}
.grm-d__photo-rm {
position: absolute; top: 6px; right: 6px;
width: 26px; height: 26px; border-radius: 50%;
background: rgba(0,0,0,.6); color: #fff;
display: flex; align-items: center; justify-content: center;
font-size: 16px; cursor: pointer;
}
.grm-d__photo-add {
display: flex; align-items: center; justify-content: center;
aspect-ratio: 1; border: 2px dashed var(--gmd-border);
border-radius: 10px; cursor: pointer; color: var(--gmd-fg2);
font-size: 12px; flex-direction: column; gap: 4px;
transition: border-color var(--gmd-tr), color var(--gmd-tr);
}
.grm-d__photo-add:hover { border-color: var(--gmd-brand); color: var(--gmd-brand); }
.grm-d__photo-add .material-symbols-rounded { font-size: 28px; }
.grm-d__empty {
text-align: center; padding: 48px 24px;
color: var(--gmd-fg2);
}
.grm-d__empty .material-symbols-rounded {
font-size: 56px; color: var(--gmd-fg3);
font-variation-settings: 'FILL' 1; opacity: .5;
margin-bottom: 12px; display: inline-block;
}
.grm-d__empty h3 { margin-bottom: 6px; color: var(--gmd-fg); font-size: 16px; }
.grm-d__empty p { font-size: 13px; }
.grm-d__view { display: none; }
.grm-d__view.is-active { display: block; animation: grmDViewIn .25s cubic-bezier(.16,1,.3,1); }
@keyframes grmDViewIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
.grm-d__burger {
display: none; width: 36px; height: 36px; border-radius: 8px;
background: transparent; color: var(--gmd-fg);
align-items: center; justify-content: center; flex-shrink: 0;
}
.grm-d__burger .material-symbols-rounded { font-size: 24px; }
@media (max-width: 980px) {
.grm-d { flex-direction: column; }
.grm-d__sidebar {
transform: translateX(-100%);
transition: transform .3s cubic-bezier(.16,1,.3,1);
box-shadow: 4px 0 24px rgba(0,0,0,.25);
z-index: 9999;
}
.grm-d.is-drawer-open .grm-d__sidebar { transform: translateX(0); }
.grm-d__main { margin-left: 0; }
.grm-d__content { padding: 16px; max-width: 100%; }
.grm-d__burger { display: inline-flex; }
.grm-d__drawer-overlay {
position: fixed; inset: 0; background: rgba(0,0,0,.45);
opacity: 0; pointer-events: none; transition: opacity .25s; z-index: 9998;
}
.grm-d.is-drawer-open .grm-d__drawer-overlay { opacity: 1; pointer-events: auto; }
}
.grm-d__rev {
padding: 14px 16px; border: 1px solid var(--gmd-border);
border-radius: 12px; margin-bottom: 10px;
display: grid; grid-template-columns: 40px 1fr auto; gap: 12px;
}
.grm-d__rev-av { width: 40px; height: 40px; border-radius: 50%; background: var(--gmd-brand); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; }
.grm-d__rev-author { font-size: 13.5px; font-weight: 600; }
.grm-d__rev-date { font-size: 11.5px; color: var(--gmd-fg3); margin-bottom: 4px; }
.grm-d__rev-text { font-size: 13px; line-height: 1.5; color: var(--gmd-fg); }
.grm-d__rev-stars { color: var(--grm-warn,#f59e0b); font-size: 14px; letter-spacing: 1px; }
.grm-d__match-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
.grm-d__match-card {
background: var(--gmd-card); border: 1px solid var(--gmd-border);
border-radius: 12px; padding: 14px; cursor: pointer;
transition: transform .15s, box-shadow .15s, border-color .15s;
display: flex; flex-direction: column; gap: 6px;
}
.grm-d__match-card:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0,0,0,.08); border-color: var(--gmd-brand); }
.grm-d__match-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.grm-d__match-head strong { font-size: 14px; color: var(--gmd-fg); }
.grm-d__match-score { font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 999px; background: var(--gmd-brand-lt); color: var(--gmd-brand-dk); }
.grm-d__match-city { font-size: 12px; color: var(--gmd-fg2); display: flex; align-items: center; gap: 4px; }
.grm-d__match-reasons { font-size: 11px; color: var(--gmd-fg3); margin-top: auto; }
.grm-d__fav-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
.grm-d__membership {
display: flex; align-items: center; gap: 18px;
padding: 20px;
background: linear-gradient(135deg, var(--gmd-brand-lt), #fff);
border: 1px solid var(--gmd-brand); border-radius: 14px;
}
.grm-d__membership-icon {
width: 56px; height: 56px; border-radius: 14px;
background: var(--gmd-brand); color: #fff;
display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.grm-d__membership-icon .material-symbols-rounded { font-size: 28px; font-variation-settings: 'FILL' 1; }
.grm-d__membership-text { flex: 1; }
.grm-d__membership-text strong { font-size: 16px; color: var(--gmd-fg); display: block; margin-bottom: 4px; }
.grm-d__membership-text p { font-size: 13px; color: var(--gmd-fg2); }
.grm-d__membership-status {
padding: 4px 10px; border-radius: 999px; font-size: 11px; font-weight: 700;
text-transform: uppercase; letter-spacing: .5px;
}
.grm-d__membership-status--ok { background: var(--gmd-ok); color: #fff; }
.grm-d__membership-status--warn { background: var(--gmd-warn); color: #fff; }
.grm-d__membership-status--exp { background: var(--gmd-dng); color: #fff; }
.grm-d__kvk-row { display: grid; grid-template-columns: 1fr auto; gap: 8px; align-items: stretch; }
.grm-d__kvk-result {
font-size: 12.5px; padding: 8px 12px; border-radius: 8px;
margin-top: 8px; display: none;
}
.grm-d__kvk-result.is-ok { display: block; background: var(--gmd-ok-lt); color: var(--gmd-ok); }
.grm-d__kvk-result.is-err { display: block; background: var(--gmd-dng-lt); color: var(--gmd-dng); }
.grm-d__kvk-result.is-demo { display: block; background: var(--gmd-warn-lt); color: var(--gmd-warn); }
.grm-d {
position: fixed !important;
inset: 0 !important;
top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
width: 100% !important;
height: 100vh !important;
min-height: 100vh !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
z-index: 9999 !important;
background: var(--gmd-bg) !important;
overflow: hidden !important;
display: flex !important;
}
.grm-d * { color: inherit; }
.grm-d__title { color: var(--gmd-fg) !important; }
.grm-d__welcome h2 { color: #fff !important; }
.grm-d__welcome p { color: rgba(255,255,255,.9) !important; }
.grm-d__stat-value { color: var(--gmd-fg) !important; }
.grm-d__stat-label { color: var(--gmd-fg2) !important; }
.grm-d__card-title { color: var(--gmd-fg) !important; }
.grm-d__label { color: var(--gmd-fg2) !important; }
.grm-d__input,
.grm-d__textarea,
.grm-d__select {
color: var(--gmd-fg) !important;
background: var(--gmd-card) !important;
border-color: var(--gmd-input-border) !important;
}
.grm-d__input:focus,
.grm-d__textarea:focus,
.grm-d__select:focus {
border-color: var(--gmd-brand) !important;
}
.grm-d__btn { color: var(--gmd-fg) !important; }
.grm-d__btn--primary { color: #fff !important; background: var(--gmd-brand) !important; }
.grm-d__btn--success { color: #fff !important; background: var(--gmd-ok) !important; }
.grm-d__btn--danger { color: #fff !important; background: var(--gmd-dng) !important; }
.grm-d__cta-pill { color: #fff !important; }
.grm-d__rev-text { color: var(--gmd-fg) !important; }
.grm-d__rev-author { color: var(--gmd-fg) !important; }
.grm-d__rev-date { color: var(--gmd-fg3) !important; }
.grm-d__inbox-from { color: var(--gmd-fg) !important; }
.grm-d__inbox-subject { color: var(--gmd-fg2) !important; }
.grm-d__inbox-meta { color: var(--gmd-fg3) !important; }
.grm-d__org-name { color: var(--grm-canvas,#f5f7fa) !important; }
.grm-d__org-tag { color: var(--grm-ink-300,#a8b4bc) !important; }
.grm-d__nav-item { color: var(--grm-ink-300,#a8b4bc) !important; }
.grm-d__nav-item.is-active { color: #fff !important; }
.grm-d__user-name { color: var(--grm-line-soft,#eaeff5) !important; }
.grm-d__user-hint { color: var(--grm-ink-500,#55636e) !important; }
.grm-d__nav-label { color: var(--grm-ink-500,#55636e) !important; }
.grm-d__match-card { color: var(--gmd-fg) !important; }
.grm-d__match-head strong { color: var(--gmd-fg) !important; }
.grm-d__match-city { color: var(--gmd-fg2) !important; }
.grm-d__empty h3 { color: var(--gmd-fg) !important; }
.grm-d__empty p { color: var(--gmd-fg2) !important; }
.grm-d__empty .material-symbols-rounded { color: var(--gmd-fg3) !important; }
.grm-d__membership-text strong { color: var(--gmd-fg) !important; }
.grm-d__membership-text p { color: var(--gmd-fg2) !important; }
.grm-d__main {
height: 100vh !important;
overflow: hidden !important;
display: flex !important;
flex-direction: column !important;
}
.grm-d__content {
overflow-y: auto !important;
flex: 1 !important;
height: auto !important;
-webkit-overflow-scrolling: touch;
}
.grm-d__sidebar {
position: absolute !important;
height: 100vh !important;
}
@media (min-width: 981px) {
.grm-d__main { margin-left: var(--gmd-sw) !important; }
}
body.grm-dash-active { overflow: hidden !important; }
body.grm-dash-active #wpadminbar { display: none !important; }
body.grm-dash-active .grm-header { display: none !important; }
body.grm-dash-active .grm-f { display: none !important; }
body.grm-dash-active .grm-tabbar { display: none !important; }
body.grm-dash-active .grm-mobmenu { display: none !important; }
.grm-d h1, .grm-d h2, .grm-d h3, .grm-d h4 { color: var(--gmd-fg) !important; font-weight: 700 !important; line-height: 1.3 !important; margin: 0 !important; }
.grm-d p, .grm-d span, .grm-d div, .grm-d li { line-height: 1.5; }
.grm-d a { color: var(--gmd-brand); }
.grm-d a:hover { text-decoration: underline; }
.grm-d .grm-d__welcome,
.grm-d .grm-d__welcome h2,
.grm-d .grm-d__welcome p,
.grm-d .grm-d__welcome * {
color: #ffffff !important;
}
.grm-d .grm-d__welcome p {
color: rgba(255,255,255,.92) !important;
font-size: 14px;
}
.grm-d .grm-d__welcome-av {
background: rgba(255,255,255,.22) !important;
color: #fff !important;
}
.grm-d .grm-d__content {
max-width: 1400px;
margin: 0 auto;
padding: 28px 32px;
}
@media (max-width: 980px) {
.grm-d .grm-d__content { padding: 16px; }
}
.grm-d .grm-d__stats { gap: 16px; margin-bottom: 24px; }
.grm-d .grm-d__stat { padding: 18px 22px; }
.grm-d .grm-d__stat-value { font-size: 32px; margin-top: 4px; }
.grm-d .grm-d__card { padding: 24px 26px; margin-bottom: 18px; }
.grm-d .grm-d__welcome { padding: 22px 26px; margin-bottom: 24px; }
.grm-d .grm-d__welcome-av { width: 60px; height: 60px; font-size: 24px; }
.grm-d .grm-d__field { margin-bottom: 18px; }
.grm-d .grm-d__form-grid { gap: 16px; }
.grm-d .grm-d__input,
.grm-d .grm-d__textarea,
.grm-d .grm-d__select {
font-size: 14.5px !important;
padding: 12px 14px !important;
min-height: 44px;
line-height: 1.5;
}
.grm-d .grm-d__nav-item.is-active {
background: rgba(16,58,99,.28) !important;
color: #ffffff !important;
font-weight: 600;
}
.grm-d .grm-d__nav-item.is-active .material-symbols-rounded {
color: var(--grm-accent-200,var(--grm-accent-200,#9CC4EE)) !important;
}
.grm-d .grm-d__logo { background: var(--gmd-brand) !important; color: #fff !important; }
.grm-d .grm-d__org { padding: 18px 14px 16px; }
.grm-d .grm-d__org-name { color: var(--grm-canvas,#f5f7fa) !important; font-size: 13.5px; font-weight: 600; }
.grm-d .grm-d__org-tag { color: var(--grm-ink-300,#a8b4bc) !important; font-size: 11px; }
.grm-d * { word-wrap: break-word; }
.grm-d .grm-d__topbar { padding: 0 28px; box-shadow: 0 1px 0 rgba(0,0,0,.04); }
.grm-d .grm-d__cta-pill { padding: 8px 18px 8px 10px; font-size: 13.5px; }
.grm-d .grm-d__cta-pill__plus { width: 26px; height: 26px; }
.grm-d .grm-d__card-title { font-size: 15px; margin-bottom: 18px; }
.grm-d .grm-d__card-title .material-symbols-rounded { font-size: 20px; color: var(--gmd-brand); }
.grm-d .grm-d__btn-row { gap: 12px; margin-top: 8px; }
.grm-d .grm-d__btn { padding: 10px 18px; font-size: 13.5px; }
.grm-d .grm-d__btn--primary { color: #fff !important; }
.grm-d .grm-d__empty { padding: 64px 24px; }
.grm-d .grm-d__empty .material-symbols-rounded { font-size: 64px; }
.grm-d .grm-d__inbox-item { padding: 16px 22px; gap: 16px; }
.grm-d .grm-d__inbox-from { font-size: 14px; }
.grm-d .grm-d__inbox-subject { font-size: 13px; }
.grm-d .grm-d__rev { padding: 16px 18px; gap: 14px; }
.grm-d .grm-d__view { padding: 0; }
body.tax-grm_branche .grm-cat-chips,
body.tax-grm_branche .grm-cat-tabs,
body.tax-grm_branche .grm-products-stub {
display: none !important;
}
body.tax-grm_branche .grm-cat-hero {
height: auto !important;
min-height: 0 !important;
padding: 24px 0 !important;
background: var(--grm-rij-licht) !important;
border-bottom: 1px solid var(--grm-line-soft,#eaeff5) !important;
}
body.tax-grm_branche .grm-cat-hero__bgscatter {
display: none !important;
}
body.tax-grm_branche .grm-cat-hero__in {
padding: 0 24px !important;
max-width: 1400px !important;
margin: 0 auto !important;
}
body.tax-grm_branche .grm-cat-hero h1 {
color: var(--grm-success-text,#0b2a49) !important;
font-size: 28px !important;
margin: 4px 0 6px !important;
display: flex !important;
align-items: center !important;
gap: 12px !important;
}
body.tax-grm_branche .grm-cat-hero h1::before {
content: '';
display: inline-block;
width: 36px; height: 36px; border-radius: 10px;
background: var(--grm-cat-c, #103A63);
flex-shrink: 0;
}
body.tax-grm_branche .grm-cat-hero p {
color: var(--grm-ink-500,#55636e) !important;
font-size: 14px !important;
margin-bottom: 14px !important;
}
body.tax-grm_branche .grm-cat-hero a[href*="/"] {
color: #103A63 !important;
font-size: 13px !important;
}
body.tax-grm_branche .grm-cat-hero__searchwrap {
background: #fff !important;
border: 1.5px solid var(--grm-line-soft,#eaeff5) !important;
border-radius: 999px !important;
padding: 4px 4px 4px 18px !important;
box-shadow: 0 1px 3px rgba(0,0,0,.04);
max-width: 720px;
}
body.tax-grm_branche .grm-cat-hero__searchwrap input {
font-size: 14px !important;
padding: 8px !important;
}
body.tax-grm_branche .grm-cat-hero__searchwrap .gm-btn {
background: var(--grm-accent-grad) !important;
color: #fff !important;
border-radius: 999px !important;
padding: 9px 22px !important;
font-weight: 700 !important;
}
body.tax-grm_branche .grm-cat-trust {
display: flex; gap: 14px; flex-wrap: wrap; margin: 12px 0 0;
font-size: 12px; color: var(--grm-ink-500,#55636e);
}
body.tax-grm_branche .grm-cat-trust span { display: inline-flex; align-items: center; gap: 4px; }
body.tax-grm_branche .grm-cat-trust .material-symbols-rounded { font-size: 16px; color: #103A63; }
body.tax-grm_branche .grm-cat-wrap {
max-width: 1400px !important;
margin: 0 auto !important;
padding: 20px 24px 60px !important;
background: #f5f7fa !important;
}
body.tax-grm_branche .grm-cat-bar {
background: #fff !important;
padding: 14px 18px !important;
border-radius: 12px !important;
border: 1px solid var(--grm-line-soft,#eaeff5) !important;
margin-bottom: 16px !important;
display: flex !important;
align-items: center !important;
gap: 12px !important;
flex-wrap: wrap !important;
}
body.tax-grm_branche .grm-cat-bar > * {
flex-shrink: 0;
}
body.tax-grm_branche .grm-cat-bar label.grm-cat-ver {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 6px 12px !important;
border-radius: 999px !important;
background: var(--grm-canvas,#f5f7fa) !important;
color: var(--grm-ink-700,#33424f) !important;
font-size: 12.5px !important;
font-weight: 500 !important;
cursor: pointer !important;
border: 1px solid transparent !important;
transition: background .15s, border-color .15s;
}
body.tax-grm_branche .grm-cat-bar label.grm-cat-ver:hover {
background: var(--grm-line-soft,#eaeff5) !important;
}
body.tax-grm_branche .grm-cat-bar select#grm-cat-sort {
padding: 7px 30px 7px 12px !important;
border-radius: 999px !important;
border: 1px solid var(--grm-line-soft,#eaeff5) !important;
background-color: #fff !important;
font-size: 12.5px !important;
}
body.tax-grm_branche .grm-cat-grid {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
gap: 14px !important;
}
@media (min-width: 1100px) {
body.tax-grm_branche .grm-cat-grid {
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
}
}
body.tax-grm_branche .grm-card {
background: #fff !important;
border: 1px solid var(--grm-line-soft,#eaeff5) !important;
border-radius: 12px !important;
padding: 0 !important;
overflow: hidden !important;
transition: transform .15s, box-shadow .15s, border-color .15s !important;
position: relative;
display: flex !important;
flex-direction: column !important;
}
body.tax-grm_branche .grm-card:hover {
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(0,0,0,.08);
border-color: #103A63;
}
body.tax-grm_branche .grm-card::before {
content: '';
display: block;
height: 140px;
background: var(--grm-cat-c, #103A63) center/cover no-repeat;
background-image: linear-gradient(135deg, var(--grm-cat-c, #103A63) 0%, color-mix(in srgb, var(--grm-cat-c, #103A63) 60%, #fff) 100%);
}
body.tax-grm_branche .grm-card > * {
padding: 0 14px;
}
body.tax-grm_branche .grm-card > *:first-child {
padding-top: 14px;
}
body.tax-grm_branche .grm-card > *:last-child {
padding-bottom: 14px;
}
body.tax-grm_branche .grm-card h3,
body.tax-grm_branche .grm-card h2 {
font-size: 15px !important;
font-weight: 700 !important;
color: var(--grm-success-text,#0b2a49) !important;
margin: 8px 0 4px !important;
line-height: 1.3 !important;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
body.tax-grm_branche .grm-card .grm-card__city,
body.tax-grm_branche .grm-card p:first-of-type {
font-size: 12.5px !important;
color: var(--grm-ink-500,#55636e) !important;
margin: 0 0 8px !important;
}
body.tax-grm_branche .grm-card .grm-bubble,
body.tax-grm_branche .grm-card [class*="bubble"],
body.tax-grm_branche .grm-card [class*="pill"] {
display: inline-flex !important;
align-items: center !important;
padding: 2px 8px !important;
border-radius: 999px !important;
background: var(--grm-canvas,#f5f7fa) !important;
color: #103A63 !important;
font-size: 11px !important;
font-weight: 600 !important;
margin-right: 4px !important;
}
body.tax-grm_branche .grm-card .grm-card__desc,
body.tax-grm_branche .grm-card p:last-of-type {
font-size: 12.5px !important;
color: var(--grm-ink-500,#55636e) !important;
line-height: 1.4 !important;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
body.tax-grm_branche .grm-card a.gm-btn,
body.tax-grm_branche .grm-card .gm-btn {
font-size: 12.5px !important;
padding: 7px 12px !important;
border-radius: 8px !important;
}
body.tax-grm_branche .grm-card .gm-btn--primary {
background: var(--gm-primary) !important;
color: #fff !important;
border: none !important;
}
body.tax-grm_branche .grm-card .gm-btn--cta {
background: var(--gm-cta) !important;
color: #fff !important;
}
body.tax-grm_branche .grm-card .grm-card__verified {
position: absolute;
top: 12px; right: 12px;
background: #fff;
color: #103A63;
padding: 3px 9px;
border-radius: 999px;
font-size: 10.5px;
font-weight: 700;
box-shadow: 0 1px 3px rgba(0,0,0,.12);
display: inline-flex; align-items: center; gap: 3px;
}
.grm-cat-others {
margin: 32px auto 0;
max-width: 1400px;
padding: 0 24px;
}
.grm-cat-others__title {
font-size: 13px;
font-weight: 700;
color: var(--grm-ink-500,#55636e);
text-transform: uppercase;
letter-spacing: .5px;
margin-bottom: 10px;
}
.grm-cat-others__links {
display: flex; flex-wrap: wrap; gap: 8px;
}
.grm-cat-others__links a {
font-size: 13px;
padding: 6px 12px;
border-radius: 999px;
background: #fff;
border: 1px solid var(--grm-line-soft,#eaeff5);
color: var(--grm-ink-500,#55636e);
text-decoration: none;
transition: border-color .15s, background .15s;
}
.grm-cat-others__links a:hover {
border-color: #103A63;
background: var(--grm-canvas,#f5f7fa);
color: #103A63;
}
body.tax-grm_branche .grm-cat-empty {
background: #fff;
border: 1px dashed var(--grm-line-soft,#eaeff5);
border-radius: 12px;
padding: 48px 24px;
text-align: center;
color: var(--grm-ink-500,#55636e);
}
@media (max-width: 700px) {
body.tax-grm_branche .grm-cat-grid {
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important;
gap: 10px !important;
}
body.tax-grm_branche .grm-card::before { height: 110px; }
body.tax-grm_branche .grm-cat-hero h1 { font-size: 22px !important; }
}
.grm-shop { background:#f5f7fa; min-height:100vh; }
.grm-shop *, .grm-shop *::before, .grm-shop *::after { box-sizing:border-box; }
.grm-shop a { text-decoration:none; }
.grm-shop button { font:inherit; cursor:pointer; }
.grm-shop__hero-inner {
max-width:var(--grm-w,1424px); margin: 0 auto; text-align: center; position: relative; z-index: 2;
}
.grm-shop__back {
display: inline-block; color: #1668C7; font-size: 13px; font-weight: 600;
margin-bottom: 18px; padding: 6px 14px; border-radius: 999px;
background: rgba(255,255,255,.6); transition: background .15s;
}
.grm-shop__back:hover { background: #fff; }
.grm-shop__tabs {
display: inline-flex; gap: 36px; margin-bottom: 20px;
}
.grm-shop__tabs button {
padding: 4px 4px 12px; font-size: 19px; font-weight: 700;
color: var(--grm-ink-500,#55636e); background: 0; border: 0;
border-bottom: 3px solid transparent;
transition: color .15s, border-color .15s;
}
.grm-shop__tabs button:hover { color: var(--grm-success-text,#0b2a49); }
.grm-shop__tabs button.is-active { color: #1668C7; border-bottom-color: #1668C7; }
.grm-shop__search {
display: flex; align-items: center;
background: #fff; border: 2.5px solid #1668C7; border-radius: 999px;
padding: 5px 6px 5px 22px;
max-width: 760px; margin: 0 auto;
box-shadow: 0 6px 18px rgba(249, 115, 22, 0.16);
}
.grm-shop__search input {
flex: 1; border: 0; padding: 12px 8px; font-size: 15px;
background: transparent; outline: 0; color: var(--grm-success-text,#0b2a49);
}
.grm-shop__search input::placeholder { color: var(--grm-ink-300,#a8b4bc); }
.grm-shop__search-img {
display: inline-flex; align-items: center; gap: 6px;
font-size: 13px; color: var(--grm-ink-500,#55636e); padding: 0 14px;
border-right: 1px solid var(--grm-line-soft,#eaeff5);
}
.grm-shop__search-img .material-symbols-rounded { font-size: 18px; }
.grm-shop__search-btn {
background: var(--grm-accent-grad);
color: #fff; border: 0; padding: 13px 38px;
border-radius: 999px; font-size: 15px; font-weight: 700;
display: inline-flex; align-items: center; gap: 6px;
transition: filter .15s, transform .12s;
}
.grm-shop__search-btn:hover { filter: brightness(1.06); }
.grm-shop__search-btn:active { transform: scale(.97); }
.grm-shop__hero-trust {
display: inline-flex; gap: 28px; margin-top: 18px;
font-size: 12.5px; color: var(--grm-ink-500,#55636e); flex-wrap: wrap; justify-content: center;
}
.grm-shop__hero-trust span {
display: inline-flex; align-items: center; gap: 4px;
}
.grm-shop__hero-trust .material-symbols-rounded {
font-size: 16px; color: #1668C7; font-variation-settings: 'FILL' 1;
}
.grm-shop__welcome {
background: #fff; padding: 14px 32px;
display: flex; justify-content: space-between; align-items: center;
flex-wrap: wrap; gap: 14px;
border-bottom: 1px solid var(--grm-line-soft,#eaeff5);
max-width:var(--grm-w,1424px); margin: 0 auto;
border-radius: 0 0 12px 12px;
}
.grm-shop__welcome-msg { font-size: 14px; font-weight: 600; color: var(--grm-success-text,#0b2a49); }
.grm-shop__welcome-chips {
display: flex; gap: 22px; flex-wrap: wrap;
}
.grm-shop__welcome-chips a {
display: inline-flex; align-items: center; gap: 6px;
font-size: 13px; color: var(--grm-ink-500,#55636e); font-weight: 500; transition: color .15s;
}
.grm-shop__welcome-chips a:hover { color: #1668C7; }
.grm-shop__welcome-chips .material-symbols-rounded {
font-size: 18px; color: #1668C7;
}
.grm-shop__main {
max-width:var(--grm-w,1424px); margin: 20px auto;
display: grid;
grid-template-columns: 220px repeat(4, 1fr);
gap: 14px; padding: 0 24px;
}
.grm-shop__cats {
background: #fff; border-radius: 12px; padding: 14px 10px;
grid-row: span 2; max-height: 600px; overflow-y: auto;
border: 1px solid var(--grm-line-soft,#eaeff5);
}
.grm-shop__cats-title {
font-size: 11px; text-transform: uppercase; letter-spacing: .8px;
color: var(--grm-ink-500,#55636e); font-weight: 700; padding: 4px 10px 8px;
}
.grm-shop__cats a {
display: flex; align-items: center; gap: 10px;
padding: 9px 10px; border-radius: 8px;
color: var(--grm-success-text,#0b2a49); font-size: 13px; font-weight: 500;
transition: background .15s;
}
.grm-shop__cats a:hover { background: var(--grm-canvas,#f5f7fa); }
.grm-shop__cats a.is-active {
background: var(--grm-warn-50,#fef7e0); color: #1668C7; font-weight: 700;
}
.grm-shop__cats a .material-symbols-rounded {
font-size: 18px; flex-shrink: 0; color: var(--grm-ink-300,#a8b4bc);
}
.grm-shop__cats a.is-active .material-symbols-rounded {
color: #1668C7; font-variation-settings: 'FILL' 1;
}
.grm-shop__cats a .cnt {
margin-left: auto; font-size: 11px; color: var(--grm-ink-300,#a8b4bc);
background: var(--grm-canvas,#f5f7fa); padding: 1px 7px; border-radius: 999px;
}
.grm-shop__cats a.is-active .cnt {
background: var(--grm-warn-50,#FEF7E0); color: #125AAC;
}
.grm-shop__banner {
grid-column: span 2;
background: var(--grm-accent-grad);
color: #fff; border-radius: 12px; padding: 24px 26px;
display: flex; flex-direction: column; justify-content: center;
position: relative; overflow: hidden;
}
.grm-shop__banner h3 {
font-size: 22px; line-height: 1.2; color: #fff;
margin: 0 0 8px;
}
.grm-shop__banner p {
font-size: 13px; opacity: .92; margin: 0 0 14px;
}
.grm-shop__banner button {
align-self: flex-start;
background: #fff; color: #1668C7; border: 0;
padding: 9px 20px; border-radius: 999px;
font-weight: 700; font-size: 13px;
display: inline-flex; align-items: center; gap: 5px;
}
.grm-shop__banner-deco {
position: absolute; right: -20px; bottom: -20px;
font-size: 130px; opacity: .12; line-height: 1;
}
.grm-shop__feature {
background: #fff; border-radius: 12px; padding: 14px;
display: flex; flex-direction: column;
border: 1px solid var(--grm-line-soft,#eaeff5);
}
.grm-shop__feature-label {
font-size: 11px; color: var(--grm-ink-500,#55636e); font-weight: 600;
text-transform: uppercase; letter-spacing: .5px;
margin-bottom: 4px;
}
.grm-shop__feature-title {
font-size: 14px; color: var(--grm-success-text,#0b2a49); font-weight: 700;
margin: 0 0 10px;
}
.grm-shop__feature-img {
aspect-ratio: 1; background: var(--grm-canvas,#f5f7fa) center/cover no-repeat;
border-radius: 8px;
}
.grm-shop__filter {
grid-column: span 5;
background: #fff; border-radius: 12px; padding: 12px 18px;
display: flex; gap: 10px; flex-wrap: wrap; align-items: center;
border: 1px solid var(--grm-line-soft,#eaeff5); margin-top: 8px;
}
.grm-shop__filter-count {
font-size: 13px; color: var(--grm-ink-500,#55636e); margin-right: 8px;
}
.grm-shop__filter-count strong { color: var(--grm-success-text,#0b2a49); }
.grm-shop__filter-pill {
display: inline-flex; align-items: center; gap: 5px;
padding: 6px 14px; border-radius: 999px;
background: var(--grm-canvas,#f5f7fa); color: var(--grm-ink-500,#55636e);
font-size: 12.5px; font-weight: 500;
cursor: pointer; border: 1px solid transparent;
transition: background .15s, border-color .15s, color .15s;
}
.grm-shop__filter-pill:hover {
background: var(--grm-warn-50,#fef7e0); color: #1668C7;
}
.grm-shop__filter-pill.is-on {
background: #1668C7; color: #fff; border-color: #1668C7;
}
.grm-shop__filter-pill .material-symbols-rounded { font-size: 14px; }
.grm-shop__sort {
margin-left: auto;
padding: 6px 30px 6px 14px;
border-radius: 999px; border: 1px solid var(--grm-line-soft,#eaeff5);
background: #fff; font-size: 12.5px;
}
.grm-shop__empty {
grid-column: span 5;
background: #fff; border: 1px dashed var(--grm-line-soft,#eaeff5);
border-radius: 12px; padding: 60px 24px;
text-align: center; color: var(--grm-ink-500,#55636e);
}
.grm-shop__empty .material-symbols-rounded {
font-size: 56px; color: var(--grm-line,#d7dee7); margin-bottom: 12px;
font-variation-settings: 'FILL' 1;
}
@media (max-width: 1100px) {
.grm-shop__main { grid-template-columns: 200px repeat(3, 1fr); }
.grm-shop__banner { grid-column: span 3; }.grm-shop__filter,
.grm-shop__empty{ grid-column: span 4; }
}
@media (max-width: 860px) {
.grm-shop__main { grid-template-columns: 1fr 1fr; padding: 0 14px; }
.grm-shop__cats { grid-column: span 2; grid-row: auto; max-height: 280px; }
.grm-shop__banner { grid-column: span 2; }
.grm-shop__feature { display: none; }.grm-shop__filter,
.grm-shop__empty{ grid-column: span 2; }
.grm-shop__tabs button { font-size: 16px; }
.grm-shop__search { max-width: 100%; }
.grm-shop__search input { font-size: 16px; }
.grm-shop__welcome { flex-direction: column; align-items: flex-start; padding: 14px 18px; }
}
@media (max-width: 480px) {
.grm-shop__search-img { display: none; }
.grm-shop__search-btn { padding: 10px 20px; font-size: 13.5px; }
}
.grm-shop__cats {
grid-row: 1 !important; align-self: start !important;
}.grm-shop__filter,
.grm-shop__empty{
grid-column: 2 / -1 !important;
}
.grm-shop__banner {
grid-column: span 2 !important;
}
.grm-shop__feature {
grid-column: auto !important;
}
@media (max-width: 1100px) {.grm-shop__filter,
.grm-shop__empty{ grid-column: 2 / -1 !important; }
.grm-shop__banner { grid-column: span 2 !important; }
}
@media (max-width: 860px) {
.grm-shop__cats { grid-row: auto !important; }.grm-shop__filter,
.grm-shop__empty{ grid-column: 1 / -1 !important; }
.grm-shop__banner { grid-column: 1 / -1 !important; }
}
.grm-shop__main.is-suppliers .grm-shop__feature,
.grm-shop__main.is-suppliers .grm-shop__banner {
display: none;
}
.grm-shop__main.is-suppliers {
grid-template-columns: 220px 1fr !important;
}
@media (max-width: 860px) {
.grm-shop__main.is-suppliers { grid-template-columns: 1fr !important; }
}
.grm-shop__tabs button { transition: color .15s, border-color .15s; }
.grm-shop__tabs button:hover { color: #1668C7; }
@media (max-width: 1100px) {
.grm-shop__main { grid-template-columns: 200px repeat(4, 1fr) !important; }
.grm-shop__banner { grid-column: span 2 !important; }
.grm-shop__feature { grid-column: auto !important; }
}
@media (max-width: 900px) {
.grm-shop__main { grid-template-columns: 180px repeat(3, 1fr) !important; }
.grm-shop__banner { grid-column: span 2 !important; }
.grm-shop__feature:nth-of-type(2) { display: none !important; }
}
@media (max-width: 700px) {
.grm-shop__main { grid-template-columns: 1fr 1fr !important; }
.grm-shop__cats { grid-column: 1 / -1 !important; grid-row: auto !important; max-height: 240px; }
.grm-shop__banner { grid-column: 1 / -1 !important; }
.grm-shop__feature { display: none !important; }
}
.grm-shop__banner h3 {
font-size: 26px !important;
font-weight: 800 !important;
line-height: 1.15 !important;
letter-spacing: -0.5px !important;
margin-bottom: 10px !important;
}
.grm-shop__banner p {
font-size: 14.5px !important;
opacity: .95 !important;
line-height: 1.4 !important;
}
.grm-shop__feature-title {
font-size: 16px !important;
font-weight: 700 !important;
letter-spacing: -0.2px !important;
}
.grm-shop__feature-label {
font-size: 10.5px !important;
font-weight: 800 !important;
letter-spacing: 1px !important;
color: var(--grm-ink-300,#a8b4bc) !important;
text-transform: uppercase !important;
}
.grm-shop__cats-title {
font-size: 10.5px !important;
font-weight: 800 !important;
letter-spacing: 1px !important;
color: var(--grm-ink-300,#a8b4bc) !important;
}
.grm-prof__bc{display:flex;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--grm-ink-500,#55636e);margin-bottom:16px}
.grm-prof__bc a{color:var(--grm-ink-500,#55636e);text-decoration:none}
.grm-prof__bc a:hover{color:#1668C7}
.grm-prof__top{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;margin-bottom:24px;align-items:start}
@media(max-width:900px){.grm-prof__top{grid-template-columns:1fr}}
.grm-prof__gallery{background:#fff;border-radius:16px;overflow:hidden;border:1px solid var(--grm-line-soft,#eaeff5)}
.grm-prof__hero{aspect-ratio:16/10;background:var(--grm-warn-50,#FEF7E0);position:relative;overflow:hidden}
.grm-prof__hero img{width:100%;height:100%;object-fit:cover;display:block}
.grm-prof__hero-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:140px;height:140px;border-radius:18px;background:var(--grm-accent-grad);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:54px;letter-spacing:-1px;box-shadow:0 12px 32px rgba(22,104,199,.3)}
.grm-prof__thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:10px}
.grm-prof__thumb{aspect-ratio:1;border-radius:8px;background-size:cover;background-position:center;cursor:pointer;border:2px solid transparent;transition:.15s}
.grm-prof__thumb.is-active,.grm-prof__thumb:hover{border-color:#1668C7}
.grm-prof__rail{display:flex;flex-direction:column;gap:14px;position:sticky;top:80px}
@media(max-width:900px){.grm-prof__rail{position:static}}
.grm-prof__head{background:#fff;border:1px solid var(--grm-line-soft,#eaeff5);border-radius:16px;padding:20px}
.grm-prof__title{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 8px}
.grm-prof__title h1{font-size:24px;font-weight:800;letter-spacing:-.5px;margin:0;line-height:1.2}
.grm-prof__verified{background:#EDF2F8;color:#103A63;padding:3px 8px;border-radius:6px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:3px}
.grm-prof__addr{font-size:13px;color:var(--grm-ink-500,#55636e);margin:4px 0 12px;display:flex;align-items:center;gap:4px}
.grm-prof__tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.grm-prof__tags a{background:var(--grm-warn-50,#fef7e0);color:#125AAC;font-size:12px;font-weight:600;padding:5px 10px;border-radius:999px;text-decoration:none;border:1px solid var(--grm-warn-50,#FEF7E0)}
.grm-prof__tags a:hover{background:var(--grm-warn-50,#FEF7E0)}
.grm-prof__cta{display:flex;flex-direction:column;gap:8px}
.grm-prof__cta-primary{background:var(--grm-accent-grad);color:#fff;font-weight:700;font-size:15px;padding:14px 18px;border-radius:12px;text-align:center;text-decoration:none;display:block;box-shadow:0 4px 14px rgba(22,104,199,.3);transition:.15s}
.grm-prof__cta-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(22,104,199,.4);color:#fff}
.grm-prof__cta-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.grm-prof__cta-secondary{background:#fff;color:var(--grm-ink,#041e42);font-weight:600;font-size:14px;padding:11px 12px;border-radius:10px;text-align:center;text-decoration:none;border:1px solid var(--grm-line,#d7dee7);display:flex;align-items:center;justify-content:center;gap:4px}
.grm-prof__cta-secondary:hover{border-color:#1668C7;color:#1668C7}
.grm-prof__trust{background:#fff;border:1px solid var(--grm-line-soft,#eaeff5);border-radius:16px;padding:16px}
.grm-prof__trust h3{font-size:13px;font-weight:600;color:var(--grm-ink-500,#55636e);text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px}
.grm-prof__trust ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.grm-prof__trust li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--grm-ink,#041e42)}
.grm-prof__trust li .material-symbols-rounded{color:#103A63;font-size:18px}
.grm-prof__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fff;border:1px solid var(--grm-line-soft,#eaeff5);border-radius:16px;padding:18px;margin-bottom:24px}
.grm-prof__stat{padding:0 16px;border-right:1px solid var(--grm-canvas,#f5f7fa);text-align:center}
.grm-prof__stat:last-child{border-right:none}
.grm-prof__stat strong{display:block;font-size:22px;font-weight:800;color:#1668C7;letter-spacing:-.5px;margin-bottom:2px}
.grm-prof__stat span{font-size:12px;color:var(--grm-ink-500,#55636e)}
@media(max-width:700px){.grm-prof__stats{grid-template-columns:repeat(2,1fr)}.grm-prof__stat:nth-child(2){border-right:none}.grm-prof__stat:nth-child(odd){border-right:1px solid var(--grm-canvas,#f5f7fa)}.grm-prof__stat:nth-child(even){border-right:none}}
.grm-prof__tabs{display:flex;gap:0;border-bottom:1px solid var(--grm-line-soft,#eaeff5);margin-bottom:24px;overflow-x:auto;scrollbar-width:none}
.grm-prof__tabs::-webkit-scrollbar{display:none}
.grm-prof__tabs button{background:none;border:0;font-family:inherit;font-size:15px;font-weight:600;color:var(--grm-ink-500,#55636e);padding:14px 22px;cursor:pointer;border-bottom:3px solid transparent;transition:.15s;position:relative;bottom:-1px;white-space:nowrap}
.grm-prof__tabs button.is-active{color:#1668C7;border-bottom-color:#1668C7}
.grm-prof__tabs button:hover{color:#1668C7}
.grm-prof__panel{display:none}
.grm-prof__panel.is-active{display:block}
.grm-prof__products{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}
@media(max-width:900px){.grm-prof__products{grid-template-columns:repeat(2,1fr)}}
.grm-prof__product{background:#fff;border:1px solid var(--grm-line-soft,#eaeff5);border-radius:12px;overflow:hidden;transition:.15s;text-decoration:none;color:inherit;display:block}
.grm-prof__product:hover{border-color:#1668C7;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.06)}
.grm-prof__product-img{aspect-ratio:1;background-size:cover;background-position:center;background-color:var(--grm-canvas,#f5f7fa)}
.grm-prof__product-body{padding:12px}
.grm-prof__product-name{font-size:13px;font-weight:600;color:var(--grm-ink,#041e42);line-height:1.3;margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.grm-prof__product-price{font-size:12px;color:#1668C7;font-weight:700}
.grm-prof__about{background:#fff;border:1px solid var(--grm-line-soft,#eaeff5);border-radius:16px;padding:24px;margin-bottom:24px}
.grm-prof__about h2{font-size:20px;font-weight:800;margin:0 0 16px;letter-spacing:-.3px;color:var(--grm-ink,#041e42)}
.grm-prof__about .grm-prose{font-size:14px;line-height:1.7;color:var(--grm-ink-700,#33424f);margin-bottom:20px}
.grm-prof__about-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(max-width:700px){.grm-prof__about-grid{grid-template-columns:1fr;gap:0}}
.grm-prof__about-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--grm-canvas,#f5f7fa);font-size:14px}
.grm-prof__about-row span{color:var(--grm-ink-500,#55636e)}
.grm-prof__about-row strong{color:var(--grm-ink,#041e42);font-weight:600}
.grm-prof__about-row a{color:#1668C7;text-decoration:none}
.grm-prof__mapbox{background:#fff;border:1px solid var(--grm-line-soft,#eaeff5);border-radius:16px;overflow:hidden;margin-bottom:24px}
.grm-prof__mapbox-inner{height:400px !important;width:100% !important;min-height:400px !important}
.grm-prof__mapbox-foot{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-top:1px solid var(--grm-canvas,#f5f7fa);gap:12px;flex-wrap:wrap}
.grm-prof__mobile-bar{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--grm-line-soft,#eaeff5);padding:10px 14px;z-index:1000;gap:8px;box-shadow:0 -4px 12px rgba(0,0,0,.05)}
.grm-prof__mobile-bar a{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:10px;border-radius:10px;text-decoration:none;font-size:13px;font-weight:600}
.grm-prof__mobile-bar a.is-primary{background:var(--grm-accent-grad);color:#fff;flex:2;box-shadow:0 4px 12px rgba(22,104,199,.3)}
.grm-prof__mobile-bar a.is-secondary{background:var(--grm-canvas,#f5f7fa);color:var(--grm-ink,#041e42)}
@media(max-width:700px){.grm-prof__mobile-bar{display:flex}body{padding-bottom:72px}}
\n\n.grm-tier{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;line-height:1.2;white-space:nowrap}\n.grm-tier .material-symbols-rounded{font-size:13px;line-height:1}\n.grm-tier--basis{background:#EDF2F8;color:#103A63;border:1px solid #D3E0EF}\n.grm-tier--plus{background:linear-gradient(135deg,var(--grm-line-soft,#eaeff5) 0%,var(--grm-brand-100,#d3e0ef) 100%);color:var(--grm-accent-hover,#125aac);border:1px solid var(--grm-accent-200,var(--grm-accent-200,#9CC4EE))}\n.grm-tier--premium{background:var(--grm-warn-50,#FEF7E0);color:var(--grm-warn-text,#B06000);border:1px solid var(--grm-warn,#f59e0b);box-shadow:0 0 0 1px rgba(252,211,77,.5),0 2px 6px rgba(252,211,77,.4)}\n.grm-tier--premium .material-symbols-rounded{color:var(--grm-warn,#f59e0b)}\n\n
.grm-shop__subcats{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 18px;background:#fff;border:1px solid var(--grm-line-soft,#eaeff5);border-radius:14px;margin-bottom:14px}
.grm-shop__subcats-label{font-size:13px;font-weight:600;color:var(--grm-ink-500,#55636e);margin-right:4px;text-transform:uppercase;letter-spacing:.3px}
.grm-shop__subcat{font-size:13px;font-weight:600;color:var(--grm-ink-700,#33424f);background:var(--grm-canvas,#f5f7fa);padding:6px 14px;border-radius:999px;text-decoration:none;transition:.15s;border:1px solid transparent;white-space:nowrap}
.grm-shop__subcat:hover{background:var(--grm-warn-50,#fef7e0);color:#1668C7;border-color:var(--grm-warn-50,#FEF7E0)}
.grm-shop__subcat.is-active{background:var(--grm-accent-grad);color:#fff;border-color:transparent;box-shadow:0 2px 6px rgba(22,104,199,.3)}
@media (max-width: 768px) {
.grm-shop__cats { display: none !important; }
.grm-shop__main { grid-template-columns: 1fr 1fr !important; padding: 0 12px !important; gap: 10px !important; }
.grm-shop__banner { grid-column: 1 / -1 !important; }
.grm-shop__feature { grid-column: span 1 !important; }
.grm-shop__banner { padding: 22px 18px !important; }
.grm-shop__banner h3 { font-size: 20px !important; line-height: 1.3 !important; }
.grm-shop__feature { padding: 16px !important; }
.grm-shop__feature-title { font-size: 15px !important; }
.grm-shop__hero-sub, .grm-shop__hero p { font-size: 13px !important; padding: 0 4px !important; }
.grm-shop__search { margin: 14px 0 10px !important; flex-wrap: wrap; gap: 6px !important; padding: 6px !important; }
.grm-shop__search { display: flex !important; flex-wrap: nowrap !important; align-items: center; }
.grm-shop__search input { font-size: 14px !important; padding: 10px 12px !important; min-width: 0 !important; flex: 1 1 auto !important; width: auto !important; }
.grm-shop__search-img { display: none !important; }
.grm-shop__search-btn { flex: 0 0 auto !important; padding: 10px 16px !important; white-space: nowrap; }
.grm-shop__hero-trust { flex-wrap: wrap; gap: 8px !important; padding: 8px 0 !important; justify-content: center; }
.grm-shop__hero-trust span { font-size: 12px !important; }
.grm-shop__welcome { padding: 12px 14px !important; margin: 0 14px !important; border-radius: 12px; flex-wrap: wrap; gap: 8px !important; }
.grm-shop__welcome-msg { font-size: 13px !important; }
.grm-shop__welcome-chips { flex-wrap: wrap; gap: 8px !important; }
.grm-shop__welcome-chips a { font-size: 12px !important; }
.grm-shop__subcats { padding: 10px 12px !important; gap: 6px !important; margin: 0 0 12px !important; border-radius: 12px; }
.grm-shop__subcats-label { font-size: 11px !important; width: 100%; margin: 0 0 4px !important; }
.grm-shop__subcat { font-size: 12px !important; padding: 5px 11px !important; }
.grm-shop__filter { padding: 10px 12px !important; flex-wrap: wrap; gap: 6px !important; border-radius: 12px; }
.grm-shop__filter-count { font-size: 13px !important; }
.grm-shop__filter button, .grm-shop__filter-pill { font-size: 12px !important; padding: 5px 10px !important; }
.grm-shop__sort { width: 100% !important; }
.grm-shop__tabs { gap: 0 !important; }
.grm-shop__tabs button { padding: 12px 14px !important; font-size: 14px !important; }
body { padding-bottom: 72px; }
}
@media (max-width: 500px) {
.grm-shop__hero-sub, .grm-shop__hero p { font-size: 12px !important; }
.grm-shop__hero-trust { flex-direction: row !important; gap: 6px !important; }
.grm-shop__hero-trust span { font-size: 11px !important; }
.grm-shop__tabs button { padding: 10px 10px !important; font-size: 13px !important; }
.grm-shop__banner h3 { font-size: 18px !important; }
.grm-shop__welcome-msg { font-size: 12px !important; }
.grm-shop__feature-title { font-size: 14px !important; }
}
@media (max-width: 768px) {
.grm-prof { padding: 14px 12px !important; }
.grm-prof__top { grid-template-columns: 1fr !important; gap: 14px !important; }
.grm-prof__rail { position: static !important; }
.grm-prof__head { padding: 16px !important; }
.grm-prof__title h1 { font-size: 20px !important; }
.grm-prof__hero { aspect-ratio: 4/3 !important; }
.grm-prof__hero-logo { width: 100px !important; height: 100px !important; font-size: 40px !important; }
.grm-prof__thumbs { grid-template-columns: repeat(4, 1fr) !important; }
.grm-prof__thumb:nth-child(n+5) { display: none; }
.grm-prof__stats { padding: 14px !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
.grm-prof__stat { padding: 6px !important; border-right: 0 !important; }
.grm-prof__stat strong { font-size: 18px !important; }
.grm-prof__stat span { font-size: 11px !important; }
.grm-prof__tabs button { padding: 12px 14px !important; font-size: 13px !important; }
.grm-prof__products { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
.grm-prof__product-name { font-size: 12px !important; }
.grm-prof__product-price { font-size: 11px !important; }
.grm-prof__about { padding: 18px !important; }
.grm-prof__about h2 { font-size: 17px !important; }
.grm-prof__about-grid { grid-template-columns: 1fr !important; gap: 0 !important; }
.grm-prof__bc { font-size: 12px !important; }
.grm-prof__cta-primary { font-size: 14px !important; padding: 12px !important; }
.grm-prof__cta-secondary { font-size: 13px !important; padding: 10px !important; }
.grm-prof__mapbox-inner { height: 280px !important; min-height: 280px !important; }
}
.grm-shop__subcats{grid-column:2 / -1 !important}
@media (max-width: 860px){.grm-shop__subcats{grid-column:1 / -1 !important}}
@media (max-width: 768px){.grm-shop__subcats{grid-column:1 / -1 !important}}
.grm-tabbar{display:none !important}
@media (max-width: 980px){
#grm-map{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100% !important;height:100vh !important;z-index:1 !important;margin:0 !important}
.grm-app{position:relative !important;height:100vh !important;overflow:hidden !important}.grm-tabbar{display:flex !important;position:fixed !important;bottom:0;left:0;right:0;z-index:1000;width:100%}}
.grm-shop__cats{max-height:330px !important;align-self:start !important;grid-row:1 / span 50 !important;overflow-y:auto !important}
.grm-shop__main{grid-auto-flow:row dense !important}
.grm-shop__search{border-radius:8px !important;border-width:1px !important}
.grm-shop__search input{border-radius:6px 0 0 6px !important}
.grm-shop__search-btn{border-radius:0 6px 6px 0 !important}
.grm-shop__search-img{border-radius:0 !important}
.grm-filt-grp--dynamic{margin-top:14px}
.grm-filt-grp--dynamic .grm-filt-chips{display:flex;flex-wrap:wrap;gap:6px}
.grm-filt-grp--dynamic .grm-chip{font-size:12px;padding:5px 10px;border-radius:999px;background:var(--grm-canvas,#f5f7fa);border:1px solid transparent;color:var(--grm-ink-700,#33424f);cursor:pointer;transition:.15s}
.grm-filt-grp--dynamic .grm-chip:hover{background:var(--grm-warn-50,#fef7e0);color:#1668C7;border-color:var(--grm-warn-50,#FEF7E0)}
.grm-filt-grp--dynamic .grm-chip.is-active{background:var(--grm-accent-grad);color:#fff;border-color:transparent}
.grm-chip--selected{display:inline-flex !important;align-items:center;background:var(--grm-accent-grad) !important;color:#fff !important;border:0 !important;font-weight:600;padding:6px 8px 6px 12px !important}
.grm-filt-change{background:transparent;border:1px dashed var(--grm-line,#d7dee7);color:var(--grm-ink-500,#55636e);font-size:12px;padding:6px 12px;border-radius:999px;cursor:pointer;margin-left:6px}
.grm-filt-change:hover{color:#1668C7;border-color:#1668C7}
.grm-filt-hint{font-size:12px;color:var(--grm-ink-300,#a8b4bc);font-style:italic;padding:8px 0}
.grm-chip--selected .material-symbols-rounded{color:#fff !important;background:transparent !important;font-variation-settings:"FILL" 1 !important}
.grm-chip--selected svg{fill:#fff !important;color:#fff !important}
.grm-chip--selected .dot{background:#fff !important;width:8px;height:8px;border-radius:50%}
@media (max-width: 980px){
.grm-panel.grm-panel--sheet{position:fixed !important;left:0 !important;right:0 !important;bottom:0 !important;width:100% !important;max-width:100% !important;border-radius:18px 18px 0 0 !important;box-shadow:0 -8px 32px rgba(0,0,0,.18) !important;overflow:hidden;display:flex;flex-direction:column;background:#fff;z-index:600;will-change:top}
.grm-panel--sheet > *{flex-shrink:0}
.grm-panel--sheet #grm-list{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}
.grm-sheet-bar{display:flex;justify-content:center;align-items:center;height:22px;cursor:grab;touch-action:none;user-select:none;background:#fff;position:relative;z-index:2}
.grm-sheet-bar:active{cursor:grabbing}
.grm-sheet-grip{width:42px;height:5px;border-radius:999px;background:var(--grm-line,#d7dee7);transition:.15s}
.grm-sheet-bar:hover .grm-sheet-grip,.grm-sheet-bar:active .grm-sheet-grip{background:var(--grm-ink-300,#a8b4bc);width:54px}
.grm-quick-row{display:flex;gap:6px;padding:8px 12px 10px;overflow-x:auto;scroll-snap-type:x mandatory;border-bottom:1px solid var(--grm-canvas,#f5f7fa);background:#fff;scrollbar-width:none}
.grm-quick-row::-webkit-scrollbar{display:none}
.grm-quick-filtbtn{display:inline-flex;align-items:center;gap:4px;background:#fff;border:1px solid var(--grm-line-soft,#eaeff5);color:var(--grm-ink,#041e42);font-weight:700;font-size:12px;padding:7px 12px;border-radius:999px;font-family:inherit;cursor:pointer;flex-shrink:0;scroll-snap-align:start}
.grm-quick-filtbtn .material-symbols-rounded{font-size:16px;color:#1668C7}
.grm-quick-filtbtn:hover{border-color:#1668C7;color:#1668C7}
.grm-quick-chip{display:inline-flex;align-items:center;gap:4px;background:var(--grm-canvas,#f5f7fa);border:1px solid transparent;color:var(--grm-ink-700,#33424f);font-weight:600;font-size:12px;padding:7px 12px;border-radius:999px;font-family:inherit;cursor:pointer;white-space:nowrap;flex-shrink:0;scroll-snap-align:start;transition:.15s}
.grm-quick-chip .material-symbols-rounded{font-size:14px}
.grm-quick-chip:hover{background:var(--grm-warn-50,#fef7e0);color:#1668C7;border-color:var(--grm-warn-50,#FEF7E0)}
.grm-quick-chip.is-active{background:var(--grm-accent-grad);color:#fff;border-color:transparent}
.grm-panel--sheet.grm-snap--low #grm-search-wrap,
.grm-panel--sheet.grm-snap--low .grm-search-aux,
.grm-panel--sheet.grm-snap--low #grm-count,
.grm-panel--sheet.grm-snap--low #grm-list,
.grm-panel--sheet.grm-snap--low #grm-panel-toggle{display:none !important}
.grm-panel--sheet.grm-snap--mid #grm-search-wrap,
.grm-panel--sheet.grm-snap--full #grm-search-wrap{display:flex}
.grm-panel--sheet #grm-panel-toggle{display:none !important}
}
@media (min-width: 981px){
.grm-sheet-bar,.grm-quick-row{display:none !important}
}
body.home .container-wrap,body.page .container-wrap{z-index:auto !important;isolation:auto !important}
.grm-header{z-index:9100 !important}
.grm-app .grm-panel{transform:none !important}
.grm-app .grm-panel.grm-panel--peek{transform:none !important}
@media (max-width: 980px){
.grm-app .grm-panel,
.grm-app .grm-panel.grm-panel--peek,
.grm-app .grm-panel.grm-panel--sheet,
.grm-app .grm-panel.grm-panel--peek.grm-panel--sheet{max-height:none !important;height:auto !important;min-height:0 !important}
.grm-panel.grm-panel--sheet{max-height:none !important;height:auto !important;min-height:0 !important}
.grm-panel{max-height:none !important}
#grm-chips{display:none !important}
.grm-app{padding-top:0 !important}
.grm-searchwrap{position:fixed !important;top:60px !important;left:12px !important;right:12px !important;width:auto !important;z-index:700 !important;background:#fff !important;border-radius:999px !important;box-shadow:0 4px 14px rgba(0,0,0,.16),0 1px 3px rgba(0,0,0,.08) !important;padding:10px 14px !important;display:flex !important;align-items:center !important;gap:8px !important;border:none !important;margin:0 !important}
.grm-searchwrap input{flex:1 !important;font-size:15px !important;border:none !important;background:transparent !important;outline:none !important;padding:0 !important}
.grm-searchwrap button{background:transparent !important;border:none !important;color:#55636E !important;cursor:pointer !important;padding:4px !important}
.grm-panel.grm-panel--sheet{position:fixed !important;left:0;right:0;bottom:0;width:100% !important;height:auto !important;max-height:none !important;border-radius:18px 18px 0 0 !important;box-shadow:0 -8px 32px rgba(0,0,0,.18) !important;display:flex !important;flex-direction:column !important;background:#fff !important;z-index:9000 !important;will-change:top;transition:top .32s cubic-bezier(.22,1,.36,1);overflow:hidden}
.grm-panel--sheet .grm-sheet-bar{display:flex !important;height:22px !important;justify-content:center;align-items:center;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;flex-shrink:0}
.grm-panel--sheet .grm-sheet-grip{width:42px;height:5px;border-radius:999px;background:var(--grm-line,#d7dee7)}
.grm-panel--sheet .grm-quick-row{display:flex !important;gap:6px;padding:6px 12px 10px;overflow-x:auto;scroll-snap-type:x mandatory;flex-shrink:0;border-bottom:1px solid var(--grm-canvas,#f5f7fa)}
.grm-panel--sheet .grm-quick-filtbtn{display:inline-flex;align-items:center;gap:4px;background:#fff;border:1px solid var(--grm-line-soft,#eaeff5);color:var(--grm-ink,#041e42);font-weight:700;font-size:12px;padding:7px 12px;border-radius:999px;flex-shrink:0;cursor:pointer}
.grm-panel--sheet .grm-quick-chip{background:var(--grm-canvas,#f5f7fa);border:none;color:var(--grm-ink,#041e42);font-weight:600;font-size:12px;padding:7px 12px;border-radius:999px;white-space:nowrap;scroll-snap-align:start;flex-shrink:0;cursor:pointer}
.grm-panel--sheet .grm-quick-chip.is-active{background:var(--grm-accent-grad);color:#fff}
.grm-panel--sheet #grm-list{flex:1 1 auto;overflow-y:auto}
.grm-panel--sheet #grm-sheet-handle{display:none !important}
.grm-panel.grm-snap--low{top:calc(100vh - 96px) !important}
.grm-panel.grm-snap--mid{top:42vh !important}
.grm-panel.grm-snap--full{top:200px !important}
.grm-panel--sheet.grm-snap--low #grm-list,
.grm-panel--sheet.grm-snap--low .grm-panel__head,
.grm-panel--sheet.grm-snap--low #grm-count,
.grm-panel--sheet.grm-snap--low #grm-detail,
.grm-panel--sheet.grm-snap--low #grm-panel-toggle{display:none !important}
}
@media (min-width: 981px){
.grm-sheet-bar,.grm-quick-row{display:none !important}
}
@media (max-width: 980px){
body.has-kaart-full{overflow:hidden !important;height:100% !important;height:100dvh !important;margin:0 !important;width:100% !important}
.grm-header{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;width:100% !important;z-index:9500 !important;background:#fff !important;box-shadow:0 1px 4px rgba(0,0,0,.06) !important}
body.admin-bar .grm-header{top:32px !important}
@media (max-width:782px){body.admin-bar .grm-header{top:46px !important}}
.grm-app{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100% !important;height:100% !important;height:100dvh !important;overflow:hidden !important;padding-top:0 !important;contain:strict}
#grm-map{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100% !important;height:100vh !important;height:100dvh !important;z-index:1 !important;margin:0 !important}
.grm-searchwrap{top:75px !important;left:12px !important;right:12px !important;width:auto !important;z-index:9400 !important;position:fixed !important}
body.admin-bar .grm-searchwrap{top:107px !important}
@media (max-width:782px){body.admin-bar .grm-searchwrap{top:121px !important}}
.grm-panel.grm-panel--sheet{position:fixed !important;left:0 !important;right:0 !important;bottom:0 !important;width:100% !important;z-index:9000 !important}
.grm-panel.grm-snap--full{top:200px !important}
.grm-panel.grm-snap--mid{top:42vh !important;top:42dvh !important}
.grm-panel.grm-snap--low{top:calc(100vh - 96px) !important;top:calc(100dvh - 96px) !important}
}
@media (max-width: 980px){
.grm-panel.grm-snap--full{top:200px !important}
body.admin-bar .grm-panel.grm-snap--full{top:240px !important}
.grm-panel--sheet.grm-snap--low .grm-quick-row{display:flex !important;visibility:visible !important;opacity:1 !important}
.grm-panel--sheet .grm-quick-row{display:flex !important}
}
@media (max-width: 980px){
.grm-panel.grm-snap--full{top:200px !important}
body.admin-bar .grm-panel.grm-snap--full{top:240px !important}
}
@media (max-width: 768px){
.grm-auth__brand{ display:none !important; }
.grm-portal--narrow{
padding-top: 0 !important;
padding-bottom: 8px !important;
max-width: 100% !important;
}
.grm-portal--narrow .grm-card.grm-authcard{
margin-top: 0 !important;
border-radius: 12px !important;
}
body:has(.grm-portal--narrow) .container.main-content,
.container.main-content:has(.grm-portal--narrow){
padding-top: 8px !important;
padding-bottom: 8px !important;
margin-top: 0 !important;
--nectar-sticky-top-distance: 0px !important;
}
body:has(.grm-portal--narrow) .container.main-content > .row,
.container.main-content:has(.grm-portal--narrow) > .row{
margin-top: 0 !important;
margin-bottom: 0 !important;
}
body:has(.grm-portal--narrow) #ajax-content-wrap > .container-wrap,
body:has(.grm-portal--narrow) .container-wrap{
padding-top: 0 !important;
padding-bottom: 0 !important;
}
}
body .grm-portal--narrow .grm-authcard p.grm-fineprint,
body .grm-portal--narrow .grm-authcard p.grm-fineprint:last-child,
body .grm-portal--narrow p.grm-fineprint,
body .grm-authcard p.grm-fineprint,
body .grm-portal--narrow .grm-card p.grm-fineprint{
color: var(--grm-ink,#041e42) !important;
font-weight: 500 !important;
font-size: 14px !important;
text-align: center !important;
margin-top: 16px !important;
border-top: 0 !important;
padding-top: 0 !important;
background: transparent !important;
}
body .grm-portal--narrow .grm-authcard p.grm-fineprint a,
body .grm-portal--narrow .grm-authcard p.grm-fineprint > a,
body .grm-portal--narrow p.grm-fineprint a,
body .grm-authcard p.grm-fineprint a,
body .grm-authcard p.grm-fineprint > a{
display: inline !important;
color: #103A63 !important;
font-weight: 700 !important;
text-decoration: underline !important;
text-underline-offset: 2px;
}
body .grm-portal--narrow .grm-authcard p.grm-fineprint a:hover,
body .grm-authcard p.grm-fineprint a:hover{ color: #0B2A49 !important; }
.grm-footer{
background: var(--grm-ink,#041e42) !important;
color: var(--grm-line,#d7dee7) !important;
font-family: 'Inter','Inter Tight','Roboto','Segoe UI',Arial,sans-serif !important;
padding: 72px 24px 0 !important;
position: relative !important;
border-top: 0 !important;
margin-top: 64px;
}
.grm-footer::before{
content: "";
position: absolute; top: 0; left: 0; right: 0; height: 2px;
background: linear-gradient(90deg, transparent 0%, #1668C7 50%, transparent 100%);
}
.grm-footer__in{
max-width:var(--grm-w,1424px) !important;
margin: 0 auto !important;
display: grid !important;
grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr !important;
gap: 40px 32px !important;
padding-bottom: 56px !important;
}
@media (max-width: 1100px){
.grm-footer__in{
grid-template-columns: 2fr 1fr 1fr 1fr !important;
gap: 36px 28px !important;
}
}
@media (max-width: 780px){
.grm-footer{ padding: 56px 16px 0 !important; margin-top: 48px; }
.grm-footer__in{
grid-template-columns: 1fr 1fr !important;
gap: 32px 24px !important;
padding-bottom: 36px !important;
}
.grm-footer__brand{ grid-column: 1 / -1 !important; }
}
@media (max-width: 420px){
.grm-footer__in{ grid-template-columns: 1fr !important; }
}
.grm-footer__brand{ display: flex; flex-direction: column; gap: 14px; }
.grm-footer__logo{
display: flex !important; align-items: center !important; gap: 10px !important;
color: #fff !important;
font-size: 24px !important;
font-weight: 800 !important;
letter-spacing: -.025em !important;
font-family: 'Inter Tight','Inter',sans-serif !important;
}
.grm-footer__logo svg,
.grm-footer__logo .material-symbols-rounded{ color: #1668C7 !important; }
.grm-footer__brand p{
font-size: 14px !important;
line-height: 1.7 !important;
margin: 0 !important;
max-width: 360px !important;
color: var(--grm-ink-300,#a8b4bc) !important;
}
.grm-footer__social{ display: flex; gap: 8px; margin-top: 8px; flex-wrap: wrap; }
.grm-footer__social a{
width: 38px; height: 38px;
border-radius: 50% !important;
border: 1px solid var(--grm-success-text,#0b2a49) !important;
background: transparent !important;
display: inline-flex !important; align-items: center !important; justify-content: center !important;
color: var(--grm-line,#d7dee7) !important;
text-decoration: none !important;
padding: 0 !important;
transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
.grm-footer__social a:hover{
background: #1668C7 !important;
color: #fff !important;
border-color: #1668C7 !important;
transform: translateY(-2px);
}
.grm-footer__social a .material-symbols-rounded{ font-size: 18px; }
.grm-footer__trust{
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: 10px;
color: var(--grm-ink-300,#a8b4bc);
font-size: 12px;
background: rgba(34,197,94,.08);
border: 1px solid rgba(34,197,94,.2);
padding: 6px 12px;
border-radius: 99px;
width: max-content;
}
.grm-footer__trust .material-symbols-rounded{ color: #103A63; font-size: 16px; }
.grm-footer__col{ min-width: 0; }
.grm-footer__col h4{
color: #fff !important;
font-size: 13px !important;
margin: 0 0 18px !important;
padding: 0 0 10px !important;
text-transform: uppercase !important;
letter-spacing: .08em !important;
font-weight: 800 !important;
font-family: 'Inter Tight','Inter',sans-serif !important;
position: relative;
}
.grm-footer__col h4::after{
content: ""; position: absolute; left: 0; bottom: 0;
width: 28px; height: 2px;
background: #1668C7;
border-radius: 99px;
}
.grm-footer__col a{
display: flex !important;
align-items: center;
gap: 6px;
color: var(--grm-ink-300,#a8b4bc) !important;
text-decoration: none !important;
font-size: 14px !important;
padding: 7px 0 !important;
transition: color .2s ease, transform .2s ease;
line-height: 1.4 !important;
}
.grm-footer__col a::before{
content: "›";
color: #1668C7;
font-weight: 700;
opacity: 0;
margin-left: -8px;
transition: opacity .2s ease, margin .2s ease;
}
.grm-footer__col a:hover{
color: #fff !important;
transform: translateX(2px);
}
.grm-footer__col a:hover::before{
opacity: 1;
margin-left: 0;
margin-right: 2px;
}
.grm-footer__col a .material-symbols-rounded{
font-size: 14px;
color: #1668C7;
margin-right: 2px;
vertical-align: -2px;
}
.grm-footer__bottom{
border-top: 1px solid var(--grm-success-text,#0b2a49) !important;
padding: 22px 24px !important;
max-width:var(--grm-w,1424px) !important;
margin: 0 auto !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
flex-wrap: wrap;
gap: 14px;
font-size: 13px !important;
color: var(--grm-ink-500,#55636e) !important;
background: transparent !important;
text-align: left !important;
}
.grm-footer__bottom a{
color: var(--grm-ink-300,#a8b4bc) !important;
text-decoration: none !important;
margin: 0 !important;
transition: color .2s ease;
}
.grm-footer__bottom a:hover{ color: #fff !important; }
.grm-footer__bottom__links{
display: flex;
gap: 22px;
flex-wrap: wrap;
}
.grm-footer__bottom__trust{
display: inline-flex;
align-items: center;
gap: 6px;
color: var(--grm-ink-300,#a8b4bc);
}
.grm-footer__bottom__trust .material-symbols-rounded{
color: #103A63;
font-size: 16px;
}
@media (max-width: 600px){
.grm-footer__bottom{
flex-direction: column;
text-align: center;
justify-content: center;
}
.grm-footer__bottom__links{ justify-content: center; }
}
.grm-shop{max-width:var(--grm-w,1424px);margin:0 auto;padding:0 24px 80px;font-family:var(--grm-font-body,'Inter',Inter,sans-serif);color:var(--grm-ink,#041E42);background:transparent}
.grm-back{
display:inline-flex;align-items:center;gap:6px;
color:var(--grm-brand,#103A63);
background:var(--grm-brand-50,#EDF2F8);
text-decoration:none;
font-size:13px;font-weight:600;
padding:7px 14px;border-radius:99px;
transition:background .14s,color .14s;
}
.grm-back:hover{background:var(--grm-brand,#103A63);color:#fff}
.grm-back .material-symbols-rounded{font-size:16px}
.grm-shop__search{
display:flex;align-items:center;gap:10px;
background:#fff;
border:1px solid var(--grm-line,#D7DEE7);
border-radius:14px;
padding:8px 8px 8px 18px;
max-width:560px;
box-shadow:0 8px 24px rgba(4,30,66,.08);
}
.grm-shop__search .material-symbols-rounded{color:var(--grm-brand,#103A63);font-size:22px}
.grm-shop__search input{flex:1;border:0;outline:0;font:inherit;font-size:15px;color:var(--grm-ink,#041E42);background:transparent;padding:8px 0;font-family:var(--grm-font-body)}
.grm-shop__search input::placeholder{color:var(--grm-ink-500,#55636E)}
.grm-shop__hero-stats{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;font-size:13px;color:var(--grm-ink-500,#55636E)}
.grm-shop__hero-stats span{display:inline-flex;align-items:center;gap:6px}
.grm-shop__hero-stats .material-symbols-rounded{font-size:16px;color:var(--grm-success,#103A63)}
.grm-shop__bar{
display:flex;align-items:center;flex-wrap:wrap;gap:16px;
margin-bottom:28px;padding:14px 0 18px;
border-bottom:1px solid var(--grm-line,#D7DEE7);
}
.grm-shop__count{color:var(--grm-ink-500,#55636E);font-size:14px}
.grm-shop__count strong{color:var(--grm-ink,#041E42);font-family:var(--grm-font-display);font-weight:800;font-size:18px}
.grm-shop__chips{display:flex;flex:1;gap:8px;overflow-x:auto;scrollbar-width:thin;min-width:0;padding-bottom:4px}
.grm-shop__chips::-webkit-scrollbar{height:6px}
.grm-shop__chips::-webkit-scrollbar-thumb{background:var(--grm-ink-300,#A8B4BC);border-radius:99px}
.grm-shop__chip{
display:inline-flex;align-items:center;gap:6px;
padding:9px 14px;
background:#fff;
border:1px solid var(--grm-line,#D7DEE7);
border-radius:99px;
text-decoration:none;font-size:13px;font-weight:600;
color:var(--grm-ink-500,#55636E);
white-space:nowrap;
transition:border-color .14s,color .14s,background .14s;
flex-shrink:0;
}
.grm-shop__chip:hover{border-color:var(--grm-brand,#103A63);color:var(--grm-brand,#103A63);background:var(--grm-brand-50,#EDF2F8)}
.grm-shop__chip.is-active{background:var(--grm-brand,#103A63);color:#fff;border-color:var(--grm-brand,#103A63)}
.grm-shop__chip.is-active .dot{background:#fff !important}
.grm-shop__chip .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.grm-shop__empty{
grid-column:1/-1;
text-align:center;padding:72px 24px;
background:#fff;
border:1px dashed var(--grm-line,#D7DEE7);
border-radius:16px;
color:var(--grm-ink-500,#55636E);
}
.grm-shop__empty h3{
font-family:var(--grm-font-display,'Inter Tight',sans-serif);
font-weight:800;font-size:20px;
color:var(--grm-ink,#041E42);
margin:14px 0 6px;
}
.grm-shop__pager{display:flex;justify-content:center;gap:6px;margin-top:40px;flex-wrap:wrap}
.grm-shop__pager .page-numbers{
display:inline-flex;align-items:center;gap:4px;
min-width:40px;height:40px;padding:0 14px;
justify-content:center;
border:1px solid var(--grm-line,#D7DEE7);
border-radius:12px;
text-decoration:none;
color:var(--grm-ink,#041E42);
font-family:var(--grm-font-body);font-weight:600;font-size:14px;
background:#fff;
transition:all .14s;
}
.grm-shop__pager .page-numbers:hover{border-color:var(--grm-brand,#103A63);color:var(--grm-brand,#103A63);background:var(--grm-brand-50,#EDF2F8)}
.grm-shop__pager .page-numbers.current{background:var(--grm-brand,#103A63);color:#fff;border-color:var(--grm-brand,#103A63)}
.grm-shop__pager .material-symbols-rounded{font-size:16px}
@media(max-width:680px){
.grm-shop{padding:0 14px 60px}
}
.grm-nav__drop{position:relative;display:inline-flex}
.grm-nav__btn{display:inline-flex;align-items:center;gap:5px;height:40px;padding:0 14px;border:0;background:transparent;font-weight:600;font-size:15px;color:#55636E;text-decoration:none;cursor:pointer;border-radius:8px;font-family:inherit;transition:background .12s,color .12s}
.grm-nav__btn:hover,.grm-nav__drop:hover .grm-nav__btn,.grm-nav__drop:focus-within .grm-nav__btn{background:#EAEFF5;color:var(--grm-ink,#041e42)}
.grm-nav__caret{font-size:18px;transition:transform .18s ease;margin-left:2px}
.grm-nav__drop:hover .grm-nav__caret,.grm-nav__drop:focus-within .grm-nav__caret{transform:rotate(180deg)}
.grm-nav__menu--mega{
position:absolute;
top:48px;
left:50%;
transform:translateX(-50%) translateY(-6px);
width:min(820px,calc(100vw - 24px));
background:#fff;
border:1px solid var(--grm-line-soft,#eaeff5);
border-radius:16px;
box-shadow:0 18px 50px rgba(15,23,42,.18),0 4px 14px rgba(15,23,42,.08);
padding:22px;
z-index:1200;
opacity:0;
pointer-events:none;
visibility:hidden;
transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1),visibility 0s linear .25s;
}
.grm-nav__drop:hover .grm-nav__menu--mega,
.grm-nav__drop:focus-within .grm-nav__menu--mega{
opacity:1;pointer-events:auto;visibility:visible;
transform:translateX(-50%) translateY(0);
transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1),visibility 0s linear 0s;
}
.grm-nav__drop::after{content:"";position:absolute;top:32px;left:0;right:0;height:18px;pointer-events:none}
.grm-nav__drop:hover::after{pointer-events:auto}
.grm-mega__head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:14px;border-bottom:1px solid var(--grm-line-soft,#eaeff5);margin-bottom:16px}
.grm-mega__head h4{margin:0;font-family:"Inter Tight",Inter,sans-serif;font-weight:800;font-size:18px;letter-spacing:-.01em;color:var(--grm-ink,#041e42);line-height:1.2}
.grm-mega__head span{display:block;font-size:13px;color:#55636E;margin-top:2px;font-weight:500}
.grm-mega__all{display:inline-flex;align-items:center;gap:6px;background:#EDF2F8;color:#0B2A49;padding:8px 14px;border-radius:99px;font-size:13px;font-weight:700;text-decoration:none;transition:background .12s,color .12s;white-space:nowrap}
.grm-mega__all:hover{background:#103A63;color:#fff}
.grm-mega__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.grm-mega__tile{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:11px;text-decoration:none;color:#041E42;transition:background .14s,transform .14s;min-width:0}
.grm-mega__tile:hover{background:var(--grm-brand-50,#EDF2F8);transform:translateX(2px)}
.grm-mega__ic{flex-shrink:0;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--c,#103A63) 12%,#fff);color:var(--c,#103A63);transition:background .14s}
.grm-mega__tile:hover .grm-mega__ic{background:color-mix(in srgb,var(--c,#103A63) 20%,#fff)}
.grm-mega__ic .material-symbols-rounded{font-size:22px}
.grm-mega__txt{display:flex;flex-direction:column;line-height:1.2;min-width:0;flex:1 1 0%;overflow:hidden}
.grm-mega__name{font-size:13px;font-weight:700;color:var(--grm-ink,#041E42);letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--grm-font-body,'Inter',sans-serif)}
.grm-mega__count{font-size:11px;color:var(--grm-ink-500,#55636E);font-weight:500;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.grm-mega__count--empty{color:var(--grm-ink-300,#A8B4BC);font-style:italic}
.grm-mega__foot{margin-top:16px;padding-top:14px;border-top:1px solid var(--grm-line-soft,#eaeff5);display:flex;align-items:center;gap:6px;font-size:12px;color:#55636E;font-weight:500}
.grm-mega__foot .material-symbols-rounded{color:#103A63;font-size:16px}
@media(max-width:980px){
.grm-nav__menu--mega{width:min(640px,calc(100vw - 24px));padding:18px}
.grm-mega__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:780px){
.grm-nav__drop .grm-nav__menu--mega{display:none}
.grm-nav__caret{display:none}
}
.grm-aanmeld,.grm-aanmeld *{box-sizing:border-box}
.grm-aanmeld{padding:8px 0 56px}
.grm-aanmeld__kaart{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;padding:40px 44px;border-radius:20px;background:linear-gradient(135deg,#103A63 0%,#041E42 100%);color:#fff;overflow:hidden}
.grm-aanmeld__eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#1668C7;margin-bottom:10px}
.grm-aanmeld__titel{margin:0 0 10px;font-family:var(--gm-font-display,'Inter Tight',sans-serif);font-size:clamp(22px,2.4vw,30px);font-weight:800;line-height:1.2;color:#fff}
.grm-aanmeld__titel span{display:block;color:#fff}
.grm-aanmeld__sub{margin:0 0 18px;max-width:620px;color:var(--grm-line,#d7dee7);font-size:15.5px;line-height:1.55}
.grm-aanmeld__beloften{display:flex;flex-wrap:wrap;gap:10px 22px;margin:0 0 22px;padding:0;list-style:none}
.grm-aanmeld__beloften li{display:flex;align-items:center;gap:7px;font-size:14.5px;font-weight:600;color:#fff}
.grm-aanmeld__beloften .material-symbols-rounded{font-size:19px;color:#1668C7}
.grm-aanmeld__acties{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.grm-aanmeld .gm-btn--ghost-op-donker{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.34)}
.grm-aanmeld .gm-btn--ghost-op-donker:hover{background:rgba(255,255,255,.10);color:#fff;border-color:rgba(255,255,255,.5)}
.grm-aanmeld__beeld{display:flex;align-items:center;justify-content:center;width:168px;height:168px;border-radius:24px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
@media (max-width:820px){
.grm-aanmeld__kaart{grid-template-columns:1fr;padding:30px 26px}
.grm-aanmeld__beeld{display:none}
}
.grm-help{max-width:var(--grm-w-tekst,1200px)}
.grm-help__nav{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:12px;margin:0 0 44px}
.grm-help__navtegel{display:flex;align-items:center;gap:13px;padding:15px 16px;border:1px solid var(--grm-line-soft,#eaeff5);border-radius:12px;background:#fff;color:#041E42;text-decoration:none;min-width:0;transition:border-color .15s,box-shadow .15s,transform .15s}
.grm-help__navtegel:hover{border-color:#1668C7;box-shadow:0 8px 20px rgba(16,58,99,.1);transform:translateY(-2px)}
.grm-help__navtegel>.material-symbols-rounded{flex:0 0 auto;width:42px;height:42px;border-radius:10px;background:#EDF2F8;color:#103A63;display:flex;align-items:center;justify-content:center;font-size:22px}
.grm-help__navtegel-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.grm-help__navtegel-txt strong{font-size:14.5px;font-weight:700;line-height:1.25}
.grm-help__navtegel-txt em{font-style:normal;font-size:12.5px;color:#55636E}
.grm-help__cat{scroll-margin-top:150px}
.grm-help__cat-intro{margin:-6px 0 16px;font-size:14.5px;color:#55636E}
@media (max-width:600px){
.grm-help__nav{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:32px}
.grm-help__navtegel{flex-direction:column;align-items:flex-start;gap:9px;padding:13px 12px}
.grm-help__navtegel-txt strong{font-size:13.5px}
}
@media(max-width:760px){[data-grm-fp-m]{--grm-fp-bg:var(--grm-fp-bg-m)!important}}

.grm-topstrip{background:#041E42;color:#fff;padding:8px 0;font-size:13px;line-height:1.4;overflow:hidden;position:relative;font-family:"Inter",Inter,sans-serif}
.grm-topstrip__in{max-width:var(--grm-w,1424px);margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.grm-topstrip__live{display:inline-flex;align-items:center;gap:8px;font-weight:600}
.grm-topstrip__live .dot{width:8px;height:8px;border-radius:50%;background:#103A63;position:relative;flex-shrink:0}
.grm-topstrip__live .dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid #103A63;opacity:.5;animation:grmTopPulse 2.2s ease-in-out infinite}
@keyframes grmTopPulse{0%,100%{transform:scale(.95);opacity:.55}50%{transform:scale(1.35);opacity:0}}
.grm-topstrip__live b{color:#1668C7;font-weight:800}
.grm-topstrip__usps{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;flex:1}
.grm-topstrip__usp{display:inline-flex;align-items:center;gap:6px;opacity:.92}
.grm-topstrip__usp .material-symbols-rounded{font-size:14px;color:#1668C7}
.grm-topstrip__lang{display:inline-flex;align-items:center;gap:5px;opacity:.85;font-weight:600}
.grm-topstrip__lang .material-symbols-rounded{font-size:14px}
@media(max-width:880px){.grm-topstrip__usps{display:none}}
@media(max-width:600px){.grm-topstrip__in{padding:0 14px;gap:10px}.grm-topstrip__lang{display:none}}
.grm-h{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.94);border-bottom:1px solid #D7DEE7;box-shadow:0 1px 3px rgba(4,30,66,.04);font-family:"Inter",Inter,sans-serif}
.grm-h__in{max-width:var(--grm-w,1424px);margin:0 auto;padding:0 24px;height:72px;display:flex;align-items:center;gap:32px}
.grm-h__logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#041E42;flex-shrink:0}
.grm-h__logo svg{width:auto;height:38px;display:block;flex-shrink:0}
.grm-h__logo-txt{font-family:"Inter Tight",sans-serif;font-weight:800;font-size:22px;letter-spacing:-.02em;line-height:1;color:#103A63}
.grm-h__logo-txt b{color:#103A63;font-weight:800}
.grm-h__logo-dot{color:var(--grm-accent,#1668C7)}
.grm-woordmerk{display:inline;white-space:nowrap;letter-spacing:inherit}
.grm-woordmerk b{font-weight:inherit}
.grm-woordmerk__punt{color:var(--grm-accent,#1668C7)}
.grm-h__nav{display:flex;align-items:center;gap:6px;flex:1;margin-left:8px}
.grm-h__navlink{display:inline-flex;align-items:center;gap:6px;padding:0 14px;height:44px;border-radius:10px;color:#041E42;font-weight:600;font-size:14.5px;white-space:nowrap;text-decoration:none;cursor:pointer;border:0;background:transparent;font-family:inherit;transition:background .14s,color .14s;position:relative;font-family:"Inter",Inter,sans-serif}
.grm-h__navlink:hover,.grm-h__drop:hover .grm-h__navlink,.grm-h__drop:focus-within .grm-h__navlink{background:#EDF2F8;color:#103A63}
.grm-h__navlink .material-symbols-rounded{font-size:17px;opacity:.7}
.grm-h__navlink.is-active{color:#103A63;background:#EDF2F8}
.grm-h__caret{font-size:18px !important;opacity:1 !important;transition:transform .22s ease;margin-left:0}
.grm-h__drop:hover .grm-h__caret,.grm-h__drop:focus-within .grm-h__caret{transform:rotate(180deg)}
.grm-h__cta{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}
.grm-h__btn{display:inline-flex !important;align-items:center;gap:6px;padding:10px 18px !important;border-radius:10px !important;font-family:"Inter",sans-serif !important;font-weight:700;font-size:14px;text-decoration:none !important;cursor:pointer;border:0;transition:background .15s,transform .12s,box-shadow .15s;line-height:1;height:auto !important}
.grm-h__btn--ghost{background:transparent !important;color:#041E42 !important;border:1px solid #D7DEE7 !important}
.grm-h__btn--ghost:hover{background:#EDF2F8 !important;color:#103A63 !important;border-color:transparent !important}
.grm-h__btn--cta{background:#1668C7 !important;color:#FFFFFF !important;box-shadow:0 4px 12px rgba(22,104,199,.32)}
.grm-h__btn--cta:hover{background:#125AAC !important;transform:translateY(-1px);box-shadow:0 8px 18px rgba(22,104,199,.42)}
.grm-h__btn .material-symbols-rounded{font-size:17px}
.grm-h__burger{display:none;width:42px;height:42px;border-radius:10px;border:1px solid #D7DEE7;background:transparent;color:#041E42;align-items:center;justify-content:center;cursor:pointer}
.grm-h__burger .material-symbols-rounded{font-size:24px}
.grm-h__drop{position:relative}
.grm-h__drop-menu{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border:1px solid #D7DEE7;border-radius:16px;padding:8px;min-width:240px;box-shadow:0 16px 40px rgba(4,30,66,.12);z-index:1100;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1),visibility 0s linear .25s;pointer-events:none}
.grm-h__drop:hover .grm-h__drop-menu,.grm-h__drop:focus-within .grm-h__drop-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1),visibility 0s linear 0s}
.grm-h__drop::after{content:"";position:absolute;top:100%;left:0;right:0;height:14px;pointer-events:none}
.grm-h__drop:hover::after{pointer-events:auto}
.grm-h__drop-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:#041E42;font-weight:600;font-size:14px;text-decoration:none;transition:background .14s,color .14s}
.grm-h__drop-item:hover{background:#EDF2F8;color:#103A63}
.grm-h__drop-item .material-symbols-rounded{font-size:18px;color:#103A63;width:24px;text-align:center;flex-shrink:0}
.grm-h__drop-item small{display:block;font-weight:500;color:#55636E;font-size:12px;margin-top:1px;line-height:1.3}
.grm-h__drop-item-txt{flex:1;min-width:0;line-height:1.2}
.grm-h__mega{position:fixed;top:var(--grm-h-h,72px);left:0;right:0;width:100vw;max-width:100vw;transform:translateY(-8px);background:#fff;border-top:1px solid #D7DEE7;border-bottom:1px solid #D7DEE7;box-shadow:0 16px 40px rgba(4,30,66,.12);z-index:1100;opacity:0;visibility:hidden;transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1),visibility 0s linear .25s;pointer-events:none;overflow:hidden}
.grm-h__drop:hover .grm-h__mega,.grm-h__drop:focus-within .grm-h__mega{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1),visibility 0s linear 0s}
.grm-h__mega-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,.8fr);gap:0;max-width:var(--grm-w,1424px);margin:0 auto;padding:0 24px}
.grm-h__mega-cats{padding:22px;border-right:1px solid #D7DEE7}
.grm-h__mega-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.grm-h__mega-head h4{margin:0;font-family:"Inter Tight",sans-serif;font-size:13px;font-weight:800;color:#103A63;letter-spacing:.06em;text-transform:uppercase}
.grm-h__mega-head a{font-size:12px;color:#103A63;font-weight:700;display:inline-flex;align-items:center;gap:4px;text-decoration:none}
.grm-h__mega-head a:hover{color:#1668C7}
.grm-h__cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:2px 6px}
.grm-h__cat{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;text-decoration:none;color:#041E42;transition:background .14s,transform .14s;min-width:0}
.grm-h__cat:hover{background:#fff;transform:translateX(3px)}
.grm-h__cat-ic{flex-shrink:0;width:34px;height:34px;border-radius:8px;background:color-mix(in srgb,var(--c,#103A63) 12%,#fff);color:var(--c,#103A63);display:flex;align-items:center;justify-content:center;transition:background .14s,transform .22s cubic-bezier(.22,1,.36,1)}
.grm-h__cat:hover .grm-h__cat-ic{background:color-mix(in srgb,var(--c,#103A63) 22%,#fff);transform:rotate(-6deg) scale(1.05)}
.grm-h__cat-ic .material-symbols-rounded{font-size:18px;transition:font-variation-settings .2s}
.grm-h__cat:hover .grm-h__cat-ic .material-symbols-rounded{font-variation-settings:'FILL' 1, 'wght' 600}
.grm-h__cat-txt{display:flex;flex-direction:column;line-height:1.2;min-width:0;flex:1;overflow:hidden}
.grm-h__cat-name{font-size:12.5px;font-weight:700;color:#041E42;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:"Inter",sans-serif}
.grm-h__cat-count{font-size:10.5px;color:#55636E;font-weight:500;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.grm-h__cat-count--empty{color:#A8B4BC;font-style:italic}
.grm-h__mega-pop{padding:22px;border-right:1px solid #D7DEE7;background:#fff}
.grm-h__mega-pop-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.grm-h__pop{display:flex;align-items:center;gap:12px;padding:10px;border-radius:11px;text-decoration:none;background:#fff;border:1px solid #D7DEE7;transition:transform .14s,box-shadow .14s,border-color .14s}
.grm-h__pop:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(4,30,66,.14);border-color:transparent}
.grm-h__pop-thumb{flex-shrink:0;width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,var(--c,#103A63),color-mix(in srgb,var(--c,#103A63) 60%,#000));color:#fff;display:flex;align-items:center;justify-content:center;font-family:"Inter Tight",sans-serif;font-weight:800;font-size:18px;overflow:hidden;position:relative}
.grm-h__pop-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.grm-h__pop:hover .grm-h__pop-thumb img{transform:scale(1.08)}
.grm-h__pop-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,color-mix(in srgb,var(--c,#103A63) 30%,transparent) 100%);pointer-events:none;opacity:0;transition:opacity .25s ease}
.grm-h__pop:hover .grm-h__pop-thumb::after{opacity:1}
.grm-h__pop-letter{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.grm-h__pop-txt{flex:1;min-width:0}
.grm-h__pop-name{font-size:13.5px;font-weight:800;color:#041E42;line-height:1.2;margin:0;font-family:"Inter",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.grm-h__pop-meta{font-size:11.5px;color:#55636E;margin-top:2px;display:flex;align-items:center;gap:4px}
.grm-h__pop-meta .material-symbols-rounded{font-size:12px;color:#103A63}
.grm-h__pop-arrow{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:#EDF2F8;color:#103A63;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateX(-4px);transition:opacity .2s,transform .2s}
.grm-h__pop-arrow .material-symbols-rounded{font-size:14px}
.grm-h__pop:hover .grm-h__pop-arrow{opacity:1;transform:translateX(0)}
.grm-h__mega-cta{background:linear-gradient(160deg,#103A63 0%,#041E42 100%);color:#fff;padding:22px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;min-height:240px}
.grm-h__mega-cta::after{content:"";position:absolute;right:-40px;top:-40px;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,.10);pointer-events:none}
.grm-h__mega-cta::before{content:"";position:absolute;right:-20px;bottom:-50px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.08);pointer-events:none}
.grm-h__mega-cta-eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.85;margin-bottom:10px}
.grm-h__mega-cta-h{font-family:"Inter Tight",sans-serif;font-weight:800;font-size:20px;line-height:1.15;letter-spacing:-.01em;margin:0 0 10px;color:#fff;position:relative}
.grm-h__mega-cta-p{font-size:13px;line-height:1.5;opacity:.94;margin:0 0 18px;position:relative}
.grm-h__mega-cta-btn{display:inline-flex !important;align-items:center;justify-content:center;gap:6px;background:#fff !important;color:#103A63 !important;padding:11px 14px !important;border-radius:10px !important;font-weight:800 !important;font-size:13px !important;text-decoration:none !important;text-align:center;transition:transform .12s;position:relative;border:0 !important;font-family:"Inter",sans-serif !important;width:100%}
.grm-h__mega-cta-btn:hover{transform:translateY(-1px)}
.grm-h__mega-cta-trust{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;margin-top:12px;opacity:.88;position:relative;justify-content:center}
.grm-h__mega-cta-trust .material-symbols-rounded{font-size:13px}
@media(max-width:1100px){
.grm-h__mega-grid{grid-template-columns:1fr}
.grm-h__mega-cats,.grm-h__mega-pop{border-right:0;border-bottom:1px solid #D7DEE7}
.grm-h__cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:780px){
.grm-h__nav{display:none}
.grm-h__burger{display:flex}
.grm-h__btn--ghost{display:none}
.grm-h__in{padding:0 16px;gap:12px}
}
@media(min-width:781px) and (max-width:1100px){
.grm-h__in{gap:16px}
.grm-h__nav{gap:2px;margin-left:4px}
.grm-h__navlink{padding:0 10px;font-size:13.5px}
.grm-h__navlink .material-symbols-rounded{font-size:16px}
}
@media(max-width:680px){
.grm-h__in{padding:0 14px;height:60px}
.grm-h__logo-txt{font-size:18px}
.grm-h__logo svg{width:auto;height:32px}
.grm-h__btn--cta span:not(.material-symbols-rounded){display:none}
.grm-h__btn--cta{padding:10px 12px !important}
}
.grm-h__drop:hover .grm-h__cat,.grm-h__drop:focus-within .grm-h__cat,
.grm-h__drop:hover .grm-h__pop,.grm-h__drop:focus-within .grm-h__pop,
.grm-h__drop:hover .grm-h__drop-item,.grm-h__drop:focus-within .grm-h__drop-item{animation:grmHFadeIn .28s cubic-bezier(.22,1,.36,1) both}
.grm-h__drop:hover .grm-h__cat:nth-child(1){animation-delay:0ms}
.grm-h__drop:hover .grm-h__cat:nth-child(2){animation-delay:18ms}
.grm-h__drop:hover .grm-h__cat:nth-child(3){animation-delay:36ms}
.grm-h__drop:hover .grm-h__cat:nth-child(4){animation-delay:54ms}
.grm-h__drop:hover .grm-h__cat:nth-child(5){animation-delay:72ms}
.grm-h__drop:hover .grm-h__cat:nth-child(6){animation-delay:90ms}
.grm-h__drop:hover .grm-h__cat:nth-child(7){animation-delay:108ms}
.grm-h__drop:hover .grm-h__cat:nth-child(8){animation-delay:126ms}
.grm-h__drop:hover .grm-h__pop:nth-child(1){animation-delay:80ms}
.grm-h__drop:hover .grm-h__pop:nth-child(2){animation-delay:120ms}
.grm-h__drop:hover .grm-h__pop:nth-child(3){animation-delay:160ms}
.grm-h__drop:hover .grm-h__pop:nth-child(4){animation-delay:200ms}
@keyframes grmHFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.grm-h__cat,.grm-h__pop,.grm-h__drop-item{animation:none !important}}
.grm-h-drawer-backdrop{position:fixed;inset:0;background:rgba(4,30,66,.45);z-index:1199;opacity:0;pointer-events:none;transition:opacity .25s}
.grm-h-drawer-backdrop.is-open{opacity:1;pointer-events:auto}
.grm-h-drawer{visibility:hidden;pointer-events:none;position:fixed;top:0;right:0;bottom:0;width:min(86vw,360px);background:#fff;z-index:1200;transform:translateX(100%);transition:transform .32s cubic-bezier(.22,1,.36,1);box-shadow:-12px 0 32px rgba(4,30,66,.18);display:flex;flex-direction:column;font-family:"Inter",Inter,sans-serif}
.grm-h-drawer.is-open{visibility:visible;pointer-events:auto;transform:translateX(0)}
.grm-h-drawer__top{padding:18px 22px;border-bottom:1px solid #D7DEE7;display:flex;align-items:center;justify-content:space-between}
.grm-h-drawer__brand{display:flex;align-items:center;gap:10px;font-family:"Inter Tight",sans-serif;font-weight:800;font-size:20px;color:#041E42;text-decoration:none}
.grm-h-drawer__brand svg{width:30px;height:30px}
.grm-h-drawer__brand b{color:#103A63}
.grm-h-drawer__brand .dot{color:#1668C7}
.grm-h-drawer__close{width:38px;height:38px;border-radius:10px;border:1px solid #D7DEE7;background:transparent;color:#041E42;display:flex;align-items:center;justify-content:center;cursor:pointer}
.grm-h-drawer__body{flex:1;overflow-y:auto;padding:16px 16px 24px}
.grm-h-drawer__group{display:flex;flex-direction:column;gap:2px;margin-bottom:18px}
.grm-h-drawer__label{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#55636E;padding:8px 12px 4px}
.grm-h-drawer__link{display:flex;align-items:center;gap:12px;padding:13px 12px;border-radius:10px;color:#041E42;font-weight:600;font-size:15px;text-decoration:none;transition:background .14s}
.grm-h-drawer__link:hover,.grm-h-drawer__link.is-active{background:#EDF2F8;color:#103A63}
.grm-h-drawer__link .material-symbols-rounded{font-size:20px;color:#103A63;width:24px;text-align:center}
.grm-h-drawer__acc{border-radius:10px;overflow:hidden}
.grm-h-drawer__acc-head{display:flex;align-items:center;justify-content:space-between;padding:13px 12px;width:100%;background:transparent;border:0;font-family:inherit;color:#041E42;font-weight:700;font-size:15px;cursor:pointer;text-align:left}
.grm-h-drawer__acc-head:hover{background:#EDF2F8;color:#103A63}
.grm-h-drawer__acc-head .grm-h-drawer__acc-caret{font-size:18px;transition:transform .22s}
.grm-h-drawer__acc.is-open .grm-h-drawer__acc-caret{transform:rotate(180deg)}
.grm-h-drawer__acc-body{display:none;padding:4px 12px 8px}
.grm-h-drawer__acc.is-open .grm-h-drawer__acc-body{display:block}
.grm-h-drawer__sub{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.grm-h-drawer__sub a{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:8px;text-decoration:none;color:#041E42;font-size:12.5px;font-weight:600;transition:background .14s}
.grm-h-drawer__sub a:hover{background:#fff}
.grm-h-drawer__sub .grm-h-drawer__sub-ic{flex-shrink:0;width:24px;height:24px;border-radius:6px;background:color-mix(in srgb,var(--c,#103A63) 12%,#fff);color:var(--c,#103A63);display:flex;align-items:center;justify-content:center}
.grm-h-drawer__sub .material-symbols-rounded{font-size:14px}
.grm-h-drawer__foot{padding:18px 22px;border-top:1px solid #D7DEE7;display:flex;flex-direction:column;gap:8px}
.grm-h-drawer__foot .grm-h__btn{width:100%;justify-content:center}
.grm-h__navlink:focus-visible,
.grm-h__btn:focus-visible,
.grm-h__cat:focus-visible,
.grm-h__pop:focus-visible,
.grm-h__drop-item:focus-visible,
.grm-h__mega-cta-btn:focus-visible,
.grm-h__burger:focus-visible,
.grm-h-drawer__link:focus-visible,
.grm-h-drawer__acc-head:focus-visible,
.grm-h-drawer__close:focus-visible,
.grm-h-drawer__sub a:focus-visible,
.grm-topstrip__live:focus-visible,
.grm-f a:focus-visible,
.grm-f__social a:focus-visible{
outline: 3px solid #1668C7 !important;
outline-offset: 2px;
border-radius: 6px;
}
.grm-f a:focus-visible,
.grm-f__social a:focus-visible,
.grm-f__branche-chips a:focus-visible{
outline-color: #1668C7 !important;
}
.grm-h__navlink[aria-expanded="true"]{background:#EDF2F8;color:#103A63}
.grm-h__navlink[aria-expanded="true"] .grm-h__caret{transform:rotate(180deg)}
@media(prefers-reduced-motion: reduce){
.grm-topstrip__live .dot::after,
.grm-h__mega,
.grm-h__drop-menu,
.grm-h__cat,
.grm-h__pop,
.grm-h__pop-thumb img,
.grm-h__pop-arrow,
.grm-h__cat-ic,
.grm-h__caret,
.grm-h-drawer,
.grm-h-drawer-backdrop,
.grm-f__social a,
.grm-f__col a,
.grm-f__branche-chips a{
animation: none !important;
transition: none !important;
transform: none !important;
}
.grm-h, .grm-topstrip { position: sticky; }
}
.grm-skip-link{position:absolute;left:-9999px;top:0;background:#103A63;color:#fff;padding:10px 18px;font-weight:700;text-decoration:none;border-radius:0 0 8px 0;z-index:1400}
.grm-skip-link:focus{left:0}
@media(max-width:980px){
.grm-h-drawer__link{min-height:46px;padding:14px 12px}
.grm-h-drawer__acc-head{min-height:46px;padding:14px 12px}
.grm-h-drawer__sub a{min-height:44px;padding:11px 10px}
.grm-h__burger{width:46px;height:46px}
.grm-h__burger .material-symbols-rounded{font-size:26px}
.grm-h__btn{padding:11px 16px !important;min-height:44px}
}
@media(max-width:980px){
.grm-tabbar{padding-bottom:env(safe-area-inset-bottom, 0px) !important;background:#fff;border-top:1px solid var(--grm-line,#D7DEE7);box-shadow:0 -4px 16px rgba(4,30,66,.06)}
.grm-tabbar__tab{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;position:relative;color:var(--grm-ink-500,#55636E);font-family:"Inter",Inter,sans-serif;font-size:10.5px;font-weight:700;line-height:1.2;letter-spacing:.02em;padding:10px 4px 8px;min-height:60px}
.grm-tabbar__tab>span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.grm-tabbar__tab .material-symbols-rounded{font-size:23px;transition:transform .14s,color .14s,font-variation-settings .2s}
.grm-tabbar__tab.is-active{color:var(--grm-brand,#103A63)}
.grm-tabbar__tab.is-active .material-symbols-rounded{font-variation-settings:'FILL' 1, 'wght' 700;color:var(--grm-brand,#103A63);transform:translateY(-2px)}
.grm-tabbar__tab.is-active::before{content:"";position:absolute;top:4px;left:50%;transform:translateX(-50%);width:32px;height:3px;border-radius:99px;background:var(--grm-brand,#103A63)}
}
@media(max-width:680px){
.grm-h{background:#fff;box-shadow:0 1px 3px rgba(4,30,66,.06)}
.grm-h__in{gap:8px;padding:0 14px}
.grm-h__cta{gap:6px}
.grm-h__btn--cta{padding:10px 14px !important}
}
@media(max-width:600px){
.grm-topstrip{padding:7px 0;font-size:12px}
.grm-topstrip__in{padding:0 12px}
.grm-topstrip__live b{font-size:13px}
}
.grm-h__search-wrap{flex-shrink:0;margin-right:8px}
.grm-h__search-wrap{flex:1;min-width:0;max-width:420px;margin-left:auto}
.grm-h__search-btn{display:flex;width:100%;align-items:center;gap:10px;padding:0 16px;height:44px;border-radius:12px;border:1.5px solid #D7DEE7;background:#fff;color:#55636E;font-family:"Inter",Inter,sans-serif;font-weight:500;font-size:14px;cursor:text;text-align:left;transition:background .14s,border-color .14s,color .14s}
.grm-h__search-btn-lbl{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.grm-h__search-btn:hover,.grm-h__search-wrap:hover .grm-h__search-btn,.grm-h__search-wrap:focus-within .grm-h__search-btn{background:#fff;border-color:#103A63;color:#103A63}
.grm-h__search-btn .material-symbols-rounded{font-size:18px;color:#103A63}
.grm-h__search-menu{padding:18px !important;left:auto !important;right:0 !important;transform:translateY(-8px) !important}
.grm-h__search-wrap:hover .grm-h__search-menu,.grm-h__search-wrap:focus-within .grm-h__search-menu{transform:translateY(0) !important}
.grm-h__search-form{margin:0 0 14px}
.grm-h__search-input-wrap{position:relative;display:flex;align-items:center;background:#F5F7FA;border:1px solid #D7DEE7;border-radius:10px;padding:0 8px 0 12px;transition:border-color .14s,box-shadow .14s,background .14s}
.grm-h__search-input-wrap:focus-within{border-color:#103A63;background:#fff;box-shadow:0 0 0 4px rgba(22,104,199,.14)}
.grm-h__search-input-wrap > .material-symbols-rounded{color:#55636E;font-size:18px;flex-shrink:0}
.grm-h__search-input-wrap input{flex:1;border:0;background:transparent;font-family:inherit;font-size:14px;color:#041E42;padding:11px 8px;outline:none;min-width:0}
.grm-h__search-input-wrap input::placeholder{color:#55636E}
.grm-h__search-submit{flex-shrink:0;width:34px;height:34px;border-radius:8px;border:0;background:#103A63;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .14s,transform .12s}
.grm-h__search-submit:hover{background:#125AAC;transform:translateY(-1px)}
.grm-h__search-submit .material-symbols-rounded{font-size:18px}
.grm-h__search-quick{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-top:8px;border-top:1px solid #F5F7FA}
.grm-h__search-quick-lbl{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#55636E;margin-right:4px}
.grm-h__search-quick-chip{display:inline-block;padding:5px 11px;border-radius:99px;font-size:12px;font-weight:700;color:var(--c,#103A63);background:color-mix(in srgb,var(--c,#103A63) 12%,#fff);border:1px solid color-mix(in srgb,var(--c,#103A63) 22%,#fff);text-decoration:none;transition:background .14s}
.grm-h__search-quick-chip:hover{background:color-mix(in srgb,var(--c,#103A63) 22%,#fff)}
@media(max-width:1180px){
.grm-h__search-btn-lbl{display:none}
.grm-h__search-btn{padding:0;width:44px;justify-content:center}
}
@media(max-width:780px){
.grm-h__search-wrap{display:none}
}
.grm-h__drop.is-open .grm-h__navlink{background:#EAEFF5;color:#103A63}
.grm-h__drop.is-open .grm-h__caret{transform:rotate(180deg)}
.grm-h__drop.is-open .grm-h__drop-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1),visibility 0s linear 0s}
.grm-h__drop.is-open .grm-h__mega{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);pointer-events:auto;transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1),visibility 0s linear 0s}
.grm-h__drop.is-open .grm-h__cat,.grm-h__drop.is-open .grm-h__pop,.grm-h__drop.is-open .grm-h__drop-item{animation:grmHFadeIn .28s cubic-bezier(.22,1,.36,1) both}
@media(max-width:680px){
.grm-h__in{gap:12px;padding:0 14px}
.grm-h__btn--ghost{display:none !important}
.grm-h__btn--cta{padding:9px 12px !important;font-size:13px}
.grm-h__btn--cta .material-symbols-rounded{display:none}
}
@media(min-width:781px) and (max-width:1100px){
.grm-h__drop-menu{left:auto;right:0;max-width:calc(100vw - 24px)}
.grm-h__mega-grid{grid-template-columns:1fr}
.grm-h__drop:hover .grm-h__mega,.grm-h__drop:focus-within .grm-h__mega,.grm-h__drop.is-open .grm-h__mega{transform:translateY(0)}
.grm-h__mega-grid{grid-template-columns:1fr}
.grm-h__mega-pop,.grm-h__mega-cta{display:none}
.grm-h__cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:380px){
.grm-h__in{gap:8px;padding:0 10px}
.grm-h__logo{gap:7px}
.grm-h__logo-txt{font-size:17px}
.grm-h__logo svg{height:32px}
.grm-h__btn--cta{padding:8px 10px !important;font-size:12.5px}
.grm-h__burger{width:38px;height:38px;flex-shrink:0}
}
.grm-h__mega-cats{padding:22px 0;border-right:1px solid #D7DEE7;padding-right:22px}
.grm-h__mega-pop,.grm-h__mega-cta{padding:22px}
.grm-h__navbtn{font:inherit}
.grm-h__navlink--cta{background:#103A63;color:#fff;font-weight:700;margin-left:4px}
.grm-h__navlink--cta:hover{background:var(--grm-success-text,#0b2a49);color:#fff}
.grm-h__navlink--cta .material-symbols-rounded{opacity:1;font-size:18px}
@media(max-width:1100px){.grm-h__navlink--cta span.material-symbols-rounded{display:none}}
.grm-h__in{display:flex;align-items:center;gap:18px;height:auto;max-width:var(--grm-w,1424px);margin:0 auto;padding:0 22px;min-height:74px;min-width:0}
.grm-h__logo{flex:0 0 auto}
.grm-h__zoek{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:0;height:46px;background:#fff;border:2px solid #103A63;border-radius:10px;overflow:hidden}
.grm-h__zoek-icon{flex:0 0 auto;font-size:21px;color:#55636E;padding:0 6px 0 13px}
.grm-h__zoek-veld{flex:1 1 auto;min-width:0;height:100%;border:0;outline:0;background:transparent;font-family:inherit;font-size:15px;color:#041E42;padding:0 8px}
.grm-h__zoek-veld::placeholder{color:var(--grm-ink-400,#7A8794)}
.grm-h__zoek-veld::-webkit-search-cancel-button{cursor:pointer}
.grm-h__zoek-knop{flex:0 0 auto;height:100%;border:0;padding:0 22px;background:#103A63;color:#fff;font-family:inherit;font-weight:700;font-size:15px;cursor:pointer;transition:background .16s}
.grm-h__zoek-knop:hover{background:#1668C7}
.grm-h__cta{flex:0 0 auto;display:flex;align-items:center;gap:4px;margin-left:auto}
.grm-h__icoon{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;min-width:62px;padding:6px 8px;border-radius:10px;color:#041E42;text-decoration:none;font-size:11px;font-weight:600;line-height:1.2;transition:background .14s}
.grm-h__icoon:hover{background:#EDF2F8;color:#103A63}
.grm-h__icoon .material-symbols-rounded{font-size:24px;color:#103A63}
.grm-h__icoon-lbl{white-space:nowrap}
.grm-h__teller{position:absolute;top:2px;right:8px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--grm-danger,#dc2626);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #fff}
.grm-h__bar{border-top:1px solid var(--grm-line-soft,#eaeff5);background:#fff}
body.grm-productpagina .grm-h__bar{display:none}
@media (min-width:901px){
body.grm-productpagina .grm-h__zoek{order:1}
body.grm-productpagina .grm-h__logo{order:2;margin-left:auto}
body.grm-productpagina .grm-h__cta{order:3;margin-left:0}
}
.grm-h__bar-in{display:flex;align-items:center;gap:4px;max-width:var(--grm-w,1424px);margin:0 auto;padding:4px 22px;min-width:0;overflow-x:auto;scrollbar-width:none}
.grm-h__bar-in::-webkit-scrollbar{display:none}
.grm-h__bar-alles{flex:0 0 auto;display:flex;align-items:center;gap:8px;height:44px;padding:0 16px;margin-right:6px;border:0;border-radius:8px;background:#103A63;color:#fff;font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;transition:background .16s}
.grm-h__bar-alles:hover,.grm-h__bar-alles.is-active{background:#1668C7}
.grm-h__bar-alles .material-symbols-rounded{font-size:19px}
.grm-h__barlink{flex:0 0 auto;display:flex;align-items:center;height:44px;padding:0 13px;border-radius:8px;color:#041E42;font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent;transition:color .14s,border-color .14s}
.grm-h__barlink:hover{color:#1668C7}
.grm-h__barlink.is-active{color:#103A63;border-bottom-color:#103A63}
.grm-h__barlink--sub{color:#55636E;font-weight:500}
.grm-h__barlink--sub:not(:first-of-type){margin-left:0}
@media (max-width:1080px){
.grm-h__icoon-lbl{display:none}
.grm-h__icoon{min-width:44px}
.grm-h__teller{top:0;right:0}
}
@media (max-width:900px){
.grm-h__in{flex-wrap:wrap;gap:10px;padding:10px 16px;min-height:0}
.grm-h__zoek{order:3;flex:1 0 100%;height:42px}
.grm-h__cta{gap:2px}
.grm-h__btn--cta{display:none !important}
.grm-h__bar{display:none}
}
@media (max-width:420px){
.grm-h__zoek-knop{padding:0 14px;font-size:14px}
.grm-h__icoon{min-width:40px;padding:6px 4px}
}
@media (max-width:1200px){ .grm-h__barlink--sub{display:none} }
@media (max-width:900px){
.grm-h__in{padding:8px 14px;gap:8px}
.grm-h__logo svg{height:30px}
.grm-h__logo-txt{font-size:19px}
.grm-h__zoek{height:40px;border-width:1px;border-radius:8px}
.grm-h__zoek-icon{font-size:19px;padding:0 4px 0 10px}
.grm-h__zoek-veld{font-size:14px}
.grm-h__zoek-knop{padding:0 16px;font-size:14px}
.grm-h__icoon .material-symbols-rounded{font-size:22px}
}
.grm-tel{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-left:auto;border-radius:10px;background:#EDF2F8;color:#103A63;font-size:11px;font-weight:800;line-height:1;flex:0 0 auto}
.grm-h-drawer__sub a .grm-tel{background:rgba(16,58,99,.1)}
.grm-h__barlink--sub{gap:7px}
.grm-h__barlink--sub .grm-tel{margin-left:0;background:#EDF2F8;color:#55636E}
.grm-h__barlink--sub:hover .grm-tel{background:var(--grm-brand-100,#d3e0ef);color:#103A63}
.grm-h__btn-prijs{display:inline-block;margin-left:6px;padding:2px 7px;border-radius:999px;background:rgba(0,0,0,.20);font-size:11.5px;font-weight:800;white-space:nowrap}
@media (max-width:1240px){ .grm-h__btn-prijs{display:none} }
.grm-h-drawer__acc-body{padding:6px 8px 10px}
.grm-h-drawer__sub{display:flex;flex-direction:column;gap:2px}
.grm-h-drawer__sub a{display:flex;align-items:center;gap:12px;min-height:52px;padding:13px 12px;border-radius:10px;font-size:15px;font-weight:600;color:#041E42;line-height:1.3}
.grm-h-drawer__sub a+a{border-top:1px solid var(--grm-sky-50,#edf2f8)}
.grm-h-drawer__sub a:hover,.grm-h-drawer__sub a:focus-visible{background:#EDF2F8;color:#103A63}
.grm-h-drawer__sub-ic{flex:0 0 auto;width:34px;height:34px;border-radius:9px;background:#EDF2F8;display:flex;align-items:center;justify-content:center}
.grm-h-drawer__sub-ic .material-symbols-rounded{font-size:20px;color:var(--c,#103A63)}
.grm-h-drawer__sub a .grm-tel{margin-left:auto;min-width:24px;height:24px;font-size:12px;background:#EDF2F8;color:#55636E}
.grm-h-drawer__acc-head{min-height:52px;font-size:16px}
.grm-h-drawer__link{min-height:52px;font-size:15.5px}
.grm-h-drawer__zoek{display:flex;align-items:center;gap:8px;margin:2px 0 8px;padding:0 12px;border:1.5px solid #D7DEE7;border-radius:10px;background:#fff}
.grm-h-drawer__zoek:focus-within{border-color:#103A63}
.grm-h-drawer__zoek .material-symbols-rounded{font-size:18px;color:#103A63;flex:0 0 auto}
.grm-h-drawer__zoek input{flex:1 1 auto;min-width:0;border:0;outline:0;background:none;font-family:inherit;font-size:14px;color:#041E42;padding:10px 0}
.grm-h-drawer__leeg{margin:6px 0 4px;padding:0 12px;font-size:13px;color:#55636E}
.grm-h-drawer__cats{display:flex;flex-direction:column;gap:2px}
.grm-h-drawer__cat-rij{display:flex;align-items:stretch;gap:2px}
.grm-h-drawer__cat-link{flex:1 1 auto;display:flex;align-items:center;gap:10px;min-width:0;padding:8px 10px;border-radius:10px;color:#041E42;font-size:14px;font-weight:600;text-decoration:none}
.grm-h-drawer__cat-link:hover{background:#EDF2F8}
.grm-h-drawer__cat-naam{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.grm-h-drawer__cat-caret{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:38px;border:0;border-radius:10px;background:transparent;color:#55636E;cursor:pointer}
.grm-h-drawer__cat-caret:hover{background:#EDF2F8;color:#103A63}
.grm-h-drawer__cat-caret .material-symbols-rounded{font-size:20px;transition:transform .16s}
.grm-h-drawer__cat.is-open .grm-h-drawer__cat-caret .material-symbols-rounded{transform:rotate(180deg)}
.grm-h-drawer__cat-subs{display:flex;flex-direction:column;gap:1px;margin:1px 0 5px;padding-left:38px}
.grm-h-drawer__cat-subs a{display:block;padding:7px 10px;border-radius:8px;color:#33424F;font-size:13.5px;text-decoration:none}
.grm-h-drawer__cat-subs a:hover{background:#EDF2F8;color:#103A63}
.grm-paneel{position:fixed;inset:0;z-index:9998;display:none}
.grm-paneel.is-open{display:block}
.grm-paneel__overlay{position:absolute;inset:0;background:rgba(4,30,66,.45)}
.grm-paneel__blad{position:absolute;left:0;right:0;bottom:0;max-height:78vh;display:flex;flex-direction:column;background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -8px 32px rgba(4,30,66,.22);padding-bottom:env(safe-area-inset-bottom, 0px)}
.grm-paneel__kop{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px;border-bottom:1px solid var(--grm-line,#D7DEE7)}
.grm-paneel__kop h2{margin:0;font-size:17px;font-weight:800;color:var(--grm-brand,#103A63)}
.grm-paneel__sluit{border:0;background:transparent;color:var(--grm-ink-500,#55636E);padding:6px;border-radius:8px;line-height:0;cursor:pointer}
.grm-paneel__body{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 0 20px}
.grm-paneel__groep summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 18px;font-weight:700;font-size:15px;color:var(--grm-ink,#041e42);cursor:pointer;list-style:none}
.grm-paneel__groep summary::-webkit-details-marker{display:none}
.grm-paneel__groep[open] summary .material-symbols-rounded{transform:rotate(180deg)}
.grm-paneel__groep summary .material-symbols-rounded{color:var(--grm-ink-500,#55636E);transition:transform .16s}
.grm-paneel__groep+.grm-paneel__groep{border-top:1px solid var(--grm-sky-50,#edf2f8)}
.grm-paneel__alles{display:block;padding:8px 18px 8px 30px;color:var(--grm-accent,#1668C7);font-weight:700;font-size:14px;text-decoration:none}
.grm-paneel__subs{list-style:none;margin:0;padding:0 0 10px}
.grm-paneel__subs a{display:block;padding:9px 18px 9px 30px;color:var(--grm-ink-500,#55636E);text-decoration:none;font-size:14px}
.grm-paneel__subs a:hover{background:var(--grm-canvas,#f5f7fa);color:var(--grm-brand,#103A63)}
.grm-paneel__lijst{list-style:none;margin:0;padding:0}
.grm-paneel__lijst a{display:flex;align-items:center;gap:14px;padding:14px 18px;color:var(--grm-ink,#041e42);text-decoration:none;font-weight:600;font-size:15px}
.grm-paneel__lijst a:hover{background:var(--grm-canvas,#f5f7fa)}
.grm-paneel__lijst .material-symbols-rounded{color:var(--grm-brand,#103A63);font-size:22px}
.grm-paneel__teller{margin-left:auto;background:var(--grm-brand,#103A63);color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:99px;display:flex;align-items:center;justify-content:center;padding:0 6px}
body.grm-paneel-open{overflow:hidden}
@media(min-width:981px){.grm-paneel{display:none !important}}
.grm-h--v2{--k-ink:#041E42;--k-zacht:#55636E;--k-lijn:#E4E8EE;--k-grijs:#F1F3F6;--k-merk:var(--grm-brand,#103A63);position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid var(--k-lijn);box-shadow:none;font-family:"Inter",Inter,sans-serif}
.grm-h--v2 a{text-decoration:none}
.grm-h--v2 .grm-h__in{display:flex;align-items:center;gap:20px;max-width:var(--grm-w,1424px);margin:0 auto;padding:0 24px;height:64px;min-height:0;flex-wrap:nowrap}
.grm-h--v2 .grm-h__logo{flex:0 0 auto;gap:8px;order:0;margin:0}
.grm-h--v2 .grm-h__logo svg{height:30px;width:auto}
.grm-h--v2 .grm-h__logo-txt{font-size:22px;letter-spacing:-.025em}
.grm-h--v2 .grm-h__zoek{flex:1 1 auto;max-width:720px;min-width:0;display:flex;align-items:stretch;height:36px;margin:0;padding:0;background:var(--k-grijs);border:0;border-radius:6px;overflow:visible;order:0}
.grm-h--v2 .grm-h__scope{position:relative;flex:0 0 auto;display:flex}
.grm-h--v2 .grm-h__scope-knop{display:flex;align-items:center;gap:2px;height:100%;padding:0 6px 0 14px;border:0;border-right:1px solid #D5DBE3;border-radius:6px 0 0 6px;background:transparent;color:var(--k-zacht);font:500 14px/1 "Inter",sans-serif;cursor:pointer;white-space:nowrap}
.grm-h--v2 .grm-h__scope-knop:hover{color:var(--k-ink);background:#E7EAEF}
.grm-h--v2 .grm-h__scope-knop .material-symbols-rounded{font-size:22px}
.grm-h--v2 .grm-h__scope-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:200px;padding:6px 0;background:#fff;border:1px solid var(--k-lijn);border-radius:6px;box-shadow:0 8px 24px rgba(4,30,66,.12);z-index:1200}
.grm-h--v2 .grm-h__scope-menu[hidden]{display:none}
.grm-h--v2 .grm-h__scope-optie{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 16px;border:0;background:transparent;color:var(--k-ink);font:400 15px/1.3 "Inter",sans-serif;text-align:left;cursor:pointer}
.grm-h--v2 .grm-h__scope-optie:hover{background:var(--k-grijs)}
.grm-h--v2 .grm-h__scope-optie .material-symbols-rounded{font-size:18px;color:var(--k-merk);visibility:hidden}
.grm-h--v2 .grm-h__scope-optie[aria-selected="true"] .material-symbols-rounded{visibility:visible}
.grm-h--v2 .grm-h__zoek-vak{flex:1 1 auto;display:flex;align-items:center;min-width:0;margin:0;cursor:text}
.grm-h--v2 .grm-h__zoek-icon{font-size:20px;color:var(--k-zacht);padding:0 4px 0 10px}
.grm-h--v2 .grm-h__zoek-veld{flex:1 1 auto;min-width:0;height:100%;padding:0 8px;border:0;outline:0;background:transparent;color:var(--k-ink);font:400 15px/1 "Inter",sans-serif;box-shadow:none}
.grm-h--v2 .grm-h__zoek-veld::placeholder{color:#7A8794}
.grm-h--v2 .grm-h__zoek:focus-within{box-shadow:0 0 0 2px var(--k-merk) inset}
.grm-h--v2 .grm-h__zoek .grm-zoekwizard{width:32px;height:32px;margin:2px 4px 2px 0;border-radius:6px;color:var(--k-merk)}
.grm-h__zoek .grm-h__zoek-veld{padding-left:14px}
.grm-h__zoek-knop{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;margin:3px 4px 3px 0;padding:0 14px 0 11px;border:0;border-radius:8px;background:#1668C7;color:#fff;font:700 14px/1 "Inter",sans-serif;cursor:pointer;box-shadow:0 2px 8px rgba(22,104,199,.28);transition:background .15s ease,box-shadow .15s ease}
.grm-h__zoek-knop:hover,.grm-h__zoek-knop:focus-visible{background:#125AAC;box-shadow:0 4px 12px rgba(22,104,199,.38)}
.grm-h__zoek-knop:active{transform:scale(.97)}
.grm-h__zoek-knop .material-symbols-rounded{font-size:20px;line-height:1}
.grm-h--v2 .grm-h__zoek-knop{height:30px;margin:3px 2px 3px 0;border-radius:5px}
.grm-h--v2 .grm-h__zoek-veld{padding-left:14px}
.grm-h--v2 .grm-h__zoek .grm-zoekwizard .material-symbols-rounded{font-size:20px}
.grm-h--v2 .grm-h__cta{flex:0 0 auto;display:flex;align-items:center;gap:12px;margin-left:auto}
.grm-h--v2 .grm-h__icoon{display:flex;flex-direction:row;align-items:center;justify-content:center;min-width:0;width:36px;height:36px;padding:0;border-radius:6px;color:var(--k-zacht)}
.grm-h--v2 .grm-h__icoon:hover{background:var(--k-grijs);color:var(--k-ink)}
.grm-h--v2 .grm-h__icoon .material-symbols-rounded{font-size:24px;color:inherit}
.grm-h--v2 .grm-h__teller{top:0;right:-2px}
.grm-h__knop{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:32px;padding:0 12px;border-radius:6px;font:600 13.5px/1 "Inter",sans-serif;white-space:nowrap;text-decoration:none !important;transition:background .14s,color .14s,border-color .14s;cursor:pointer;box-sizing:border-box}
.grm-h__knop--rand{background:#fff;color:var(--grm-brand,#103A63) !important;border:1px solid var(--grm-brand,#103A63)}
.grm-h__knop--rand:hover{background:var(--grm-brand-50,#EDF2F8)}
.grm-h__knop--vol{background:var(--grm-brand,#103A63);color:#fff !important;border:1px solid var(--grm-brand,#103A63)}
.grm-h__knop--vol:hover{background:var(--grm-brand-600,#0B2A49);border-color:var(--grm-brand-600,#0B2A49)}
.grm-h__knop-streep{opacity:.7;margin:0 1px}
.grm-h__knop--breed{display:flex;width:100%;height:44px;font-size:15px}
.grm-h--v2 .grm-h__info{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:var(--k-zacht)}
.grm-h--v2 .grm-h__info .material-symbols-rounded{font-size:26px;font-variation-settings:'FILL' 0,'wght' 300}
.grm-h--v2 .grm-h__info:hover,.grm-h--v2 .grm-h__info.is-active{color:var(--k-merk)}
.grm-h--v2 .grm-h__taal{position:relative}
.grm-h--v2 .grm-h__taal-knop{display:flex;align-items:center;gap:0;height:32px;padding:0 0 0 6px;border:0;background:transparent;color:var(--k-zacht);font:500 14px/1 "Inter",sans-serif;cursor:pointer}
.grm-h--v2 .grm-h__taal-knop:hover{color:var(--k-ink)}
.grm-h--v2 .grm-h__taal-knop .material-symbols-rounded{font-size:22px}
.grm-h--v2 .grm-h__taal-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;padding:6px 0;background:#fff;border:1px solid var(--k-lijn);border-radius:6px;box-shadow:0 8px 24px rgba(4,30,66,.12);z-index:1200}
.grm-h--v2 .grm-h__taal-menu[hidden]{display:none}
.grm-h--v2 .grm-h__taal-optie{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;color:var(--k-ink);font-size:15px}
.grm-h--v2 .grm-h__taal-optie .material-symbols-rounded{font-size:18px;color:var(--k-merk)}
.grm-h--v2 .grm-h__burger{display:none;width:44px;height:36px;padding:0;border:0;border-radius:6px;background:var(--k-grijs);color:var(--k-zacht);align-items:center;justify-content:center;cursor:pointer}
.grm-h__wagen{display:none;position:relative;width:44px;height:36px;padding:0;border-radius:6px;background:var(--grm-accent,#1668C7);color:#fff;align-items:center;justify-content:center;text-decoration:none;flex:0 0 auto}
.grm-h__wagen:hover{background:#125AAC;color:#fff}
.grm-h__wagen .material-symbols-rounded{font-size:23px;color:#fff}
.grm-h__wagen .grm-h__teller{top:-6px;right:-6px;box-shadow:0 0 0 2px #fff}
.grm-h--v2 .grm-h__burger .material-symbols-rounded{font-size:24px}
.grm-h--v2 .grm-h__bar{border-top:1px solid var(--k-lijn);background:#fff;position:relative}
.grm-h--v2 .grm-h__cats-in{display:flex;align-items:stretch;gap:4px;max-width:var(--grm-w,1424px);margin:0 auto;padding:0 24px;height:44px;overflow-x:auto;scrollbar-width:none}
.grm-h--v2 .grm-h__cats-in::-webkit-scrollbar{display:none}
.grm-h--v2 .grm-h__tab{flex:0 0 auto;display:flex;align-items:center;padding:0 14px;color:var(--k-zacht);font:400 15px/1 "Inter",sans-serif;white-space:nowrap;border-bottom:2px solid transparent;transition:color .14s,border-color .14s}
.grm-h--v2 .grm-h__tab:hover{color:var(--k-ink)}
.grm-h--v2 .grm-h__alles{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;align-self:center;margin-left:auto;padding:0 14px;height:32px;border-radius:999px;background:var(--k-merk);color:#fff;font:600 14px/1 "Inter",sans-serif;white-space:nowrap;text-decoration:none;transition:background .14s}
.grm-h--v2 .grm-h__alles:hover{background:var(--k-ink);color:#fff}
.grm-h--v2 .grm-h__alles .material-symbols-rounded{font-size:18px}
.grm-h--v2 .grm-h__alles:focus-visible{outline:2px solid var(--grm-accent,#1668C7);outline-offset:2px}
.grm-h--v2 .grm-h__tab.is-active{color:var(--k-ink)}
.grm-h--v2 .grm-h__tab[aria-expanded="true"]{color:var(--k-ink);border-bottom-color:var(--k-merk)}
.grm-mega{position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid #E4E8EE;z-index:1100}
.grm-mega[hidden],.grm-mega__p[hidden]{display:none !important}
.grm-mega__p{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);max-width:var(--grm-w,1424px);margin:0 auto;padding:24px 24px 28px;max-height:calc(100vh - 140px);overflow-y:auto;box-sizing:border-box}
.grm-mega__subs{list-style:none;margin:0;padding:0 24px 0 0;border-right:1px solid #E4E8EE}
.grm-mega__subs li{margin:0;padding:0;list-style:none}
.grm-mega__sub{display:flex;align-items:center;gap:12px;min-height:40px;padding:6px 8px;border-radius:6px;color:#55636E;font:400 16px/1.3 "Inter",sans-serif}
.grm-mega__icoon{flex:0 0 auto;width:24px;font-size:22px;color:var(--grm-brand,#103A63);font-variation-settings:'FILL' 0,'wght' 300}
.grm-mega__naam{flex:1 1 auto;min-width:0}
.grm-mega__pijl{flex:0 0 auto;font-size:22px;color:#55636E;visibility:hidden}
.grm-mega__sub:hover,.grm-mega__sub:focus-visible{color:#041E42;background:#F1F3F6}
.grm-mega__sub.is-actief{color:#041E42;font-weight:600}
.grm-mega__sub.is-actief .grm-mega__pijl{visibility:visible}
.grm-mega__sub--alles{margin-top:6px;border-top:1px solid #E4E8EE;border-radius:0 0 6px 6px;padding-top:12px;color:var(--grm-brand,#103A63);font-weight:600}
.grm-mega__sub--alles:hover{color:var(--grm-brand,#103A63)}
.grm-mega__rechts{padding:0 0 0 24px;min-width:0}
.grm-mega__kop{margin:8px 0 8px 8px;color:#7A8794;font:500 12.5px/1.3 "Inter",sans-serif;letter-spacing:.04em;text-transform:uppercase}
.grm-mega__soorten{list-style:none;margin:0;padding:0;columns:2 220px;column-gap:24px}
.grm-mega__soorten li{break-inside:avoid;margin:0;padding:0;list-style:none}
.grm-mega__soorten a{display:block;padding:9px 8px;border-radius:6px;color:#55636E;font:400 16px/1.3 "Inter",sans-serif}
.grm-mega__soorten a:hover,.grm-mega__soorten a:focus-visible{color:#041E42;background:#F1F3F6}
.grm-mega__alles{display:inline-flex;align-items:center;gap:6px;margin:10px 0 0;padding:9px 8px;color:var(--grm-brand,#103A63) !important;font:600 16px/1.3 "Inter",sans-serif}
.grm-mega__alles .material-symbols-rounded{font-size:20px}
.grm-mega__alles:hover{text-decoration:underline !important}
.grm-mega-dim{position:fixed;inset:0;z-index:999;background:rgba(4,30,66,.35)}
.grm-mega-dim[hidden]{display:none}
.grm-h--v2 .grm-h__chips{display:none}
@media (max-width:1240px){
.grm-h--v2 .grm-h__in{gap:14px}
.grm-h--v2 .grm-h__cta{gap:8px}
.grm-h--v2 .grm-h__tab{padding:0 10px;font-size:14.5px}
}
@media (max-width:1100px){
.grm-h--v2 .grm-h__taal,.grm-h--v2 .grm-h__info{display:none}
}
@media (max-width:991px){
.grm-h--v2 .grm-h__in{flex-wrap:wrap;height:auto;gap:10px 12px;padding:10px 16px}
.grm-h--v2 .grm-h__logo svg{height:26px}
.grm-h--v2 .grm-h__logo-txt{font-size:20px}
.grm-h--v2 .grm-h__zoek{order:3;flex:1 0 100%;max-width:none;height:38px}
.grm-h--v2 .grm-h__cta{gap:6px}
.grm-h--v2 .grm-h__knop,.grm-h--v2 .grm-h__icoon{display:none}
.grm-h--v2 .grm-h__burger{display:flex}
.grm-h--v2 .grm-h__wagen{display:flex}
.grm-h--v2 .grm-h__bar{display:none}
.grm-h--v2 .grm-h__chips{display:flex;gap:8px;padding:0 16px 10px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.grm-h--v2 .grm-h__chips::-webkit-scrollbar{display:none}
.grm-mega,.grm-mega-dim{display:none !important}
}
.grm-h__chip{flex:0 0 auto;display:inline-flex;align-items:center;height:32px;padding:0 14px;border:1px solid #C9D1DB;border-radius:999px;background:#fff;color:var(--grm-ink,#041E42) !important;font:400 14px/1 "Inter",sans-serif;white-space:nowrap;text-decoration:none !important;box-sizing:border-box}
.grm-h__chip:hover{border-color:var(--grm-brand,#103A63)}
.grm-h__chip.is-active{border-color:var(--grm-brand,#103A63);background:var(--grm-brand-50,#EDF2F8);color:var(--grm-brand,#103A63) !important}
@media (max-width:640px){
.grm-h__zoek-knop{width:34px;padding:0;gap:0}
.grm-h__zoek-knoptx{display:none}
}
@media (max-width:420px){
.grm-h--v2 .grm-h__scope-knop{padding:0 2px 0 10px;font-size:13.5px}
.grm-h--v2 .grm-h__zoek-veld{font-size:14.5px}
}
body.grm-productpagina .grm-h--v2 .grm-h__chips{display:none}
.grm-h-drawer{width:min(100vw,420px);box-shadow:-8px 0 24px rgba(4,30,66,.14);font-family:"Inter",Inter,sans-serif;overflow:hidden}
@media (max-width:600px){.grm-h-drawer{width:100vw}}
.grm-h-drawer__top{height:60px;padding:0 16px;border-bottom:1px solid #E4E8EE;box-sizing:border-box}
.grm-h-drawer__brand{font-size:20px;gap:8px}
.grm-h-drawer__brand svg{width:auto;height:26px}
.grm-h-drawer__close{width:44px;height:36px;border:0;border-radius:6px;background:#F1F3F6;color:#55636E}
.grm-h-drawer__body{padding:0 0 32px}
.grm-h-drawer__ctas{display:flex;flex-direction:column;gap:10px;padding:16px 16px 18px;border-bottom:1px solid #E4E8EE}
.grm-h-drawer__help{display:block;padding:8px 0 0;text-align:center;color:var(--grm-brand,#103A63) !important;font-weight:600;font-size:15px;text-decoration:none !important}
.grm-h-drawer__help:hover{text-decoration:underline !important}
.grm-h-drawer__sectie{padding:22px 0 0}
.grm-h-drawer__label{display:block;padding:0 16px 6px;color:#55636E;font-size:13px;font-weight:500;letter-spacing:0;text-transform:none}
.grm-h-drawer__rijen{list-style:none;margin:0;padding:0}
.grm-h-drawer__rijen li{margin:0;padding:0;list-style:none;border-bottom:1px solid #E4E8EE}
.grm-h-drawer__rij{display:flex;align-items:center;gap:14px;width:100%;min-height:56px;padding:0 16px;border:0;border-radius:0;background:#fff;color:#55636E;font:400 16px/1.3 "Inter",sans-serif;text-align:left;text-decoration:none !important;cursor:pointer;box-sizing:border-box}
.grm-h-drawer__rij:hover,.grm-h-drawer__rij:focus-visible{background:#F7F8FA;color:#041E42}
.grm-h-drawer__rij.is-active{color:#041E42}
.grm-h-drawer__rij>.material-symbols-rounded:first-child{flex:0 0 auto;width:24px;font-size:22px;color:var(--grm-brand,#103A63);font-variation-settings:'FILL' 0,'wght' 300}
.grm-h-drawer__rij-txt{flex:1 1 auto;min-width:0}
.grm-h-drawer__rij-txt small{color:#7A8794;font-size:15px}
.grm-h-drawer__rij-pijl{flex:0 0 auto;font-size:22px;color:#7A8794}
.grm-h-drawer__rij .grm-tel{margin-left:0}
.grm-h-drawer__rij--alles{color:var(--grm-brand,#103A63);font-weight:600}
.grm-h-drawer__laag{position:absolute;top:60px;left:0;right:0;bottom:0;background:#fff;overflow-y:auto;transform:translateX(100%);transition:transform .26s cubic-bezier(.22,1,.36,1);z-index:2}
.grm-h-drawer__laag.is-open{transform:translateX(0)}
.grm-h-drawer__laag[hidden]{display:none}
.grm-h-drawer__laag-kop{position:sticky;top:0;display:flex;align-items:center;gap:8px;min-height:56px;padding:0 8px;background:#fff;border-bottom:1px solid #E4E8EE;z-index:1}
.grm-h-drawer__terug{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:6px;background:transparent;color:#041E42;cursor:pointer}
.grm-h-drawer__terug:hover{background:#F1F3F6}
.grm-h-drawer__laag-titel{font-size:17px;font-weight:600;color:#041E42}
@media (prefers-reduced-motion:reduce){.grm-h-drawer__laag{transition:none}}
.grm-h--v2 .grm-h__tab:focus-visible,.grm-h__knop:focus-visible,.grm-h--v2 .grm-h__info:focus-visible,.grm-h--v2 .grm-h__scope-knop:focus-visible,.grm-h--v2 .grm-h__taal-knop:focus-visible,.grm-h-drawer__rij:focus-visible,.grm-h__chip:focus-visible{outline:2px solid var(--grm-accent,#1668C7);outline-offset:2px}
.grm-h-drawer-backdrop{z-index:1000001}
.grm-h-drawer{z-index:1000002}
.grm-paneel__blad{overflow:hidden}
.grm-paneel__body--lagen{padding:0 0 12px}
.grm-paneel__body--lagen>.grm-h-drawer__rijen li:last-child{border-bottom:0}
.grm-paneel__laag{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;background:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translateX(100%);transition:transform .26s cubic-bezier(.22,1,.36,1);padding-bottom:env(safe-area-inset-bottom,0px)}
.grm-paneel__laag.is-open{transform:translateX(0)}
.grm-paneel__laag[hidden]{display:none}
.grm-paneel__laag .grm-h-drawer__laag-kop{flex:0 0 auto}
@media (prefers-reduced-motion:reduce){.grm-paneel__laag{transition:none}}

.grm-f{background:#041E42;color:#A8B4BC;padding:60px 0 0;font-size:14px;font-family:"Inter",Inter,sans-serif}
.grm-f a{color:#A8B4BC;text-decoration:none;transition:color .14s}
.grm-f a:hover{color:#fff}
.grm-f__in{max-width:var(--grm-w,1424px);margin:0 auto;padding:0 24px}
.grm-f__trust{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:18px 24px;background:rgba(255,255,255,.04);border-radius:14px;margin-bottom:48px;border:1px solid rgba(255,255,255,.07)}
.grm-f__trust-i{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--grm-line-soft,#eaeff5)}
.grm-f__trust-i .material-symbols-rounded{color:var(--grm-accent,#1668C7);font-size:18px}
.grm-f__grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:36px 32px;margin-bottom:48px}
.grm-f__brand{}
.grm-f__brand-logo{display:inline-flex;align-items:center;gap:10px;color:#fff;font-family:"Inter Tight",sans-serif;font-weight:800;font-size:22px;letter-spacing:-.02em;margin-bottom:14px;text-decoration:none}
.grm-f__brand-logo:hover{color:#fff}
.grm-f__brand-logo svg{width:auto;height:36px;flex-shrink:0}
.grm-f__brand-logo b{color:#fff}
.grm-f__brand-logo .dot{color:#1668C7}
.grm-f__brand-p{margin:0 0 18px;color:var(--grm-ink-300,#a8b4bc);line-height:1.6;max-width:280px;font-size:13.5px}
.grm-f__brand-trust{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);color:var(--grm-line-soft,#eaeff5);padding:8px 14px;border-radius:99px;font-size:12px;font-weight:700;margin-bottom:18px;border:1px solid rgba(255,255,255,.2)}
.grm-f__brand-trust .material-symbols-rounded{font-size:14px;color:var(--grm-accent,#1668C7)}
.grm-f__social{display:flex;gap:8px}
.grm-f__social a{width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.07);color:#fff !important;display:flex;align-items:center;justify-content:center;transition:background .14s,transform .14s}
.grm-f__social a:hover{background:#103A63;transform:translateY(-2px);color:#fff}
.grm-f__social svg{width:18px;height:18px;display:block}
.grm-f__col h4{color:#fff;font-family:"Inter Tight",sans-serif;font-size:17px;font-weight:800;margin:0 0 14px;letter-spacing:-.01em}
.grm-f__col a{display:block;padding:5px 0;font-size:13.5px;font-weight:500}
.grm-f__col a:hover{transform:translateX(2px);transition:transform .14s,color .14s}
.grm-f__branches{padding:28px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:24px}
.grm-f__branches h4{color:#fff;font-family:"Inter Tight",sans-serif;font-size:17px;font-weight:700;margin:0 0 14px;letter-spacing:-.01em}
.grm-f__regio > summary,
.grm-f__bottom > summary{list-style:none;cursor:default}
.grm-f__regio > summary::-webkit-details-marker,
.grm-f__bottom > summary::-webkit-details-marker{display:none}
.grm-f__regio > summary strong,
.grm-f__bottom > summary strong{display:block;color:#fff;font-size:12px;letter-spacing:.04em;text-transform:uppercase;font-weight:800;margin-bottom:8px;opacity:.65;font-family:"Inter Tight",sans-serif}
@media(max-width:680px){
.grm-f__regio > summary,
.grm-f__bottom > summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0}
.grm-f__regio > summary strong,
.grm-f__bottom > summary strong{margin:0}
.grm-f__regio > summary::after,
.grm-f__bottom > summary::after{content:"expand_more";font-family:"Material Symbols Rounded";font-size:20px;color:var(--grm-ink-300,#a8b4bc);transition:transform .18s}
.grm-f__regio[open] > summary::after,
.grm-f__bottom[open] > summary::after{transform:rotate(180deg)}
.grm-f__regio,
.grm-f__bottom{border-top:1px solid rgba(255,255,255,.08)}
.grm-f__branches{border-bottom:0}
}
.grm-f__regio{padding:0 0 24px;font-size:12.5px;color:var(--grm-ink-300,#a8b4bc);line-height:1.9}
.grm-f__regio strong{display:block;color:#fff;font-size:12px;letter-spacing:.04em;text-transform:uppercase;font-weight:800;margin-bottom:8px;opacity:.65;font-family:"Inter Tight",sans-serif}
.grm-f__regio a{margin-right:4px;color:var(--grm-ink-300,#a8b4bc)}
.grm-f__regio a:hover{color:#fff}
.grm-f__regio a:not(:last-child)::after{content:" · ";color:var(--grm-ink-500,#55636e);margin-left:4px}
.grm-f__bottom{padding:22px 0;border-top:1px solid rgba(255,255,255,.08)}
.grm-f__bottom-in{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.grm-f__bottom-left{font-size:12px;color:var(--grm-ink-300,#a8b4bc)}
.grm-f__bottom-left strong{color:var(--grm-line,#d7dee7);font-weight:700}
.grm-f__bottom-links{display:flex;gap:18px;font-size:12px;flex-wrap:wrap}
.grm-f__bottom-links a{color:var(--grm-ink-300,#a8b4bc)}
.grm-f__bottom-links a:hover{color:#fff}
@media(max-width:1100px){
.grm-f__grid{grid-template-columns:repeat(2,1fr);gap:32px}
.grm-f__brand{grid-column:1/-1}
}
@media(max-width:680px){
.grm-f{padding:40px 0 0}
.grm-f__trust{padding:14px 16px;gap:14px;margin-bottom:36px}
.grm-f__grid{grid-template-columns:1fr;gap:28px;margin-bottom:32px}
.grm-f__brand-p{max-width:none}
.grm-f__bottom-in{flex-direction:column;align-items:flex-start;gap:10px}
}
.grm-f__branche-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:10px}
.grm-f__branche-chips a{display:flex;align-items:center;gap:11px;padding:13px 15px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);color:#F2F6FA;font-size:15px;font-weight:600;line-height:1.3;min-width:0;transition:background .16s,border-color .16s,color .16s,transform .16s}
.grm-f__branche-chips a:hover{background:rgba(255,255,255,.12);border-color:rgba(156,196,238,.45);color:#fff;transform:translateY(-1px)}
.grm-f__branche-chips a>.material-symbols-rounded{font-size:21px;color:var(--grm-accent-200,#9CC4EE);flex:0 0 auto}
.grm-f__branche-chips .grm-tel{margin-left:auto;min-width:26px;height:22px;padding:0 8px;border-radius:11px;background:rgba(156,196,238,.18);color:var(--grm-accent-200,#9CC4EE);font-size:12.5px;font-weight:700}
.grm-f__branche-chips a:hover .grm-tel{background:rgba(156,196,238,.28);color:#fff}
.grm-f__branche-alle{justify-content:space-between;background:rgba(156,196,238,.16)!important;border-color:rgba(156,196,238,.38)!important;color:#fff!important;font-weight:700!important}
.grm-f__branche-alle .material-symbols-rounded{font-size:19px;color:#fff}
@media (max-width:760px){
.grm-f__branche-chips{grid-template-columns:1fr;gap:8px}
.grm-f__branche-chips a{padding:13px 14px;font-size:15px;gap:11px}
.grm-f__col h4[role=tab]{cursor:pointer;display:flex;align-items:center;justify-content:space-between}
.grm-f__col h4[role=tab]::after{content:"expand_more";font-family:"Material Symbols Rounded";font-size:20px;transition:transform .2s}
.grm-f__col h4[aria-expanded=true]::after{transform:rotate(180deg)}
.grm-f__col [role=tabpanel][hidden]{display:none}
}
footer.grm-f{background:#F2F3F5;color:#33424F;padding:48px 0 0;border-top:1px solid #E4E8EE}
footer.grm-f a{color:#33424F}
footer.grm-f a:hover{color:#041E42;text-decoration:underline}
footer.grm-f .grm-f__grid{grid-template-columns:1.3fr repeat(4,minmax(0,1fr));gap:32px 28px;margin-bottom:40px}
footer.grm-f .grm-f__brand-logo,footer.grm-f .grm-f__brand-logo:hover,footer.grm-f .grm-f__brand-logo b{color:#041E42;text-decoration:none}
footer.grm-f .grm-f__brand-p{color:#55636E}
footer.grm-f .grm-f__col h4{display:flex;align-items:center;gap:10px;color:#041E42;font-family:"Inter",Inter,sans-serif;font-size:16px;font-weight:700;margin:0 0 12px;letter-spacing:0}
footer.grm-f .grm-f__ic{font-size:24px;color:#041E42;font-variation-settings:'FILL' 0,'wght' 300;flex:0 0 auto}
footer.grm-f .grm-f__col a{padding:6px 0 6px 34px;font-size:14px;font-weight:400}
footer.grm-f .grm-f__col a:hover{transform:none}
footer.grm-f .grm-f__branches{border-color:#DDE2E8;padding:28px 0}
footer.grm-f .grm-f__branches h4,footer.grm-f .grm-f__regio>summary strong,footer.grm-f .grm-f__bottom>summary strong{color:#041E42;opacity:1;font-family:"Inter",Inter,sans-serif;font-size:16px;font-weight:700;letter-spacing:0;text-transform:none}
footer.grm-f .grm-f__branche-chips{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 24px}
footer.grm-f .grm-f__branche-chips a{padding:8px 0;border:0;border-radius:0;background:transparent;color:#33424F;font-size:14px;font-weight:400;transform:none}
footer.grm-f .grm-f__branche-chips a:hover{background:transparent;color:#041E42;text-decoration:underline}
footer.grm-f .grm-f__branche-chips a>.material-symbols-rounded{color:var(--grm-brand,#103A63);font-size:20px}
footer.grm-f .grm-f__branche-chips .grm-tel{background:transparent;color:#7A8794;font-weight:500}
footer.grm-f .grm-f__branche-alle{background:transparent!important;border:0!important;color:var(--grm-brand,#103A63)!important;font-weight:600!important;justify-content:flex-start}
footer.grm-f .grm-f__branche-alle .material-symbols-rounded{color:var(--grm-brand,#103A63)}
footer.grm-f .grm-f__regio{color:#55636E}
footer.grm-f .grm-f__regio a{color:#33424F}
footer.grm-f .grm-f__regio a:not(:last-child)::after{color:#A8B4BC}
footer.grm-f .grm-f__bottom{border-top:1px solid #DDE2E8}
footer.grm-f .grm-f__bottom-left,footer.grm-f .grm-f__bottom-left strong,footer.grm-f .grm-f__bottom-links a{color:#55636E}
footer.grm-f .grm-f__wettelijk,footer.grm-f .grm-f__wettelijk a{color:#55636E}
.grm-f__onder{background:#041E42;color:#D7DEE7;margin-top:8px}
.grm-f__onder-in{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;max-width:var(--grm-w,1424px);margin:0 auto;padding:18px 22px;box-sizing:border-box}
.grm-f__onder-merk{font-size:13px;font-weight:600;color:#fff}
.grm-f__onder-links{display:flex;flex-wrap:wrap;gap:8px 20px;flex:1 1 auto}
footer.grm-f .grm-f__onder a{color:#D7DEE7;font-size:13px}
footer.grm-f .grm-f__onder a:hover{color:#fff}
footer.grm-f .grm-f__onder .grm-f__social{display:flex;gap:8px}
footer.grm-f .grm-f__onder .grm-f__social a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff!important;display:flex;align-items:center;justify-content:center}
footer.grm-f .grm-f__onder .grm-f__social a:hover{background:rgba(255,255,255,.2);transform:none}
footer.grm-f .grm-f__onder .grm-f__omhoog{background:#041E42;display:inline-flex;align-items:center;gap:4px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:12.5px;color:#fff!important;text-decoration:none!important}
footer.grm-f .grm-f__onder .grm-f__omhoog .material-symbols-rounded{font-size:18px}
@media(max-width:1100px){
footer.grm-f .grm-f__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
footer.grm-f{padding-top:32px}
footer.grm-f .grm-f__grid{grid-template-columns:1fr;gap:0}
footer.grm-f .grm-f__brand{margin-bottom:20px}
footer.grm-f .grm-f__col{border-top:1px solid #DDE2E8}
footer.grm-f .grm-f__col h4{margin:0;padding:14px 0}
footer.grm-f .grm-f__col [role=tabpanel]{padding-bottom:12px}
footer.grm-f .grm-f__branche-chips{grid-template-columns:1fr}
.grm-f__onder-in{flex-direction:column;align-items:flex-start;padding:20px 16px}
}
footer.grm-f .grm-f__in,footer.grm-f .grm-f__onder-in{max-width:var(--grm-w,1424px);margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px}
footer.grm-f .grm-f__grid{grid-template-columns:minmax(0,1.3fr) repeat(4,minmax(0,1fr));grid-auto-flow:row;gap:32px 24px}
@media(max-width:1100px){footer.grm-f .grm-f__grid{grid-template-columns:repeat(4,minmax(0,1fr))}footer.grm-f .grm-f__brand{grid-column:1/-1;max-width:560px}}
footer.grm-f .grm-f__onder .grm-f__support{width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .14s}
footer.grm-f .grm-f__onder .grm-f__support:hover{background:rgba(255,255,255,.2)}
footer.grm-f .grm-f__onder .grm-f__support .material-symbols-rounded{font-size:20px}
footer.grm-f .grm-f__onder .grm-f__support:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:900px){footer.grm-f .grm-f__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}}
@media(max-width:760px){footer.grm-f .grm-f__grid{grid-template-columns:1fr;grid-auto-flow:row}}
footer.grm-f .grm-f__onder-kvk{font-weight:400;color:#A8B4BC}
@media(max-width:760px){footer.grm-f .grm-f__in,footer.grm-f .grm-f__onder-in{padding-left:16px;padding-right:16px}}
footer.grm-f .grm-f__maker{font-size:13px;color:#A8B4BC}
footer.grm-f .grm-f__onder .grm-f__maker a{font-weight:600;color:#fff;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.35)}
footer.grm-f .grm-f__onder .grm-f__maker a:hover{text-decoration-color:#fff}
@media(min-width:1260px){
footer.grm-f .grm-f__onder-in{flex-wrap:nowrap;gap:0 16px}
footer.grm-f .grm-f__onder-in>*{flex-shrink:0;white-space:nowrap}
footer.grm-f .grm-f__onder-links{flex:1 1 auto;flex-wrap:nowrap;gap:0 14px}
footer.grm-f .grm-f__onder .grm-f__social{gap:6px}
footer.grm-f .grm-f__onder .grm-f__social a,footer.grm-f .grm-f__onder .grm-f__support{width:32px;height:32px}
}
@media(min-width:1260px) and (max-width:1439px){
footer.grm-f .grm-f__onder-merk,footer.grm-f .grm-f__maker,footer.grm-f .grm-f__onder .grm-f__maker a,footer.grm-f .grm-f__onder .grm-f__onder-links a{font-size:12px}
}
@media(min-width:1260px) and (max-width:1365px){
footer.grm-f .grm-f__onder .grm-f__omhoog{width:32px;height:32px;justify-content:center;gap:0;border-radius:50%;background:rgba(255,255,255,.1)}
footer.grm-f .grm-f__onder .grm-f__omhoog:hover{background:rgba(255,255,255,.2)}
footer.grm-f .grm-f__omhoog-tekst{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
}
footer.grm-f .grm-zlinks{padding:36px 40px 44px;border-top:1px solid #DDE2E8}
@media(max-width:760px){footer.grm-f .grm-zlinks{padding:32px 16px 40px}}
footer.grm-f .grm-zlinks h2{font-size:18px}
footer.grm-f{content-visibility:auto;contain-intrinsic-size:auto 1400px}
footer.grm-f .grm-f__col a.grm-f__actie{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-weight:700;color:#041E42}
footer.grm-f .grm-f__col a.grm-f__actie .material-symbols-rounded{font-size:18px;transition:transform .15s}
footer.grm-f .grm-f__col a.grm-f__actie:hover .material-symbols-rounded{transform:translateX(3px)}

.grm-home{font-family:var(--grm-font-body,"Inter",Inter,sans-serif);color:var(--grm-ink,#041E42);background:var(--grm-canvas,#F5F7FA)}
.grm-home h1,.grm-home h2,.grm-home h3,.grm-home h4{font-family:var(--grm-font-display,"Inter Tight",sans-serif);font-weight:800;letter-spacing:-.01em;color:var(--grm-ink,#041E42);margin:0 0 .5rem}
.grm-home__h-acc{color:var(--grm-accent,#1668C7)}
.grm-home__eyebrow{display:inline-block;color:var(--grm-accent,#1668C7);font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px}
.grm-home__section-head{text-align:center;max-width:720px;margin:0 auto 20px;padding:0 20px}
.grm-home__section-head h2{font-size:clamp(26px,3.4vw,40px);line-height:1.1;margin:0 0 10px}
.grm-home__section-head p{margin:0;color:var(--grm-ink-500,#55636E);font-size:16px;line-height:1.6}
.grm-home__hero{position:relative;padding:76px 24px 88px;overflow:hidden;background:var(--grm-rij-licht)}
.grm-home__trust{background:var(--grm-paper,#fff);border-top:1px solid var(--grm-line,#D7DEE7);border-bottom:1px solid var(--grm-line,#D7DEE7);padding:4px 24px}
.grm-home__trust-in{
max-width:var(--grm-w,1424px);margin:0 auto;
display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
gap:14px 34px;padding:18px 0;
}
.grm-home__trust-item{
display:inline-flex;align-items:center;gap:9px;
font-size:14.5px;font-weight:700;color:var(--grm-ink-500,#55636E);
white-space:nowrap;
}
.grm-home__trust-in .material-symbols-rounded{
font-size:19px;flex:0 0 auto;
color:var(--grm-accent,#1668C7);
font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;
}
@media(max-width:900px){
.grm-home__trust-in{gap:10px 20px;font-size:13.5px}
}
@media(max-width:620px){
.grm-home__trust-in{
display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px 14px;justify-items:center;padding:14px 0;
}
.grm-home__trust-item{white-space:normal;align-items:center;justify-content:center;text-align:center;font-size:13px}
.grm-home__trust-in .material-symbols-rounded{margin-top:0}
}
.grm-home__cats{padding:56px 24px 30px;max-width:var(--grm-w,1424px);margin:0 auto}
.grm-home__cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}
.grm-home__cat{background:#fff;border:1px solid var(--grm-line,#D7DEE7);border-radius:14px;padding:18px;text-decoration:none;color:var(--grm-ink,#041E42);display:flex;flex-direction:column;gap:10px;transition:transform .15s,box-shadow .15s,border-color .15s;box-shadow:0 2px 6px rgba(4,30,66,.04)}
.grm-home__cat:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(4,30,66,.12);border-color:transparent}
.grm-home__cat-ic{width:46px;height:46px;border-radius:12px;background:color-mix(in srgb,var(--c,#103A63) 14%,#fff);color:var(--c,#103A63);display:inline-flex;align-items:center;justify-content:center;transition:background .15s}
.grm-home__cat:hover .grm-home__cat-ic{background:color-mix(in srgb,var(--c,#103A63) 22%,#fff)}
.grm-home__cat-ic .material-symbols-rounded{font-size:24px}
.grm-home__cat-name{font-family:var(--grm-font-display);font-weight:800;font-size:15px;line-height:1.2;color:var(--grm-ink,#041E42)}
.grm-home__cat-count{font-size:12px;color:var(--grm-ink-500,#55636E);font-weight:500}
.grm-home__cat-count--empty{color:var(--grm-ink-300,#A8B4BC);font-style:italic}
.grm-home__usps{padding:72px 24px;max-width:var(--grm-w,1424px);margin:0 auto}
.grm-home__usp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.grm-home__usp{background:#fff;border:1px solid var(--grm-line,#D7DEE7);border-radius:14px;padding:26px;box-shadow:0 2px 6px rgba(4,30,66,.04);transition:transform .15s,box-shadow .15s}
.grm-home__usp:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(4,30,66,.10)}
.grm-home__usp-ic{width:52px;height:52px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px}
.grm-home__usp-ic--brand{background:var(--grm-brand-50,#EDF2F8);color:var(--grm-brand,#103A63)}
.grm-home__usp-ic--accent{background:rgba(22,104,199,.12);color:var(--grm-accent,#1668C7)}
.grm-home__usp-ic--success{background:rgba(16,58,99,.12);color:var(--grm-success,#103A63)}
.grm-home__usp-ic .material-symbols-rounded{font-size:24px}
.grm-home__usp h3{font-size:17px;margin:0 0 6px}
.grm-home__usp p{margin:0;color:var(--grm-ink-500,#55636E);font-size:14px;line-height:1.55}
@media(max-width:960px){.grm-home__usp-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.grm-home__usp-grid{grid-template-columns:1fr}}
.grm-home__featured-foot{text-align:center;margin:26px 0 0}
@media(max-width:920px){}
@media(max-width:600px){}
.grm-home__cta{padding:72px 24px}
.grm-home__cta-inner{max-width:920px;margin:0 auto;background:var(--grm-rij-merk);color:#fff;border-radius:24px;padding:54px 36px;text-align:center;box-shadow:0 24px 60px rgba(4,30,66,.22);position:relative;overflow:hidden}
.grm-home__cta-inner::after{content:"";position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.06);pointer-events:none}
.grm-home__cta-inner h2{color:#fff;font-size:clamp(24px,3vw,32px);margin:0 0 12px;position:relative}
.grm-home__cta-inner p{color:rgba(255,255,255,.92);margin:0 0 24px;font-size:16px;line-height:1.55;position:relative}
.grm-home__cta-inner .gm-btn{position:relative}
.grm-home__mozaiek{display:grid;min-width:0;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:18px;max-width:var(--grm-w,1424px);margin:0 auto;padding:0 24px;grid-auto-flow:dense}
.grm-home__moz{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid #D7DEE7;border-radius:16px;overflow:hidden;transition:box-shadow .18s ease,border-color .18s ease}
.grm-home__moz:hover{border-color:var(--grm-ink-300,#a8b4bc);box-shadow:0 10px 28px rgba(4,30,66,.08)}
.grm-home__moz-cel{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:10px 12px;border-radius:10px;background:#F5F7FA;border:1px solid transparent;text-decoration:none;min-height:44px;transition:background .14s,border-color .14s}
.grm-home__moz-cel:hover{background:#EDF2F8;border-color:#D7DEE7}
.grm-home__moz-cel-naam{overflow-wrap:anywhere;font-size:13px;font-weight:600;color:var(--grm-success-text,#0b2a49);line-height:1.25}
.grm-home__moz-cel-count{font-size:11px;font-weight:700;color:#103A63;background:#fff;border:1px solid #D7DEE7;border-radius:999px;padding:1px 7px;flex-shrink:0}
.grm-home__moz-alle{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 2px;padding:10px;border-radius:8px;background:var(--grm-brand-50,#EDF2F8);font-size:13px;font-weight:700;color:var(--grm-brand,#103A63);text-decoration:none;transition:background .14s ease}
.grm-home__moz-alle:hover{background:var(--grm-brand-100,#D3E0EF);color:var(--grm-brand,#103A63);text-decoration:none}
.grm-home__moz-alle .material-symbols-rounded{font-size:15px;transition:transform .16s ease}
.grm-home__moz-alle:hover .material-symbols-rounded{transform:translateX(3px)}
.grm-carrousel{position:relative;max-width:var(--grm-w,1424px);margin:0 auto;padding:0 24px}
.grm-carrousel__spoor{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;scrollbar-width:none}
.grm-carrousel__spoor::-webkit-scrollbar{display:none}
.grm-carrousel__spoor>.grm-bk{flex:0 0 300px;scroll-snap-align:start}
.grm-carrousel__pijl{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:44px;border-radius:50%;border:1px solid #D7DEE7;background:#fff;color:#103A63;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 18px rgba(4,30,66,.12);transition:background .14s,transform .14s}
.grm-carrousel__pijl:hover{background:#EDF2F8;transform:translateY(-50%) scale(1.05)}
.grm-carrousel__pijl--l{left:2px}
.grm-carrousel__pijl--r{right:2px}
.grm-carrousel__pijl[disabled]{opacity:.35;pointer-events:none}
@media(max-width:680px){.grm-carrousel__spoor>.grm-bk{flex-basis:260px}.grm-carrousel__pijl{display:none}}
.grm-home__moz{padding:16px}
.grm-home__moz-voet{margin-top:auto;padding-top:4px}
.grm-home__moz-kop{margin:0 2px 10px;font-family:var(--grm-font-display,'Inter Tight',sans-serif);font-size:22px;font-weight:800;letter-spacing:-.01em;color:var(--grm-ink,#041E42)}
@media(max-width:620px){.grm-home__moz-kop{font-size:20px}}
.grm-home__moz-naam{display:none;margin:0 2px 8px;font-family:var(--grm-font-display,'Inter Tight',sans-serif);font-size:14px;font-weight:700;line-height:1.25;letter-spacing:-.005em;color:var(--grm-ink-700,#33424F);text-shadow:none}
.grm-home__moz-raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}
.grm-home__moz-cel{display:flex;flex-direction:column;gap:5px;min-width:0;text-decoration:none;border-radius:0;padding:0;background:none;border:0;min-height:0}
.grm-home__moz-cel:hover{background:none}
.grm-home__moz-cel:hover .grm-home__moz-cel-beeld{border-color:var(--c,#103A63)}
.grm-home__moz-cel:hover .grm-home__moz-cel-naam{color:var(--c,#103A63)}
.grm-home__moz-cel-beeld{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#fff;border:1px solid transparent;transition:border-color .16s}
span.grm-home__moz-cel-beeld{padding:8px}
.grm-home__moz-cel--extra{display:none}
.grm-home__moz.is-breed .grm-home__moz-cel--extra{display:flex}
.grm-home__moz.is-breed .grm-home__moz-raster{grid-template-columns:repeat(4,minmax(0,1fr))}
span.grm-home__moz-cel-beeld img{width:100%;height:100%;object-fit:contain;object-position:center;background:#fff}
.grm-home__moz-cel-beeld .material-symbols-rounded{font-size:26px;color:var(--c,#103A63)}
.grm-home__moz-cel-naam{font-size:12.5px;font-weight:600;color:var(--grm-success-text,#0b2a49);line-height:1.25;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.grm-home__hero-inner{display:block;max-width:900px;margin:0 auto;text-align:center}
.grm-home__hero-left{max-width:none;width:100%}
.grm-home__h1{font-size:clamp(30px,4.4vw,52px);line-height:1.08}
.grm-home__sub{max-width:640px;margin-left:auto;margin-right:auto}
.grm-zoekbalk{display:flex;align-items:center;gap:2px;width:100%;max-width:720px;margin:26px auto 0;background:rgba(255,255,255,.97);border-radius:14px;padding:5px 5px 5px 0;box-shadow:0 8px 26px rgba(4,30,66,.28);text-align:left;min-width:0}
.grm-zoekbalk__veld{display:flex;align-items:center;gap:8px;flex:1 1 0;min-width:0;height:48px;padding:0 14px}
.grm-zoekbalk__veld .material-symbols-rounded{flex:0 0 auto;font-size:22px;color:#55636E}
.grm-zoekbalk__veld input{flex:1 1 auto;min-width:0;width:100%;height:100%;border:0;outline:0;background:transparent;font-family:inherit;font-size:15.5px;color:#041E42}
.grm-zoekbalk__veld input::placeholder{color:var(--grm-ink-400,#7A8794)}
.grm-zoekbalk__knop{flex:0 0 auto;padding:12px 22px;border:0;border-radius:10px;background:var(--gm-primary,#103A63);color:#fff;font-family:inherit;font-weight:700;font-size:14.5px;cursor:pointer;transition:background .16s}
.grm-zoekbalk__knop:hover{background:var(--grm-success-text,#0b2a49)}
.grm-home__producten{padding:26px 0 8px}
.grm-home__producten .grm-carrousel__spoor .grm-pk{flex:0 0 236px;max-width:236px}
@media (max-width:760px){
.grm-zoekbalk{flex-wrap:wrap;border-radius:14px;padding:8px}
.grm-zoekbalk__veld{flex:1 1 100%;height:46px;padding:0 8px}
.grm-zoekbalk__knop{flex:1 1 100%;padding:13px}
.grm-home__producten .grm-carrousel__spoor .grm-pk{flex:0 0 178px;max-width:178px}
}
.grm-samen{padding:64px 0 72px;background:var(--grm-bg,#F5F7FA);border-top:1px solid var(--grm-line,#D7DEE7)}
.grm-samen__in{max-width:var(--grm-w,1424px);margin:0 auto;padding:0 24px}
.grm-samen__kop{max-width:66ch;margin:0 auto 28px;text-align:center}
.grm-samen__eyebrow{display:inline-block;margin-bottom:8px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--grm-accent,#1668C7)}
.grm-samen__kop h2{margin:0 0 12px;font-family:var(--grm-font-display,'Inter Tight',sans-serif);font-size:clamp(24px,3vw,34px);font-weight:800;letter-spacing:-.015em;color:var(--grm-ink,#041E42)}
.grm-samen__acc{color:var(--grm-accent,#1668C7)}
.grm-samen__kop p{margin:0;font-size:16px;line-height:1.7;color:var(--grm-ink-700,#33424F)}
.grm-samen__grid{display:grid;grid-template-columns:calc((100% - 32px)/3) minmax(0,1fr);gap:16px;align-items:stretch;margin:0 0 16px}
.grm-samen__grid .grm-samen__kaart{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:14px;border-radius:20px;background:#fff;border:1px solid var(--grm-line,#D7DEE7);box-shadow:0 14px 38px rgba(4,30,66,.10)}
.grm-samen__leaflet{
width:100%;max-width:none;aspect-ratio:4/5;min-height:340px;
border-radius:14px;overflow:hidden;
background:#EAEFF5;border:1px solid var(--grm-line-soft,#EAEFF5);
}
@media(max-width:900px){.grm-samen__leaflet{aspect-ratio:1/1;min-height:300px}}
@media(min-width:901px){
.grm-samen__leaflet{aspect-ratio:auto;flex:1 1 auto;min-height:380px}
.grm-samen__uitgelicht{flex:1 1 auto}
}
.grm-samen__leaflet .leaflet-container{background:#EAEFF5;font-family:var(--grm-font,'Inter',sans-serif)}
.grm-samen__marker{background:none;border:0}
.grm-samen__markerbol{
display:flex;align-items:center;justify-content:center;
border-radius:999px;cursor:pointer;
background:var(--grm-brand,#103A63);color:#fff;
border:2px solid #fff;box-shadow:0 4px 12px rgba(4,30,66,.45);
font-size:13px;font-weight:800;line-height:1;
transition:transform .16s ease,background .16s ease;
}
.grm-samen__marker.is-leeg .grm-samen__markerbol{background:var(--grm-ink-400,#7A8794)}
.grm-samen__marker.is-land .grm-samen__markerbol{font-size:15px}
.grm-samen__marker:hover .grm-samen__markerbol{transform:scale(1.08)}
.grm-samen__marker.is-actief .grm-samen__markerbol{
background:var(--grm-accent,#1668C7);transform:scale(1.14);
box-shadow:0 0 0 5px rgba(22,104,199,.28),0 4px 12px rgba(4,30,66,.45);
}
.grm-samen__markernaam{
position:absolute;left:50%;top:100%;transform:translate(-50%,4px);
padding:2px 7px;border-radius:6px;white-space:nowrap;
background:rgba(255,255,255,.94);color:var(--grm-ink,#041E42);
font-size:11px;font-weight:700;opacity:0;transition:opacity .16s ease;
}
.grm-samen__marker:hover .grm-samen__markernaam,
.grm-samen__marker.is-actief .grm-samen__markernaam{opacity:1}
.grm-samen__leaflet.is-zonderkaart{
display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start;
padding:14px;aspect-ratio:auto;min-height:0;
}
.grm-samen__terugval{
padding:8px 13px;border-radius:99px;cursor:pointer;
border:1px solid var(--grm-line,#D7DEE7);background:#fff;color:var(--grm-ink-700,#33424F);
font:inherit;font-size:13px;font-weight:700;
}
.grm-samen__terugval:hover{border-color:var(--grm-accent,#1668C7);color:var(--grm-brand,#103A63)}
.grm-samen__kaartvak{position:relative;min-width:0;display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
.grm-samen__filter{
position:absolute;left:0;right:0;bottom:0;z-index:760;
display:flex;flex-wrap:nowrap;gap:5px;
overflow-x:auto;overscroll-behavior-x:contain;
padding:26px 9px 9px;border-radius:0 0 14px 14px;
background:linear-gradient(to top,rgba(255,255,255,.97) 58%,rgba(255,255,255,0));
scrollbar-width:none;-ms-overflow-style:none;
}
.grm-samen__filter::-webkit-scrollbar{display:none}
.grm-samen__filter.heeft-pijlen{padding-left:42px;padding-right:42px;scroll-padding:0 42px}
.grm-samen__filterpijl{
position:absolute;bottom:8px;z-index:770;
width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;
border:1px solid var(--grm-line,#D7DEE7);border-radius:999px;background:#fff;
color:var(--grm-ink,#041E42);cursor:pointer;padding:0;
box-shadow:0 2px 10px rgba(4,30,66,.12);
transition:border-color .12s ease,box-shadow .12s ease,opacity .12s ease;
}
.grm-samen__filterpijl--terug{left:7px}
.grm-samen__filterpijl--verder{right:7px}
.grm-samen__filterpijl:hover:not(:disabled){border-color:var(--grm-accent,#1668C7);box-shadow:0 4px 14px rgba(4,30,66,.18)}
.grm-samen__filterpijl:disabled{opacity:.35;cursor:default}
.grm-samen__filterpijl[hidden]{display:none}
.grm-samen__filterpijl .material-symbols-rounded{font-size:18px}
.grm-samen__filterknop{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:4px 9px;border-radius:999px;border:1px solid var(--grm-line,#D7DEE7);background:rgba(255,255,255,.94);color:var(--grm-ink-700,#33424F);font:inherit;font-size:11px;font-weight:700;line-height:1.5;white-space:nowrap;cursor:pointer;transition:border-color .14s ease,background .14s ease,color .14s ease}
.grm-samen__filterknop:hover{border-color:var(--grm-accent,#1668C7);color:var(--grm-brand,#103A63)}
.grm-samen__filterknop.is-actief{background:var(--grm-brand,#103A63);border-color:var(--grm-brand,#103A63);color:#fff}
.grm-samen__filtertel{font-size:10px;font-weight:800;padding:0 5px;border-radius:999px;background:var(--grm-bg,#F5F7FA);color:var(--grm-ink-500,#55636E)}
.grm-samen__filterknop.is-actief .grm-samen__filtertel{background:rgba(255,255,255,.20);color:#fff}
@media(max-width:560px){
.grm-samen__filter{padding:22px 7px 7px}
.grm-samen__filterknop{font-size:10.5px;padding:4px 8px}
.grm-samen__filterpijl{display:none}
.grm-samen__filter.heeft-pijlen{padding-left:7px;padding-right:7px}
}
.grm-samen__paneel{display:flex;min-width:0}
.grm-samen__kaartje{display:flex;flex-direction:column;gap:10px;width:100%;padding:24px 24px 22px;border-radius:20px;background:#fff;border:1px solid var(--grm-line,#D7DEE7)}
.grm-samen__kaartje[hidden]{display:none}
.grm-samen__uitgelicht{display:flex;flex-direction:column;gap:8px;margin:10px 0 4px;min-width:0}
.grm-samen__uitgelicht .grm-bk{margin:0;min-width:0}
.grm-samen__cijfer{margin:0;font-size:16px;line-height:1.4;color:var(--grm-ink-700,#33424F)}
.grm-samen__cijfer strong{display:block;font-family:var(--grm-font-display,'Inter Tight',sans-serif);font-size:clamp(34px,5vw,46px);font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--grm-ink,#041E42)}
.grm-samen__regel{margin:0;font-size:14.5px;line-height:1.65;color:var(--grm-ink-500,#55636E)}
.grm-samen__knop{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:auto;padding:12px 16px;border-radius:10px;background:var(--grm-brand,#103A63);color:#fff;font-size:14px;font-weight:700;text-decoration:none;transition:background .16s ease}
.grm-samen__knop:hover{background:var(--grm-ink,#041E42);color:#fff;text-decoration:none}
.grm-samen__knop .material-symbols-rounded{font-size:18px;transition:transform .16s ease}
.grm-samen__knop:hover .material-symbols-rounded{transform:translateX(3px)}
@media(max-width:900px){
.grm-samen__grid{grid-template-columns:minmax(0,1fr)}
.grm-samen__svg{max-width:330px}
}
@media(max-width:600px){
.grm-samen{padding:44px 0 52px}
.grm-samen__in{padding:0 16px}
.grm-samen__grid .grm-samen__kaart{padding:14px 10px 12px;border-radius:16px}
.grm-samen__kaartje{padding:20px 18px}
.grm-samen__label{font-size:12px}
.grm-samen__punt.is-actief .grm-samen__label{font-size:13.5px}
}
.grm-prodtabs{max-width:var(--grm-w,1424px);margin:0 auto;padding:0 24px}
.grm-prodtabs__balk{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 22px}
.grm-prodtabs__tab{padding:10px 20px;background:#fff;border:2px solid var(--grm-line,#D7DEE7);border-radius:var(--grm-r-pill,999px);cursor:pointer;font-family:var(--grm-font-display,'Inter Tight',sans-serif);font-size:14.5px;font-weight:700;color:var(--grm-ink-500,#55636E);transition:border-color .14s ease,background .14s ease,color .14s ease}
.grm-prodtabs__tab:hover{border-color:var(--grm-accent,#1668C7);color:var(--grm-ink,#041E42)}
.grm-prodtabs__tab.is-actief{background:var(--grm-brand,#103A63);border-color:var(--grm-brand,#103A63);color:#fff}
.grm-prodtabs__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.grm-prodtabs__grid[hidden]{display:none}
@media(max-width:1100px){.grm-prodtabs__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}
@media(max-width:700px){.grm-prodtabs__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media(max-width:560px){.grm-prodtabs{padding:0 16px}.grm-prodtabs__tab{flex:1 1 auto;padding:9px 12px;font-size:13.5px}}
.grm-samen__uitleg{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch;margin:30px 0 16px}
.grm-samen__uitleg .grm-samen__kaart{display:flex;flex-direction:column;padding:20px;background:#fff;border:1px solid var(--grm-line,#D7DEE7);border-radius:14px}
.grm-samen__kaart h3{margin:0 0 10px;font-family:var(--grm-font-display,'Inter Tight',sans-serif);font-size:17px;font-weight:800;letter-spacing:-.01em;line-height:1.25;color:var(--grm-ink,#041E42)}
.grm-samen__kaart p{margin:0 0 10px;font-size:14px;line-height:1.65;color:var(--grm-ink-500,#55636E)}
.grm-samen__kaart p:last-child{margin-bottom:0}
.grm-samen__stappen{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:8px}
.grm-samen__stappen li{position:relative;padding-left:20px;font-size:14px;line-height:1.6;color:var(--grm-ink-500,#55636E)}
.grm-samen__stappen li::before{content:"";position:absolute;left:2px;top:9px;width:7px;height:7px;border-radius:50%;background:var(--grm-accent,#1668C7)}
.grm-samen__kaart-knop{margin-top:auto;align-self:flex-start;gap:8px}
.grm-samen__kaart-knop .material-symbols-rounded{font-size:18px}
.grm-samen__kaart-cta{
margin-top:auto;padding-top:14px;
display:inline-flex;align-items:center;gap:6px;align-self:flex-start;
font-size:14px;font-weight:700;line-height:1.3;
color:var(--grm-accent,#1668C7);text-decoration:none;
}
.grm-samen__kaart-cta:hover{color:var(--grm-brand,#103A63)}
.grm-samen__kaart-cta:hover span{transform:translateX(2px)}
.grm-samen__kaart-cta span{font-size:18px;transition:transform .14s ease}
.grm-samen__kaart strong{color:var(--grm-ink,#041E42)}
@media(max-width:680px){
.grm-samen__uitleg{
grid-template-columns:repeat(3,84%);
gap:12px;
overflow-x:auto;overflow-y:hidden;
scroll-snap-type:x mandatory;
-webkit-overflow-scrolling:touch;
scrollbar-width:none;-ms-overflow-style:none;
padding:0 16px 4px;margin-inline:-16px;
}
.grm-samen__uitleg::-webkit-scrollbar{display:none}
.grm-samen__uitleg .grm-samen__kaart{
padding:16px;
scroll-snap-align:center;
align-items:stretch;text-align:left;
}
.grm-samen__uitleg .grm-samen__kaart h3,
.grm-samen__uitleg .grm-samen__kaart p{text-align:left}
}
.grm-samen__land{fill:rgba(255,255,255,.10);stroke:rgba(255,255,255,.30);stroke-width:1.2;stroke-linejoin:round}
.grm-home--v2{background:#fff;font-family:"Inter",Inter,sans-serif}
.grm-vhero{position:relative;min-height:420px;display:flex;align-items:center;background-color:#E9EDF2;background-image:var(--grm-fp-bg,var(--grm-hero-foto,none));background-size:cover;background-position:center 42%;background-repeat:no-repeat}
.grm-vhero__in{width:100%;max-width:var(--grm-w,1424px);margin:0 auto;padding:40px 24px;box-sizing:border-box}
.grm-vhero__kaart{width:min(100%,384px);box-sizing:border-box;padding:28px 32px 24px;background:#fff;border-radius:8px;box-shadow:0 2px 12px rgba(4,30,66,.10)}
.grm-vhero__h1{margin:0 0 22px;font-family:"Inter",Inter,sans-serif;font-size:30px;line-height:1.25;font-weight:500;letter-spacing:-.01em;color:#041E42}
.grm-vhero__knop{display:flex;width:100%;height:44px;font-size:15px}
.grm-vhero__link{display:block;margin-top:14px;text-align:center;color:var(--grm-brand,#103A63) !important;font-weight:600;font-size:15px;text-decoration:none !important}
.grm-vhero__link:hover{text-decoration:underline !important}
.grm-vmelding{display:flex;align-items:center;gap:16px;max-width:var(--grm-w,1424px);margin:24px auto 0;padding:0 24px;box-sizing:border-box}
.grm-vmelding p{flex:1 1 auto;margin:0;padding:14px 16px;border:1px solid #E4E8EE;border-radius:4px;color:#33424F;font-size:14px;line-height:1.4;background:#fff}
.grm-vmelding{position:relative}
.grm-vmelding__sluit{position:absolute;right:34px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:transparent;color:#55636E;cursor:pointer}
.grm-vmelding__sluit:hover{background:#F1F3F6;color:#041E42}
.grm-vmelding__sluit .material-symbols-rounded{font-size:20px}
.grm-vmelding[hidden]{display:none}
.grm-zshops{max-width:var(--grm-w,1424px);margin:0 auto;padding:44px 24px 12px;box-sizing:border-box}
.grm-zshops__kop{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 18px}
.grm-zshops__kop h2{margin:0;font-family:"Inter",Inter,sans-serif;font-size:26px;line-height:1.2;font-weight:700;letter-spacing:-.01em;color:#041E42}
.grm-zshops__kop h2 span{display:block;font-size:16px;font-weight:400;color:#55636E;letter-spacing:0;margin-top:4px}
.grm-zshops__pijlen{display:flex;gap:8px;flex:0 0 auto}
.grm-zshops__pijl{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid #041E42;border-radius:0;background:#fff;color:#041E42;cursor:pointer;transition:background .14s,color .14s}
.grm-zshops__pijl:hover{background:#041E42;color:#fff}
.grm-zshops__pijl:disabled{opacity:.3;cursor:default;background:#fff;color:#041E42}
.grm-zshops__pijl .material-symbols-rounded{font-size:22px}
.grm-zshops__rij{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3 * 16px) / 4);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:4px}
.grm-zshops__rij::-webkit-scrollbar{display:none}
.grm-zshops__tegel{scroll-snap-align:start;display:flex;flex-direction:column;min-width:0;color:#041E42 !important;text-decoration:none !important}
.grm-zshops__beeld{display:block;aspect-ratio:3/4;background:#F1F3F6;overflow:hidden;position:relative}
.grm-zshops__beeld img{display:block;width:100% !important;height:100% !important;max-width:none !important;object-fit:contain;padding:12%;box-sizing:border-box;mix-blend-mode:multiply;transition:transform .3s ease}
.grm-zshops__beeld.is-leeg img{object-fit:cover;padding:0;mix-blend-mode:normal}
.grm-zshops__beeld.is-hero img,.grm-zshops__beeld.is-leeg img{position:absolute !important;inset:0;width:100% !important;height:100% !important;max-width:none !important;max-height:none !important;margin:0 !important;object-fit:cover !important;padding:0 !important;mix-blend-mode:normal}
.grm-zshops__tegel:hover .grm-zshops__beeld img{transform:scale(1.04)}
.grm-zshops__naam{display:block;margin-top:12px;font-size:17px;font-weight:700;line-height:1.3}
.grm-zshops__tel{display:block;margin-top:2px;font-size:14px;color:#55636E}
.grm-zshops__tegel:hover .grm-zshops__naam{text-decoration:underline}
.grm-home--v2 .grm-home__producten{max-width:var(--grm-w,1424px);margin:0 auto;padding:40px 0 8px}
.grm-home--v2 .grm-home__producten .grm-home__section-head{text-align:left;max-width:none;margin:0 0 6px;padding:0 24px}
.grm-home--v2 .grm-home__producten .grm-home__section-head h2{font-family:"Inter",Inter,sans-serif;font-size:26px;font-weight:700;letter-spacing:-.01em;color:#041E42}
.grm-home--v2 .grm-home__producten .grm-home__h-acc{color:inherit}
.grm-home--v2 .grm-home__producten .grm-home__section-head p{font-size:15px}
.grm-home--v2 .grm-prodtabs__balk{justify-content:flex-start;gap:0;margin:0 0 20px;border-bottom:1px solid #E4E8EE}
.grm-home--v2 .grm-prodtabs__tab{padding:12px 16px;margin-bottom:-1px;background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;color:#55636E;font-family:"Inter",Inter,sans-serif;font-weight:500;font-size:15px}
.grm-home--v2 .grm-prodtabs__tab:hover{color:#041E42;border-color:transparent}
.grm-home--v2 .grm-prodtabs__tab.is-actief{background:transparent;color:#041E42;border-bottom-color:var(--grm-brand,#103A63)}
.grm-home--v2 .grm-prodtabs__grid{gap:24px 16px}
.grm-home--v2 .grm-pk{border:1px solid #E4E8EE;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 1px 2px rgba(4,30,66,.04);transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}
.grm-home--v2 .grm-pk:hover{box-shadow:0 12px 28px -14px rgba(4,30,66,.28);transform:translateY(-2px);border-color:#D2DAE3}
.grm-home--v2 .grm-pk__beeld{aspect-ratio:4/5;padding:0;border-radius:0;overflow:hidden;background:#F5F7FA}
.grm-home--v2 .grm-pk__beeld img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.grm-home--v2 .grm-pk__fav{top:8px;right:8px;width:32px;height:32px;border:0;border-radius:50% !important;padding:0;box-shadow:0 1px 4px rgba(4,30,66,.18)}
.grm-home--v2 .grm-pk__body{padding:10px 12px 12px;gap:4px}
.grm-home--v2 .grm-pk__bedrijf{order:-1;font-size:12.5px;color:#7A8794}
.grm-home--v2 .grm-pk__bedrijf .material-symbols-rounded{display:none}
.grm-home--v2 .grm-pk__naam{font-size:15px;font-weight:600;line-height:1.3;color:var(--grm-brand,#103A63)}
.grm-home--v2 .grm-pk__naam a{color:var(--grm-brand,#103A63)}
.grm-home--v2 .grm-pk__naam a:hover{color:#041E42;text-decoration:underline}
.grm-home--v2 .grm-pk__meta{padding-top:2px;justify-content:flex-start}
.grm-home--v2 .grm-pk__prijs{font-family:"Inter",Inter,sans-serif;font-weight:500;font-size:13px;color:#7A8794}
.grm-home--v2 .grm-pk__moq{background:transparent;padding:0;color:#7A8794;font-weight:400;font-size:12.5px}
.grm-home--v2 .grm-pk__lever{border-top:0;padding-top:0}
.grm-home--v2 .grm-pk__aanvraag{height:36px;font-size:13.5px;border-radius:4px;margin-top:8px;background:#fff;color:var(--grm-brand,#103A63);border:1px solid var(--grm-brand,#103A63)}
.grm-home--v2 .grm-pk__aanvraag:hover{background:var(--grm-brand-50,#EDF2F8)}
.grm-home--v2 .grm-home__featured-foot .gm-btn{border-radius:4px}
.grm-zlinks{max-width:var(--grm-w,1424px);margin:0 auto;padding:40px 24px 56px;box-sizing:border-box;border-top:1px solid #E4E8EE}
.grm-zlinks h2{margin:0 0 16px;font-family:"Inter",Inter,sans-serif;font-size:20px;font-weight:700;color:#041E42;letter-spacing:0}
.grm-zlinks h2:not(:first-child){margin-top:36px}
.grm-zlinks__lijst{list-style:none;margin:0;padding:0;columns:5 180px;column-gap:24px}
.grm-zlinks__groepen{--zk:5;display:grid;grid-template-columns:repeat(var(--zk),minmax(0,1fr));column-gap:40px;align-items:stretch}
.grm-zlinks__kolom{position:relative;display:flex;flex-direction:column;gap:24px;min-width:0}
.grm-zlinks__kolom+.grm-zlinks__kolom::before{content:"";position:absolute;top:0;bottom:0;left:-20px;border-left:1px solid #E4E8EE}
.grm-zlinks__groep{margin:0;min-width:0}
.grm-zlinks__groep h3{margin:0 0 6px;font-family:"Inter",Inter,sans-serif;font-size:15px;font-weight:700;line-height:1.3}
.grm-zlinks__groep h3 a{color:#041E42 !important;text-decoration:none !important}
.grm-zlinks__groep h3 a:hover{text-decoration:underline !important}
.grm-zlinks__groep ul{list-style:none;margin:0;padding:0}
.grm-zlinks__groep li,.grm-zlinks__lijst li{margin:0;padding:0 !important;list-style:none}
.grm-zlinks__groep li::before,.grm-zlinks__lijst li::before,.grm-zlinks__groep li::marker{content:none !important;display:none !important}
.grm-zlinks__groep li a{display:inline-block;padding:4px 0;color:#33424F !important;font-size:14px;line-height:1.35;text-decoration:none !important}
.grm-zlinks__groep li a:hover{color:#041E42 !important;text-decoration:underline !important}
.grm-zlinks__lijst li{margin:0;padding:0;list-style:none;break-inside:avoid}
.grm-zlinks__lijst a{display:inline-block;padding:5px 0;color:#33424F !important;font-size:14px;line-height:1.35;text-decoration:none !important}
.grm-zlinks__lijst a:hover{color:#041E42 !important;text-decoration:underline !important}
.grm-zlinks__regio{margin:32px 0 0;font-size:13px;line-height:1.9;color:#7A8792}
.grm-zlinks__regio span{margin-right:8px}
.grm-zlinks__regio a{color:#7A8792 !important;text-decoration:none !important;white-space:nowrap}
.grm-zlinks__regio a:hover{color:#041E42 !important;text-decoration:underline !important}
.grm-zlinks__regio a:not(:last-child)::after{content:" \00B7 ";color:#C3CBD2;margin:0 2px}
@media(max-width:1100px){
.grm-zshops__rij{grid-auto-columns:calc((100% - 2 * 16px) / 3)}
.grm-zlinks__groepen{--zk:3}
.grm-zlinks__groepen:not(.is-verdeeld){display:block;columns:3 180px;column-gap:40px;column-rule:1px solid #E4E8EE}
.grm-zlinks__groepen:not(.is-verdeeld) .grm-zlinks__kolom{display:contents}
.grm-zlinks__groepen:not(.is-verdeeld) .grm-zlinks__kolom::before{content:none}
.grm-zlinks__groepen:not(.is-verdeeld) .grm-zlinks__groep{break-inside:avoid;margin:0 0 24px}
}
@media(max-width:760px){
.grm-vhero{display:block;min-height:0;background-image:none;background:#fff}
.grm-vhero::before{content:"";display:block;height:240px;background-color:#E9EDF2;background-image:var(--grm-fp-bg,var(--grm-hero-foto,none));background-size:cover;background-position:center 42%}
.grm-vhero__in{padding:0}
.grm-vhero__kaart{width:100%;border-radius:0;box-shadow:none;padding:24px 16px 20px;text-align:center}
.grm-vhero__h1{font-size:24px;margin-bottom:18px}
.grm-vmelding{padding:0 16px;margin-top:8px}
.grm-vmelding__sluit{right:22px}
.grm-vmelding p{padding-right:48px;font-size:13.5px}
.grm-zshops{padding:32px 0 8px}
.grm-zshops__kop{padding:0 16px}
.grm-zshops__kop h2{font-size:22px}
.grm-zshops__pijlen{display:none}
.grm-zshops__rij{grid-auto-columns:62%;gap:12px;padding:0 16px 4px;scroll-padding:0 16px}
.grm-home--v2 .grm-home__producten{padding-top:32px}
.grm-home--v2 .grm-home__producten .grm-home__section-head{padding:0 16px}
.grm-home--v2 .grm-home__producten .grm-home__section-head h2{font-size:22px}
.grm-home--v2 .grm-prodtabs__balk{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
.grm-home--v2 .grm-prodtabs__tab{flex:0 0 auto;padding:12px 14px;font-size:14.5px}
.grm-zlinks{padding:32px 16px 40px}
.grm-zlinks__lijst{columns:2;column-gap:16px}
.grm-zlinks__groepen{--zk:2;column-gap:32px}
.grm-zlinks__groepen:not(.is-verdeeld){columns:2;column-gap:32px}
.grm-zlinks__kolom+.grm-zlinks__kolom::before{left:-16px}
}
.grm-samen__kaart-links{display:flex;flex-wrap:wrap;gap:4px 20px;margin-top:auto}
.grm-samen__kaart-links .grm-samen__kaart-cta{margin-top:0}
.grm-samen__kaart--route{align-items:flex-start}
.grm-samen__kicker{display:inline-block;margin:0 0 6px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--grm-accent,#1668C7)}
.grm-samen__figuur{display:block;width:100%;max-width:250px;height:auto;margin:2px auto 14px;align-self:center}
.grm-samen__kaart--route h3{margin-bottom:6px}
.grm-samen__kaart--route p{margin-bottom:16px}
.grm-samen__kaart--route .grm-samen__kaart-knop{margin-top:auto;align-self:stretch;justify-content:center}
.grm-samen__meer{margin:0 0 4px}
.grm-samen__meer summary{display:inline-flex;align-items:center;gap:4px;cursor:pointer;list-style:none;font-size:14px;font-weight:700;color:var(--grm-accent,#1668C7)}
.grm-samen__meer summary::-webkit-details-marker{display:none}
.grm-samen__meer summary .material-symbols-rounded{font-size:20px;transition:transform .18s ease}
.grm-samen__meer[open] summary .material-symbols-rounded{transform:rotate(180deg)}
.grm-samen__meer p{margin-top:8px}
.grm-samen__kaart--tekst .grm-samen__intro{margin-top:auto}
.grm-samen__kaart--tekst .grm-samen__kaart-links{margin-top:4px}
@media(max-width:760px){.grm-samen__meer{display:none}}
.grm-samen__kaart--route .grm-samen__figuur{flex:0 0 auto;width:auto;max-width:100%;height:130px;margin:auto auto 14px}
@media(max-width:760px){.grm-samen__kaart--route .grm-samen__figuur{height:110px}}
@media(max-width:1024px) and (min-width:761px){
.grm-samen__uitleg{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);gap:12px}
.grm-samen__uitleg .grm-samen__kaart{padding:16px}
}
@media(max-width:760px){
.grm-samen__uitleg{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:24px -16px 12px;padding:2px 16px 6px;scroll-padding:0 16px}
.grm-samen__uitleg::-webkit-scrollbar{display:none}
.grm-samen__uitleg .grm-samen__kaart{flex:0 0 84%;scroll-snap-align:start}
.grm-samen__figuur{max-width:210px}
}

.grm-bk,.grm-bk *,.grm-bk-raster,.grm-bk-lijst{box-sizing:border-box}
.grm-bk{
--bk-c:#103A63;
position:relative;
display:grid;
background:var(--gm-bg,#fff);
border:1px solid var(--gm-border,#D7DEE7);
border-radius:var(--gm-radius,12px);
overflow:hidden;
transition:border-color .16s,box-shadow .16s,transform .16s;
}
.grm-bk:hover{
border-color:var(--gm-primary,#103A63);
box-shadow:0 8px 24px rgba(4,30,66,.09);
transform:translateY(-1px);
}
.grm-bk::before{
content:"";
position:absolute;
inset:0 auto 0 0;
width:3px;
background:var(--bk-c);
opacity:0;
transition:opacity .16s;
}
.grm-bk.is-geverifieerd::before{opacity:1}
.grm-bk__beeld{
position:relative;
display:flex;
align-items:center;
justify-content:center;
background:var(--gm-bg-subtle,#F5F7FA);
overflow:hidden;
text-decoration:none;
}
.grm-bk__beeld,
.grm-bk__beeld:hover,
.grm-bk__beeld:focus{text-decoration:none;border-bottom:0}
.grm-bk__beeld{background:#fff}
.grm-bk__beeld img{width:100%;height:100%;object-fit:cover;display:block;background:#fff}
.grm-bk__beeld img.grm-bk__img-logo{object-fit:contain;padding:6px;box-sizing:border-box}
.grm-bk__beeld img.grm-bk__img-foto{display:block;object-fit:cover;width:100%;height:100%;padding:0}
.grm-bk__beeld[data-beeld="beide"] .grm-bk__img-logo{display:none}
.grm-bk__beeld[data-beeld="beide"] .grm-bk__initiaal{display:none}
.grm-bk__beeld[data-beeld="foto"] .grm-bk__initiaal{display:none}
.grm-bk__beeld[data-beeld="logo"] .grm-bk__img-logo{display:none}
.grm-bk-raster .grm-bk__beeld[data-beeld="beide"] .grm-bk__img-logo,
.grm-home__raster .grm-bk__beeld[data-beeld="beide"] .grm-bk__img-logo,
.grm-bk--raster .grm-bk__beeld[data-beeld="beide"] .grm-bk__img-logo,
.grm-bk--smal .grm-bk__beeld[data-beeld="beide"] .grm-bk__img-logo{display:block}
.grm-bk-raster .grm-bk__beeld[data-beeld="beide"] .grm-bk__img-foto,
.grm-home__raster .grm-bk__beeld[data-beeld="beide"] .grm-bk__img-foto,
.grm-bk--raster .grm-bk__beeld[data-beeld="beide"] .grm-bk__img-foto,
.grm-bk--smal .grm-bk__beeld[data-beeld="beide"] .grm-bk__img-foto{display:none}
.grm-bk-raster .grm-bk__beeld[data-beeld="logo"] .grm-bk__img-logo,
.grm-home__raster .grm-bk__beeld[data-beeld="logo"] .grm-bk__img-logo,
.grm-bk--raster .grm-bk__beeld[data-beeld="logo"] .grm-bk__img-logo,
.grm-bk--smal .grm-bk__beeld[data-beeld="logo"] .grm-bk__img-logo{display:block}
.grm-bk-raster .grm-bk__beeld[data-beeld="logo"] .grm-bk__initiaal,
.grm-home__raster .grm-bk__beeld[data-beeld="logo"] .grm-bk__initiaal,
.grm-bk--raster .grm-bk__beeld[data-beeld="logo"] .grm-bk__initiaal,
.grm-bk--smal .grm-bk__beeld[data-beeld="logo"] .grm-bk__initiaal{display:none}
.grm-bk__initiaal{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
background:linear-gradient(135deg,color-mix(in srgb,var(--bk-c) 75%,#041E42),#041E42);
color:rgba(255,255,255,.94);
font-family:var(--gm-font-display,'Inter Tight',sans-serif);
font-weight:800;
letter-spacing:-.02em;
}
.grm-bk__body{
display:flex;
flex-direction:column;
gap:8px;
padding:16px 18px 18px;
min-width:0;
}
.grm-bk__kop{
display:flex;
align-items:flex-start;
gap:10px;
flex-wrap:wrap;
}
img.grm-bk__koplogo{flex:0 0 auto;width:56px;height:56px;object-fit:contain;object-position:center;padding:4px;box-sizing:border-box;border:1px solid var(--gm-border,#D7DEE7);border-radius:12px;background:#fff}
.grm-bk-raster .grm-bk__koplogo,
.grm-home__raster .grm-bk__koplogo,
.grm-bk--raster .grm-bk__koplogo,
.grm-bk--smal .grm-bk__koplogo{display:none}
.grm-bk__naam{
margin:0;
font-family:var(--gm-font-display,'Inter Tight',sans-serif);
font-size:18px;
font-weight:700;
line-height:1.25;
letter-spacing:-.01em;
min-width:0;
}
.grm-bk__naam a{color:var(--gm-text,var(--grm-ink,#041e42));text-decoration:none}
.grm-bk__naam a:hover{color:var(--gm-primary,#103A63)}
.grm-bk__keur{
display:inline-flex;
align-items:center;
gap:4px;
flex-shrink:0;
padding:3px 9px 3px 6px;
border-radius:999px;
background:var(--gm-primary-50,#EDF2F8);
color:var(--gm-primary,#103A63);
font-size:11.5px;
font-weight:800;
letter-spacing:.02em;
}
.grm-bk__keur .material-symbols-rounded{font-size:15px;font-variation-settings:'FILL' 1}
.grm-bk__plaats{
display:flex;
align-items:center;
gap:5px;
margin:0;
color:var(--gm-text-secondary,#55636E);
font-size:14px;
}
.grm-bk__plaats .material-symbols-rounded{font-size:16px;flex-shrink:0}
.grm-bk__afstand{
margin-left:2px;
padding-left:8px;
border-left:1px solid var(--gm-border,#D7DEE7);
color:var(--gm-primary,#103A63);
font-weight:700;
}
.grm-bk__typen{
display:flex;
flex-wrap:wrap;
gap:6px;
margin:2px 0 0;
padding:0;
list-style:none;
}
.grm-bk__typen li{
padding:3px 10px;
border:1px solid var(--gm-border,#D7DEE7);
border-radius:999px;
font-size:11.5px;
font-weight:700;
color:var(--gm-text-secondary,#55636E);
text-transform:uppercase;
letter-spacing:.05em;
}
.grm-bk__tekst{
margin:2px 0 0;
color:var(--gm-text-secondary,#55636E);
font-size:14.5px;
line-height:1.55;
}
.grm-bk__producten{margin:4px 0 0}
.grm-bk__producten-kop{
margin:0 0 6px;
color:var(--gm-text-tertiary,var(--grm-ink-400,#7A8794));
font-size:11px;
font-weight:800;
text-transform:uppercase;
letter-spacing:.06em;
}
.grm-bk__producten-strook{
display:flex;
gap:8px;
margin:0;
padding:0;
list-style:none;
overflow-x:auto;
scrollbar-width:none;
}
.grm-bk__producten-strook::-webkit-scrollbar{display:none}
.grm-bk__product{
flex:0 0 76px;
width:76px;
}
.grm-bk__product-beeld{
width:76px;
height:76px;
border:1px solid var(--gm-border,#D7DEE7);
border-radius:10px;
}
.grm-bk__product-beeld .material-symbols-rounded{font-size:26px;color:var(--gm-text-tertiary,var(--grm-ink-400,#7A8794))}
.grm-bk__product-naam{
display:block;
margin-top:5px;
color:var(--gm-text-secondary,#55636E);
font-size:11.5px;
line-height:1.3;
}
.grm-bk__branche{
margin:0;
color:var(--bk-c);
font-size:11.5px;
font-weight:800;
text-transform:uppercase;
letter-spacing:.06em;
}
.grm-bk__fav{
display:inline-flex;
align-items:center;
justify-content:center;
width:38px;
height:38px;
margin-left:auto;
padding:0;
border:1px solid var(--gm-border,#D7DEE7);
border-radius:10px;
background:var(--gm-bg,#fff);
color:var(--gm-text-tertiary,var(--grm-ink-400,#7A8794));
cursor:pointer;
transition:color .14s,border-color .14s,background .14s;
}
.grm-bk__fav:hover{color:var(--grm-accent,#1668C7);border-color:var(--grm-accent,#1668C7)}
.grm-bk__fav[aria-pressed="true"]{color:#fff;border-color:var(--grm-accent,#1668C7);background:var(--grm-accent,#1668C7)}
.grm-bk__fav[aria-pressed="true"] .material-symbols-rounded{font-variation-settings:'FILL' 1}
.grm-bk__fav .material-symbols-rounded{font-size:20px}
.grm-bk--lijst{grid-template-columns:190px 1fr}
.grm-bk--lijst .grm-bk__beeld{aspect-ratio:auto}
.grm-bk--lijst .grm-bk__initiaal{font-size:56px}
.grm-bk--lijst .grm-bk__kop{
align-items:center;
gap:14px;
padding-bottom:12px;
margin-bottom:4px;
border-bottom:1px solid var(--gm-border,#D7DEE7);
}
.grm-bk--lijst img.grm-bk__koplogo{width:76px;height:76px;border-radius:14px}
.grm-bk--lijst .grm-bk__naam{font-size:22px;flex:1 1 auto}
.grm-bk--raster{grid-template-columns:1fr}
.grm-bk--raster .grm-bk__beeld{aspect-ratio:16/10}
.grm-bk--raster .grm-bk__initiaal{font-size:48px}
.grm-bk--raster .grm-bk__naam{font-size:16.5px}
.grm-bk--raster .grm-bk__tekst{font-size:14px}
.grm-bk--smal{grid-template-columns:82px 1fr}
.grm-bk--smal .grm-bk__body{gap:6px;padding:12px 14px}
.grm-bk--smal .grm-bk__naam{font-size:15px}
.grm-bk--smal .grm-bk__initiaal{font-size:30px}
.grm-bk-lijst{
display:flex;
flex-direction:column;
gap:14px;
}
.grm-bk-raster{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(min(100%,348px),1fr));
gap:16px;
}
@media (max-width:720px){
.grm-bk--lijst{grid-template-columns:112px 1fr}
.grm-bk--lijst .grm-bk__initiaal{font-size:36px}
.grm-bk__body{padding:14px 14px 16px}
.grm-bk__naam{font-size:16px}
.grm-bk__fav{margin-left:0}
}
@media(max-width:640px){
.grm-bk--lijst{grid-template-columns:1fr}
.grm-bk--lijst .grm-bk__beeld{display:none}
}
.grm-bk__producten-kop{display:flex;align-items:center;justify-content:space-between;gap:10px}
.grm-bk__producten-kop a{font-size:11.5px;font-weight:700;color:var(--gm-primary,#103A63);text-transform:none;letter-spacing:0;text-decoration:none;white-space:nowrap}
.grm-bk__producten-kop a:hover{text-decoration:underline}
.grm-bk__product{flex:0 0 132px;width:132px}
.grm-bk__product>a{display:block;text-decoration:none;border-radius:10px;padding:4px;transition:background .14s}
.grm-bk__product>a:hover{background:var(--gm-primary-50,#EDF2F8)}
.grm-bk__product-beeld{width:100%;height:112px;border-radius:8px}
.grm-bk__product-naam{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--gm-text,var(--grm-ink,#041e42));font-weight:600;font-size:12px;min-height:31px}
.grm-bk__product-prijs{display:block;margin-top:2px;font-size:12px;font-weight:800;color:var(--gm-primary,#103A63);font-family:var(--grm-font-display,'Inter Tight',sans-serif)}
@media(max-width:640px){.grm-bk__product{flex-basis:118px;width:118px}.grm-bk__product-beeld{height:98px}}
.grm-bk__product--alles{display:none}
.grm-bk__product--alles>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:100%;box-sizing:border-box;padding:10px 6px;border:1px dashed var(--gm-border,#D7DEE7);border-radius:10px;background:var(--gm-primary-50,#EDF2F8);color:var(--gm-primary,#103A63);font-weight:800;text-align:center}
.grm-bk__product--alles>a:hover{background:#DCE7F3}
.grm-bk__product--alles .grm-bk__product-naam{color:var(--gm-primary,#103A63);font-weight:800;min-height:0}
.grm-bk__product-beeld--alles{display:flex;align-items:center;justify-content:center;width:auto;height:auto;border:0;background:none}
.grm-bk__product-beeld--alles .material-symbols-rounded{font-size:26px;color:var(--gm-primary,#103A63)}
.grm-bk__producten,.grm-bk__producten-strook{min-width:0;max-width:100%}
.grm-bk__producten-strook{overflow-x:auto}

.grm-drawer,.grm-drawer *{box-sizing:border-box}
.grm-tabbar__tab--btn{
border:0;
background:none;
cursor:pointer;
}
.grm-tabbar__ic-wrap{position:relative;display:inline-flex}
.grm-tabbar__badge,
.grm-drawer__tab-badge{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:17px;
height:17px;
padding:0 4px;
border-radius:999px;
background:var(--gm-accent,#1668C7);
color:var(--gm-cta-text,#FFFFFF);
font-size:11px;
font-weight:800;
line-height:1;
}
.grm-tabbar__badge{
position:absolute;
top:-6px;
right:-9px;
border:2px solid var(--gm-bg,#fff);
}
.grm-drawer{
position:fixed;
inset:0;
z-index:2000;
visibility:hidden;
}
.grm-drawer.is-open{visibility:visible}
.grm-drawer__overlay{
position:absolute;
inset:0;
background:rgba(4,30,66,.42);
opacity:0;
transition:opacity .22s var(--gm-ease,ease);
}
.grm-drawer.is-open .grm-drawer__overlay{opacity:1}
.grm-drawer__paneel{
position:absolute;
top:0;
right:0;
width:min(440px,100%);
height:100%;
display:flex;
flex-direction:column;
background:var(--gm-bg,#fff);
box-shadow:-16px 0 48px rgba(4,30,66,.22);
transform:translateX(100%);
transition:transform .26s var(--gm-ease,ease);
}
.grm-drawer.is-open .grm-drawer__paneel{transform:none}
body.grm-drawer-open{overflow:hidden}
html:has(body.grm-drawer-open){overflow:hidden}
.grm-drawer__kop{
display:flex;
align-items:center;
gap:12px;
padding:12px 12px 12px 16px;
border-bottom:1px solid var(--gm-border,#D7DEE7);
}
.grm-drawer__tabs{display:flex;gap:4px;flex:1}
.grm-drawer__tab{
display:inline-flex;
align-items:center;
gap:7px;
padding:9px 14px;
border:0;
border-radius:999px;
background:none;
color:var(--gm-text-secondary,#55636E);
font-family:var(--gm-font-display,'Inter Tight',sans-serif);
font-size:14px;
font-weight:700;
cursor:pointer;
}
.grm-drawer__tab .material-symbols-rounded{font-size:18px}
.grm-drawer__tab.is-active{background:var(--gm-primary-50,#EDF2F8);color:var(--gm-primary,#103A63)}
.grm-drawer__tab-badge{min-width:16px;height:16px;font-size:10.5px}
.grm-drawer__sluit{
display:inline-flex;
align-items:center;
justify-content:center;
width:40px;
height:40px;
flex-shrink:0;
border:0;
border-radius:10px;
background:none;
color:var(--gm-text-secondary,#55636E);
cursor:pointer;
}
.grm-drawer__sluit:hover{background:var(--gm-bg-hover,#EAEFF5)}
.grm-drawer__body{
flex:1;
overflow-y:auto;
padding:16px;
}
.grm-drawer__lijst{list-style:none;margin:0 0 4px;padding:0;display:flex;flex-direction:column;gap:8px}
.grm-drawer__item{
display:flex;
align-items:center;
gap:10px;
padding:12px 12px 12px 14px;
border:1px solid var(--gm-border,#D7DEE7);
border-radius:10px;
}
.grm-drawer__item-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.grm-drawer__naam{font-weight:700;color:var(--gm-text,var(--grm-ink,#041e42));font-size:14.5px}
.grm-drawer__naam a{color:inherit;text-decoration:none}
.grm-drawer__naam a:hover{color:var(--gm-primary,#103A63)}
.grm-drawer__plaats{color:var(--gm-text-secondary,#55636E);font-size:13px}
.grm-drawer__rm{
display:inline-flex;
align-items:center;
justify-content:center;
width:32px;
height:32px;
flex-shrink:0;
margin-left:auto;
border:0;
border-radius:8px;
background:none;
color:var(--gm-text-tertiary,var(--grm-ink-400,#7A8794));
cursor:pointer;
}
.grm-drawer__rm:hover{background:var(--grm-canvas,#f5f7fa);color:var(--gm-danger,var(--grm-danger,#dc2626))}
.grm-drawer__rm .material-symbols-rounded{font-size:19px}
.grm-drawer__leeg{
display:flex;
flex-direction:column;
align-items:center;
gap:10px;
padding:56px 24px;
text-align:center;
color:var(--gm-text-secondary,#55636E);
}
.grm-drawer__leeg .material-symbols-rounded{font-size:44px;color:var(--gm-text-tertiary,var(--grm-ink-400,#7A8794))}
.grm-drawer__form{margin-top:18px;padding-top:18px;border-top:1px solid var(--gm-border,#D7DEE7)}
.grm-drawer__form h3{margin:0 0 4px;font-family:var(--gm-font-display,'Inter Tight',sans-serif);font-size:17px}
.grm-drawer__form-sub{margin:0 0 14px;color:var(--gm-text-secondary,#55636E);font-size:13.5px}
.grm-drawer__rij{display:flex;gap:10px}
.grm-drawer__form input,
.grm-drawer__form textarea{
width:100%;
margin-bottom:10px;
padding:11px 13px;
border:1px solid var(--gm-border,#D7DEE7);
border-radius:9px;
font-family:inherit;
font-size:14.5px;
color:var(--gm-text,var(--grm-ink,#041e42));
box-sizing:border-box;
}
.grm-drawer__form input:focus,
.grm-drawer__form textarea:focus{
outline:0;
border-color:var(--gm-primary,#103A63);
box-shadow:0 0 0 3px var(--gm-primary-50,#EDF2F8);
}
.grm-drawer__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.grm-drawer__melding{margin:10px 0 0;font-size:13.5px;color:var(--gm-text-secondary,#55636E)}
.grm-drawer__melding.is-fout{color:var(--gm-danger,var(--grm-danger,#dc2626));font-weight:600}
.grm-drawer__klaar{
display:flex;
flex-direction:column;
align-items:center;
gap:10px;
padding:56px 24px;
text-align:center;
}
.grm-drawer__klaar .material-symbols-rounded{font-size:52px;color:var(--gm-primary,#103A63);font-variation-settings:'FILL' 1}
.grm-drawer__klaar h3{margin:6px 0 0;font-family:var(--gm-font-display,'Inter Tight',sans-serif)}
.grm-drawer__klaar p{margin:0;color:var(--gm-text-secondary,#55636E)}
@media (max-width:600px){
.grm-drawer__rij{flex-direction:column;gap:0}
}
.grm-drawer__voet{border-top:1px solid var(--grm-line,#D7DEE7);padding:12px 16px;background:#fff}
.grm-drawer__voet a{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;font-weight:700;color:var(--grm-brand,#103A63);text-decoration:none;padding:6px 0}
.grm-drawer__voet a:hover{text-decoration:underline}
.grm-drawer__voet .material-symbols-rounded{font-size:18px}
.grm-drawer__soortfilter{display:flex;gap:6px;padding:0 0 14px}
.grm-drawer__soortknop{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 10px;border:1px solid var(--grm-line,#D7DEE7);border-radius:999px;background:#fff;color:var(--grm-ink-500,#55636E);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:background .14s,border-color .14s,color .14s}
.grm-drawer__soortknop span{font-size:11px;opacity:.7}
.grm-drawer__soortknop:hover{border-color:var(--grm-brand,#103A63);color:var(--grm-brand,#103A63)}
.grm-drawer__soortknop.is-aan{background:var(--grm-brand,#103A63);border-color:var(--grm-brand,#103A63);color:#fff}
.grm-drawer__soortknop.is-aan span{opacity:.85}
.grm-drawer__aantal{display:inline-block;margin-top:3px;padding:2px 8px;border-radius:999px;background:var(--grm-canvas,#F5F7FA);color:var(--grm-ink,#041E42);font-size:11.5px;font-weight:800}
.grm-drawer__beeld{flex:0 0 auto;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--grm-line,#D7DEE7);border-radius:9px;background:#fff;overflow:hidden}
.grm-drawer__beeld img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;background:#fff}
.grm-drawer__beeld--letter{border:0;background:linear-gradient(135deg,var(--grm-brand,#103A63),var(--grm-ink,#041E42));color:#fff;font-family:var(--grm-font-display,'Inter Tight',sans-serif);font-weight:800;font-size:16px}
.grm-drawer__kop{padding:14px 14px 14px 18px}
.grm-drawer__titel{display:flex;align-items:center;gap:9px;flex:1;min-width:0;margin:0;font-family:var(--gm-font-display,'Inter Tight',sans-serif);font-size:20px;font-weight:800;line-height:1.2;color:var(--grm-ink,#041E42)}
.grm-drawer__titel .material-symbols-rounded{font-size:24px;color:var(--grm-accent,#1668C7)}
.grm-drawer__titel .grm-drawer__tab-badge{min-width:22px;height:22px;padding:0 7px;font-size:12px}
.grm-drawer__titel .grm-drawer__tab-badge[hidden]{display:none}
.grm-drawer__sluit{width:auto;height:38px;gap:4px;padding:0 12px 0 9px;border:1px solid var(--grm-line,#D7DEE7);border-radius:999px;background:#fff;color:var(--grm-ink,#041E42);font-size:14px;font-weight:700}
.grm-drawer__sluit .material-symbols-rounded{font-size:20px}
.grm-drawer__sluit:hover{border-color:var(--grm-ink,#041E42);background:#fff}
.grm-drawer__item{display:grid;grid-template-columns:72px minmax(0,1fr) 32px;align-items:center;gap:12px;padding:10px 8px 10px 10px;border-radius:12px;background:#fff}
.grm-drawer__beeld{width:72px;height:72px;border-radius:10px;padding:4px;box-sizing:border-box}
.grm-drawer__beeld--letter{padding:0;font-size:26px}
.grm-drawer__item-txt{gap:3px;align-self:center}
.grm-drawer__naam{font-size:14.5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.grm-drawer__plaats{font-size:13px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.grm-drawer__aantal{align-self:flex-start;margin-top:4px}
.grm-drawer__rm{align-self:start;margin-left:0}
.grm-drawer__tekort{display:inline-block;margin:3px 0 0 6px;padding:2px 8px;border-radius:999px;background:#FEF3F2;color:#B42318;font-size:11.5px;font-weight:800}


.grm-prof{
--prof-c:#103A63;
width:auto;max-width:100%;
margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
padding:0 0 64px;
background:var(--grm-bg,#F5F7FA);
color:var(--grm-ink,#041E42);
font-family:var(--grm-font-body,"Inter",Inter,sans-serif);
}
body:has(.grm-prof){overflow-x:hidden}
.grm-prof__crumbs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;max-width:var(--grm-w,1424px);margin:0 auto;padding:16px 24px 0;font-size:13px;color:var(--grm-ink-500,#55636E)}
.grm-prof__crumbs a{color:var(--grm-ink-500,#55636E);text-decoration:none}
.grm-prof__crumbs a:hover{color:var(--grm-accent,#1668C7);text-decoration:underline}
.grm-prof__crumbs .material-symbols-rounded{font-size:16px;opacity:.6}
.grm-prof__crumb-now{color:var(--grm-ink,#041E42);font-weight:600}
.grm-prof__kop{position:relative;max-width:var(--grm-w,1424px);margin:14px auto 0;padding:0 24px}
.grm-prof__kop-in{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:28px;padding:26px 28px 28px;border-radius:18px;border:1px solid var(--grm-line,#D7DEE7);background:#fff;box-shadow:0 10px 30px rgba(4,30,66,.07)}
.grm-prof__kop-links{min-width:0;display:flex;flex-direction:column;gap:16px}
.grm-prof__ident{display:flex;align-items:flex-end;gap:22px;min-width:0}
.grm-prof__logo{flex:0 0 auto;width:128px;height:128px;border-radius:20px;overflow:hidden;border:3px solid #fff;background:#fff;box-shadow:0 6px 18px rgba(4,30,66,.14);display:flex;align-items:center;justify-content:center}
.grm-prof__logo img{width:100%;height:100%;object-fit:contain;background:#fff}
.grm-prof__logo-letter{font-family:var(--grm-font-display,"Inter Tight",sans-serif);font-size:54px;font-weight:800;color:var(--prof-c)}
.grm-prof__ident-txt{min-width:0;padding-bottom:6px}
.grm-prof__ident-txt h1{margin:0 0 8px;font-family:var(--grm-font-display,"Inter Tight",sans-serif);font-size:clamp(28px,4vw,42px);font-weight:800;letter-spacing:-.02em;line-height:1.12;color:var(--grm-ink,#041E42)}
.grm-prof__feiten{display:flex;flex-wrap:wrap;gap:7px 22px;margin:0;font-size:15px;font-weight:600;color:var(--grm-ink-500,#55636E)}
.grm-prof__feiten span,
.grm-prof__feiten .grm-prof__feit-link{display:inline-flex;align-items:center;gap:5px}
.grm-prof__feit-link{color:var(--grm-brand,#103A63);font-weight:700;text-decoration:none;cursor:pointer}
.grm-prof__feit-link:hover,.grm-prof__feit-link:focus-visible{text-decoration:underline}
.grm-prof__feit-link .material-symbols-rounded{opacity:1}
.grm-prof__feiten .material-symbols-rounded{font-size:20px;opacity:.75}
.grm-prof__chips{display:flex;flex-wrap:wrap;gap:7px}
.grm-prof__chip{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:999px;border:1px solid var(--grm-line,#D7DEE7);background:#fff;font-size:12.5px;font-weight:700;color:var(--grm-ink-700,#33424F);text-decoration:none}
a.grm-prof__chip:hover{border-color:var(--grm-accent,#1668C7);color:var(--grm-accent,#1668C7);text-decoration:none}
.grm-prof__chip--keur{border-color:transparent;background:var(--grm-brand-50,#EDF2F8);color:var(--grm-brand,#103A63)}
.grm-prof__chip--keur .material-symbols-rounded{font-size:16px}
.grm-prof__chip--stil{background:var(--grm-bg,#F5F7FA);border-color:transparent;color:var(--grm-ink-500,#55636E)}
.grm-prof__kern-lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--grm-ink-400,#7A8794)}
.grm-prof__vw{list-style:none;display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0}
.grm-prof__vw li{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:8px;background:var(--grm-brand-50,#EDF2F8);font-size:12.5px;font-weight:600;color:var(--grm-brand,#103A63)}
.grm-prof__vw .material-symbols-rounded{font-size:16px}
.grm-prof__kop-acties{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:2px}
.grm-prof__fav{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;border:1px solid var(--grm-line,#D7DEE7);background:#fff;color:var(--grm-ink-500,#55636E);cursor:pointer;transition:color .16s,border-color .16s}
.grm-prof__fav:hover,.grm-prof__fav.is-actief{color:var(--grm-accent,#1668C7);border-color:currentColor}
.grm-prof__kop-acties .grm-prof__fav{width:auto;min-width:44px;margin-left:0;padding:0 16px;gap:7px;color:var(--grm-accent,#1668C7);border-color:var(--grm-accent,#1668C7);font-size:15px;font-weight:700;white-space:nowrap}
.grm-prof__kop-acties .grm-prof__fav:hover{background:#EDF2F8}
.grm-prof__kop-acties .grm-prof__fav[aria-pressed="true"]{color:#fff;background:var(--grm-accent,#1668C7)}
.grm-prof__kop-acties .grm-prof__fav .material-symbols-rounded{font-size:20px}
.grm-prof__kop-beeld{position:relative;min-width:0;min-height:220px;height:100%;overflow:hidden}
.grm-prof__kop-beeldvak{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:8px;min-width:0}
.grm-prof__kop-beeldvak .grm-prof__kop-foto{aspect-ratio:auto;min-height:0;height:100%}
.grm-prof__kop-foto{position:relative;display:block;border-radius:12px;overflow:hidden;background:var(--grm-bg,#F5F7FA);aspect-ratio:1/1}
.grm-prof__kop-meer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(4,30,66,.55);color:#fff;font-size:22px;font-weight:800;letter-spacing:.02em}
.grm-prof__kop-foto.is-groot{grid-column:1/-1;aspect-ratio:16/9}
.grm-prof__kop-beeldvak .grm-prof__kop-foto.is-groot{aspect-ratio:auto}
.grm-prof__kop-foto img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.grm-prof__kop-foto:hover img{transform:scale(1.04)}
.grm-prof__ankers{position:sticky;top:0;z-index:30;margin-top:18px;background:rgba(255,255,255,.96);border-top:1px solid var(--grm-line,#D7DEE7);border-bottom:1px solid var(--grm-line,#D7DEE7);backdrop-filter:none}
.grm-prof__ankers-in{display:flex;gap:4px;overflow-x:auto;max-width:var(--grm-w,1424px);margin:0 auto;padding:0 24px;scrollbar-width:none}
.grm-prof__ankers-in::-webkit-scrollbar{display:none}
.grm-prof__ankers a{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:14px 14px;border-bottom:3px solid transparent;font-size:14px;font-weight:700;color:var(--grm-ink-500,#55636E);text-decoration:none;white-space:nowrap}
.grm-prof__ankers a:hover{color:var(--grm-ink,#041E42);text-decoration:none}
.grm-prof__ankers a.is-actief{color:var(--grm-brand,#103A63);border-bottom-color:var(--prof-c)}
.grm-prof__anker-tel{font-size:11.5px;font-weight:800;padding:1px 7px;border-radius:999px;background:var(--grm-bg,#F5F7FA);color:var(--grm-ink-500,#55636E)}
.grm-prof__body{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start;max-width:var(--grm-w,1424px);margin:0 auto;padding:24px}
.grm-prof__hoofd{min-width:0;display:flex;flex-direction:column;gap:20px}
.grm-prof__kaart{scroll-margin-top:84px;padding:26px 28px 28px;border-radius:18px;border:1px solid var(--grm-line,#D7DEE7);background:#fff;box-shadow:0 2px 8px rgba(4,30,66,.04)}
.grm-prof__kaart-kop{margin:0 0 20px}
.grm-prof__kaart-kop h2{display:flex;align-items:center;gap:10px;margin:0 0 6px;font-family:var(--grm-font-display,"Inter Tight",sans-serif);font-size:clamp(19px,2.2vw,24px);font-weight:800;letter-spacing:-.015em;color:var(--grm-ink,#041E42)}
.grm-prof__kaart-kop p{margin:0;font-size:14.5px;line-height:1.65;color:var(--grm-ink-500,#55636E)}
.grm-prof__tel{font-size:12.5px;font-weight:800;padding:2px 9px;border-radius:999px;background:var(--grm-brand-50,#EDF2F8);color:var(--grm-brand,#103A63)}
.grm-prof__raster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media(max-width:1200px){.grm-prof__raster{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.grm-prof__raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
.grm-prof__tekst{font-size:15.5px;line-height:1.75;color:var(--grm-ink-700,#33424F)}
.grm-prof__tekst--kop{margin-top:2px;font-size:15px;line-height:1.7}
.grm-prof__tekst--kop p:last-child{margin-bottom:0}
.grm-prof__tekst p{margin:0 0 14px}
.grm-prof__tekst h2,.grm-prof__tekst h3{font-family:var(--grm-font-display,"Inter Tight",sans-serif);font-size:18px;font-weight:800;margin:22px 0 8px;color:var(--grm-ink,#041E42)}
.grm-prof__lijst{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.grm-prof__lijst-rij{display:flex;gap:14px;padding:11px 0;border-bottom:1px solid var(--grm-line-soft,#EAEFF5)}
.grm-prof__lijst dt{flex:0 0 40%;font-size:13.5px;font-weight:700;color:var(--grm-ink-500,#55636E)}
.grm-prof__lijst dd{margin:0;min-width:0;font-size:14.5px;color:var(--grm-ink,#041E42)}
@media(max-width:820px){.grm-prof__lijst{grid-template-columns:minmax(0,1fr)}}
.grm-prof__galerij{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:12px}
.grm-prof__galerij a{display:block;border-radius:12px;overflow:hidden;background:var(--grm-bg,#F5F7FA);aspect-ratio:4/3}
.grm-prof__galerij img{display:block;width:100%;height:100%;object-fit:cover}
.grm-prof__zij{min-width:0}
.grm-prof__zijkaart{position:sticky;top:80px;display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:18px;border:1px solid var(--grm-line,#D7DEE7);background:#fff;box-shadow:0 8px 26px rgba(4,30,66,.08)}
.grm-prof__zij-kop{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--grm-ink-400,#7A8794)}
.grm-prof__zij-naam{font-family:var(--grm-font-display,"Inter Tight",sans-serif);font-size:18px;font-weight:800;line-height:1.25;color:var(--grm-ink,#041E42)}
.grm-prof__zij-plaats{display:inline-flex;align-items:center;gap:5px;font-size:13.5px;color:var(--grm-ink-500,#55636E)}
.grm-prof__zij-plaats .material-symbols-rounded{font-size:17px}
.grm-prof__zij-keur{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:5px 11px;border-radius:999px;background:var(--grm-brand-50,#EDF2F8);font-size:12.5px;font-weight:700;color:var(--grm-brand,#103A63)}
.grm-prof__zij-keur .material-symbols-rounded{font-size:16px}
.grm-prof__zij-knop{width:100%;justify-content:center;margin-top:4px}
.grm-prof__zij-regel{display:flex;align-items:center;gap:8px;padding:9px 0;border-top:1px solid var(--grm-line-soft,#EAEFF5);font-size:14px;font-weight:600;color:var(--grm-ink-700,#33424F);text-decoration:none}
.grm-prof__zij-regel:hover{color:var(--grm-accent,#1668C7);text-decoration:none}
.grm-prof__zij-regel .material-symbols-rounded{font-size:19px;color:var(--grm-ink-400,#7A8794)}
.grm-prof__zij-feit{display:flex;gap:18px;margin-top:6px;padding-top:14px;border-top:1px solid var(--grm-line-soft,#EAEFF5)}
.grm-prof__zij-feit span{display:flex;flex-direction:column;min-width:0}
.grm-prof__zij-feit strong{font-size:14.5px;color:var(--grm-ink,#041E42);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1024px){
.grm-prof__body{grid-template-columns:minmax(0,1fr)}
.grm-prof__zijkaart{position:static}
}
@media(max-width:900px){
.grm-prof__kop-in{grid-template-columns:minmax(0,1fr);gap:20px}
.grm-prof__kop-beeld{position:static;height:auto;min-height:0;overflow:visible}
.grm-prof__kop-beeldvak{position:static;grid-auto-rows:auto;align-content:start}
.grm-prof__kop-beeldvak .grm-prof__kop-foto{aspect-ratio:1/1;height:auto}
.grm-prof__kop-beeldvak .grm-prof__kop-foto.is-groot{aspect-ratio:2/1}
.grm-prof__logo{width:108px;height:108px}
.grm-prof__logo-letter{font-size:46px}
.grm-prof__kop-beeldvak{grid-template-columns:repeat(4,1fr)}
.grm-prof__kop-foto.is-groot{grid-column:1/-1;aspect-ratio:2/1}
}
@media(max-width:600px){
.grm-prof__kop{padding:0 14px}
.grm-prof__kop-in{padding:18px 16px 20px}
.grm-prof__kaart{padding:20px 18px 22px}
.grm-prof__body{padding:16px 14px}
.grm-prof__crumbs{padding:14px 14px 0}
.grm-prof__ankers-in{padding:0 14px}
.grm-prof__ident{align-items:center;gap:16px}
.grm-prof__logo{width:92px;height:92px;border-radius:18px}
.grm-prof__logo-letter{font-size:40px}
.grm-prof__ident-txt h1{font-size:26px;margin-bottom:6px}
.grm-prof__feiten{font-size:14px;gap:5px 16px}
.grm-prof__feiten .material-symbols-rounded{font-size:18px}
}
.grm-prof__socials{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;padding-top:14px;border-top:1px solid var(--grm-line-soft,#EAEFF5)}
.grm-prof__socials a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--grm-line,#D7DEE7);color:var(--grm-ink-500,#55636E);transition:color .16s,border-color .16s,background .16s}
.grm-prof__socials a:hover{color:#fff;background:var(--grm-brand,#103A63);border-color:var(--grm-brand,#103A63)}
.grm-prof__socials svg{width:18px;height:18px;fill:currentColor}
.grm-prof__zij-datum{margin-top:10px;font-size:12px;color:var(--grm-ink-400,#7A8794)}
.grm-prof__bestel{position:relative;margin:0 0 4px;padding:24px;background-color:var(--grm-brand,#103A63);background-image:var(--grm-rij-merk);border-radius:var(--grm-r-md,16px);color:#fff}
.grm-prof__bestel-kop{display:inline-flex;align-items:center;gap:7px;margin:0 0 10px;padding:5px 12px 5px 9px;background:rgba(255,255,255,.14);border-radius:var(--grm-r-pill,999px);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff}
.grm-prof__bestel-kop .material-symbols-rounded{font-size:17px}
.grm-prof__bestel-h{margin:0 0 8px;font-family:var(--grm-font-display,'Inter Tight',sans-serif);font-size:clamp(20px,2.4vw,25px);font-weight:800;line-height:1.2;letter-spacing:-.02em;color:#fff}
.grm-prof__bestel-p{margin:0 0 18px;max-width:52ch;font-size:15px;line-height:1.6;color:rgba(255,255,255,.86)}
.grm-prof__bestel-knop{display:inline-flex!important;align-items:center;gap:9px;background:#fff!important;color:var(--grm-brand,#103A63)!important;border:0!important;font-weight:800}
.grm-prof__bestel-knop:hover{background:var(--grm-brand-50,#EDF2F8)!important;color:var(--grm-brand-600,#0B2A49)!important}
.grm-prof__bestel-knop .material-symbols-rounded{font-size:19px}
.grm-prof__bestel-fijn{margin:12px 0 0;font-size:12.5px;line-height:1.5;color:rgba(255,255,255,.66)}
.grm-prof__of{display:flex;align-items:center;gap:14px;margin:22px 0 18px;font-size:13px;font-weight:600;color:var(--grm-ink-400,#7A8794)}
.grm-prof__of::before,.grm-prof__of::after{content:"";flex:1 1 auto;height:1px;background:var(--grm-line,#D7DEE7)}
@media(max-width:600px){
.grm-prof .gm-btn{white-space:normal;text-align:center}
.grm-prof__bestel{padding:18px}
.grm-prof__bestel-knop{width:100%;justify-content:center;text-align:center}
}
.grm-fotobox{position:fixed;inset:0;z-index:9999;display:none;background:var(--grm-ink,#041E42)}
.grm-fotobox.is-open{display:grid;grid-template-rows:auto 1fr auto}
body.grm-fotobox-open{overflow:hidden}
.grm-fotobox__balk{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;color:rgba(255,255,255,.86);font-size:13px}
.grm-fotobox__tel{font-weight:700;letter-spacing:.02em}
.grm-fotobox__dicht{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;cursor:pointer}
.grm-fotobox__dicht:hover{background:rgba(255,255,255,.22)}
.grm-fotobox__vlak{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;padding:0 16px}
.grm-fotobox__vlak img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}
.grm-fotobox__pijl{position:absolute;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border:0;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;cursor:pointer}
.grm-fotobox__pijl:hover{background:rgba(255,255,255,.26)}
.grm-fotobox__pijl[disabled]{opacity:.28;cursor:default}
.grm-fotobox__pijl--vorige{left:12px}
.grm-fotobox__pijl--volgende{right:12px}
.grm-fotobox__voet{padding:14px 16px 22px;text-align:center}
.grm-fotobox__slot{display:none;max-width:520px;margin:0 auto;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:16px 18px}
.grm-fotobox__slot.is-zichtbaar{display:block}
.grm-fotobox__slot p{margin:0 0 12px;color:#fff;font-size:16px;font-weight:700;line-height:1.4}
.grm-fotobox__slot .gm-btn{text-decoration:none}
@media(max-width:600px){
.grm-fotobox__pijl{width:44px;height:44px}
.grm-fotobox__pijl--vorige{left:6px}
.grm-fotobox__pijl--volgende{right:6px}
.grm-fotobox__vlak{padding:0 8px}
}
.grm-prof__logo[data-grm-foto]{cursor:zoom-in}
body.grm-profielpagina{overflow-x:clip;overflow-y:visible}
@media(min-width:1000px){
.grm-prof__zij{position:sticky;top:74px}
}
.grm-prof__hoofd.is-carrousel{gap:0}
.grm-prof__venster{overflow:hidden;transition:height 220ms ease;min-width:0;max-width:100%}
.grm-prof__spoor{display:flex;align-items:flex-start;transition:transform 220ms ease;will-change:transform}
.grm-prof__hoofd.is-carrousel .grm-prof__slide{flex:0 0 100%;width:100%;min-width:0}
.grm-prof__hoofd.is-carrousel .grm-prof__slide.is-uit{visibility:hidden}
@media(prefers-reduced-motion:reduce){
.grm-prof__venster,.grm-prof__spoor{transition:none}
}
.grm-prof__zij-branches{display:flex;flex-direction:column;gap:8px;margin-top:6px;padding-top:14px;border-top:1px solid var(--grm-line-soft,#EAEFF5)}
.grm-prof__zij-sub{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--grm-ink-500,#55636E)}
.grm-prof__zij-branches .grm-prof__chips{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.grm-prof__zij-branches .grm-prof__chip{font-size:12px;padding:4px 10px}
.grm-prof__sub-kop{margin:22px 0 10px;font-family:var(--grm-font-display,"Inter Tight",sans-serif);font-size:16px;font-weight:800;color:var(--grm-ink,#041E42)}
.grm-prof__tekst + .grm-prof__sub-kop{padding-top:18px;border-top:1px solid var(--grm-line-soft,#EAEFF5)}
.grm-proffilter{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin:0 0 18px;padding:14px 16px;border:1px solid var(--grm-line,#D7DEE7);border-radius:14px;background:var(--grm-canvas,#F5F7FA)}
.grm-proffilter__veld{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1 1 190px}
.grm-proffilter__veld--sort{margin-left:auto;flex:0 1 200px}
.grm-proffilter__veld > span{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--grm-ink-500,#55636E)}
.grm-proffilter__veld select{width:100%;padding:9px 30px 9px 11px;border:1px solid var(--grm-line,#D7DEE7);border-radius:10px;background:#fff;font-family:inherit;font-size:14px;font-weight:600;color:var(--grm-ink,#041E42);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2355636E'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:18px}
.grm-proffilter__veld select:focus-visible{outline:2px solid var(--grm-accent,#1668C7);outline-offset:1px}
.grm-proffilter__wis{border:0;background:none;padding:9px 2px;color:var(--grm-brand,#103A63);font-family:inherit;font-size:13px;font-weight:700;text-decoration:underline;cursor:pointer;flex:0 0 auto}
.grm-proffilter__wis[hidden]{display:none}
.grm-proffilter__stand{flex:1 1 100%;margin:0;font-size:13px;font-weight:600;color:var(--grm-ink-500,#55636E)}
.grm-proffilter__stand:empty{display:none}
@media (max-width:640px){
.grm-proffilter{padding:12px;gap:10px}
.grm-proffilter__veld{flex:1 1 100%}
.grm-proffilter__veld--sort{margin-left:0}
}
.grm-prof__raster .grm-pk.is-later{display:none}
.grm-prof__meer{height:1px}
.grm-prof__meer:not([hidden])::after{content:"";display:block;width:28px;height:28px;margin:20px auto 4px;border:3px solid #E4E8EE;border-top-color:var(--grm-brand,#103A63);border-radius:50%;animation:grm-prof-draai .8s linear infinite}
.grm-prof__meer:not([hidden]){height:auto}
@keyframes grm-prof-draai{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.grm-prof__meer:not([hidden])::after{animation:none}}

.grm-branche{font-family:var(--grm-font-body,"Inter",Inter,sans-serif);color:var(--grm-ink,#041E42);background:var(--grm-canvas,#F5F7FA);min-height:100vh}
.grm-branche h1,.grm-branche h2,.grm-branche h3,.grm-branche h4{font-family:var(--grm-font-display,"Inter Tight",sans-serif);font-weight:800;letter-spacing:-.01em;color:var(--grm-ink,#041E42);margin:0 0 .5rem}
.grm-branche__hero{position:relative;padding:40px 0 36px;overflow:hidden;background:linear-gradient(135deg,var(--grm-fp-b1,var(--grm-ink,#041E42)) 0%,var(--grm-fp-b2,color-mix(in srgb, var(--c,#103A63) 55%, #041E42)) 100%);color:#fff;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.grm-branche__hero-bg{position:absolute;inset:0;background:
radial-gradient(60rem 30rem at 100% 0%, rgba(255,255,255,.10), transparent 60%),
radial-gradient(40rem 25rem at 0% 100%, rgba(0,0,0,.12), transparent 65%);
pointer-events:none}
.grm-branche__hero-in{position:relative;max-width:var(--grm-w,1424px);margin:0 auto;padding:0 24px}
.grm-branche__crumbs{display:flex;align-items:center;gap:6px;font-size:13px;color:rgba(255,255,255,.85);margin-bottom:22px}
.grm-branche__crumbs a{color:rgba(255,255,255,.85);text-decoration:none;transition:color .12s}
.grm-branche__crumbs a:hover{color:#fff}
.grm-branche__crumbs .material-symbols-rounded{font-size:14px;opacity:.55}
.grm-branche__crumb-now{color:#fff;font-weight:700;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;max-width:280px;overflow:hidden;text-overflow:ellipsis}
.grm-branche__hero-head{display:flex;align-items:center;gap:22px;margin-bottom:24px}
.grm-branche__hero-ic{flex-shrink:0;width:72px;height:72px;border-radius:18px;background:rgba(255,255,255,.20);display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.28);box-shadow:0 4px 14px rgba(0,0,0,.18)}
.grm-branche__hero-ic .material-symbols-rounded{font-size:36px;color:#fff}
.grm-branche__hero-txt{flex:1;min-width:0}
.grm-branche__eyebrow{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.22);padding:3px 10px;border-radius:99px;margin-bottom:8px}
.grm-branche__hero-txt h1{color:#fff;font-size:var(--grm-h1);font-weight:var(--grm-weight-display);margin:0 0 8px;line-height:1.08}
.grm-branche__hero-sub{margin:0;color:rgba(255,255,255,.92);font-size:15px;line-height:1.5}
.grm-branche__hero-stats{display:flex;gap:28px;flex-wrap:wrap;padding-top:18px;border-top:1px solid rgba(255,255,255,.18);font-size:13px;font-weight:600;color:rgba(255,255,255,.92)}
.grm-branche__hero-stats span{display:inline-flex;align-items:center;gap:6px}
.grm-branche__hero-stats .material-symbols-rounded{font-size:16px;color:#fff}
.grm-branche__body{max-width:var(--grm-w,1424px);margin:32px auto 60px;padding:0 24px;display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:start}
@media(max-width:920px){.grm-branche__body{grid-template-columns:1fr}}
.grm-branche__sidebar{display:flex;flex-direction:column;gap:18px;position:sticky;top:96px}
@media(max-width:920px){.grm-branche__sidebar{position:static}}
.grm-branche__filters{background:#fff;border:1px solid var(--grm-line,#D7DEE7);border-radius:14px;padding:18px;box-shadow:0 2px 6px rgba(4,30,66,.04)}
.grm-branche__filter-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.grm-branche__filter-head h3{font-size:15px;margin:0;letter-spacing:-.01em}
.grm-branche__filter-reset{font-size:12px;color:var(--grm-brand,#103A63);font-weight:700;text-decoration:none}
.grm-branche__filter-reset:hover{color:var(--grm-accent,#1668C7)}
.grm-branche__fgroup{margin-bottom:14px}
.grm-branche__fgroup label{display:block;font-size:12px;font-weight:700;color:var(--grm-ink-500,#55636E);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}
.grm-branche__finput-wrap{position:relative}
.grm-branche__finput-wrap .material-symbols-rounded{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--grm-brand,#103A63);font-size:18px;pointer-events:none}
.grm-branche__fgroup input[type=text],
.grm-branche__fgroup select{width:100%;padding:10px 12px 10px 36px;border:1px solid var(--grm-line,#D7DEE7);border-radius:10px;font-family:inherit;font-size:14px;color:var(--grm-ink,#041E42);background:var(--grm-canvas,#F5F7FA);outline:none;transition:border-color .14s,box-shadow .14s,background .14s}
.grm-branche__fgroup select{padding-left:12px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#55636E 50%),linear-gradient(135deg,#55636E 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:32px}
.grm-branche__fgroup input:focus,
.grm-branche__fgroup select:focus{border-color:var(--grm-brand,#103A63);background:#fff;box-shadow:0 0 0 4px rgba(22,104,199,.14)}
.grm-branche__check{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;font-weight:600;color:var(--grm-ink,#041E42);user-select:none;text-transform:none;letter-spacing:0}
.grm-branche__check input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.grm-branche__check-box{flex-shrink:0;width:22px;height:22px;border-radius:6px;border:1.5px solid var(--grm-line,#D7DEE7);background:#fff;display:flex;align-items:center;justify-content:center;transition:background .14s,border-color .14s}
.grm-branche__check-box .material-symbols-rounded{font-size:16px;color:#fff;opacity:0;transform:scale(.6);transition:opacity .14s,transform .14s}
.grm-branche__check input:checked + .grm-branche__check-box{background:var(--grm-brand,#103A63);border-color:var(--grm-brand,#103A63)}
.grm-branche__check input:checked + .grm-branche__check-box .material-symbols-rounded{opacity:1;transform:scale(1)}
.grm-branche__check input:focus-visible + .grm-branche__check-box{outline:3px solid #1668C7;outline-offset:2px}
.grm-branche__filter-apply{width:100%;background:var(--grm-brand,#103A63);color:#fff;border:0;padding:11px 16px;border-radius:10px;font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .14s,transform .12s;margin-top:6px}
.grm-branche__filter-apply:hover{background:var(--grm-brand-600,#0B2A49);transform:translateY(-1px)}
.grm-branche__filter-apply .material-symbols-rounded{font-size:18px}
.grm-branche__other{background:#fff;border:1px solid var(--grm-line,#D7DEE7);border-radius:14px;padding:18px;box-shadow:0 2px 6px rgba(4,30,66,.04)}
.grm-branche__other h4{font-size:14px;margin:0 0 12px;color:var(--grm-ink,#041E42)}
.grm-branche__other-link{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;text-decoration:none;color:var(--grm-ink,#041E42);transition:background .14s,transform .14s}
.grm-branche__other-link:hover{background:#fff;transform:translateX(2px)}
.grm-branche__other-ic{flex-shrink:0;width:32px;height:32px;border-radius:8px;background:color-mix(in srgb,var(--c,#103A63) 14%,#fff);color:var(--c,#103A63);display:flex;align-items:center;justify-content:center}
.grm-branche__other-ic .material-symbols-rounded{font-size:18px}
.grm-branche__other-txt{display:flex;flex-direction:column;line-height:1.2;min-width:0;flex:1}
.grm-branche__other-name{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.grm-branche__other-count{font-size:11px;color:var(--grm-ink-500,#55636E);font-weight:500;margin-top:2px}
.grm-branche__main{display:flex;flex-direction:column;gap:24px;min-width:0}
.grm-branche__bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 18px;background:#fff;border:1px solid var(--grm-line,#D7DEE7);border-radius:12px;box-shadow:0 2px 6px rgba(4,30,66,.04)}
.grm-branche__count{font-size:14px;color:var(--grm-ink-500,#55636E)}
.grm-branche__count strong{color:var(--grm-ink,#041E42);font-family:var(--grm-font-display);font-weight:800;font-size:18px}
.grm-branche__bar-acties{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.grm-sortwrap{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--grm-ink-500,#55636E)}
.grm-sort{padding:8px 30px 8px 12px;border:1px solid var(--grm-line,#D7DEE7);border-radius:10px;font-family:inherit;font-size:13px;font-weight:600;color:var(--grm-ink,#041E42);background:#fff;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#55636E 50%),linear-gradient(135deg,#55636E 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;cursor:pointer}
.grm-sort:focus{outline:none;border-color:var(--grm-brand,#103A63);box-shadow:0 0 0 3px rgba(16,58,99,.14)}
.grm-branche__leeg-filter{padding:26px 20px;text-align:center;background:#fff;border:1px dashed var(--grm-line,#D7DEE7);border-radius:12px;color:var(--grm-ink-500,#55636E);font-size:14px}
.grm-branche__active-filters{display:inline-flex;gap:8px;flex-wrap:wrap}
.grm-branche__active-filters span{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--grm-brand,#103A63);background:var(--grm-brand-50,#EDF2F8);padding:4px 10px;border-radius:99px}
.grm-branche__active-filters .material-symbols-rounded{font-size:14px}
.grm-branche__empty{padding:72px 28px;background:#fff;border:1px dashed var(--grm-line,#D7DEE7);border-radius:14px;text-align:center;color:var(--grm-ink-500,#55636E)}
.grm-branche__empty .material-symbols-rounded{font-size:48px;color:var(--c,#103A63);opacity:.45;margin-bottom:12px}
.grm-branche__empty h3{font-size:20px;margin:0 0 8px;color:var(--grm-ink,#041E42)}
.grm-branche__empty p{margin:0 0 22px;font-size:14px;line-height:1.55}
.grm-branche__empty-ctas{display:inline-flex;gap:8px;flex-wrap:wrap;justify-content:center}
.grm-branche__pager{display:flex;justify-content:center;gap:6px;margin-top:16px;flex-wrap:wrap}
.grm-branche__pager .page-numbers{display:inline-flex;align-items:center;gap:4px;min-width:40px;height:40px;padding:0 14px;justify-content:center;border:1px solid var(--grm-line,#D7DEE7);border-radius:12px;text-decoration:none;color:var(--grm-ink,#041E42);font-weight:600;font-size:14px;background:#fff;transition:all .14s}
.grm-branche__pager .page-numbers:hover{border-color:var(--grm-brand,#103A63);color:var(--grm-brand,#103A63);background:var(--grm-brand-50,#EDF2F8)}
.grm-branche__pager .page-numbers.current{background:var(--grm-brand,#103A63);color:#fff;border-color:var(--grm-brand,#103A63)}
@media(max-width:680px){
.grm-branche__hero{padding:28px 0 28px}
.grm-branche__hero-head{gap:14px}
.grm-branche__hero-ic{width:54px;height:54px;border-radius:14px}
.grm-branche__hero-ic .material-symbols-rounded{font-size:28px}
.grm-branche__hero-stats{gap:18px;font-size:12px}
.grm-branche__body{padding:0 14px;margin-top:20px}
}
.grm-branche__sheet-close{display:none;position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:10px;background:#fff;border:1px solid var(--grm-line,#D7DEE7);color:var(--grm-ink,#041E42);cursor:pointer;align-items:center;justify-content:center;z-index:2}
.grm-branche__sheet-close .material-symbols-rounded{font-size:22px}
.grm-branche__sheet-close:hover{background:var(--grm-brand-50,#EDF2F8);color:var(--grm-brand,#103A63)}
.grm-branche__sheet-open{display:none;align-items:center;gap:8px;background:#fff;color:var(--grm-ink,#041E42);border:1px solid var(--grm-line,#D7DEE7);padding:11px 18px;border-radius:12px;font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 4px 12px rgba(4,30,66,.06);position:relative;width:100%;justify-content:center;margin-bottom:14px}
.grm-branche__sheet-open:hover{background:var(--grm-brand-50,#EDF2F8);color:var(--grm-brand,#103A63);border-color:var(--grm-brand,#103A63)}
.grm-branche__sheet-open .material-symbols-rounded{font-size:18px;color:var(--grm-brand,#103A63)}
.grm-branche__sheet-open-dot{position:absolute;top:8px;right:14px;width:8px;height:8px;border-radius:50%;background:var(--grm-accent,#1668C7);box-shadow:0 0 0 3px rgba(22,104,199,.22)}
.grm-branche__sheet-backdrop{position:fixed;inset:0;background:rgba(4,30,66,.55);z-index:1199;opacity:0;pointer-events:none;transition:opacity .25s}
.grm-branche__sheet-backdrop.is-open{opacity:1;pointer-events:auto}
@media(max-width:920px){
.grm-branche__sheet-open{display:inline-flex}
.grm-branche__sheet-close{display:inline-flex}
.grm-branche__sidebar{
position:fixed !important;
top:auto !important;
bottom:0;
left:0;
right:0;
z-index:1200;
background:#fff;
border-radius:20px 20px 0 0;
padding:22px 18px 28px;
max-height:85vh;
overflow-y:auto;
transform:translateY(100%);
transition:transform .35s cubic-bezier(.22,1,.36,1);
box-shadow:0 -12px 32px rgba(4,30,66,.18);
gap:14px;
}
.grm-branche__sidebar.is-open{transform:translateY(0)}
.grm-branche__sidebar::before{
content:"";
display:block;
width:48px;height:5px;
border-radius:99px;
background:var(--grm-line,#D7DEE7);
margin:-8px auto 14px;
}
}
@media(max-width:920px){
.grm-branche__filter-apply{padding:14px 18px;font-size:15px}
.grm-branche__fgroup input[type=text],
.grm-branche__fgroup select{padding:12px 14px 12px 38px;font-size:15px}
.grm-branche__check{padding:6px 0}
.grm-branche__check-box{width:24px;height:24px}
.grm-branche__other-link{padding:12px 12px}
.grm-branche__filter-reset{padding:8px 4px}
}
@media(max-width:980px){
.grm-branche{padding-bottom:90px}
}
.grm-branche__main--full{grid-column:1/-1}
.grm-branche__seo{max-width:820px;margin:36px 0 0;padding-top:26px;border-top:1px solid var(--grm-line);color:var(--grm-ink-500)}
.grm-branche__seo h2{font-size:var(--grm-h3);color:var(--grm-ink);margin:0 0 10px}
.grm-branche__seo p{line-height:1.75;margin:0 0 12px}
.grm-branche__seo a{color:var(--grm-brand);font-weight:600}
.grm-branche__seo-links{font-size:14px}
.grm-branche__seo-links strong{color:var(--grm-ink)}
.grm-branche__seo h3{font-size:var(--grm-h4);color:var(--grm-ink);margin:24px 0 8px}
.grm-branche__seo-list{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:7px}
.grm-branche__seo-list li{position:relative;padding-left:24px;font-size:14px;color:var(--grm-ink-500)}
.grm-branche__seo-list li::before{content:"";position:absolute;left:0;top:5px;width:14px;height:14px;border-radius:50%;background:var(--grm-success);-webkit-mask:center/9px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E");mask:center/9px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E")}
.grm-branche__seo-list li b{color:var(--grm-ink)}
.grm-branche__seo-faq details{border-bottom:1px solid var(--grm-line);padding:10px 0}
.grm-branche__seo-faq summary{cursor:pointer;font-weight:600;color:var(--grm-ink);list-style:none}
.grm-branche__seo-faq summary::-webkit-details-marker{display:none}
.grm-branche__seo-faq p{margin:8px 0 0}
.grm-plaats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.grm-plaats-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--grm-line);border-radius:var(--grm-r-md);background:var(--grm-paper);text-decoration:none;transition:border-color var(--grm-dur) var(--grm-ease),background var(--grm-dur) var(--grm-ease)}
.grm-plaats-card:hover{border-color:var(--grm-brand);background:var(--grm-brand-50)}
.grm-plaats-card .material-symbols-rounded{color:var(--grm-brand)}
.grm-plaats-card__txt strong{display:block;color:var(--grm-ink);font-size:15px}
.grm-plaats-card__txt small{color:var(--grm-ink-500)}
@media(max-width:900px){.grm-plaats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.grm-plaats-grid{grid-template-columns:1fr}}
.grm-plaatsen-prov{margin:0 0 22px;padding:0 0 18px;border-bottom:1px solid var(--grm-line)}
.grm-plaatsen-prov:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.grm-plaatsen-prov__title{font-size:var(--grm-h4);color:var(--grm-ink);margin:0 0 8px}
.grm-plaatsen-prov__title a{color:var(--grm-ink);font-weight:700;text-decoration:none}
.grm-plaatsen-prov__title a:hover{color:var(--grm-brand)}
.grm-plaatsen-prov .grm-branche__seo-links{font-size:14px;line-height:1.95;color:var(--grm-ink-500)}
.grm-plaatsen-prov .grm-branche__seo-links a{color:var(--grm-brand);font-weight:600;text-decoration:none}
.grm-plaatsen-prov .grm-branche__seo-links a:hover{text-decoration:underline}
.grm-groepstrip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 16px;background:#fff;border:1px solid var(--grm-line,#D7DEE7);border-radius:12px}
.grm-groepstrip__lbl{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--grm-ink-500,#55636E);margin-right:4px}
.grm-groepstrip__chip{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:#F5F7FA;border:1px solid transparent;font-size:13px;font-weight:600;color:var(--grm-success-text,#0b2a49);text-decoration:none;transition:background .14s,border-color .14s,color .14s}
.grm-groepstrip__chip:hover{background:#EDF2F8;border-color:#D7DEE7;color:var(--grm-brand,#103A63)}
.grm-logorij{background:#fff;border:1px solid var(--grm-line,#D7DEE7);border-radius:14px;padding:18px 20px}
.grm-logorij__titel{font-size:15px;font-weight:800;color:var(--grm-ink,#041E42);margin:0 0 14px}
.grm-logorij__rij{display:flex;gap:14px;flex-wrap:wrap}
.grm-logorij__item{position:relative;width:74px;height:74px;border-radius:12px;border:1px solid var(--grm-line,#D7DEE7);background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:border-color .14s,box-shadow .14s}
.grm-logorij__item:hover{border-color:var(--grm-brand,#103A63);box-shadow:0 6px 16px rgba(4,30,66,.10)}
.grm-logorij__item img{max-width:82%;max-height:82%;object-fit:contain}
.grm-logorij__keur{position:absolute;right:3px;bottom:3px;font-size:15px;color:var(--grm-brand,#103A63);background:#fff;border-radius:50%}
.grm-tabs{display:flex;gap:4px;border-bottom:2px solid var(--grm-line,#D7DEE7);margin-bottom:20px}
.grm-tabs__tab{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border:0;background:none;font-family:inherit;font-size:15px;font-weight:700;color:var(--grm-ink-500,#55636E);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:color .14s,border-color .14s}
.grm-tabs__tab:hover{color:var(--grm-brand,#103A63)}
.grm-tabs__tab.is-actief{color:var(--grm-brand,#103A63);border-bottom-color:var(--grm-brand,#103A63)}
.grm-tabs__tel{font-size:12px;font-weight:800;background:var(--grm-brand-50,#EDF2F8);color:var(--grm-brand,#103A63);border-radius:999px;padding:2px 8px}
.grm-tabs__tab.is-actief .grm-tabs__tel{background:var(--grm-brand,#103A63);color:#fff}
.grm-tabs__paneel[hidden]{display:none}
.grm-tabs__paneel .grm-shopgrid{padding-left:0;padding-right:0}
@media(max-width:900px){
.grm-tabs__paneel{padding-left:14px;padding-right:14px}
.grm-tabs__paneel .grm-shopgrid{margin-left:-14px;margin-right:-14px}
}
.grm-cattegels{margin:0 0 4px}
.grm-cattegels__kop{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.grm-cattegels__kop h2{font-size:17px;margin:0}
.grm-cattegels__kop a{font-size:13px;font-weight:700;color:var(--grm-brand,#103A63);text-decoration:none;white-space:nowrap}
.grm-cattegels__kop a:hover{text-decoration:underline}
.grm-cattegels__rij{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:12px}
.grm-cattegel{display:flex;flex-direction:column;gap:6px;padding:10px;background:#fff;border:1px solid var(--grm-line,#D7DEE7);border-radius:14px;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;min-width:0}
.grm-cattegel:hover{border-color:var(--c,#103A63);box-shadow:0 8px 22px rgba(4,30,66,.10);transform:translateY(-2px)}
.grm-cattegel__beeld{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:color-mix(in srgb,var(--c,#103A63) 10%,#fff)}
.grm-cattegel__beeld img{width:100%;height:100%;object-fit:cover}
.grm-cattegel__beeld .material-symbols-rounded{font-size:30px;color:var(--c,#103A63)}
.grm-cattegel__naam{font-size:13.5px;font-weight:700;color:var(--grm-ink,#041E42);line-height:1.25;overflow-wrap:anywhere}
.grm-cattegel__tel{font-size:11.5px;color:var(--grm-ink-500,#55636E)}
@media(max-width:640px){.grm-cattegels__rij{grid-template-columns:repeat(auto-fill,minmax(min(100%,124px),1fr));gap:10px}}
.grm-branche__hero.has-foto .grm-branche__hero-bg{background:linear-gradient(100deg,rgba(4,30,66,.94) 0%,rgba(4,30,66,.86) 45%,color-mix(in srgb,var(--c,#103A63) 55%,rgba(4,30,66,.55)) 100%);z-index:1}
.grm-branche__hero.has-foto .grm-branche__hero-in{position:relative;z-index:2}
.grm-logorij__item{width:auto;height:auto;flex-direction:column;align-items:center;gap:6px;padding:12px 10px;text-decoration:none;min-width:104px;max-width:132px}
.grm-logorij__logo{position:relative;width:64px;height:64px;border-radius:12px;border:1px solid var(--grm-line,#D7DEE7);background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.grm-logorij__logo img{max-width:82%;max-height:82%;object-fit:contain}
.grm-logorij__naam{font-size:12.5px;font-weight:700;color:var(--grm-ink,#041E42);text-align:center;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.grm-logorij__meta{font-size:11px;color:var(--grm-ink-500,#55636E)}
.grm-themarij{margin:38px 0 0;min-width:0}
.grm-themarij__kop{display:flex;flex-direction:column;gap:2px;margin-bottom:14px}
.grm-themarij__kop h2{margin:0;font-family:"Inter Tight",sans-serif;font-size:21px;font-weight:800;color:#041E42;letter-spacing:-.01em}
.grm-themarij__kop p{margin:0;font-size:14px;color:#55636E}
.grm-themarij .grm-carrousel__spoor .grm-bk{flex:0 0 250px;max-width:250px}
@media (max-width:760px){
.grm-themarij{margin-top:28px}
.grm-themarij__kop h2{font-size:18px}
.grm-themarij .grm-carrousel__spoor .grm-bk{flex:0 0 208px;max-width:208px}
}
.grm-branche__hero.has-merkbeeld .grm-branche__hero-bg{background:linear-gradient(100deg,var(--c) 8%,rgba(4,30,66,.82) 62%,rgba(4,30,66,.9) 100%)}
.grm-branche__hero-ic{background:color-mix(in srgb,var(--c) 30%,#fff 70%);color:var(--c)}
.grm-branche__hero-ic .material-symbols-rounded{color:var(--c)}
.grm-branche__main--breed{grid-column:1/-1}
.grm-groep__tegels{min-width:0}
.grm-groep__tegels h2{margin:0 0 16px;font-family:"Inter Tight",sans-serif;font-size:22px;font-weight:800;color:#041E42}
.grm-groep__raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:14px;min-width:0}
.grm-groep__tegel{display:flex;flex-direction:column;gap:0;border:1px solid var(--grm-line-soft,#eaeff5);border-radius:12px;overflow:hidden;background:#fff;color:#041E42;text-decoration:none;min-width:0;transition:border-color .15s,box-shadow .15s,transform .15s}
.grm-groep__tegel[hidden]{display:none}
.grm-groep__tegel:hover{border-color:var(--c,#1668C7);box-shadow:0 10px 24px rgba(16,58,99,.12);transform:translateY(-2px)}
.grm-groep__tegel-beeld{display:block;aspect-ratio:1/1;overflow:hidden;background:#fff}
span.grm-groep__tegel-beeld img{width:100%;height:100%;object-fit:contain;background:#fff;display:block}
.grm-groep__tegel-naam{display:block;padding:11px 13px;font-size:14px;font-weight:700;line-height:1.3}
.grm-groep__tegel-tel{display:block;margin-top:-7px;padding:0 13px 11px;font-size:12px;font-weight:500;line-height:1.3;color:var(--grm-ink-500,#55636E)}
.grm-groep__tegel-eyebrow{display:block;padding:11px 13px 0;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--grm-brand,#103A63)}
.grm-groep__tegel-eyebrow+.grm-groep__tegel-naam{padding-top:3px}
.grm-groep__tegel--cat{border-color:var(--grm-brand,#103A63);box-shadow:0 2px 10px rgba(16,58,99,.10)}
.grm-groep__tegel--cat:hover{border-color:var(--grm-brand,#103A63);box-shadow:0 10px 24px rgba(16,58,99,.16)}
@media (max-width:600px){
.grm-groep__raster{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}
.grm-groep__tegel-naam{padding:9px 10px;font-size:13px}
.grm-groep__tegel-tel{margin-top:-5px;padding:0 10px 9px;font-size:11px}
.grm-groep__tegel-eyebrow{padding:9px 10px 0;font-size:10px}
}
.grm-branche{--c-zacht:#EDF2F8;--c-radius:12px}
.grm-branche .grm-groep__tegel,
.grm-branche .grm-themarij .grm-bk,
.grm-branche .grm-cattegel{border-radius:var(--c-radius)}
.grm-branche .grm-groep__tegel-beeld{border-radius:0}
.grm-themarij{padding:26px 22px;border-radius:var(--c-radius);background:var(--c-zacht)}
.grm-themarij+.grm-themarij{margin-top:20px}
.grm-groep__tegels{border-radius:0 0 var(--c-radius) var(--c-radius);background:var(--c-zacht)}
.grm-groep__tegels--suggestie{border-radius:0 0 12px 12px;background:#EDF2F8}
.grm-branche__seo{padding:30px 24px;border-radius:var(--c-radius);background:var(--c-zacht)}
.grm-branche.is-sfeer-strak{--c-radius:6px}
.grm-branche.is-sfeer-strak .grm-themarij__kop h2,
.grm-branche.is-sfeer-strak .grm-groep__tegels h2{letter-spacing:-.005em;text-transform:none}
.grm-branche.is-sfeer-strak .grm-groep__tegel{border-width:1px;box-shadow:none}
.grm-branche.is-sfeer-zacht .grm-groep__tegel{border-color:transparent;box-shadow:0 2px 10px rgba(4,30,66,.07)}
.grm-branche.is-sfeer-zacht .grm-themarij__kop h2{letter-spacing:-.02em}
@media (max-width:760px){
.grm-themarij,.grm-branche__seo{padding:20px 15px}
}
.grm-seo-tel{display:inline-block;padding:0 5px;margin-left:2px;border-radius:8px;background:#EDF2F8;color:#55636E;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}
.grm-branche__seo-links a:hover .grm-seo-tel{background:var(--grm-brand-100,#d3e0ef);color:#103A63}
.grm-hublijst{display:flex;flex-direction:column;gap:14px;min-width:0}
.grm-hublijst__groep{border:1px solid var(--grm-line-soft,#eaeff5);border-radius:14px;background:#fff;overflow:hidden}
.grm-hublijst__kop{display:flex;align-items:center;gap:13px;margin:0;padding:15px 18px;border-bottom:1px solid #EDF2F8;background:#fff;font-family:"Inter Tight",sans-serif;font-size:18px;font-weight:800;color:#041E42}
.grm-hublijst__ic{flex:0 0 auto;width:40px;height:40px;border-radius:10px;background:#EDF2F8;display:flex;align-items:center;justify-content:center}
.grm-hublijst__ic .material-symbols-rounded{font-size:22px;color:var(--c,#103A63)}
.grm-hublijst__kop-txt{display:flex;flex-direction:column;gap:1px;min-width:0}
.grm-hublijst__kop-txt small{font-size:12.5px;font-weight:500;color:var(--grm-ink-400,#7A8794)}
.grm-hublijst__alles{margin-left:auto;flex:0 0 auto;padding:7px 13px;border-radius:8px;background:var(--c,#103A63);color:#fff;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}
.grm-hublijst__alles:hover{background:#0B2A49;color:#fff}
.grm-hublijst__subs{display:grid;grid-template-columns:repeat(auto-fill,minmax(224px,1fr));gap:2px;padding:8px}
.grm-hublijst__sub{display:flex;align-items:center;gap:8px;padding:11px 13px;border-radius:8px;color:var(--grm-ink-700,#33424f);font-size:14.5px;text-decoration:none}
.grm-hublijst__sub:hover{background:#EDF2F8;color:var(--c,#103A63)}
.grm-hublijst__sub .grm-tel{margin-left:auto;background:#EDF2F8;color:var(--grm-ink-400,#7A8794)}
.grm-hublijst__groep.is-inklapbaar .grm-hublijst__sub--extra{display:none}
.grm-hublijst__groep.is-inklapbaar.is-uit .grm-hublijst__sub--extra{display:flex}
.grm-hublijst__meer{display:flex;align-items:center;justify-content:center;gap:6px;width:calc(100% - 16px);margin:0 8px 8px;padding:9px 12px;border:1px dashed var(--grm-line,#D7DEE7);border-radius:8px;background:#fff;color:var(--grm-ink-500,#55636E);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;transition:border-color .14s ease,color .14s ease,background .14s ease}
.grm-hublijst__meer:hover{border-color:var(--c,#103A63);color:var(--c,#103A63);background:#F7FAFD}
.grm-hublijst__meer .material-symbols-rounded{font-size:18px;transition:transform .14s ease}
.grm-hublijst__groep.is-uit .grm-hublijst__meer .material-symbols-rounded{transform:rotate(180deg)}
@media (max-width:640px){
.grm-hublijst__kop{padding:13px 14px;font-size:16px;flex-wrap:wrap}
.grm-hublijst__alles{margin-left:0;order:3;width:100%;text-align:center}
.grm-hublijst__subs{grid-template-columns:1fr;padding:6px}
.grm-hublijst__sub{min-height:48px;font-size:15px}
}
.grm-faq{margin:32px 0 8px;max-width:820px}
.grm-faq__kop{font-size:20px;font-weight:800;color:var(--grm-ink);margin:0 0 14px}
.grm-faq__lijst{display:flex;flex-direction:column;gap:10px}
.grm-faq__item{border:1px solid var(--grm-line);border-radius:var(--grm-r-md);background:var(--grm-paper);overflow:hidden}
.grm-faq__vraag{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;font-size:15.5px;font-weight:700;color:var(--grm-ink);cursor:pointer;list-style:none}
.grm-faq__vraag::-webkit-details-marker{display:none}
.grm-faq__vraag .material-symbols-rounded{color:var(--grm-brand);font-size:22px;transition:transform .18s ease}
.grm-faq__item[open] .grm-faq__vraag .material-symbols-rounded{transform:rotate(180deg)}
.grm-faq__antwoord{padding:0 18px 16px}
.grm-faq__antwoord p{margin:0;color:var(--grm-ink-500);font-size:15px;line-height:1.65}
@media (max-width:640px){
.grm-faq__vraag{font-size:15px;padding:14px 15px}
.grm-faq__antwoord{padding:0 15px 14px}
}
.grm-leeg{max-width:1000px;margin:0 auto;padding:8px 0 12px}
.grm-leeg__kop{text-align:center;padding:34px 24px 30px;background:var(--grm-canvas,var(--grm-canvas,#f5f7fa));border:1px solid var(--grm-line,#D7DEE7);border-radius:18px;margin-bottom:26px}
.grm-leeg__kop .material-symbols-rounded{font-size:40px;color:var(--grm-brand,#103A63);opacity:.7}
.grm-leeg__kop h2{margin:10px 0 12px;font-family:var(--grm-font-display,"Inter Tight",sans-serif);font-size:clamp(21px,2.6vw,27px);font-weight:800;letter-spacing:-.01em;color:var(--grm-ink,#041E42)}
.grm-leeg__kop p{margin:0 auto;max-width:70ch;font-size:15.5px;line-height:1.7;color:var(--grm-ink-700,var(--grm-ink-700,#33424f))}
.grm-leeg__routes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-bottom:26px}
.grm-leeg__route{background:#fff;border:1px solid var(--grm-line,#D7DEE7);border-radius:16px;padding:22px 22px 24px}
.grm-leeg__route h3{margin:0 0 10px;font-family:var(--grm-font-display,"Inter Tight",sans-serif);font-size:17.5px;font-weight:800;color:var(--grm-ink,#041E42)}
.grm-leeg__route p{margin:0 0 14px;font-size:14.8px;line-height:1.65;color:var(--grm-ink-700,var(--grm-ink-700,#33424f))}
.grm-leeg__links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.grm-leeg__links a{display:inline-flex;align-items:center;padding:7px 13px;border-radius:99px;background:var(--grm-canvas,var(--grm-canvas,#f5f7fa));border:1px solid var(--grm-line,#D7DEE7);font-size:13.5px;font-weight:600;color:var(--grm-brand,#103A63);text-decoration:none;transition:background .15s ease,border-color .15s ease}
.grm-leeg__links a:hover{background:#fff;border-color:var(--grm-accent,#1668C7);color:var(--grm-accent,#1668C7)}
.grm-leeg__aanmeld{
--grm-rij-merk:linear-gradient(135deg,var(--grm-heromerk-1,var(--grm-rij-merk-1)) 0%,var(--grm-heromerk-2,var(--grm-rij-merk-2)) 100%);
background:var(--grm-rij-merk);
color:#fff;border-radius:18px;padding:30px 28px;
}
.grm-leeg__aanmeld h3{margin:0 0 10px;font-family:var(--grm-font-display,"Inter Tight",sans-serif);font-size:20px;font-weight:800;color:#fff}
.grm-leeg__aanmeld p{margin:0 0 18px;font-size:15px;line-height:1.68;color:rgba(255,255,255,.92);max-width:78ch}
.grm-leeg__ctas{display:flex;flex-wrap:wrap;gap:10px}
@media(max-width:560px){
.grm-leeg__kop{padding:26px 18px 24px;border-radius:14px}
.grm-leeg__route{padding:18px}
.grm-leeg__aanmeld{padding:24px 20px;border-radius:14px}
}

.grm-auth{max-width:1100px !important;margin:32px auto 60px !important;padding:0 24px;font-family:var(--grm-font-body,"Inter",Inter,sans-serif);color:var(--grm-ink,#041E42)}
.grm-auth h1,.grm-auth h2,.grm-auth h3{font-family:var(--grm-font-display,"Inter Tight",sans-serif);font-weight:800;letter-spacing:-.01em;color:var(--grm-ink,#041E42);margin:0 0 .5rem}
.grm-auth__shell{display:grid;grid-template-columns:1fr 1.05fr;gap:0;background:#fff;border:1px solid var(--grm-line,#D7DEE7);border-radius:20px;overflow:hidden;box-shadow:0 16px 40px rgba(4,30,66,.12)}
@media(max-width:880px){.grm-auth__shell{grid-template-columns:1fr}}
.grm-auth__brand-side{background:var(--grm-rij-merk);color:#fff;padding:48px 42px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:540px}
.grm-auth__brand-side::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.06);pointer-events:none}
.grm-auth__brand-side::before{content:"";position:absolute;right:-40px;bottom:-80px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.04);pointer-events:none}
.grm-auth__brand-side--accent{background:var(--grm-accent-grad)}
.grm-auth__brand-eyebrow{display:inline-block;background:rgba(255,255,255,.18);color:#fff;padding:5px 12px;border-radius:99px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:18px;position:relative}
.grm-auth__brand-h{color:#fff !important;font-size:clamp(28px,3.4vw,40px) !important;line-height:1.05;margin:0 0 14px !important;position:relative}
.grm-auth__brand-p{color:rgba(255,255,255,.94);font-size:16px;line-height:1.55;margin:0 0 28px;position:relative;max-width:380px}
.grm-auth__usps{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:12px;position:relative}
.grm-auth__usps li{display:flex;align-items:center;gap:12px;font-size:14.5px;font-weight:600;color:#fff}
.grm-auth__usps li .material-symbols-rounded{flex-shrink:0;width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;border:1px solid rgba(255,255,255,.22)}
.grm-auth__usps--accent li .material-symbols-rounded{background:rgba(0,0,0,.14);border-color:rgba(0,0,0,.18)}
.grm-auth__brand-trust{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);padding:9px 14px;border-radius:99px;font-size:12.5px;font-weight:700;border:1px solid rgba(255,255,255,.20);align-self:flex-start;position:relative}
.grm-auth__brand-trust .material-symbols-rounded{font-size:16px;color:var(--grm-accent,#1668C7)}
.grm-auth__form-side{padding:48px 42px;display:flex;align-items:center;justify-content:center;background:#fff}
.grm-auth__form-card{width:100%;max-width:440px;background:transparent !important;border:0 !important;padding:0 !important;box-shadow:none !important}
.grm-auth__h{font-size:28px !important;margin:0 0 8px !important;color:var(--grm-ink,#041E42) !important}
.grm-auth__sub{margin:0 0 26px;color:var(--grm-ink-500,#55636E);font-size:15px;line-height:1.5}
.grm-auth__wp-form{display:flex;flex-direction:column;gap:14px}
.grm-auth__wp-form #loginform,
.grm-auth__wp-form form{display:flex;flex-direction:column;gap:14px;margin:0;padding:0}
.grm-auth__wp-form p{margin:0 !important;padding:0 !important}
.grm-auth__wp-form label{display:block;font-size:12px;font-weight:700;color:var(--grm-ink-500,#55636E);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}
.grm-auth__wp-form input[type=text],
.grm-auth__wp-form input[type=email],
.grm-auth__wp-form input[type=password]{width:100% !important;padding:12px 14px !important;border:1px solid var(--grm-line,#D7DEE7) !important;border-radius:10px !important;font-family:inherit !important;font-size:15px !important;color:var(--grm-ink,#041E42) !important;background:var(--grm-canvas,#F5F7FA) !important;outline:none !important;box-shadow:none !important;transition:border-color .14s,box-shadow .14s,background .14s;box-sizing:border-box}
.grm-auth__wp-form input[type=text]:focus,
.grm-auth__wp-form input[type=email]:focus,
.grm-auth__wp-form input[type=password]:focus{border-color:var(--grm-brand,#103A63) !important;background:#fff !important;box-shadow:0 0 0 4px rgba(22,104,199,.14) !important}
.grm-auth__wp-form .login-remember{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--grm-ink,#041E42)}
.grm-auth__wp-form .login-remember label{display:inline-flex;align-items:center;gap:8px;font-size:13.5px !important;font-weight:600 !important;text-transform:none !important;letter-spacing:0 !important;color:var(--grm-ink,#041E42) !important;margin:0 !important}
.grm-auth__wp-form .login-remember input[type=checkbox]{width:18px;height:18px;accent-color:var(--grm-brand,#103A63)}
.grm-auth__wp-form .login-submit input[type=submit]{width:100% !important;background:#1668C7 !important;color:#fff !important;border:0 !important;padding:13px 18px !important;border-radius:10px !important;font-family:inherit !important;font-weight:800 !important;font-size:15px !important;cursor:pointer;letter-spacing:0 !important;text-transform:none !important;transition:background .14s,transform .12s,box-shadow .14s;box-shadow:0 4px 14px rgba(22,104,199,.32) !important;height:auto !important;line-height:1 !important;display:inline-flex !important;align-items:center;justify-content:center;gap:6px;margin-top:6px}
.grm-auth__wp-form .login-submit input[type=submit]:hover{background:#125AAC !important;transform:translateY(-1px);box-shadow:0 8px 22px rgba(22,104,199,.42) !important}
.grm-auth__form{display:flex;flex-direction:column;gap:14px}
.grm-auth__field label{display:block;font-size:12px;font-weight:700;color:var(--grm-ink-500,#55636E);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}
.grm-auth__input-wrap{position:relative}
.grm-auth__input-wrap .material-symbols-rounded{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--grm-brand,#103A63);font-size:20px;pointer-events:none}
.grm-auth__input-wrap input{width:100%;padding:12px 14px 12px 42px;border:1px solid var(--grm-line,#D7DEE7);border-radius:10px;font-family:inherit;font-size:15px;color:var(--grm-ink,#041E42);background:var(--grm-canvas,#F5F7FA);outline:none;transition:border-color .14s,box-shadow .14s,background .14s;box-sizing:border-box}
.grm-auth__input-wrap input:focus{border-color:var(--grm-brand,#103A63);background:#fff;box-shadow:0 0 0 4px rgba(22,104,199,.14)}
.grm-auth__hint{display:block;font-size:12px;color:var(--grm-ink-500,#55636E);margin-top:6px;font-weight:500}
.grm-auth__submit{width:100%;background:var(--grm-brand,#103A63);color:#fff;border:0;padding:13px 18px;border-radius:10px;font-family:inherit;font-weight:800;font-size:15px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .14s,transform .12s,box-shadow .14s;box-shadow:0 4px 14px rgba(22,104,199,.32);margin-top:6px}
.grm-auth__submit:hover{background:#125AAC;transform:translateY(-1px);box-shadow:0 8px 22px rgba(22,104,199,.42)}
.grm-auth__submit .material-symbols-rounded{font-size:18px}
.grm-auth__note{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:10px;font-size:14px;font-weight:600;margin-bottom:6px}
.grm-auth__note--err{background:rgba(220,38,38,.10);color:#dc2626;border:1px solid rgba(220,38,38,.20)}
.grm-auth__note .material-symbols-rounded{font-size:18px;flex-shrink:0;margin-top:1px}
.grm-auth__row{display:flex;justify-content:flex-end;margin-top:-6px}
.grm-auth__link{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:var(--grm-brand,#103A63);text-decoration:none;transition:color .12s}
.grm-auth__link:hover{color:var(--grm-accent,#1668C7)}
.grm-auth__link .material-symbols-rounded{font-size:15px}
.grm-auth__divider{display:flex;align-items:center;gap:14px;margin:22px 0 18px;color:var(--grm-ink-500,#55636E);font-size:12px;font-weight:600}
.grm-auth__divider::before,.grm-auth__divider::after{content:"";flex:1;height:1px;background:var(--grm-line,#D7DEE7)}
.grm-auth__divider span{padding:0 4px;text-transform:lowercase}
.grm-auth__alt{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--grm-brand-50,#EDF2F8);border:1px solid var(--grm-line,#D7DEE7);border-radius:12px;text-decoration:none;color:var(--grm-ink,#041E42);transition:background .14s,border-color .14s,transform .14s}
.grm-auth__alt:hover{background:#fff;border-color:var(--grm-brand,#103A63);transform:translateY(-2px);box-shadow:0 8px 20px rgba(4,30,66,.08)}
.grm-auth__alt > .material-symbols-rounded:first-child{flex-shrink:0;width:38px;height:38px;border-radius:10px;background:#fff;color:var(--grm-brand,#103A63);display:flex;align-items:center;justify-content:center;font-size:20px}
.grm-auth__alt > span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:1px;line-height:1.25}
.grm-auth__alt > span:nth-child(2) strong{font-size:14.5px;font-weight:800;color:var(--grm-ink,#041E42)}
.grm-auth__alt > span:nth-child(2) small{font-size:12.5px;color:var(--grm-ink-500,#55636E);font-weight:500}
.grm-auth__alt-arrow{font-size:18px !important;color:var(--grm-brand,#103A63);transition:transform .14s}
.grm-auth__alt:hover .grm-auth__alt-arrow{transform:translateX(3px)}
.grm-auth__fineprint{font-size:12px;color:var(--grm-ink-500,#55636E);line-height:1.5;margin:20px 0 0 !important;text-align:center;font-weight:500 !important}
.grm-auth__fineprint a{color:var(--grm-brand,#103A63);text-decoration:underline;font-weight:600}
.grm-auth__fineprint a:hover{color:var(--grm-accent,#1668C7)}
@media(max-width:880px){
.grm-auth{margin:18px auto 40px !important;padding:0 14px}
.grm-auth__shell{border-radius:16px}
.grm-auth__brand-side{padding:32px 28px;min-height:auto}
.grm-auth__brand-h{font-size:24px !important}
.grm-auth__brand-p{font-size:14.5px;margin-bottom:20px}
.grm-auth__usps li{font-size:13.5px}
.grm-auth__usps li .material-symbols-rounded{width:30px;height:30px}
.grm-auth__form-side{padding:32px 22px}
.grm-auth__h{font-size:24px !important}
.grm-auth__sub{font-size:14px;margin-bottom:20px}
}
@media(max-width:480px){
.grm-auth__brand-side{padding:26px 22px}
.grm-auth__form-side{padding:26px 18px}
}


.grm-biz{font-family:var(--grm-font-body,"Inter",Inter,sans-serif);color:var(--grm-ink,#041E42);background:var(--grm-canvas,#F5F7FA);
width:auto;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:0;padding-right:0}
body:has(.grm-biz){overflow-x:hidden}
.grm-biz h1,.grm-biz h2,.grm-biz h3,.grm-biz h4{font-family:var(--grm-font-display,"Inter Tight",sans-serif);font-weight:800;letter-spacing:-.01em;color:var(--grm-ink,#041E42);margin:0 0 .5rem}
.grm-biz__sec-head{text-align:center;max-width:720px;margin:0 auto 40px;padding:0 20px}
.grm-biz__sec-head h2{font-size:clamp(28px,3.6vw,42px);line-height:1.05;margin:0 0 12px}
.grm-biz__sec-head p{margin:0;color:var(--grm-ink-500,#55636E);font-size:16px;line-height:1.6}
.grm-biz__eyebrow{display:inline-block;color:var(--grm-accent,#1668C7);font-weight:800;font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px}
.grm-biz__h-acc{color:var(--grm-accent,#1668C7)}
.grm-biz__hero{position:relative;padding:64px 24px 80px;overflow:hidden;background:var(--grm-rij-licht)}
.grm-biz__hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:
radial-gradient(60rem 30rem at 100% 0%, rgba(22,104,199,.10), transparent 60%),
radial-gradient(40rem 25rem at 0% 100%, rgba(22,104,199,.10), transparent 65%);
}
.grm-biz__hero-in{position:relative;max-width:var(--grm-w,1424px);margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.grm-biz__h1{font-size:clamp(36px,5vw,56px);line-height:1.05;margin:0 0 18px;letter-spacing:-.02em}
.grm-biz__h1-acc{color:var(--grm-accent,#1668C7)}
.grm-biz__sub{font-size:17px;line-height:1.6;color:var(--grm-ink-500,#55636E);margin:0 0 28px;max-width:580px}
.grm-biz__sub strong{color:var(--grm-ink,#041E42);font-weight:800}
.grm-biz__hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}
.grm-biz__hero-ctas .gm-btn{font-size:15px !important;padding:14px 22px !important;height:auto !important;line-height:1 !important}
.grm-biz__mock{background:#fff;border:1px solid var(--grm-line,#D7DEE7);border-radius:18px;box-shadow:0 24px 60px rgba(4,30,66,.16);overflow:hidden;max-width:460px;margin-left:auto;transform:rotate(-1.5deg);transition:transform .4s cubic-bezier(.22,1,.36,1)}
.grm-biz__mock:hover{transform:rotate(0deg)}
.grm-biz__mock-bar{background:#fff;border-bottom:1px solid var(--grm-line,#D7DEE7);padding:9px 14px;display:flex;gap:6px}
.grm-biz__mock-bar span{width:11px;height:11px;border-radius:50%;background:var(--grm-line,#D7DEE7)}
.grm-biz__mock-app{display:grid;grid-template-columns:152px minmax(0,1fr);background:#fff}
.grm-biz__mock-zij{background:var(--grm-brand,#103A63);padding:14px 10px;display:flex;flex-direction:column;gap:2px}
.grm-biz__mock-merk{display:block;line-height:0;padding:0 4px 12px}
.grm-biz__mock-tab{display:flex;align-items:center;gap:7px;padding:7px 8px;border-radius:8px;background:var(--grm-brand,#103A63);font-size:11.5px;font-weight:600;color:rgba(255,255,255,.72);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.grm-biz__mock-tab .material-symbols-rounded{font-size:15px;flex:0 0 auto}
.grm-biz__mock-tab.is-nu{background:rgba(255,255,255,.16);color:#fff;font-weight:800}
.grm-biz__mock-blad{padding:15px 16px 16px;min-width:0}
.grm-biz__mock-kop{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px}
.grm-biz__mock-kop strong{font-family:"Inter Tight",sans-serif;font-size:16px;font-weight:800;color:var(--grm-ink,#041E42)}
.grm-biz__mock-nieuw{background:var(--grm-accent,#1668C7);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.03em;padding:3px 9px;border-radius:99px;flex:0 0 auto}
.grm-biz__mock-rij{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid var(--grm-line-soft,#EAEFF5);border-radius:10px;margin-bottom:7px;min-width:0}
.grm-biz__mock-rij.is-nieuw{border-color:rgba(22,104,199,.34);background:rgba(22,104,199,.05)}
.grm-biz__mock-av{flex:0 0 auto;width:29px;height:29px;border-radius:9px;background:var(--grm-brand-50,#EDF2F8);color:var(--grm-brand,#103A63);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}
.grm-biz__mock-tx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}
.grm-biz__mock-tx strong{font-size:12.5px;font-weight:700;color:var(--grm-ink,#041E42);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.grm-biz__mock-tx small{font-size:11.5px;line-height:1.35;color:var(--grm-ink-500,#55636E);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.grm-biz__mock-tijd{flex:0 0 auto;font-size:10.5px;font-weight:600;color:var(--grm-ink-400,#7A8794);align-self:flex-start}
.grm-biz__mock-tel{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--grm-line,#D7DEE7)}
.grm-biz__mock-tel strong{display:block;font-family:"Inter Tight",sans-serif;font-size:19px;font-weight:800;color:var(--grm-ink,#041E42);line-height:1.1}
.grm-biz__mock-tel span{font-size:10.5px;color:var(--grm-ink-500,#55636E);font-weight:600}
@media(max-width:920px){
.grm-biz__hero-in{grid-template-columns:1fr;gap:40px}
.grm-biz__mock{margin:0 auto;transform:none}
}
.grm-biz__stats{padding:32px 24px;background:#fff}
.grm-biz__stats-in{max-width:var(--grm-w,1424px);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.grm-biz__stat{text-align:center}
.grm-biz__stat strong{display:block;font-family:"Inter Tight",sans-serif;font-size:clamp(28px,3.6vw,40px);font-weight:800;color:var(--grm-brand,#103A63);letter-spacing:-.02em;line-height:1}
.grm-biz__stat span{font-size:13px;color:var(--grm-ink-500,#55636E);font-weight:600;margin-top:6px;display:block}
@media(max-width:680px){.grm-biz__stats-in{grid-template-columns:repeat(2,1fr);gap:24px}}
.grm-biz__usps{padding:80px 24px;max-width:var(--grm-w,1424px);margin:0 auto}
.grm-biz__usp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grm-biz__usp{background:#fff;border:1px solid var(--grm-line,#D7DEE7);border-radius:16px;padding:28px;box-shadow:0 2px 6px rgba(4,30,66,.04);transition:transform .15s,box-shadow .15s,border-color .15s}
.grm-biz__usp:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(4,30,66,.12);border-color:transparent}
.grm-biz__usp-ic{width:52px;height:52px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px}
.grm-biz__usp-ic--brand{background:var(--grm-brand-50,#EDF2F8);color:var(--grm-brand,#103A63)}
.grm-biz__usp-ic--accent{background:rgba(22,104,199,.12);color:var(--grm-accent,#1668C7)}
.grm-biz__usp-ic--success{background:rgba(16,58,99,.12);color:var(--grm-success,#103A63)}
.grm-biz__usp-ic .material-symbols-rounded{font-size:24px}
.grm-biz__usp-fig{display:flex;align-items:center;justify-content:flex-start;margin:0 0 14px}
.grm-biz__usp-fig .grm-fig{max-width:104px}
.grm-biz__usp:hover .grm-fig__accent{fill:var(--grm-brand,#103A63)}
.grm-biz__usp:hover .grm-fig__accent-lijn{stroke:var(--grm-brand,#103A63)}
.grm-biz__usp h3{font-size:18px;margin:0 0 8px}
.grm-biz__usp p{margin:0;color:var(--grm-ink-500,#55636E);font-size:14.5px;line-height:1.55}
@media(max-width:960px){.grm-biz__usp-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.grm-biz__usp-grid{grid-template-columns:1fr}}
.grm-biz__pricing{padding:80px 24px;max-width:var(--grm-w,1424px);margin:0 auto}
.grm-biz__tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}
@media(max-width:920px){.grm-biz__tier-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}}
.grm-biz__tier{position:relative;background:#fff;border:1px solid var(--grm-line,#D7DEE7);border-radius:18px;padding:32px 26px 28px;box-shadow:0 4px 14px rgba(4,30,66,.06);transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;flex-direction:column}
.grm-biz__tier:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(4,30,66,.14)}
.grm-biz__tier--featured{background:linear-gradient(180deg,#fff 0%,var(--grm-brand-50,#EDF2F8) 100%);border:2px solid var(--grm-brand,#103A63);transform:scale(1.02);box-shadow:0 16px 40px rgba(16,58,99,.18)}
.grm-biz__tier--featured:hover{transform:scale(1.02) translateY(-3px)}
.grm-biz__tier--gold{background:linear-gradient(180deg,#fff 0%,var(--grm-warn-50,#FEF7E0) 100%)}
.grm-biz__tier-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--grm-brand,#103A63);color:#fff;padding:6px 14px;border-radius:99px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;display:inline-flex;align-items:center;gap:5px;box-shadow:0 4px 12px rgba(22,104,199,.35);white-space:nowrap}
.grm-biz__tier-badge .material-symbols-rounded{font-size:13px}
.grm-biz__tier-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}
.grm-biz__tier-name{font-family:"Inter Tight",sans-serif;font-size:22px;font-weight:800;color:var(--grm-ink,#041E42)}
.grm-biz__tier-tag{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--grm-ink-500,#55636E);background:#fff;padding:4px 10px;border-radius:99px}
.grm-biz__tier--featured .grm-biz__tier-tag{color:var(--grm-brand,#103A63);background:#fff}
.grm-biz__tier--gold .grm-biz__tier-tag{color:var(--grm-warn-text,#B06000);background:var(--grm-warn-50,#FEF7E0)}
.grm-biz__tier-price{margin-bottom:8px}
.grm-biz__tier-price strong{font-family:"Inter Tight",sans-serif;font-size:42px;font-weight:800;color:var(--grm-ink,#041E42);letter-spacing:-.02em;line-height:1}
.grm-biz__tier-price span{font-size:13px;color:var(--grm-ink-500,#55636E);margin-left:6px}
.grm-biz__tier-jaar{margin:0 0 18px;color:var(--grm-ink-500,#55636E);font-size:13.5px;line-height:1.5}
.grm-biz__tier-sub{margin:0 0 22px;color:var(--grm-ink-500,#55636E);font-size:14px;line-height:1.5}
.grm-biz__tier-list{list-style:none;padding:0;margin:0 0 26px;display:flex;flex-direction:column;gap:9px;flex:1}
.grm-biz__tier-list li{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:var(--grm-ink,#041E42);line-height:1.45}
.grm-biz__tier-list li .material-symbols-rounded{flex-shrink:0;font-size:18px;color:var(--grm-success,#103A63);margin-top:1px}
.grm-biz__tier-list li strong{font-weight:800}
.grm-biz__tier-off{color:var(--grm-ink-300,#A8B4BC) !important}
.grm-biz__tier-off .material-symbols-rounded{color:var(--grm-ink-300,#A8B4BC) !important}
.grm-biz__tier-btn{width:100%;justify-content:center}
.grm-biz__faq{padding:80px 24px;max-width:880px;margin:0 auto}
.grm-biz__faq-list{display:flex;flex-direction:column;gap:10px}
.grm-biz__faq-item{background:#fff;border:1px solid var(--grm-line,#D7DEE7);border-radius:12px;padding:0 20px;overflow:hidden;transition:border-color .14s,box-shadow .14s}
.grm-biz__faq-item:hover{border-color:var(--grm-brand,#103A63)}
.grm-biz__faq-item[open]{box-shadow:0 6px 18px rgba(4,30,66,.06);border-color:var(--grm-brand,#103A63)}
.grm-biz__faq-item summary{padding:18px 0;cursor:pointer;font-family:"Inter Tight",sans-serif;font-weight:800;font-size:16px;color:var(--grm-ink,#041E42);list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}
.grm-biz__faq-item summary::-webkit-details-marker{display:none}
.grm-biz__faq-item summary::after{content:"+";font-size:24px;color:var(--grm-brand,#103A63);font-weight:400;transition:transform .25s}
.grm-biz__faq-item[open] summary::after{content:"−"}
.grm-biz__faq-item p{margin:0 0 18px;color:var(--grm-ink-500,#55636E);font-size:14.5px;line-height:1.6}
.grm-biz__final{padding:80px 24px}
.grm-biz__final-in{max-width:var(--grm-w,1424px);margin:0 auto;background:var(--grm-rij-merk);color:#fff;border-radius:24px;padding:56px 36px;text-align:center;box-shadow:0 24px 60px rgba(4,30,66,.22);position:relative;overflow:hidden}
.grm-biz__final-in::after{content:"";position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.06);pointer-events:none}
.grm-biz__final-in::before{content:"";position:absolute;left:-60px;bottom:-100px;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.04);pointer-events:none}
.grm-biz__final-in h2{color:#fff;font-size:clamp(26px,3.2vw,36px);margin:0 0 12px;position:relative}
.grm-biz__final-in p{color:rgba(255,255,255,.92);margin:0 0 26px;font-size:17px;line-height:1.55;position:relative}
.grm-biz__final-in .gm-btn{position:relative;font-size:16px !important;padding:14px 26px !important}
.grm-biz__final-foot{margin-top:20px !important;font-size:13.5px !important;color:rgba(255,255,255,.85) !important}
.grm-biz__final-foot a{color:#fff;text-decoration:underline;font-weight:700}
.grm-biz__final-foot a:hover{color:var(--grm-accent,#1668C7)}
@media(max-width:680px){
.grm-biz__hero{padding:40px 18px 50px}
.grm-biz__usps,.grm-biz__pricing,.grm-biz__faq,.grm-biz__final{padding:50px 18px}
.grm-biz__tier{padding:26px 22px 24px}
.grm-biz__tier-head{flex-direction:column;align-items:center;gap:5px;text-align:center}
.grm-biz__tier-price{text-align:center}
.grm-biz__tier-price span{display:block;margin-left:0;margin-top:4px}
.grm-biz__tier-jaar,.grm-biz__tier-sub{text-align:center}
.grm-biz__tier-list li{text-align:left}
}
.grm-fig{display:block;width:100%;max-width:120px;height:auto;color:var(--grm-brand,#103A63)}
.grm-fig__vlak{fill:currentColor;opacity:.10}
.grm-fig__lijn{stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;fill:none}
.grm-fig__accent{fill:var(--grm-accent,#1668C7)}
.grm-fig__accent-lijn{stroke:var(--grm-accent,#1668C7);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;fill:none}
.grm-fig__glas{fill:#fff;opacity:.92}
.grm-fig__ring{stroke-width:3.4}
.grm-fig__steel{stroke:var(--grm-accent,#1668C7);stroke-width:7;stroke-linecap:round;fill:none}
.grm-fig--op-donker .grm-fig__glas{fill:var(--grm-brand,#103A63);opacity:.85}
.grm-fig--op-donker .grm-fig__steel{stroke:#fff}
.grm-fig__stippel{stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:1 7;opacity:.55;fill:none}
.grm-fig__vink{stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;fill:none}
.grm-fig__vink-groot{stroke:var(--grm-accent,#1668C7);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;fill:none}
.grm-fig--op-donker{color:#fff}
.grm-fig--op-donker .grm-fig__accent{fill:#fff}
.grm-fig--op-donker .grm-fig__accent-lijn{stroke:#fff}
.grm-fig--op-donker .grm-fig__vink{stroke:var(--grm-brand,#103A63)}
.grm-fig--op-donker .grm-fig__vink-groot{stroke:#fff}
.grm-fig--op-donker .grm-fig__vlak{opacity:.22}
.grm-golf{display:block;width:100%;line-height:0;margin:0;overflow:hidden}
.grm-golf svg{display:block;width:100%;height:clamp(40px,5vw,90px)}
.grm-golf--om{transform:rotate(180deg)}
.grm-zigzag{max-width:var(--grm-w,1424px);margin:0 auto;padding:56px 24px 8px;display:flex;flex-direction:column;gap:44px}
.grm-zigzag__rij{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:44px;align-items:center}
.grm-zigzag__rij:nth-child(even){direction:rtl}
.grm-zigzag__rij:nth-child(even) > *{direction:ltr}
.grm-zigzag__beeld{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:250px;padding:34px;border-radius:18px;background:linear-gradient(135deg,var(--grm-brand-50,#EDF2F8) 0%,#FFFFFF 100%);border:1px solid var(--grm-line-soft,#EAEFF5);box-shadow:0 4px 18px rgba(4,30,66,.07)}
.grm-zigzag__beeld::before{content:"";position:absolute;width:250px;height:250px;right:-118px;bottom:-132px;border-radius:60px;background:var(--grm-accent-200,#9CC4EE);opacity:.3;transform:rotate(24deg)}
.grm-zigzag__rij:nth-child(even) .grm-zigzag__beeld::before{right:auto;left:-118px;transform:rotate(-24deg);background:var(--grm-brand-100,#D3E0EF);opacity:.62}
.grm-zigzag__beeld::after{content:"";position:absolute;width:120px;height:120px;left:-54px;top:-58px;border-radius:34px;background:var(--grm-brand-100,#D3E0EF);opacity:.55;transform:rotate(-18deg)}
.grm-zigzag__rij:nth-child(even) .grm-zigzag__beeld::after{left:auto;right:-54px;transform:rotate(18deg);background:var(--grm-accent-200,#9CC4EE);opacity:.34}
.grm-zigzag__beeld .grm-fig{position:relative;z-index:1;max-width:220px}
.grm-zigzag__beeld .grm-fig{color:var(--grm-brand,#103A63)}
.grm-zigzag__beeld .grm-fig__vlak{fill:var(--grm-accent,#1668C7);opacity:.2}
.grm-zigzag__beeld .grm-fig__lijn{stroke:var(--grm-brand,#103A63);stroke-width:2.6}
.grm-zigzag__beeld .grm-fig__accent{fill:var(--grm-warn,#f59e0b)}
.grm-zigzag__beeld .grm-fig__accent-lijn{stroke:var(--grm-accent,#1668C7)}
.grm-zigzag__beeld .grm-fig__steel{stroke:var(--grm-brand-400,#1A5089)}
.grm-zigzag__beeld .grm-fig__stippel{stroke:var(--grm-accent,#1668C7);opacity:.75}
.grm-zigzag__beeld .grm-fig__vink-groot{stroke:var(--grm-warn,#f59e0b)}
.grm-zigzag__tekst h3{margin:0 0 12px;font-family:var(--grm-font-display,"Inter Tight",sans-serif);font-size:clamp(21px,2.6vw,28px);font-weight:800;letter-spacing:-.02em;line-height:1.2;color:var(--grm-ink,#041E42)}
.grm-zigzag__tekst p{margin:0 0 12px;font-size:16.5px;line-height:1.7;color:var(--grm-ink-700,#33424F)}
.grm-zigzag__tekst p:last-child{margin-bottom:0}
.grm-zigzag__merk{display:inline-block;margin-bottom:9px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--grm-accent,#1668C7)}
@media(max-width:820px){
.grm-zigzag{padding:38px 18px 4px;gap:30px}
.grm-zigzag__rij,.grm-zigzag__rij:nth-child(even){grid-template-columns:minmax(0,1fr);direction:ltr;gap:22px}
.grm-zigzag__beeld{min-height:180px;padding:24px}
.grm-zigzag__beeld::before{width:150px;height:150px;right:-60px;bottom:-72px}
.grm-zigzag__beeld .grm-fig{max-width:160px}
.grm-zigzag__tekst p{font-size:15.5px}
}

.kaart-page {
--p:        #103A63;
--p2:       #1668C7;
--p-soft:   #EDF2F8;
--accent:   #1668C7;
--accent-h: #125AAC;
--success:  #103A63;
--canvas:   #F5F7FA;
--card:     #FFFFFF;
--border:   #D7DEE7;
--text:     #041E42;
--muted:    #55636E;
}
body.has-kaart-page:has(.kaart-page) { overflow: hidden; }
.kaart-page { display: grid; grid-template-rows: auto 1fr; height: 100vh; overflow: hidden;
font-family: var(--grm-font-body, "Inter", Inter, sans-serif); color: var(--text); }
.kaart-page .grm-header .grm-h__wrap,
.kaart-page .grm-h__wrap { max-width: 100%; padding-left: 1.5rem; padding-right: 1.5rem; }
.kaart-body { display: grid; grid-template-columns: 400px 1fr; overflow: hidden; height: 100%; }
@media (max-width: 800px) {
.kaart-body { grid-template-columns: 1fr; grid-template-rows: 50vh 1fr; }
.kaart-side.is-collapsed { display: none; }
}
.kaart-side { background: #fff; border-right: 1px solid var(--border); display: flex; flex-direction: column; overflow: hidden; position: relative; }
.results-header { padding: .85rem 1rem .65rem; border-bottom: 1px solid var(--border); background: #fff; position: sticky; top: 0; z-index: 5; }
.results-header h1 { font-size: 1rem; margin: 0 0 .65rem; display: flex; align-items: center; gap: .5rem;
font-family: var(--grm-font-display, "Inter Tight", serif); font-weight: 700; color: var(--text); }
.results-header h1 .material-symbols-rounded { color: var(--p); font-size: 1.15rem; }
.gmaps-search { display: flex; gap: .35rem; background: var(--canvas); border-radius: 999px; padding: .35rem .35rem .35rem 1rem; align-items: center; transition: box-shadow .15s; }
.gmaps-search:focus-within { background: #fff; box-shadow: 0 2px 8px rgba(4,30,66,.12); }
.gmaps-search > .material-symbols-rounded { color: var(--muted); font-size: 1rem; }
.gmaps-search input { flex: 1; border: 0; background: transparent; font-family: inherit; font-size: .92rem; padding: .35rem 0; outline: none; color: var(--text); }
.gmaps-search input::placeholder { color: var(--muted); }
.gmaps-search .filter-btn { background: var(--p) !important; color: #fff !important; border: 0; border-radius: 50%; width: 32px; height: 32px; display: grid; place-items: center; cursor: pointer; transition: background .15s, transform .15s; box-shadow: 0 2px 6px rgba(22,104,199,.3); position: relative; padding: 0; }
.gmaps-search .filter-btn .material-symbols-rounded { color: #fff !important; font-size: 1rem !important; transition: opacity .15s, transform .25s; }
.gmaps-search .filter-btn .fb-ic-close { display: none; }
.gmaps-search .filter-btn:hover { background: var(--accent) !important; transform: scale(1.05); box-shadow: 0 4px 10px rgba(22,104,199,.35); }
@media (max-width: 800px) {
.kaart-page.is-list-open .gmaps-search .filter-btn { background: var(--text) !important; box-shadow: 0 2px 8px rgba(4,30,66,.3); }
.kaart-page.is-list-open .gmaps-search .filter-btn .fb-ic-arrow { display: none; }
.kaart-page.is-list-open .gmaps-search .filter-btn .fb-ic-close { display: inline; }
.kaart-page.is-list-open .gmaps-search .filter-btn:hover { background: var(--text) !important; }
}
.filter-chips-bar { display: flex; gap: .35rem; margin-top: .65rem; overflow-x: auto; padding-bottom: .15rem; scrollbar-width: none; }
.filter-chips-bar::-webkit-scrollbar { display: none; }
.filter-chip-btn { display: inline-flex; align-items: center; gap: .35rem; padding: .35rem .75rem; background: #fff; border: 1px solid var(--border); border-radius: 999px; cursor: pointer; font-family: inherit; font-size: .78rem; font-weight: 600; color: var(--text); white-space: nowrap; transition: all .15s; flex-shrink: 0; }
.filter-chip-btn:hover { border-color: var(--p); color: var(--p); }
.filter-chip-btn .material-symbols-rounded { font-size: .95rem; }
.filter-chip-btn.is-active { background: var(--p); color: #fff; border-color: var(--p); }
.filter-chip-btn.goud.is-active   { background: linear-gradient(135deg, var(--grm-warn,#f59e0b), var(--grm-warn-text,#B06000)); border-color: var(--grm-warn,#f59e0b); }
.filter-chip-btn.zilver.is-active { background: linear-gradient(135deg, var(--grm-ink-300,#a8b4bc), var(--grm-ink-400,#7A8794)); border-color: var(--grm-ink-300,#a8b4bc); }
.filter-chip-btn.brons.is-active  { background: linear-gradient(135deg, var(--grm-warn,#f59e0b), var(--grm-warn-text,#B06000)); border-color: var(--grm-warn,#f59e0b); }
.filter-chip-btn .badge-cnt { background: rgba(0,0,0,.08); padding: .05rem .35rem; border-radius: 999px; font-size: .65rem; margin-left: .15rem; }
.filter-chip-btn.is-active .badge-cnt { background: rgba(255,255,255,.25); }
.sub-filter-panel { padding: 0; background: #fff; border-bottom: 1px solid var(--border); }
.sub-filter-panel .sf-head { display: flex; align-items: center; justify-content: space-between; padding: .75rem 1rem; background: #fff; position: sticky; top: 0; z-index: 2; border-bottom: 1px solid var(--border); }
.sub-filter-panel .sf-head strong { font-size: .92rem; display: inline-flex; align-items: center; gap: .45rem;
font-family: var(--grm-font-display, "Inter Tight", serif); font-weight: 700; color: var(--text); }
.sub-filter-panel .sf-head strong .material-symbols-rounded { color: var(--p); font-size: 1rem; }
.sub-filter-panel .sf-toggle { background: var(--canvas); border: 0; width: 32px; height: 32px; border-radius: 50%; cursor: pointer; display: grid; place-items: center; color: var(--text); font-size: .85rem; transition: background .15s, transform .25s; padding: 0; }
.sub-filter-panel .sf-toggle .material-symbols-rounded { font-size: 1rem; }
.sub-filter-panel .sf-toggle:hover { background: var(--p-soft); color: var(--p); }
.sub-filter-panel.is-collapsed .sf-toggle { transform: rotate(180deg); }
.sub-filter-panel .sf-body { padding: .85rem 1rem 1rem; max-height: 600px; overflow: hidden;
transition: max-height .3s ease, padding .3s ease, opacity .2s; }
.sub-filter-panel.is-collapsed .sf-body { max-height: 0; padding-top: 0; padding-bottom: 0; opacity: 0; }
.sub-filter-panel.is-collapsed { border-bottom: 1px solid var(--border); }
.sub-filter-panel h5 { font-size: .7rem; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); margin: .5rem 0 .35rem; font-weight: 700; display: inline-flex; align-items: center; gap: .35rem; }
.sub-filter-panel h5:first-child { margin-top: 0; }
.sub-filter-panel h5 .material-symbols-rounded { font-size: .9rem; color: var(--p); }
.sub-filter-panel .sf-apply { width: 100%; padding: .75rem 1rem; margin-top: 1rem; background: var(--p); color: #fff; border: 0; border-radius: 10px; font-family: inherit; font-weight: 700; cursor: pointer; font-size: .92rem; display: inline-flex; align-items: center; justify-content: center; gap: .5rem; }
.sub-filter-panel .sf-apply .material-symbols-rounded { font-size: 1rem; }
.sub-filter-panel .sf-apply:hover { background: var(--p2); }
.multi-select { display: flex; flex-wrap: wrap; gap: .25rem; }
.multi-select .mini-chip { padding: .25rem .55rem; background: #fff; border: 1px solid var(--border); border-radius: 999px; cursor: pointer; font-size: .75rem; transition: all .15s; user-select: none; }
.multi-select .mini-chip:hover { border-color: var(--p); }
.multi-select .mini-chip.is-on { background: var(--p); color: #fff; border-color: var(--p); }
.results-info { padding: .6rem 1rem; background: #fff; border-bottom: 1px solid var(--border); display: flex; justify-content: space-between; align-items: center; font-size: .82rem; }
.results-info .count { color: var(--text); font-weight: 700; }
.results-info .count strong { color: var(--p); font-size: 1rem; margin-right: .2rem; }
.results-info .sort-select { background: transparent; border: 0; color: var(--text); font-family: inherit; font-size: .82rem; cursor: pointer; padding: .15rem .25rem; border-radius: 4px; font-weight: 600; }
.results-info .sort-select:hover { background: var(--canvas); }
.results-list { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.results-list::-webkit-scrollbar { width: 8px; }
.results-list::-webkit-scrollbar-thumb { background: rgba(0,0,0,.15); border-radius: 4px; }
.result-card { display: grid; grid-template-columns: 70px 1fr; gap: .85rem; padding: .85rem 1rem; cursor: pointer; transition: background .15s; border-bottom: 1px solid var(--border); position: relative; }
.result-card:hover { background: var(--p-soft); }
.result-card.is-active { background: var(--p-soft); }
.result-card.is-active::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--p); }
.result-thumb { width: 70px; height: 70px; border-radius: 10px; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; font-size: 1.3rem;
font-family: var(--grm-font-display, "Inter Tight", serif);
position: relative; overflow: hidden; flex-shrink: 0; background-size: cover; background-position: center; }
.result-thumb::after { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, transparent 50%, rgba(0,0,0,.15)); }
.result-thumb .thumb-letter { position: relative; z-index: 1; }
.result-thumb .niveau-corner { position: absolute; bottom: 0; right: 0; width: 22px; height: 22px; border-radius: 7px 0 10px 0; display: grid; place-items: center; z-index: 2; color: #fff; }
.result-thumb .niveau-corner .material-symbols-rounded { font-size: .8rem; }
.result-thumb .niveau-corner.goud   { background: linear-gradient(135deg, var(--grm-warn,#f59e0b), var(--grm-warn-text,#B06000)); }
.result-thumb .niveau-corner.zilver { background: linear-gradient(135deg, var(--grm-ink-300,#a8b4bc), var(--grm-ink-400,#7A8794)); }
.result-thumb .niveau-corner.brons  { background: linear-gradient(135deg, var(--grm-warn,#f59e0b), var(--grm-warn-text,#B06000)); }
.result-info { min-width: 0; }
.result-info h3 { margin: 0 0 .15rem; font-size: .95rem;
font-family: var(--grm-font-display, "Inter Tight", serif); font-weight: 700; }
.result-info h3 a { color: var(--text); text-decoration: none; }
.result-info h3 a:hover { color: var(--p); }
.result-info .meta-line { font-size: .78rem; color: var(--muted); margin-bottom: .35rem; display: flex; align-items: center; gap: .2rem; }
.result-info .meta-line .material-symbols-rounded { color: var(--p); opacity: .7; font-size: .85rem; }
.result-info .spec-line { font-size: .76rem; color: var(--text); display: flex; flex-wrap: wrap; gap: .15rem; }
.result-info .spec-line span { background: var(--p-soft); color: var(--p); padding: .1rem .45rem; border-radius: 999px; font-weight: 600; }
.result-info .beschik-pill { display: inline-flex; align-items: center; gap: .25rem; font-size: .7rem; color: var(--success); font-weight: 700; margin-top: .25rem; }
.result-info .beschik-pill::before { content: ''; width: 5px; height: 5px; background: var(--success); border-radius: 50%; }
.result-info .verified-pill { display: inline-flex; align-items: center; gap: .25rem; font-size: .7rem; color: var(--p); font-weight: 700; margin-top: .25rem; margin-left: .35rem; }
.result-info .verified-pill .material-symbols-rounded { font-size: .8rem; }
.kaart-map-wrap { position: relative; }
#grm-map { width: 100%; height: 100%; }
.leaflet-container { background: var(--grm-line-soft,#eaeff5); font-family: inherit; }
.map-controls { position: absolute; top: 1rem; right: 1rem; z-index: 500; display: flex; flex-direction: column; gap: .35rem; }
.map-ctrl-btn { width: 40px; height: 40px; background: #fff; border: 0; border-radius: 8px; box-shadow: 0 2px 8px rgba(4,30,66,.15); cursor: pointer; display: grid; place-items: center; color: var(--text); transition: all .15s; padding: 0; }
.map-ctrl-btn .material-symbols-rounded { font-size: 1.1rem; }
.map-ctrl-btn:hover { background: var(--p); color: #fff; }
.view-toggle-overlay { position: absolute; top: 1rem; left: 1rem; z-index: 500; display: flex; gap: .25rem; background: #fff; padding: .3rem; border-radius: 10px; box-shadow: 0 4px 12px rgba(4,30,66,.15); }
.view-toggle-overlay a, .view-toggle-overlay button { padding: .5rem 1rem; background: transparent; border: 0; color: var(--text); text-decoration: none; font-family: inherit; font-size: .85rem; font-weight: 600; border-radius: 8px; cursor: pointer; display: inline-flex; align-items: center; gap: .35rem; }
.view-toggle-overlay a:hover, .view-toggle-overlay button:hover { background: var(--canvas); }
.view-toggle-overlay .is-active { background: var(--p); color: #fff; }
.view-toggle-overlay .material-symbols-rounded { font-size: .95rem; }
@media (max-width: 800px) { .view-toggle-overlay { display: none; } }
.gv-pin-marker { background: transparent; }
.gv-pin-inner { width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; font-size: .8rem; border: 3px solid #fff; box-shadow: 0 3px 8px rgba(0,0,0,.25); transition: transform .15s; }
.gv-pin-inner .material-symbols-rounded { font-size: 12px; color: #fff; }
.gv-pin-marker:hover .gv-pin-inner { transform: scale(1.2); }
.gv-pin-inner.goud   { background: linear-gradient(135deg, var(--grm-warn,#f59e0b), var(--grm-warn-text,#B06000)); }
.gv-pin-inner.zilver { background: linear-gradient(135deg, var(--grm-ink-300,#a8b4bc), var(--grm-ink-400,#7A8794)); }
.gv-pin-inner.brons  { background: linear-gradient(135deg, var(--grm-warn,#f59e0b), var(--grm-warn-text,#B06000)); }
.marker-cluster-small div  { background: var(--grm-rij-diep) !important; color: #fff !important; font-weight: 800 !important; font-family: var(--grm-font-display, "Inter Tight", serif) !important; }
.marker-cluster-medium div { background: var(--grm-rij-diep) !important; color: #fff !important; font-weight: 800 !important; font-family: var(--grm-font-display, "Inter Tight", serif) !important; }
.marker-cluster-large div  { background: linear-gradient(135deg, var(--grm-warn,#f59e0b), var(--grm-warn-text,#B06000)) !important; color: #fff !important; font-weight: 800 !important; font-family: var(--grm-font-display, "Inter Tight", serif) !important; }
.leaflet-popup-content-wrapper { border-radius: 14px; box-shadow: 0 12px 32px rgba(4,30,66,.15); padding: 0; overflow: hidden; }
.leaflet-popup-content { margin: 0; min-width: 260px; }
.gv-popup-card { font-family: var(--grm-font-body, "Inter", sans-serif); }
.gv-popup-cover { height: 70px; display: flex; align-items: center; justify-content: center; position: relative; background-size: cover; background-position: center; }
.gv-popup-cover .av { width: 48px; height: 48px; border-radius: 50%; background: rgba(255,255,255,.95); color: var(--text); display: grid; place-items: center; font-weight: 800; font-size: 1.1rem; font-family: var(--grm-font-display, "Inter Tight", serif); }
.gv-popup-body { padding: .85rem 1rem; }
.gv-popup-body strong { display: block; font-size: 1rem; margin-bottom: .25rem; color: var(--text); font-family: var(--grm-font-display, "Inter Tight", serif); font-weight: 700; }
.gv-popup-body .meta { font-size: .8rem; color: var(--muted); }
.gv-popup-tier { color: var(--grm-warn,#f59e0b); font-weight: 700; margin: .35rem 0; font-size: .85rem; display: inline-flex; align-items: center; gap: .3rem; }
.gv-popup-tier.zilver { color: var(--grm-ink-400,#7A8794); }
.gv-popup-tier.brons  { color: var(--grm-warn-text,#B06000); }
.gv-popup-tier .material-symbols-rounded { font-size: .95rem; }
.gv-popup-link { display: block; margin-top: .5rem; padding: .45rem; background: var(--p); color: #fff !important; text-align: center; border-radius: 8px; text-decoration: none; font-weight: 700; font-size: .85rem; }
.gv-popup-link:hover { background: var(--p2); }
.leaflet-control-zoom { box-shadow: 0 2px 8px rgba(4,30,66,.15); border-radius: 8px !important; overflow: hidden; border: 0; }
.leaflet-control-zoom a { background: #fff; color: var(--text); border: 0; width: 40px; height: 40px; line-height: 38px; font-size: 1.1rem; font-weight: 800; }
.leaflet-control-zoom a:hover { background: var(--p); color: #fff; }
body.has-kaart-full .grm-h,
body.has-kaart-full .grm-header,
body.has-kaart-full .grm-topstrip,
body.has-kaart-full .grm-f,
body.has-kaart-full #header-outer,
body.has-kaart-full #header-secondary-outer,
body.has-kaart-full #header-space,
body.has-kaart-full #page-header-bg,
body.has-kaart-full #page-header-wrap,
body.has-kaart-full #footer-outer,
body.has-kaart-full #footer-widgets,
.kaart-page.is-fullscreen ~ .grm-h,
.kaart-page.is-fullscreen ~ .grm-header { display: none !important; }
body.has-kaart-full { overflow: hidden; margin: 0 !important; padding: 0 !important; }
body.has-kaart-full #ajax-content-wrap,
body.has-kaart-full .container-wrap,
body.has-kaart-full #post-area,
body.has-kaart-full .main-content { padding: 0 !important; margin: 0 !important; border: 0 !important; }
body.has-kaart-full .kaart-page { height: 100vh !important; }
.kaart-page.is-fullscreen { position: fixed !important; inset: 0; height: 100vh; z-index: 9999; }
html.wp-toolbar body.admin-bar.has-kaart-full .kaart-page { height: calc(100vh - 32px) !important; top: 32px; }
@media (max-width: 782px) {
html.wp-toolbar body.admin-bar.has-kaart-full .kaart-page { height: calc(100vh - 46px) !important; top: 46px; }
}
.kaart-page--embed { height: auto; }
.kaart-page--full { height: 100vh; }
.kaart-empty { text-align: center; padding: 2.5rem 1rem; color: var(--muted); }
.kaart-empty .material-symbols-rounded { font-size: 2rem; margin-bottom: .85rem; opacity: .4; display: block; }
.kaart-empty p { margin: .5rem 0; }
.kaart-empty .clear-btn { background: var(--p); color: #fff; border: 0; padding: .5rem 1rem; border-radius: 8px; font-family: inherit; font-weight: 600; cursor: pointer; font-size: .85rem; }
@media (max-width: 800px) {
body.has-kaart-page:has(.kaart-page) { overflow: hidden; }
body.has-kaart-page:has(.kaart-page) .grm-h,
body.has-kaart-page:has(.kaart-page) .grm-header,
body.has-kaart-page:has(.kaart-page) .grm-topstrip,
body.has-kaart-page:has(.kaart-page) .grm-f,
body.has-kaart-page:has(.kaart-page) #wpadminbar,
body.has-kaart-page:has(.kaart-page) header[role="banner"],
body.has-kaart-page:has(.kaart-page) #header-outer,
body.has-kaart-page:has(.kaart-page) #header-secondary-outer,
body.has-kaart-page:has(.kaart-page) #header-space,
body.has-kaart-page:has(.kaart-page) #page-header-bg,
body.has-kaart-page:has(.kaart-page) #page-header-wrap,
body.has-kaart-page:has(.kaart-page) #footer-outer,
body.has-kaart-page:has(.kaart-page) #footer-widgets { display: none !important; }
body.has-kaart-page:has(.kaart-page) { padding-top: 0 !important; margin-top: 0 !important; }
body.has-kaart-page:has(.kaart-page) #ajax-content-wrap,
body.has-kaart-page:has(.kaart-page) .container-wrap,
body.has-kaart-page:has(.kaart-page) #post-area,
body.has-kaart-page:has(.kaart-page) .main-content { padding: 0 !important; margin: 0 !important; border: 0 !important; }
.kaart-page { position: fixed; inset: 0; height: 100dvh; height: 100vh; grid-template-rows: 1fr; padding-top: env(safe-area-inset-top, 0); }
.kaart-body { grid-template-columns: 1fr !important; grid-template-rows: 1fr !important; height: 100% !important; position: relative; }
.kaart-side {
position: absolute !important; left: 0; right: 0; bottom: 0; top: 0;
transform: translateY(100%);
transition: transform .3s cubic-bezier(.4,0,.2,1);
z-index: 600;
border-right: 0 !important;
box-shadow: 0 -8px 24px rgba(4,30,66,.15);
}
.kaart-page.is-list-open .kaart-side { transform: translateY(0); }
.kaart-side.is-collapsed { display: flex !important; }
.kaart-map-wrap { position: absolute !important; inset: 0; height: 100% !important; }
.kaart-mobile-top { position: absolute; top: env(safe-area-inset-top, 0); left: 0; right: 0; z-index: 510; padding: .75rem .85rem; display: flex; gap: .55rem; align-items: center; background: linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.85) 70%, transparent 100%); pointer-events: none; }
.kaart-mobile-top > * { pointer-events: auto; }
.kaart-mobile-top .km-back { width: 40px; height: 40px; background: #fff; border: 0; border-radius: 50%; box-shadow: 0 2px 8px rgba(4,30,66,.15); display: grid; place-items: center; cursor: pointer; color: var(--text); font-size: 1rem; text-decoration: none; flex-shrink: 0; }
.kaart-mobile-top .km-back .material-symbols-rounded { font-size: 1.1rem; }
.kaart-mobile-top .km-search { flex: 1; min-width: 0; background: #fff; border-radius: 999px; padding: .55rem 1rem; box-shadow: 0 2px 8px rgba(4,30,66,.15); display: flex; align-items: center; gap: .55rem; font-size: .9rem; color: var(--muted); cursor: text; }
.kaart-mobile-top .km-search .material-symbols-rounded { font-size: 1rem; }
.kaart-mobile-top .km-search input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; font-family: inherit; font-size: .9rem; color: var(--text); }
.kaart-mobile-top .km-search input::placeholder { color: var(--muted); }
.kaart-mobile-top .km-filter { width: 40px; height: 40px; background: var(--p); color: #fff; border: 0; border-radius: 50%; box-shadow: 0 2px 8px rgba(22,104,199,.3); display: grid; place-items: center; cursor: pointer; flex-shrink: 0; transition: background .15s, transform .15s; padding: 0; }
.kaart-mobile-top .km-filter .material-symbols-rounded { font-size: 1.1rem; }
.kaart-mobile-top .km-filter:hover { background: var(--p2); }
.kaart-mobile-top .km-filter:active { transform: scale(.92); }
.km-view-toggle { position: absolute; bottom: calc(1.25rem + env(safe-area-inset-bottom, 0px)); left: 50%; transform: translateX(-50%); z-index: 520; background: var(--text); color: #fff; border: 0; border-radius: 999px; padding: .85rem 1.5rem; box-shadow: 0 6px 20px rgba(4,30,66,.25); display: inline-flex; align-items: center; gap: .55rem; cursor: pointer; font-family: inherit; font-weight: 700; font-size: .95rem; }
.km-view-toggle .material-symbols-rounded { font-size: 1rem; }
.km-view-toggle .km-vt-count { background: var(--accent); padding: .15rem .55rem; border-radius: 999px; font-size: .75rem; font-weight: 800; }
.kaart-page.is-list-open .km-view-toggle { display: none !important; }
.kaart-side::before {
content: ''; position: absolute; top: .65rem; left: 50%;
transform: translateX(-50%); width: 40px; height: 4px;
background: var(--border); border-radius: 999px; z-index: 7;
}
.results-header { padding-top: 1.3rem !important; }
.results-header h1 { display: none; }
.result-card { grid-template-columns: 76px 1fr; gap: 1rem; padding: 1.1rem 1.1rem; min-height: 88px; }
.result-thumb { width: 76px; height: 76px; font-size: 1.4rem; }
.result-info h3 { font-size: 1rem; margin-bottom: .25rem; }
.result-info .meta-line { font-size: .85rem; }
.result-info .spec-line { font-size: .82rem; margin-top: .25rem; }
.result-info .beschik-pill { font-size: .76rem; margin-top: .4rem; }
.map-controls { top: calc(env(safe-area-inset-top, 0) + 4.5rem); right: .75rem; }
.map-ctrl-btn { width: 38px; height: 38px; }
.leaflet-control-zoom a { width: 36px; height: 36px; line-height: 34px; font-size: 1rem; }
}
@media (min-width: 801px) {
.kaart-mobile-top, .km-view-toggle { display: none !important; }
}
.kaart-page :focus-visible {
outline: 3px solid var(--p);
outline-offset: 2px;
border-radius: 4px;
}
.kaart-page button:focus-visible,
.kaart-page a:focus-visible {
outline-offset: 3px;
}
.kaart-page :focus:not(:focus-visible) { outline: 0; }
.kaart-page .mini-chip:focus-visible,
.kaart-page .filter-chip-btn:focus-visible {
outline: 3px solid var(--p);
outline-offset: 2px;
border-radius: 999px;
}
.kaart-page .result-card:focus-visible {
background: var(--p-soft);
outline: 3px solid var(--p);
outline-offset: -3px;
border-radius: 4px;
}
.kaart-page .sr-only {
position: absolute !important;
width: 1px; height: 1px;
padding: 0; margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border: 0;
}
.kaart-page .grm-skip {
position: absolute;
top: -50px;
left: 1rem;
background: var(--p);
color: #fff;
padding: .75rem 1.25rem;
border-radius: 8px;
font-weight: 700;
text-decoration: none;
z-index: 9999;
transition: top .15s;
width: auto;
height: auto;
clip: auto;
white-space: nowrap;
}
.kaart-page .grm-skip:focus {
top: 1rem;
outline: 3px solid var(--accent);
outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
.kaart-page *, .kaart-page *::before, .kaart-page *::after,
.gv-pin-marker, .gv-pin-inner,
.kaart-side, .sub-filter-panel .sf-body,
.filter-chip-btn, .mini-chip, .result-card, .map-ctrl-btn, .km-view-toggle {
animation-duration: .01ms !important;
animation-iteration-count: 1 !important;
transition-duration: .01ms !important;
scroll-behavior: auto !important;
}
}

.grm-dash{font-family:var(--grm-font-body,"Inter",Inter,sans-serif);color:var(--grm-ink,#041E42);max-width:1400px;margin:24px auto;padding:0 16px;background:var(--grm-canvas,#F5F7FA)}
.grm-dash h1,.grm-dash h2,.grm-dash h3,.grm-dash h4{font-family:var(--grm-font-display,"Inter Tight",sans-serif);font-weight:800;letter-spacing:-.01em;color:var(--grm-ink,#041E42)}
.grm-dash__guard{text-align:center;padding:60px 20px;background:#fff;border:1px solid var(--grm-line,#D7DEE7);border-radius:16px;box-shadow:0 2px 6px rgba(4,30,66,.04)}
.grm-dash__guard h3{font-size:24px;margin:0 0 12px}
.grm-dash__current{display:flex;align-items:center;gap:10px;background:transparent;border:0;cursor:pointer;text-align:left;font-family:inherit;padding:4px 8px;border-radius:10px;transition:background .14s}
.grm-dash__current:hover{background:var(--grm-brand-50,#EDF2F8)}
.grm-dash__current-letter,.grm-dash__letter{width:40px;height:40px;border-radius:11px;background:var(--grm-rij-merk);color:#fff;font-weight:800;display:inline-flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;font-family:var(--grm-font-display,"Inter Tight",sans-serif)}
.grm-dash__current strong{font-size:14.5px;display:block;line-height:1.2;font-weight:800;color:var(--grm-ink,#041E42);font-family:var(--grm-font-display)}
.grm-dash__current em{font-size:11.5px;color:var(--grm-ink-500,#55636E);font-style:normal;text-transform:capitalize;margin-top:2px;display:block}
.grm-dash__menu{position:absolute;top:calc(100% + 8px);left:0;min-width:300px;background:#fff;border:1px solid var(--grm-line,#D7DEE7);border-radius:14px;list-style:none;padding:8px;margin:0;box-shadow:0 16px 40px rgba(4,30,66,.12);z-index:50}
.grm-dash__menu li button,.grm-dash__menu li a{display:flex;width:100%;align-items:center;gap:10px;padding:10px 12px;border:0;background:transparent;cursor:pointer;border-radius:10px;font-family:inherit;text-align:left;text-decoration:none;color:inherit;font-size:14px;transition:background .14s,color .14s}
.grm-dash__menu li button:hover,.grm-dash__menu li a:hover{background:var(--grm-brand-50,#EDF2F8);color:var(--grm-brand,#103A63)}
.grm-dash__menu li button strong{font-weight:700}
.grm-dash__menu li button em{font-size:11px;color:var(--grm-ink-500,#55636E);font-style:normal;text-transform:capitalize}
.grm-dash__menu-sep{border-top:1px solid var(--grm-line,#D7DEE7);margin-top:8px;padding-top:8px}
.grm-dash__menu-sep a{font-weight:700;color:var(--grm-brand,#103A63)}
.grm-dash__body{display:grid;grid-template-columns:260px 1fr;gap:20px;align-items:start}
@media(max-width:860px){.grm-dash__body{grid-template-columns:1fr}}
.grm-dash__side{display:flex;flex-direction:column;gap:2px;background:#fff;border:1px solid var(--grm-line,#D7DEE7);border-radius:14px;padding:12px;position:sticky;top:96px;box-shadow:0 2px 6px rgba(4,30,66,.04)}
@media(max-width:860px){.grm-dash__side{position:static;flex-direction:row;overflow-x:auto;padding:8px}}
.grm-dash__navbtn{display:flex;align-items:center;gap:10px;background:transparent;border:0;font-family:inherit;font-size:14px;font-weight:600;color:var(--grm-ink-700,#33424F);padding:11px 14px;border-radius:10px;cursor:pointer;transition:background .14s,color .14s;text-align:left;width:100%;justify-content:flex-start;white-space:nowrap}
.grm-dash__navbtn .material-symbols-rounded{font-size:20px;color:var(--grm-ink-500,#55636E);transition:color .14s,font-variation-settings .14s}
.grm-dash__navbtn:hover{background:#fff;color:var(--grm-ink,#041E42)}
.grm-dash__navbtn:hover .material-symbols-rounded{color:var(--grm-brand,#103A63)}
.grm-dash__navbadge{margin-left:auto;background:#fff;color:var(--grm-ink-500,#55636E);font-size:11px;padding:3px 8px;border-radius:99px;font-weight:800}
.grm-dash__main{background:#fff;border:1px solid var(--grm-line,#D7DEE7);border-radius:14px;padding:28px;min-height:500px;box-shadow:0 2px 6px rgba(4,30,66,.04)}
.grm-dash__panel{display:none}
.grm-dash__panel.is-active{display:block}
.grm-dash__panel h2{font-size:24px;font-weight:800;margin:0 0 4px;letter-spacing:-.02em;color:var(--grm-ink,#041E42)}
.grm-dash__sub{color:var(--grm-ink-500,#55636E);font-size:14px;margin:0 0 22px;line-height:1.55}
.grm-dash__empty{color:var(--grm-ink-300,#A8B4BC);text-align:center;padding:48px 20px;font-style:italic;font-size:14px}
.grm-dash__kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}
@media(max-width:600px){.grm-dash__kpis{grid-template-columns:1fr}}
.grm-dash__kpi{background:linear-gradient(135deg,var(--grm-brand-50,#EDF2F8) 0%,#fff 100%);border:1px solid var(--grm-line,#D7DEE7);border-radius:14px;padding:22px;text-align:left;display:flex;align-items:center;gap:14px;transition:transform .15s,box-shadow .15s,border-color .15s}
.grm-dash__kpi:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(4,30,66,.10);border-color:transparent}
.grm-dash__kpi-ic{flex-shrink:0;width:46px;height:46px;border-radius:11px;background:var(--grm-brand,#103A63);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 4px 12px rgba(16,58,99,.28)}
.grm-dash__kpi-ic .material-symbols-rounded{font-size:22px}
.grm-dash__kpi:nth-child(2) .grm-dash__kpi-ic{background:var(--grm-accent,#1668C7);color:#FFFFFF;box-shadow:0 4px 12px rgba(22,104,199,.28)}
.grm-dash__kpi:nth-child(3) .grm-dash__kpi-ic{background:var(--grm-success,#103A63);box-shadow:0 4px 12px rgba(16,58,99,.28)}
.grm-dash__kpi-txt{display:flex;flex-direction:column;line-height:1.2}
.grm-dash__kpi strong{display:block;font-size:28px;font-weight:800;color:var(--grm-ink,#041E42);letter-spacing:-.02em;font-family:var(--grm-font-display)}
.grm-dash__kpi span{font-size:13px;color:var(--grm-ink-500,#55636E);font-weight:600;margin-top:2px}
.grm-dash__tipbox{background:#fff;border:1px dashed var(--grm-line,#D7DEE7);border-radius:14px;padding:24px;text-align:center}
.grm-dash__tipbox strong{display:block;margin-bottom:6px;color:var(--grm-ink,#041E42);font-family:var(--grm-font-display);font-weight:800}
.grm-dash__tipbox p{margin:0 0 14px;color:var(--grm-ink-500,#55636E);line-height:1.55}
.grm-dash__toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}
.grm-dash__toolbar h2{margin:0}
.grm-dash__toolbar-right{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.grm-dash__toolbar-right input[type="search"]{padding:9px 14px;border:1px solid var(--grm-line,#D7DEE7);border-radius:10px;font-size:13.5px;min-width:240px;font-family:inherit;background:var(--grm-canvas,#F5F7FA);color:var(--grm-ink,#041E42);transition:border-color .14s,box-shadow .14s,background .14s;outline:none}
.grm-dash__toolbar-right input[type="search"]:focus{border-color:var(--grm-brand,#103A63);background:#fff;box-shadow:0 0 0 4px rgba(22,104,199,.14)}
.grm-dash__toolbar-right input[type="search"]::placeholder{color:var(--grm-ink-500,#55636E)}
.grm-dash__table{width:100%;border-collapse:collapse;font-size:13.5px;background:#fff;border-radius:12px;overflow:hidden}
.grm-dash__table thead th{background:#fff;color:var(--grm-ink-500,#55636E);font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:800;padding:12px 14px;text-align:left;border-bottom:1px solid var(--grm-line,#D7DEE7);font-family:var(--grm-font-display)}
.grm-dash__table tbody td{padding:14px;border-bottom:1px solid var(--grm-canvas,#f5f7fa);vertical-align:middle;color:var(--grm-ink,#041E42)}
.grm-dash__table tbody tr{cursor:pointer;transition:background .12s}
.grm-dash__table tbody tr:hover{background:var(--grm-brand-50,#EDF2F8)}
.grm-dash__table tbody tr:last-child td{border-bottom:0}
.grm-dash__table small{color:var(--grm-ink-500,#55636E);font-size:12px}
.grm-dash__td-img{width:48px}
.grm-dash__td-img img{width:40px;height:40px;object-fit:cover;border-radius:8px;display:block}
.grm-dash__thumb{width:40px;height:40px;border-radius:8px;background:var(--grm-rij-merk);color:#fff;font-weight:800;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-family:var(--grm-font-display)}
.grm-dash__pill{padding:3px 10px;border-radius:99px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.grm-dash__pill.ok{background:rgba(16,58,99,.14);color:var(--grm-success,#103A63)}
.grm-dash__pill.off{background:var(--grm-canvas,#f5f7fa);color:var(--grm-ink-500,#55636E)}
.grm-dash__pill.warn{background:rgba(22,104,199,.14);color:var(--grm-accent,#1668C7)}
.grm-dash__form{display:flex;flex-direction:column;gap:20px}
.grm-dash__form fieldset{border:1px solid var(--grm-line,#D7DEE7);border-radius:14px;padding:22px;margin:0;background:#fff}
.grm-dash__form legend{font-weight:800;color:var(--grm-ink,#041E42);padding:0 10px;font-size:14px;font-family:var(--grm-font-display)}
.grm-dash__grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:700px){.grm-dash__grid2{grid-template-columns:1fr}}
.grm-dash__grid2 label,.grm-dash__lbl{display:block;font-size:12px;font-weight:700;color:var(--grm-ink-500,#55636E);text-transform:uppercase;letter-spacing:.04em}
.grm-dash__grid2 input,.grm-dash__grid2 select,.grm-dash__grid2 textarea,.grm-dash__lbl input,.grm-dash__lbl select,.grm-dash__lbl textarea{display:block;width:100%;margin-top:6px;padding:10px 12px;border:1px solid var(--grm-line,#D7DEE7);border-radius:10px;font-size:14px;font-family:inherit;background:var(--grm-canvas,#F5F7FA);text-transform:none;font-weight:400;color:var(--grm-ink,#041E42);outline:none;transition:border-color .14s,box-shadow .14s,background .14s;box-sizing:border-box}
.grm-dash__grid2 input:focus,.grm-dash__grid2 select:focus,.grm-dash__grid2 textarea:focus,.grm-dash__lbl input:focus,.grm-dash__lbl select:focus,.grm-dash__lbl textarea:focus{border-color:var(--grm-brand,#103A63);background:#fff;box-shadow:0 0 0 4px rgba(22,104,199,.14)}
.grm-dash__col2{grid-column:span 2}
@media(max-width:700px){.grm-dash__col2{grid-column:span 1}}
.grm-dash__check{display:flex;align-items:center;gap:8px;font-size:13.5px;text-transform:none;font-weight:600;color:var(--grm-ink,#041E42)}
.grm-dash__check input{width:auto;margin:0;accent-color:var(--grm-brand,#103A63)}
.grm-dash__fields{display:flex;flex-direction:column;gap:16px}
.grm-dash__field{padding-bottom:10px}
.grm-dash__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.grm-dash__chip{background:#fff;border:1px solid var(--grm-line,#D7DEE7);border-radius:99px;font-size:12px;font-weight:700;color:var(--grm-ink-700,#33424F);padding:6px 12px;cursor:pointer;transition:all .14s;font-family:inherit}
.grm-dash__chip:hover{background:var(--grm-brand-50,#EDF2F8);color:var(--grm-brand,#103A63);border-color:var(--grm-brand,#103A63)}
.grm-dash__chip.is-active{background:var(--grm-brand,#103A63);color:#fff;border-color:var(--grm-brand,#103A63)}
.grm-dash__form-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:10px}
.grm-dash__msg{font-size:13px;color:var(--grm-ink-500,#55636E);margin:0;min-height:18px}
.grm-dash__modal{position:fixed;inset:0;background:rgba(4,30,66,.55);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:grmDashModalFade .25s ease-out both;font-family:var(--grm-font-body)}
.grm-dash__modal[hidden]{display:none}
@keyframes grmDashModalFade{from{opacity:0}to{opacity:1}}
.grm-dash__modal-box{background:#fff;border-radius:18px;max-width:720px;width:100%;max-height:90vh;overflow-y:auto;padding:24px;box-shadow:0 24px 60px rgba(4,30,66,.22);animation:grmDashModalRise .35s cubic-bezier(.22,1,.36,1) both}
@keyframes grmDashModalRise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.grm-dash__modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--grm-line,#D7DEE7)}
.grm-dash__modal-head h3{margin:0;font-size:19px;font-weight:800;font-family:var(--grm-font-display);color:var(--grm-ink,#041E42)}
.grm-dash__modal-close{background:#fff;border:1px solid var(--grm-line,#D7DEE7);width:36px;height:36px;border-radius:10px;font-size:0;cursor:pointer;color:var(--grm-ink-500,#55636E);line-height:1;display:flex;align-items:center;justify-content:center;transition:background .14s}
.grm-dash__modal-close::before{content:"×";font-size:24px;font-weight:600}
.grm-dash__modal-close:hover{background:var(--grm-brand-50,#EDF2F8);color:var(--grm-brand,#103A63)}
.grm-dash__modal textarea[data-role="csv-text"]{width:100%;margin-top:10px;padding:12px;border:1px solid var(--grm-line,#D7DEE7);border-radius:10px;font-family:monospace;font-size:12px;background:var(--grm-canvas,#F5F7FA)}
.grm-btn{font-family:inherit;font-size:14px;font-weight:700;padding:10px 18px;border-radius:10px;cursor:pointer;border:1px solid transparent;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .14s,color .14s,transform .12s,box-shadow .14s;line-height:1}
.grm-btn--primary{background:var(--grm-brand,#103A63);color:#fff;box-shadow:0 4px 12px rgba(22,104,199,.32)}
.grm-btn--primary:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(22,104,199,.42);color:#fff;background:var(--grm-accent-hover,#125AAC)}
.grm-btn--ghost{background:transparent;color:var(--grm-ink,#041E42);border-color:var(--grm-line,#D7DEE7)}
.grm-btn--ghost:hover{border-color:var(--grm-brand,#103A63);color:var(--grm-brand,#103A63);background:var(--grm-brand-50,#EDF2F8)}
@media(max-width:980px){.grm-dash{padding-bottom:80px}}
.grm-dash{--grm-dash-sw:264px;max-width:none;margin:0;padding:0;background:var(--grm-canvas,#F5F7FA);min-height:100vh}
.grm-dash__body{display:block;gap:0}
.grm-dash__tabblad{min-height:1px}
.grm-dash.is-laden .grm-dash__tabblad{opacity:.5;pointer-events:none;transition:opacity .12s}
.grm-dash__side{
position:fixed;left:0;top:0;bottom:0;width:var(--grm-dash-sw);z-index:60;
display:flex;flex-direction:column;gap:0;
background:#fff;border:0;border-right:1px solid var(--grm-line,#D7DEE7);
border-radius:0;padding:0;box-shadow:none;overflow:hidden;
}
.grm-dash__main{margin-left:var(--grm-dash-sw);padding:26px 30px 60px;min-width:0}
.grm-dash__org{position:relative;padding:16px 14px 12px;border-bottom:1px solid var(--grm-line-soft,#EDF2F8);flex:0 0 auto}
.grm-dash__current{width:100%;gap:11px;padding:8px 10px;border-radius:12px}
.grm-dash__current-txt{flex:1;min-width:0}
.grm-dash__current-txt strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.grm-dash__current-caret{margin-left:auto;color:var(--grm-ink-300,#A8B4BC);font-size:18px;transition:transform .18s}
.grm-dash__current[aria-expanded="true"] .grm-dash__current-caret{transform:rotate(180deg)}
.grm-dash__org .grm-dash__menu{left:10px;right:10px;min-width:0;top:calc(100% - 4px)}
.grm-dash__nav{flex:1 1 auto;overflow-y:auto;padding:10px 12px 14px;scrollbar-width:thin}
.grm-dash__nav::-webkit-scrollbar{width:4px}
.grm-dash__nav::-webkit-scrollbar-thumb{background:var(--grm-line,#D7DEE7);border-radius:99px}
.grm-dash__navlabel{display:block;font-size:10.5px;font-weight:800;color:var(--grm-ink-300,#A8B4BC);text-transform:uppercase;letter-spacing:.08em;padding:14px 12px 6px}
.grm-dash__navlabel:first-child{padding-top:4px}
.grm-dash__navbtn{
margin-bottom:1px;padding:9px 12px;border-radius:10px;font-size:13.5px;
transition:background .18s cubic-bezier(.4,0,.2,1),color .18s,padding .18s,box-shadow .18s;
}
.grm-dash__navbtn:hover{background:var(--grm-brand-50,#EDF2F8);color:var(--grm-brand,#103A63);padding-left:18px}
.grm-dash__navbtn:hover .material-symbols-rounded{color:var(--grm-brand,#103A63)}
.grm-dash__navbtn.is-active{
background:linear-gradient(135deg,var(--grm-brand,#103A63),var(--grm-accent,#1668C7));
color:#fff;padding-left:12px;box-shadow:0 6px 14px -4px rgba(16,58,99,.45);
}
.grm-dash__navbtn.is-active .material-symbols-rounded{color:#fff}
.grm-dash__navbtn.is-active:hover{padding-left:12px}
.grm-dash__navbtn.is-active .grm-dash__navbadge{background:rgba(255,255,255,.24);color:#fff}
.grm-dash__navbadge{margin-left:auto}
.grm-dash__side-foot{flex:0 0 auto;border-top:1px solid var(--grm-line-soft,#EDF2F8);padding:10px 12px 12px}
.grm-dash__side-link{display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:10px;font-size:12.5px;font-weight:600;color:var(--grm-ink-500,#55636E);text-decoration:none;transition:background .18s,color .18s,padding .18s}
.grm-dash__side-link .material-symbols-rounded{font-size:17px}
.grm-dash__side-link:hover{background:var(--grm-brand-50,#EDF2F8);color:var(--grm-brand,#103A63);padding-left:18px}
.grm-dash__user{display:flex;align-items:center;gap:10px;margin-top:4px;padding:9px 10px;border-radius:12px;background:var(--grm-canvas,#F5F7FA)}
.grm-dash__user-av{width:34px;height:34px;flex:0 0 auto;border-radius:10px;background:linear-gradient(135deg,var(--grm-brand,#103A63),var(--grm-accent,#1668C7));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:800;font-family:var(--grm-font-display,"Inter Tight",sans-serif)}
.grm-dash__user-txt{flex:1;min-width:0;display:flex;flex-direction:column}
.grm-dash__user-txt strong{font-size:12.5px;font-weight:700;color:var(--grm-ink,#041E42);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.grm-dash__user-txt em{font-size:10.5px;font-style:normal;color:var(--grm-ink-500,#55636E)}
.grm-dash__user-uit{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;color:var(--grm-ink-500,#55636E);text-decoration:none;transition:background .16s,color .16s}
.grm-dash__user-uit:hover{background:#fff;color:var(--grm-danger,#dc2626)}
.grm-dash__user-uit .material-symbols-rounded{font-size:18px}
@media(max-width:980px){
.grm-dash{--grm-dash-sw:0px}
.grm-dash__side{position:static;width:auto;inset:auto;border-right:0;border-bottom:1px solid var(--grm-line,#D7DEE7);overflow:visible}
.grm-dash__nav{display:flex;gap:4px;overflow-x:auto;padding:10px 12px}
.grm-dash__navlabel{display:none}
.grm-dash__navbtn{width:auto;white-space:nowrap;margin-bottom:0}
.grm-dash__navbtn:hover{padding-left:12px}
.grm-dash__main{margin-left:0;padding:20px 16px 48px}
.grm-dash__side-foot{display:flex;gap:8px;align-items:center}
.grm-dash__user{margin-top:0;flex:1}
}
.grm-dash__hint{margin:0 0 12px;font-size:13px;line-height:1.6;color:var(--grm-ink-500,#55636E)}
.grm-dash__kaartrij{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.grm-dash__geo-status{font-size:12.5px;color:var(--grm-ink-500,#55636E)}
.grm-dash__kaart[data-role="geo-kaart"]{height:320px;border-radius:12px;overflow:hidden;border:1px solid var(--grm-line,#D7DEE7);background:var(--grm-canvas,#F5F7FA)}
.grm-dash__kaart[data-role="geo-kaart"] .leaflet-container{height:100%;width:100%;font:inherit}
@media(max-width:640px){.grm-dash__kaart[data-role="geo-kaart"]{height:240px}}
.grm-bewaard__uitleg{margin:0 0 16px;font-size:13.5px;line-height:1.6;color:var(--grm-ink-500,#55636E)}
.grm-bewaard .grm-matchcta{margin:0 0 18px}
.grm-bewaard .grm-matchcta__knop{width:100%;border:1px solid var(--grm-line,#D7DEE7);box-shadow:0 6px 18px rgba(4,30,66,.08)}
.grm-bewaard__leeg{padding:36px 22px;border-radius:14px;border:1px dashed var(--grm-line,#D7DEE7);background:#fff;text-align:center}
.grm-bewaard__leeg .material-symbols-rounded{font-size:34px;color:var(--grm-brand,#103A63)}
.grm-bewaard__leeg h3{margin:8px 0 6px;font-size:17px;color:var(--grm-ink,#041E42)}
.grm-bewaard__leeg p{margin:0 0 14px;font-size:13.5px;line-height:1.6;color:var(--grm-ink-500,#55636E)}
.grm-bewaard__blok{margin:0 0 18px;padding:18px 20px;border-radius:14px;border:1px solid var(--grm-line,#D7DEE7);background:#fff}
.grm-bewaard__kop{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}
.grm-bewaard__naam{margin:0 0 4px;font-size:17px;font-weight:800;color:var(--grm-ink,#041E42)}
.grm-bewaard__meta{margin:0;font-size:12.5px;color:var(--grm-ink-500,#55636E)}
.grm-bewaard__acties{display:flex;gap:6px;flex-wrap:wrap}
.grm-bewaard__oms{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:var(--grm-rij-zacht,#F5F7FA);font-size:13.5px;line-height:1.6;color:var(--grm-ink-700,#33424f)}
.grm-bewaard__lijst{display:grid;gap:12px;margin:14px 0 0;padding:0;list-style:none}
.grm-bewaard__hit{display:flex;gap:12px;align-items:flex-start;min-width:0}
.grm-bewaard__rang{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--grm-brand,#103A63);color:#fff;font-size:13px;font-weight:800}
.grm-bewaard__kaart{flex:1 1 auto;min-width:0}
.grm-ontdek__uitleg{margin:0 0 14px;font-size:13.5px;line-height:1.6;color:var(--grm-ink-500,#55636E)}
.grm-ontdek__kiezer{
margin-bottom:18px;padding:14px 16px;border-radius:14px;
background:var(--grm-rij-zacht,#F5F7FA);border:1px solid var(--grm-line,#D7DEE7);
}
.grm-ontdek__kiezerkop{display:block;margin-bottom:9px;font-size:13.5px;color:var(--grm-ink,#041E42)}
.grm-ontdek__chips{display:flex;flex-wrap:wrap;gap:7px}
.grm-ontdek__chip{
padding:7px 13px;border-radius:99px;cursor:pointer;
border:1px solid var(--grm-line,#D7DEE7);background:#fff;
font:inherit;font-size:12.5px;font-weight:700;color:var(--grm-ink,#041E42);
}
.grm-ontdek__chip:hover{border-color:var(--grm-accent,#1668C7)}
.grm-ontdek__chip.is-aan{
background:var(--grm-brand,#103A63);border-color:var(--grm-brand,#103A63);color:#fff;
}
.grm-ontdek__melding{margin:9px 0 0;font-size:12.5px;color:var(--grm-accent,#1668C7);min-height:1.1em}
.grm-ontdek__rooster{margin-top:4px}
.grm-chat__kop{display:flex;align-items:center;gap:10px}
.grm-chat__koptxt{flex:1;min-width:0;display:flex;flex-direction:column}
.grm-chat__meerwrap{position:relative;flex:0 0 auto}
.grm-chat__meer{
display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;
border:0;border-radius:999px;cursor:pointer;
background:var(--grm-brand-50,#EDF2F8);color:var(--grm-brand,#103A63);
}
.grm-chat__meer:hover{background:#D3E0EF}
.grm-chat__menu{
position:absolute;top:calc(100% + 6px);right:0;z-index:20;min-width:238px;
display:flex;flex-direction:column;padding:6px;
background:#fff;border:1px solid var(--grm-line,#D7DEE7);border-radius:12px;
box-shadow:0 16px 40px -14px rgba(4,30,66,.4);
}
.grm-chat__menu[hidden]{display:none}
.grm-chat__menu button{
display:flex;align-items:center;gap:9px;width:100%;padding:9px 11px;
border:0;border-radius:9px;background:none;cursor:pointer;text-align:left;
font:inherit;font-size:13px;font-weight:600;color:var(--grm-ink,#041E42);
}
.grm-chat__menu button:hover{background:var(--grm-brand-50,#EDF2F8)}
.grm-chat__menu .material-symbols-rounded{font-size:18px;color:var(--grm-ink-500,#55636E)}
.grm-chat__meta{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:11px;opacity:.75}
.grm-chat__meta time{font-size:11px}
.grm-chat__bel .grm-chat__meta{justify-content:flex-end;line-height:1;min-height:16px}
.grm-chat__bel .grm-chat__meta time{display:inline;margin:0;line-height:1}
.grm-chat__bel .grm-chat__meta .grm-chat__stand{margin:0;padding:0;min-height:0;font-size:inherit;line-height:1;color:inherit}
.grm-chat__bel .grm-chat__meta .material-symbols-rounded{display:block;font-size:15px;line-height:1}
.grm-chat__bewerkt{font-style:italic}
.grm-chat__stand{display:inline-flex;align-items:center}
.grm-chat__stand .material-symbols-rounded{font-size:14px}
.grm-chat__stand.is-gelezen .material-symbols-rounded{color:#9CC4EE}
.grm-chat__regel.is-eigen .grm-chat__stand.is-gelezen .material-symbols-rounded{color:#fff}
.grm-chat__bewerkknop{
display:inline-flex;align-items:center;justify-content:center;
width:20px;height:20px;padding:0;border:0;border-radius:6px;
background:none;cursor:pointer;color:inherit;opacity:.8;
}
.grm-chat__bewerkknop:hover{opacity:1;background:rgba(255,255,255,.18)}
.grm-chat__bewerkknop .material-symbols-rounded{font-size:14px}
.grm-chat__bel--weg{font-style:italic;opacity:.7}
.grm-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.grm-grafiek__kop{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px}
.grm-grafiek__kop h2{margin:0;flex:1 1 auto;font-size:15px}
.grm-grafiek__perioden{display:flex;flex-wrap:wrap;gap:4px}
.grm-grafiek__periode{
padding:7px 12px;border-radius:99px;cursor:pointer;
border:1px solid var(--grm-line,#D7DEE7);background:#fff;
font:inherit;font-size:12.5px;font-weight:700;color:var(--grm-ink-500,#55636E);
}
.grm-grafiek__periode:hover{border-color:var(--grm-accent,#1668C7);color:var(--grm-ink,#041E42)}
.grm-grafiek__periode.is-aan{
background:var(--grm-brand,#103A63);border-color:var(--grm-brand,#103A63);color:#fff;
}
.grm-grafiek__vlak{width:100%;overflow:hidden}
.grm-grafiek__svg{display:block;width:100%;height:auto;aspect-ratio:720/260}
.grm-grafiek__hulplijn{stroke:#E6EBF1;stroke-width:1;stroke-dasharray:3 5}
.grm-grafiek__vlak-onder{stroke:none}
.grm-grafiek__trend{fill:none;stroke:#F08C2E;stroke-width:2;stroke-dasharray:7 6;stroke-linecap:round;opacity:.9}
.grm-grafiek__as{fill:var(--grm-ink-400,#7A8794);font-size:11px;font-family:var(--grm-font,'Inter',sans-serif)}
.grm-grafiek__lijn{fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.grm-grafiek__lijn--weergaven{stroke:var(--grm-grafiek-weergaven,#1668C7)}
.grm-grafiek__lijn--kliks{stroke:var(--grm-grafiek-kliks,#2E9A8C)}
.grm-grafiek__lijn--aanvragen{stroke:var(--grm-grafiek-aanvragen,#7A5CC7)}
.grm-grafiek__lijn--vorig{stroke:var(--grm-ink-400,#7A8794);stroke-width:1.8;stroke-dasharray:5 5}
.grm-grafiek__punt--weergaven{fill:var(--grm-grafiek-weergaven,#1668C7)}
.grm-grafiek__punt--kliks{fill:var(--grm-grafiek-kliks,#2E9A8C)}
.grm-grafiek__punt--aanvragen{fill:var(--grm-grafiek-aanvragen,#7A5CC7)}
.grm-grafiek__punt{stroke:#fff;stroke-width:1.4;opacity:0;transition:opacity .15s}
.grm-grafiek__punt:hover,.grm-grafiek__punt:focus{opacity:1}
.grm-grafiek__legenda{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}
.grm-grafiek__knop{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px !important;border:1px solid var(--grm-line,#D7DEE7);border-radius:999px;background:#fff;color:var(--grm-ink-500,#55636E);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}
.grm-grafiek__knop:hover{border-color:#AEB9C6}
.grm-grafiek__knop strong{font-size:13px;font-weight:800;color:var(--grm-ink,#041E42)}
.grm-grafiek__knop.is-aan{border-color:#AEC6E4;background:#F5F9FE;color:var(--grm-ink,#041E42)}
.grm-grafiek__knop:not(.is-aan) .grm-grafiek__merk{opacity:.3}
.grm-grafiek__knop:not(.is-aan) strong{color:#8A96A0}
.grm-grafiek__max{margin-left:auto;font-size:12px;color:#8A96A0}
.grm-grafiek__merk{display:inline-block;flex:0 0 auto;width:18px;height:4px;border-radius:2px}
.grm-grafiek__merk--weergaven{background:var(--grm-grafiek-weergaven,#1668C7)}
.grm-grafiek__merk--kliks{background:var(--grm-grafiek-kliks,#2E9A8C)}
.grm-grafiek__merk--aanvragen{background:var(--grm-grafiek-aanvragen,#7A5CC7)}
@media(max-width:600px){.grm-grafiek__knop{height:32px;padding:0 10px !important;font-size:12px;gap:6px}.grm-grafiek__max{flex:1 0 100%;margin:0}}
.grm-grafiek__merk--trend{background:repeating-linear-gradient(90deg,#F08C2E 0 6px,transparent 6px 10px)}
.grm-grafiek__merk--vorig{background:repeating-linear-gradient(90deg,var(--grm-ink-400,#7A8794) 0 5px,transparent 5px 10px)}
.grm-grafiek__voet{margin:8px 0 0;font-size:12px;line-height:1.5;color:var(--grm-ink-500,#55636E)}
.grm-grafiek__voet:empty{display:none}
@media(max-width:600px){
.grm-grafiek__svg{aspect-ratio:520/300}
.grm-grafiek__periode{padding:6px 10px;font-size:12px}
}
.grm-imp{max-width:100%}
.grm-imp__uitleg{margin:0 0 16px;font-size:14px;line-height:1.6;color:var(--grm-ink-500,#55636E)}
.grm-imp__form{display:flex;flex-direction:column;gap:14px}
.grm-imp__veld{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:var(--grm-ink,#041E42)}
.grm-imp__veld input[type="file"]{
padding:12px;border:1px dashed var(--grm-line,#D7DEE7);border-radius:11px;
background:var(--grm-rij-zacht,#F5F7FA);font:inherit;font-weight:400;
}
.grm-imp__soorten{margin:0;padding:0 0 0 18px;font-size:13px;line-height:1.7;color:var(--grm-ink-500,#55636E)}
.grm-imp__vink{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--grm-ink,#041E42)}
.grm-imp__knoppen{display:flex;flex-wrap:wrap;gap:10px}
.grm-imp__tabelwrap{overflow-x:auto;border:1px solid var(--grm-line,#D7DEE7);border-radius:12px}
.grm-imp__tabel{border-collapse:collapse;width:100%;font-size:13px}
.grm-imp__tabel th{
vertical-align:top;padding:10px;text-align:left;
background:var(--grm-rij-zacht,#F5F7FA);border-bottom:1px solid var(--grm-line,#D7DEE7);
}
.grm-imp__kolomnaam{
display:block;margin-bottom:6px;font-size:12px;font-weight:800;
color:var(--grm-ink,#041E42);white-space:nowrap;
}
.grm-imp__kies{
width:100%;min-width:170px;padding:7px 9px;font:inherit;font-size:12.5px;
border:1px solid var(--grm-line,#D7DEE7);border-radius:8px;background:#fff;
}
.grm-imp__tabel td{
padding:8px 10px;border-bottom:1px solid var(--grm-line,#D7DEE7);
color:var(--grm-ink-500,#55636E);white-space:nowrap;
}
.grm-imp__tabel tr:last-child td{border-bottom:0}
.grm-imp__let{
display:flex;gap:8px;align-items:flex-start;margin:0;padding:11px 13px;
background:var(--grm-brand-50,#EDF2F8);border-radius:11px;
font-size:13px;line-height:1.55;color:var(--grm-ink,#041E42);
}
.grm-imp__let .material-symbols-rounded{font-size:18px;color:var(--grm-accent,#1668C7)}
.grm-cat__kopknoppen{display:flex;flex-wrap:wrap;gap:10px}
.grm-imp__kaart{border:1px solid var(--grm-line,#D7DEE7);border-radius:14px;background:#fff;padding:16px;margin:0 0 16px}
.grm-imp__stap{margin:4px 0 10px;font-size:15px;font-weight:800;color:var(--grm-brand,#103A63)}
.grm-imp__kaart>.grm-imp__stap:not(:first-child){margin-top:22px;padding-top:18px;border-top:1px solid var(--grm-line-soft,#EAEFF5)}
.grm-imp__rijen{margin:0;border:1px solid var(--grm-line,#D7DEE7);border-radius:12px;background:#fff;overflow:hidden}
.grm-imp__specs{padding:10px 16px 14px;border-top:1px solid var(--grm-line-soft,#EAEFF5)}
.grm-imp__specwacht{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;color:var(--grm-ink-500,#55636E)}
.grm-imp__specwacht .material-symbols-rounded{font-size:18px;color:var(--grm-accent,#1668C7)}
.grm-imp__speclijst{display:flex;flex-direction:column;gap:8px;margin:0 0 10px}
.grm-imp__specrij{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 34px;gap:8px;align-items:center}
.grm-imp__specrij select,.grm-imp__specrij input{width:100%;min-width:0;padding:7px 10px;border:1px solid var(--grm-line,#D7DEE7);border-radius:8px;font:inherit;font-size:13px;background:#fff;color:inherit}
.grm-imp__specweg{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid var(--grm-line,#D7DEE7);border-radius:8px;background:#fff;color:var(--grm-ink-500,#55636E);cursor:pointer}
.grm-imp__specweg:hover{background:var(--grm-bg,#F5F7FA);color:var(--grm-brand,#103A63)}
.grm-imp__specweg .material-symbols-rounded{font-size:18px}
@media(max-width:640px){.grm-imp__specrij{grid-template-columns:minmax(0,1fr) 34px}.grm-imp__specrij input{grid-column:1/-1}}
.grm-imp__rijen-kop{padding:13px 16px;font-weight:700;font-size:14.5px;color:var(--grm-ink,#041E42);cursor:pointer;list-style:none}
.grm-imp__rijen-kop::-webkit-details-marker{display:none}
.grm-imp__rijen .grm-imp__uitleg{margin:0;padding:0 16px 12px}
.grm-imp__stdrij{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 12px;border-bottom:1px solid var(--grm-line-soft,#EAEFF5)}
.grm-imp__stdrij input,.grm-imp__stdrij select{flex:1 1 190px;min-width:0;padding:9px 11px;border:1px solid var(--grm-line,#D7DEE7);border-radius:9px;font:inherit;font-size:13.5px;background:#fff;color:inherit}
.grm-imp__stdrij select:disabled{background:var(--grm-bg,#F5F7FA);color:var(--grm-ink-400,#7A8794)}
.grm-imp__rijlijst{max-height:420px;overflow-y:auto;padding:6px 16px 12px}
.grm-imp__rij{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.2fr) minmax(0,1.4fr) minmax(0,1.4fr);gap:8px;align-items:center;padding:5px 0;border-bottom:1px solid var(--grm-line-soft,#EAEFF5)}
.grm-imp__rij:last-child{border-bottom:0}
.grm-imp__rij-naam{font-size:12.5px;color:var(--grm-ink-500,#55636E);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.grm-imp__rij input,.grm-imp__rij select{width:100%;min-width:0;padding:7px 10px;border:1px solid var(--grm-line,#D7DEE7);border-radius:8px;font:inherit;font-size:13px;background:#fff;color:inherit}
.grm-imp__rij select:disabled{background:var(--grm-bg,#F5F7FA);color:var(--grm-ink-400,#7A8794)}
@media(max-width:640px){.grm-imp__rij{grid-template-columns:minmax(0,1fr)}.grm-imp__rij-naam{white-space:normal}}
.grm-specs{border:1px solid var(--grm-line,#D7DEE7);border-radius:12px;background:#fff;padding:12px 14px;margin:0 0 16px}
.grm-specs__zoek{width:100%;margin:0 0 10px;padding:9px 11px;border:1px solid var(--grm-line,#D7DEE7);border-radius:9px;font:inherit;font-size:13.5px}
.grm-specs__rij{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:10px;align-items:start;padding:8px 0;border-bottom:1px solid var(--grm-line-soft,#EAEFF5)}
.grm-specs__rij:last-child{border-bottom:0}
.grm-specs__rij[hidden]{display:none}
.grm-specs__rij[data-spec-weg]{display:none}
.grm-specs__flag{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;background:var(--grm-brand-50,#EDF2F8);color:var(--grm-brand,#103A63);font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;vertical-align:middle}
.grm-specs__rij.is-aanbevolen{background:var(--grm-sky-50,#F7FAFD)}
.grm-specs__naam{font-size:13.5px;font-weight:700;color:var(--grm-ink,#041E42);padding-top:8px}
.grm-specs__naam em{font-style:normal;font-weight:600;color:var(--grm-ink-400,#7A8794)}
.grm-specs__rij input[type="text"],.grm-specs__rij select{width:100%;min-width:0;padding:8px 10px;border:1px solid var(--grm-line,#D7DEE7);border-radius:8px;font:inherit;font-size:13.5px}
.grm-specs__opties{display:flex;flex-wrap:wrap;gap:6px 12px}
.grm-specs__vink{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--grm-ink-500,#55636E);cursor:pointer}
@media(max-width:560px){.grm-specs__rij{grid-template-columns:minmax(0,1fr)}.grm-specs__naam{padding-top:0}}
.grm-sugg{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0 0;grid-column:1/-1}
.grm-sugg__lbl{font-size:12px;color:var(--grm-ink-400,#7A8794)}
.grm-sugg__chip{display:inline-flex;align-items:center;padding:3px 10px;border:1px dashed var(--grm-accent,#1668C7);border-radius:999px;background:var(--grm-brand-50,#EDF2F8);color:var(--grm-brand,#103A63);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .12s}
.grm-sugg__chip:hover{background:#fff}
.grm-cat__prijzen{margin:0 0 16px;border:1px solid var(--grm-line,#D7DEE7);border-radius:12px;background:#fff}
.grm-cat__prijzen>summary{display:flex;align-items:center;gap:8px;padding:14px 16px;font-weight:700;color:var(--grm-ink,#041E42);cursor:pointer;list-style:none}
.grm-cat__prijzen>summary::-webkit-details-marker{display:none}
.grm-cat__prijzen>summary small{margin-left:auto;font-weight:500;color:var(--grm-ink-500,#55636E)}
.grm-cat__prijzen>summary .material-symbols-rounded{font-size:20px;color:var(--grm-accent,#1668C7)}
.grm-cat__prijsform{display:flex;flex-direction:column;gap:14px;padding:0 16px 16px}
.grm-cat__prijsuitleg{margin:0;font-size:13.5px;line-height:1.55;color:var(--grm-ink-500,#55636E)}
.grm-cat__prijsform fieldset{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0;padding:0;border:0}
.grm-cat__prijsform legend{width:100%;margin-bottom:6px;font-size:13px;font-weight:700;color:var(--grm-ink,#041E42)}
.grm-cat__keuze{display:inline-flex;align-items:center;gap:6px;font-size:14px}
.grm-cat__klanten{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:var(--grm-ink,#041E42)}
.grm-cat__klanten small{font-weight:500;color:var(--grm-ink-500,#55636E)}
.grm-cat__klanten textarea{width:100%;max-width:520px;font:inherit;font-weight:400;padding:10px 12px;border:1px solid var(--grm-line,#D7DEE7);border-radius:10px}
.grm-cat__prijsform .gm-btn{align-self:flex-start}
.grm-cat__bulk{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0 0 10px;padding:10px 14px;border-radius:10px;background:var(--grm-bg,#F5F7FA);font-size:13.5px}
.grm-cat__bulk select{margin-left:6px;padding:6px 8px;border:1px solid var(--grm-line,#D7DEE7);border-radius:8px;font:inherit}
.grm-cat__bulk-alles{display:inline-flex;align-items:center;gap:6px;font-weight:600}
.grm-cat__bulk label{display:inline-flex;flex-direction:row;align-items:center;gap:6px;margin:0;width:auto;font-size:13.5px;font-weight:600;color:var(--grm-ink,#041E42)}
.grm-cat__bulk select{width:auto;min-width:0}
.grm-cat__bulk .gm-btn{margin:0}
.grm-cat__bulk{background:#fff;border:1px solid var(--grm-line,#D7DEE7);border-radius:14px;padding:12px 16px}
@media(max-width:700px){
.grm-cat__bulk{display:grid;grid-template-columns:1fr;gap:10px;padding:14px}
.grm-cat__bulk label{display:flex;flex-direction:column;align-items:stretch;gap:6px;width:100%}
.grm-cat__bulk label.grm-cat__bulk-alles{flex-direction:row;align-items:center;gap:8px;padding-bottom:10px;border-bottom:1px solid #E6EBF1}
.grm-cat__bulk select{width:100%;margin:0;padding:10px 12px;font-size:15px;font-weight:400}
.grm-cat__bulk .gm-btn{width:100%;justify-content:center;min-height:44px}
}
.grm-cat__tabel td small{display:block;margin-top:2px;font-size:12px;color:var(--grm-ink-500,#55636E)}
.grm-chat__tandwiel .material-symbols-rounded{color:var(--grm-accent,#1668C7)}
.grm-chat__docwrap .grm-chat__menu{min-width:290px}
.grm-chat__docwrap .grm-chat__menu button{align-items:flex-start;text-align:left}
.grm-chat__docwrap .grm-chat__menu button strong{display:block;font-weight:700;color:var(--grm-ink,#041E42)}
.grm-chat__docwrap .grm-chat__menu button small{display:block;font-size:12px;color:var(--grm-ink-500,#55636E);font-weight:400}
.grm-chat__docwrap .grm-chat__menu button.is-stil{border-top:1px solid #E4E8EE;font-size:13px;color:var(--grm-ink-500,#55636E)}
.grm-chat__regel--kaart{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.grm-chat__regel--kaart.is-eigen{align-items:flex-end}
.grm-chat__kaart{width:min(420px,100%);padding:14px 16px;border:1px solid #D7DEE7;border-radius:14px;background:#fff}
.grm-chat__kaartkop{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-weight:700;color:var(--grm-ink,#041E42)}
.grm-chat__kaartkop .material-symbols-rounded{font-size:20px;color:var(--grm-accent,#1668C7)}
.grm-chat__ovlijst{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.grm-chat__ovlijst li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:13.5px}
.grm-chat__ovbeeld{width:40px;height:40px;border-radius:8px;background:#F5F7FA;display:flex;align-items:center;justify-content:center;overflow:hidden}
.grm-chat__ovbeeld img{width:100%;height:100%;object-fit:contain;background:#fff}
.grm-chat__ovbeeld .material-symbols-rounded{font-size:20px;color:#7A8794}
.grm-chat__ovnaam{min-width:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.grm-chat__ovnaam a{color:inherit;text-decoration:none}
.grm-chat__ovnaam a:hover{color:var(--grm-accent,#1668C7)}
.grm-chat__ovaantal{font-weight:700;white-space:nowrap;color:var(--grm-brand,#103A63)}
.grm-chat__ovtekst{margin:10px 0 0;padding-top:10px;border-top:1px solid #EEF1F5;font-size:13.5px;color:var(--grm-ink-700,#33424F)}
.grm-chat__docstatus{margin-left:auto;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:700;background:#EDF2F8;color:var(--grm-accent,#1668C7)}
.grm-chat__docstatus.is-getekend{background:#E7F6EC;color:#1E7B44}
.grm-chat__docstatus.is-afgewezen{background:#FDECEC;color:#B42318}
.grm-chat__docbedrag{margin:0 0 10px;font-size:18px;font-weight:800;color:var(--grm-ink,#041E42)}
.grm-chat__docbedrag small{font-size:12px;font-weight:500;color:var(--grm-ink-500,#55636E)}
.grm-chat__dockknop{display:inline-flex;align-items:center;padding:8px 14px;border-radius:10px;background:var(--grm-accent,#1668C7);color:#fff !important;font-size:13.5px;font-weight:700;text-decoration:none}
.grm-chat__dockknop:hover{background:var(--grm-accent-hover,#125AAC)}
.grm-chat__kaart--getekend{border-color:#BFE3CB;background:#F4FBF6}
.grm-chat__kaart--getekend .material-symbols-rounded{color:#1E7B44}
.grm-chat__kaart--afgewezen{border-color:#F5C2C0;background:#FEF6F6}
.grm-chat__kaart--afgewezen .material-symbols-rounded{color:#B42318}
.grm-chat__kaart--getekend a,.grm-chat__kaart--afgewezen a{font-size:13px;font-weight:600;color:var(--grm-accent,#1668C7)}
.grm-chat__kaart.grm-chat__melding{display:flex;align-items:center;gap:12px;width:min(460px,100%);padding:10px 12px;border-radius:12px;background:#fff;border:1px solid #E2E8F0;box-sizing:border-box}
.grm-chat__meldic{flex:0 0 auto;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#EDF2F8;color:#1668C7}
.grm-chat__meldic svg{width:18px;height:18px;display:block}
.grm-chat__meldic .material-symbols-rounded{font-size:18px}
.grm-chat__meldtx{flex:1 1 auto;min-width:0;margin:0;font-size:13.5px;line-height:1.45;color:#33424F}
.grm-chat__meldlink{flex:0 0 auto;padding:6px 12px;border:1px solid #C9D6E6;border-radius:999px;background:#fff;color:#1668C7 !important;font-size:12.5px;font-weight:700;text-decoration:none !important}
.grm-chat__meldlink:hover{border-color:#1668C7;background:#F5F9FE}
.grm-chat__melding--groen{border-color:#CDEBD7;background:#F6FCF8}
.grm-chat__melding--groen .grm-chat__meldic{background:#16A34A;color:#fff}
.grm-chat__melding--rood{border-color:#F5D0CE;background:#FFF8F7}
.grm-chat__melding--rood .grm-chat__meldic{background:#DC2626;color:#fff}
.grm-chat__melding--grijs .grm-chat__meldic{background:#EEF1F4;color:#55636E}
body.grm-doced-open{overflow:hidden}
.grm-doced{position:fixed;inset:0;z-index:100000;display:flex;align-items:flex-start;justify-content:center;padding:4vh 12px;background:rgba(4,30,66,.55);overflow-y:auto}
.grm-doced__vlak{width:min(900px,100%);background:#fff;border-radius:16px;padding:22px 24px;box-shadow:0 24px 60px rgba(4,30,66,.3)}
.grm-doced__kop{display:flex;align-items:center;justify-content:space-between;gap:12px}
.grm-doced__kop h2{margin:0;font:800 21px "Inter Tight",sans-serif;color:var(--grm-ink,#041E42)}
.grm-doced__sluit{border:0;background:#F1F3F6;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.grm-doced__soort{display:inline-flex;gap:4px;margin:14px 0 10px;padding:4px;border-radius:10px;background:#F1F3F6}
.grm-doced__soort button{border:0;background:transparent;padding:7px 16px;border-radius:8px;font:700 13.5px "Inter",sans-serif;color:var(--grm-ink-500,#55636E);cursor:pointer}
.grm-doced__soort button.is-actief{background:#fff;color:var(--grm-accent,#1668C7);box-shadow:0 1px 4px rgba(4,30,66,.12)}
.grm-doced__tip{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#FFF7E6;color:#7A4B00;font-size:13.5px}
.grm-doced__tabel{overflow-x:auto}
.grm-doced__tabel table{width:100%;border-collapse:collapse;font-size:13.5px}
.grm-doced__tabel th{padding:6px 6px;text-align:left;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--grm-ink-500,#55636E)}
.grm-doced__tabel td{padding:4px 6px}
.grm-doced__tabel input,.grm-doced__tabel select{width:100%;min-width:0;padding:8px 9px;border:1px solid #D7DEE7;border-radius:8px;font:inherit}
.grm-doced__tabel td:nth-child(1){min-width:220px}
.grm-doced__tabel td:nth-child(2),.grm-doced__tabel td:nth-child(4){width:96px}
.grm-doced__tabel td:nth-child(3){width:86px}
.grm-doced__tabel td:nth-child(5){width:78px}
.grm-doced__bedrag{white-space:nowrap;font-weight:600;text-align:right}
.grm-doced__laden{color:var(--grm-ink-500,#55636E);padding:12px 6px !important}
.grm-doced__weg{border:0;background:transparent;color:#7A8794;cursor:pointer;padding:4px}
.grm-doced__weg:hover{color:#B42318}
.grm-doced.is-btw-totaal .grm-doced__btwcel{display:none}
.grm-doced__erbij{display:inline-flex;align-items:center;gap:4px;margin:8px 0 14px;border:0;background:transparent;color:var(--grm-accent,#1668C7);font:700 13.5px "Inter",sans-serif;cursor:pointer}
.grm-doced__btw{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:0 0 14px;padding:0;border:0;font-size:14px}
.grm-doced__btw legend{font-weight:700;margin-bottom:4px}
.grm-doced__btw label{display:inline-flex;align-items:center;gap:6px}
.grm-doced__btw select{padding:6px 8px;border:1px solid #D7DEE7;border-radius:8px}
.grm-doced:not(.is-btw-totaal) .grm-doced__btw select{display:none}
.grm-doced__velden{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.grm-doced__velden label{display:flex;flex-direction:column;gap:5px;font-size:13.5px;font-weight:600;color:var(--grm-ink,#041E42)}
.grm-doced__velden label.is-breed{grid-column:1/-1}
.grm-doced__velden input,.grm-doced__velden textarea,.grm-doced__velden select{padding:9px 11px;border:1px solid #D7DEE7;border-radius:10px;font:inherit;font-weight:400}
.grm-doced__velden select{height:42px;background:#fff}
.grm-doced[data-soort=offerte] [data-alleen=factuur],.grm-doced[data-soort=factuur] [data-alleen=offerte]{display:none}
.grm-doced__totaal{display:grid;grid-template-columns:1fr auto;gap:4px 20px;max-width:280px;margin:16px 0 0 auto;font-size:14px}
.grm-doced__totaal dd{margin:0;text-align:right;font-weight:700}
.grm-doced__totaal dt:last-of-type,.grm-doced__totaal dd:last-of-type{font-size:16px;color:var(--grm-ink,#041E42)}
.grm-doced__voet{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid #E4E8EE}
.grm-doced__melding{margin:0 auto 0 0;font-size:13.5px;color:var(--grm-ink-500,#55636E)}
@media (max-width:640px){
.grm-doced__vlak{padding:18px 14px}
.grm-doced__velden{grid-template-columns:1fr}
}
.grm-chat__regel--bestelling{align-items:stretch;margin-top:6px}
.grm-chat__regel--bestelling .grm-best{width:100%;max-width:560px;align-self:center;border-color:#BBD3EF;box-shadow:0 6px 18px rgba(4,30,66,.08)}
.grm-best__wijze{margin:0 0 10px;font-size:13.5px;color:var(--grm-ink-700,#33424F)}
.grm-best__kort{margin:0;font-size:13px;color:#55636E}
.grm-best__stappen{list-style:none;display:flex;margin:4px 0 14px;padding:0;counter-reset:stap}
.grm-best__stappen li{position:relative;flex:1 1 0;min-width:0;padding-top:26px;text-align:center;font-size:12px;font-weight:600;color:#7A8794;counter-increment:stap}
.grm-best__stappen li::before{content:counter(stap);position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:1;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#EEF1F5;color:#7A8794;font-size:11.5px;font-weight:700}
.grm-best__stappen li::after{content:"";position:absolute;top:10px;left:-50%;width:100%;height:2px;background:#E4E8EE}
.grm-best__stappen li:first-child::after{display:none}
.grm-best__stappen li.is-af,.grm-best__stappen li.is-nu{color:var(--grm-accent,#1668C7)}
.grm-best__stappen li.is-af::before{content:"\2713";background:var(--grm-accent,#1668C7);color:#fff}
.grm-best__stappen li.is-nu::before{background:#fff;color:var(--grm-accent,#1668C7);box-shadow:inset 0 0 0 2px var(--grm-accent,#1668C7)}
.grm-best__stappen li.is-af::after,.grm-best__stappen li.is-nu::after{background:var(--grm-accent,#1668C7)}
.grm-best__adres{margin-top:12px;padding:10px 12px;border-radius:10px;background:#F5F7FA;font-size:13.5px;line-height:1.45;color:var(--grm-ink-700,#33424F)}
.grm-best__lbl{display:block;margin-bottom:2px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#7A8794}
.grm-best__tt{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;padding:10px 12px;border-radius:10px;background:#E7F6EC;font-size:13.5px;color:#1E5B36}
.grm-best__tt .material-symbols-rounded{font-size:22px;color:#1E7B44}
.grm-best__tt span span{display:block}
.grm-best__tt a{margin-left:auto;font-weight:700;color:#1E7B44}
.grm-best__acties{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}
.grm-best__acties .gm-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1 1 auto;min-height:44px;height:44px;margin:0;padding:0 14px;box-sizing:border-box;white-space:nowrap;text-align:center;line-height:1}
.grm-best__acties .gm-btn--secondary{background:#fff !important;color:#103A63 !important;border:1px solid #C9D6E6 !important}
.grm-best__acties .gm-btn--secondary:hover{border-color:#1668C7 !important;background:#F5F9FE !important}
.grm-best__acties .gm-btn .material-symbols-rounded{font-size:19px;flex:none}
.grm-best__hint{flex:1 0 100%;margin:12px 0 0;font-size:13.5px;color:var(--grm-ink-700,#33424F)}
.grm-best__acties .grm-best__hint{margin:0 0 2px}
.grm-best__nu{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 14px;margin:12px 0;padding:12px 14px;border-radius:12px;background:#F5F7FA;border:1px solid #E2E8F0}
.grm-best__nu.is-mij{background:#EAF2FD;border-color:#C9DDF7}
.grm-best__nutx{display:flex;flex-direction:column;gap:2px;min-width:0}
.grm-best__nutx span{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#55636E}
.grm-best__nu.is-mij .grm-best__nutx span{color:#1668C7}
.grm-best__nutx strong{font-size:15px;color:#041E42}
.grm-best__nu .gm-btn{display:inline-flex;align-items:center;gap:6px;margin:0}
.grm-best__nu .gm-btn .material-symbols-rounded{font-size:18px}
.grm-doced__intro{margin:0 18px 10px;padding:10px 12px;border-radius:10px;background:#EAF2FD;color:#0F4F9C;font-size:13.5px;line-height:1.5}
.grm-doced__verzend{margin:14px 0 0;padding:12px 14px;border:1px solid #DDE2E8;border-radius:12px}
.grm-doced__verzend legend{padding:0 6px;font-weight:700;font-size:13.5px}
.grm-doced__verzendtip{margin:0 0 10px;font-size:12.5px;color:#55636E}
.grm-best__verzoek{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:12px 14px;border-radius:12px;background:#FFF7E6;border:1px solid #F5D28A;color:#5C3D00}
.grm-best__verzoek .material-symbols-rounded{font-size:22px;color:#B06000}
.grm-best__verzoek div{display:flex;flex-direction:column;gap:2px;font-size:13.5px}
.grm-best__citaat{margin-top:4px;padding-left:10px;border-left:2px solid #F5D28A;color:#33424F}
.grm-chat__kaart--stand .grm-chat__kaartkop{font-weight:500}
.grm-best.is-geannuleerd{opacity:.85}
.grm-chat__docstatus.is-betaald,.grm-chat__docstatus.is-verzonden{background:#E7F6EC;color:#1E7B44}
.grm-doced--klein .grm-doced__vlak{width:min(520px,100%)}
.grm-doced--klein{align-items:center;padding:24px 16px}
.grm-intrek__redenen{display:flex;flex-direction:column;gap:6px;margin:0 0 14px;padding:0;border:0}
.grm-intrek__redenen legend{margin-bottom:8px;font-size:14px;font-weight:700;color:#041E42}
.grm-intrek__keus{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #DDE2E8;border-radius:10px;font-size:14px;cursor:pointer}
.grm-intrek__keus:has(input:checked){border-color:#1668C7;background:#F5F9FE}
.grm-intrek__keus input{margin:0;accent-color:#1668C7}
.grm-intrek__toel{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:#041E42}
.grm-intrek__toel small{font-weight:400;color:#7A8792}
.grm-intrek__toel textarea{padding:10px 12px;border:1px solid #D7DEE7;border-radius:10px;font:inherit;font-weight:400;resize:vertical}
.grm-best__intrek{margin-top:12px;padding-top:10px;border-top:1px solid #E2E8F0}
.grm-best__intreklink{display:inline-flex;align-items:center;gap:6px;padding:0 !important;border:0;background:none !important;color:#55636E;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.grm-best__intreklink:hover{color:#B42318}
.grm-best__intreklink .material-symbols-rounded{font-size:17px}
.grm-doced--klein .grm-doced__vlak{max-height:calc(100vh - 48px);overflow-y:auto;margin:auto 0}
.grm-doced__vlak{box-sizing:border-box}
.grm-doced--wiz{align-items:center;padding:24px 16px;overflow:hidden}
.grm-doced--wiz .grm-doced__vlak{width:min(760px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;padding:0;overflow:hidden}
.grm-doced--wiz .grm-doced__kop{padding:18px 22px 0}
.grm-doced__wizkop{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:12px 22px 14px;border-bottom:1px solid #E4E8EE}
.grm-doced--wiz .grm-doced__soort{margin:0}
.grm-doced__stappen{display:flex;align-items:center;gap:6px;list-style:none;margin:0;padding:0}
.grm-doced__stappen li{display:flex;align-items:center;gap:6px;margin:0;font-size:12.5px;font-weight:600;color:#7A8794}
.grm-doced__stappen li+li::before{content:"";width:18px;height:2px;margin-right:2px;background:#E4E8EE}
.grm-doced__stappen b{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#EEF1F5;color:#7A8794;font-size:11.5px;font-weight:700}
.grm-doced__stappen li.is-nu{color:var(--grm-accent,#1668C7)}
.grm-doced__stappen li.is-nu b{background:var(--grm-accent,#1668C7);color:#fff}
.grm-doced__stappen li.is-af{color:#33424F}
.grm-doced__stappen li.is-af b{background:#D6E6F9;color:var(--grm-accent,#1668C7)}
.grm-doced--wiz .grm-doced__form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
.grm-doced__body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:16px 22px 18px}
.grm-doced__body section[hidden]{display:none}
.grm-doced--wiz .grm-doced__intro{margin:0 0 14px}
.grm-doced--wiz .grm-doced__verzend{margin:0}
.grm-doced__samen{margin:16px 0 0;padding:12px 14px;border-radius:10px;background:#F5F7FA;font-size:14px;line-height:1.5;color:#33424F}
.grm-doced--wiz .grm-doced__voet{flex-wrap:wrap;margin:0;padding:12px 22px;border-top:1px solid #E4E8EE;background:#fff}
.grm-doced--wiz .grm-doced__melding{flex:1 0 100%;order:-1;margin:0}
.grm-doced--wiz .grm-doced__melding:empty{display:none}
.grm-doced__voettot{display:flex;flex-direction:column;margin-right:auto;font-size:12px;color:#55636E}
.grm-doced__voettot strong{font-size:16px;color:var(--grm-ink,#041E42)}
.grm-doced--wiz .grm-doced__voet .gm-btn[hidden]{display:none !important}
@media (max-width:760px){
.grm-doced--wiz{padding:0;align-items:stretch}
.grm-doced--wiz .grm-doced__vlak{width:100%;height:100%;height:100dvh;max-height:none;border-radius:0;box-shadow:none}
.grm-doced--wiz .grm-doced__kop{padding:14px 16px 0}
.grm-doced__wizkop{flex-direction:column;align-items:stretch;padding:10px 16px 12px}
.grm-doced--wiz .grm-doced__soort{display:flex}
.grm-doced--wiz .grm-doced__soort button{flex:1 1 0}
.grm-doced__stappen{justify-content:space-between}
.grm-doced__stappen{gap:4px}
.grm-doced__stappen li{gap:4px;font-size:11.5px}
.grm-doced__stappen li+li::before{width:8px}
.grm-doced__body{padding:14px 16px 16px}
.grm-doced--wiz .grm-doced__voet{padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
.grm-doced--wiz .grm-doced__voettot{flex:1 0 100%;flex-direction:row;justify-content:space-between;align-items:baseline;margin:0 0 4px}
.grm-doced--wiz .grm-doced__voet .gm-btn{flex:1 1 0;justify-content:center}
.grm-doced--wiz .grm-doced__tabel{overflow:visible}
.grm-doced--wiz .grm-doced__tabel table,.grm-doced--wiz .grm-doced__tabel tbody{display:block}
.grm-doced--wiz .grm-doced__tabel thead{display:none}
.grm-doced--wiz .grm-doced__tabel tr[data-doc-regel]{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 10px;padding:12px;border:1px solid #DDE2E8;border-radius:12px;background:#fff}
.grm-doced--wiz .grm-doced__tabel tr[data-doc-regel] td{display:flex;flex-direction:column;gap:3px;width:auto;min-width:0;padding:0;border:0}
.grm-doced--wiz .grm-doced__tabel td[data-l]::before{content:attr(data-l);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#7A8794}
.grm-doced--wiz .grm-doced__tabel td:nth-child(1){grid-column:1/-1;padding-right:34px}
.grm-doced--wiz .grm-doced__tabel td.grm-doced__bedrag{grid-column:span 2;justify-content:flex-end;text-align:left;font-size:15px}
.grm-doced--wiz.is-btw-totaal .grm-doced__tabel td.grm-doced__bedrag{grid-column:1/-1}
.grm-doced--wiz .grm-doced__tabel td.grm-doced__wegcel{position:absolute;top:6px;right:6px}
.grm-doced--wiz .grm-doced__totaal{max-width:none}
}
.grm-chat__menu.grm-chat__menu--pop{position:fixed;inset:0;z-index:100000;min-width:0;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(4,30,66,.55);border:0;border-radius:0;box-shadow:none}
.grm-chat__menu.grm-chat__menu--pop[hidden]{display:none}
.grm-chat__menuvlak{box-sizing:border-box;width:min(440px,100%);display:flex;flex-direction:column;gap:8px;padding:18px;background:#fff;border-radius:16px;box-shadow:0 24px 60px rgba(4,30,66,.3)}
.grm-chat__menukop{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 4px}
.grm-chat__menukop strong{font:800 18px "Inter Tight",sans-serif;color:var(--grm-ink,#041E42)}
.grm-chat__docwrap .grm-chat__menu button.grm-chat__menudicht{width:36px;height:36px;flex:0 0 auto;align-items:center;justify-content:center;padding:0;border-radius:50%;background:#F1F3F6}
.grm-chat__docwrap .grm-chat__menu .grm-chat__menuvlak>button[data-doc-nieuw]{align-items:center;gap:12px;padding:14px;border:1px solid #DDE2E8;border-radius:12px;background:#fff}
.grm-chat__docwrap .grm-chat__menu .grm-chat__menuvlak>button[data-doc-nieuw]:hover{border-color:var(--grm-accent,#1668C7);background:#F5F9FE}
.grm-chat__docwrap .grm-chat__menu .grm-chat__menuvlak>button[data-doc-nieuw]>.material-symbols-rounded{flex:0 0 auto;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#EDF2F8;color:var(--grm-accent,#1668C7);font-size:22px}
.grm-chat__docwrap .grm-chat__menu .grm-chat__menuvlak>button[data-doc-nieuw] strong{font-size:14.5px}
.grm-chat__docwrap .grm-chat__menu .grm-chat__menuvlak>button[data-doc-nieuw] small{margin-top:2px;font-size:12.5px;line-height:1.4}
.grm-chat__docwrap .grm-chat__menu .grm-chat__menuvlak>button.is-stil{border-style:dashed;font-size:13.5px;color:var(--grm-ink-500,#55636E)}
.grm-chat__docwrap .grm-chat__menu .grm-chat__menuvlak>button.is-stil>.material-symbols-rounded{background:#F5F7FA;color:#55636E}
body.grm-docmenu-open{overflow:hidden}
@media (max-width:600px){.grm-best__stappen li{font-size:10.5px}.grm-best__acties .gm-btn{flex:1 1 0;min-width:0;font-size:12.5px;padding:0 6px;gap:4px}.grm-best__acties .gm-btn .material-symbols-rounded{font-size:17px;width:17px}.grm-best__acties .gm-btn:first-of-type:nth-last-of-type(3){flex-basis:100%}}

.grm-onboard {
--p:        #103A63;
--p2:       #1668C7;
--p-soft:   #EDF2F8;
--accent:   #1668C7;
--accent-h: #125AAC;
--success:  #103A63;
--canvas:   #F5F7FA;
--card:     #FFFFFF;
--border:   #D7DEE7;
--text:     #041E42;
--muted:    #55636E;
}
body.grm-onboard-active {
background: linear-gradient(180deg, var(--grm-sky-50,#edf2f8) 0%, #fff 60%);
min-height: 100vh;
position: relative;
overflow-x: hidden;
}
body:has(.grm-ob-topbar) .container.main-content{margin-left:0;margin-right:0;width:100%;max-width:none}
body:has(.grm-ob-topbar) .container.main-content > .row{margin-left:0;margin-right:0;width:100%}
.grm-ob-topbar {
position: sticky; top: 0; background: #fff;
border-bottom: 1px solid var(--border, #D7DEE7);
padding: .75rem 1.25rem; z-index: 50;
box-shadow: 0 1px 3px rgba(4,30,66,.05);
}
.grm-ob-topbar-inner {
max-width: 720px; margin: 0 auto;
display: flex; align-items: center; gap: 1rem;
}
.grm-ob-brand {
display: flex; align-items: center; gap: .5rem;
text-decoration: none; color: #041E42;
font-weight: 800; font-family: 'Inter Tight', 'Inter Tight', sans-serif;
font-size: 1.05rem;
}
.grm-ob-brand svg { width: 28px; height: 28px; }
.grm-ob-brand .dot { color: #1668C7; }
.grm-ob-step-meta { flex: 1; text-align: center; font-size: .85rem; color: #55636E; }
.grm-ob-step-meta strong { color: #041E42; }
.grm-ob-close {
background: none; border: 0; color: #55636E;
display: grid; place-items: center;
width: 36px; height: 36px; cursor: pointer; border-radius: 8px; transition: all .15s; padding: 0;
}
.grm-ob-close .material-symbols-rounded { font-size: 1.2rem; }
.grm-ob-close:hover { background: #EDF2F8; color: #103A63; }
.grm-onboard {
max-width: 720px; margin: 0 auto; padding: 2rem 1.25rem 4rem;
position: relative; z-index: 1;
font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
color: var(--text);
}
.grm-ob-progress { display: flex; gap: .4rem; margin-bottom: .85rem; }
.grm-ob-progress .dot {
flex: 1; height: 8px; background: var(--border); border-radius: 4px;
transition: background .35s, box-shadow .35s; position: relative; overflow: hidden;
}
.grm-ob-progress .dot.is-done { background: var(--success); }
.grm-ob-progress .dot.is-current { background: var(--p); box-shadow: 0 0 0 3px rgba(22,104,199,.18); }
.grm-ob-terug {
display: flex; flex-wrap: wrap; align-items: center; gap: .4rem;
padding: .6rem .75rem; margin: .5rem 0 1.25rem;
background: var(--p-soft); border: 1px solid rgba(16,58,99,.14);
border-radius: 11px;
}
.grm-ob-terug[hidden] { display: none; }
.grm-ob-terug-lbl {
font-size: .68rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase;
color: var(--p); margin-right: .2rem;
}
.grm-ob-terug-item {
display: inline-flex; align-items: center; gap: .32rem;
padding: .3rem .6rem; border: 1px solid rgba(16,58,99,.18); border-radius: 999px;
background: #fff; color: var(--text);
font-family: inherit; font-size: .76rem; font-weight: 700; line-height: 1.2;
cursor: pointer; max-width: 100%;
transition: border-color .14s, background .14s;
}
.grm-ob-terug-item:hover { border-color: var(--p); background: #fff; }
.grm-ob-terug-item > span:nth-child(2) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.grm-ob-terug-item .material-symbols-rounded { font-size: .95rem; color: var(--p); flex: 0 0 auto; }
.grm-ob-terug-pen { opacity: 0; transition: opacity .14s; }
.grm-ob-terug-item:hover .grm-ob-terug-pen { opacity: .7; }
@media (max-width: 560px) {
.grm-ob-terug { padding: .5rem .6rem; gap: .32rem; }
.grm-ob-terug-item { font-size: .72rem; }
.grm-ob-terug-pen { display: none; }
}
.grm-ob-card {
background: var(--card); border: 1px solid var(--border); border-radius: 16px;
padding: 2rem; box-shadow: 0 8px 28px rgba(4,30,66,.08);
animation: grm-ob-card-in .3s ease-out; position: relative;
}
@keyframes grm-ob-card-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
.grm-ob-step-label {
display: inline-flex; align-items: center; gap: .4rem;
background: var(--p-soft); color: var(--p);
padding: .3rem .8rem; border-radius: 999px;
font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em;
margin-bottom: .85rem;
}
.grm-ob-step-label::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--p); }
.grm-ob-card h1,
.grm-ob-card .grm-onboard__stap-h {
font-size: clamp(1.4rem, 3vw, 1.85rem); margin: 0 0 .5rem; text-wrap: balance;
font-family: 'Inter Tight', 'Inter Tight', sans-serif; font-weight: 800;
color: var(--text); letter-spacing: -.01em;
}
.grm-ob-card .grm-ob-sub { color: var(--muted); margin: 0 0 1.5rem; font-size: 1rem; text-wrap: pretty; }
.grm-ob-step { display: none; }
.grm-ob-step.is-active { display: block; animation: grm-ob-step-in .3s ease-out; }
@keyframes grm-ob-step-in { from { opacity: 0; transform: translateX(8px); } to { opacity: 1; transform: translateX(0); } }
.grm-ob-choices { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1rem; margin: 1.5rem 0 .5rem; }
@media (max-width: 680px) { .grm-ob-choices { grid-template-columns: 1fr; } }
.grm-ob-choice {
background: #fff; border: 2px solid var(--border); border-radius: 14px;
padding: 1.5rem 1.25rem; cursor: pointer;
transition: transform .2s, border-color .2s, box-shadow .2s, background .2s;
text-align: center; position: relative; font-family: inherit; color: var(--text);
}
.grm-ob-choice:hover { border-color: var(--p); transform: translateY(-4px); box-shadow: 0 12px 28px rgba(4,30,66,.12); }
.grm-ob-choice:hover .grm-ob-choice-ic { transform: scale(1.08) rotate(-3deg); }
.grm-ob-choice.is-selected { border-color: var(--accent); background: rgba(22,104,199,.06); }
.grm-ob-choice.is-selected::after {
content: ''; position: absolute; top: .75rem; right: .75rem;
width: 24px; height: 24px; border-radius: 50%;
background: var(--accent) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M9 16.2l-3.5-3.5L4 14.2l5 5L20 8.2 18.6 6.8z"/></svg>') center/14px no-repeat;
}
.grm-ob-choice-ic {
width: 64px; height: 64px; border-radius: 18px;
background: linear-gradient(135deg, var(--c1, var(--p)), var(--c2, var(--p2)));
color: #fff; display: grid; place-items: center;
margin: 0 auto 1rem;
box-shadow: 0 8px 18px color-mix(in srgb, var(--c1, var(--p)) 35%, transparent);
transition: transform .2s;
}
.grm-ob-choice-ic .material-symbols-rounded { font-size: 1.75rem; color: #fff; }
.grm-ob-choice h3 { font-size: 1.1rem; margin: .5rem 0; font-family: 'Inter Tight', sans-serif; font-weight: 700; color: var(--text); }
.grm-ob-choice p { margin: 0; color: var(--muted); font-size: .85rem; line-height: 1.5; text-wrap: pretty; }
.grm-ob-form { display: grid; gap: 1rem; }
.grm-ob-form .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
@media (max-width: 560px) { .grm-ob-form .grid-2 { grid-template-columns: 1fr; } }
.grm-ob-form label { font-weight: 600; font-size: .9rem; color: var(--text); display: block; }
.grm-ob-form input[type="text"], .grm-ob-form input[type="email"], .grm-ob-form input[type="tel"],
.grm-ob-form input[type="number"], .grm-ob-form input[type="url"],
.grm-ob-form select, .grm-ob-form textarea {
width: 100%; padding: .8rem 1rem; border: 1.5px solid var(--border); border-radius: 10px;
font-family: inherit; font-size: 1rem; background: #fff;
transition: border-color .15s, box-shadow .15s; box-sizing: border-box; margin-top: .35rem;
color: var(--text);
}
.grm-ob-form input:focus, .grm-ob-form select:focus, .grm-ob-form textarea:focus {
outline: 0; border-color: var(--p); box-shadow: 0 0 0 4px rgba(22,104,199,.12);
}
.grm-ob-checkbox-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: .4rem; }
.grm-ob-checkbox-grid label {
display: flex; align-items: center; gap: .4rem;
padding: .65rem .8rem; background: #fff;
border: 1.5px solid var(--border); border-radius: 10px; cursor: pointer;
font-size: .9rem; font-weight: 500; transition: all .15s;
}
.grm-ob-checkbox-grid label:hover { border-color: var(--p); }
.grm-ob-checkbox-grid label.is-selected { background: var(--p-soft); border-color: var(--p); color: var(--p); font-weight: 600; }
.grm-ob-checkbox-grid input { accent-color: var(--p); flex-shrink: 0; }
.grm-ob-plan-card {
border: 2px solid var(--accent);
border-radius: 16px;
background: linear-gradient(180deg, rgba(22,104,199,.04) 0%, #fff 60%);
padding: 1.5rem;
margin: 1.5rem 0 1rem;
position: relative;
box-shadow: 0 8px 24px rgba(22,104,199,.12);
}
.grm-ob-plan-card__head {
display: flex; align-items: baseline; justify-content: space-between;
gap: 1rem; flex-wrap: wrap;
margin-bottom: .5rem;
}
.grm-ob-plan-card__head h3 {
margin: 0;
font-family: 'Inter Tight', sans-serif;
font-weight: 800;
font-size: 1.35rem;
color: var(--text);
}
.grm-ob-plan-card__price { text-align: right; }
.grm-ob-plan-card__price .amt {
font-family: 'Inter Tight', sans-serif;
font-weight: 800;
font-size: 2rem;
color: var(--p);
display: block; line-height: 1;
}
.grm-ob-plan-card__price .per {
font-size: .8rem; color: var(--muted);
display: block; margin-top: .25rem;
}
.grm-ob-plan-card__tot {
margin: 0 0 1rem;
font-size: .9rem; color: var(--muted);
}
.grm-ob-plan-card ul {
list-style: none; padding: 0; margin: 0;
display: grid; gap: .4rem;
font-size: .92rem;
}
.grm-ob-plan-card ul li {
display: flex; align-items: flex-start; gap: .45rem;
color: var(--text);
}
.grm-ob-plan-card ul li .material-symbols-rounded {
color: var(--success);
font-size: 1.1rem;
flex-shrink: 0;
margin-top: .1rem;
}
.grm-ob-tier-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1rem; margin-top: 1rem; }
@media (max-width: 680px) { .grm-ob-tier-grid { grid-template-columns: 1fr; } }
.grm-ob-tier { border: 2px solid var(--border); border-radius: 14px; padding: 1.5rem; cursor: pointer; transition: all .15s; position: relative; text-align: center; background: #fff; font-family: inherit; }
.grm-ob-tier:hover { border-color: var(--p); }
.grm-ob-tier.is-selected { border-color: var(--accent); background: rgba(22,104,199,.06); }
.grm-ob-tier.recommended::before {
content: 'Aanbevolen'; position: absolute; top: -10px; left: 50%; transform: translateX(-50%);
background: var(--accent); color: #fff;
padding: .2rem .75rem; border-radius: 999px;
font-size: .7rem; font-weight: 800;
}
.grm-ob-tier h3 { font-family: 'Inter Tight', sans-serif; font-weight: 700; margin: 0 0 .25rem; }
.grm-ob-tier .price { font-family: 'Inter Tight'; font-weight: 800; font-size: 2rem; color: var(--p); margin: .5rem 0 0; }
.grm-ob-tier .per { color: var(--muted); font-size: .85rem; }
.grm-ob-tier ul { list-style: none; padding: 0; margin: 1rem 0 0; text-align: left; font-size: .85rem; }
.grm-ob-tier ul li { padding: .3rem 0; display: flex; align-items: flex-start; gap: .4rem; }
.grm-ob-tier ul li .material-symbols-rounded { color: var(--success); font-size: 1rem; flex-shrink: 0; margin-top: .15rem; }
.grm-ob-success { text-align: center; padding: 1rem; }
.grm-ob-success-ic {
width: 90px; height: 90px; border-radius: 50%;
background: linear-gradient(135deg, var(--success), #0B2A49);
color: #fff; display: grid; place-items: center;
margin: 0 auto 1rem;
box-shadow: 0 8px 24px rgba(16,58,99,.3);
}
.grm-ob-success-ic .material-symbols-rounded { font-size: 2.5rem; color: #fff; }
.grm-ob-summary { background: var(--grm-canvas,#f5f7fa); border: 1px solid var(--border); border-radius: 10px; padding: 1rem; margin: 1.5rem 0; text-align: left; }
.grm-ob-summary h4 { margin: 0 0 .5rem; font-size: .85rem; color: var(--muted); text-transform: uppercase; letter-spacing: .05em; font-weight: 700; }
.grm-ob-summary dl { display: grid; grid-template-columns: 140px 1fr; gap: .4rem; margin: 0; font-size: .9rem; }
.grm-ob-summary dt { color: var(--muted); }
.grm-ob-summary dd { margin: 0; color: var(--text); font-weight: 500; }
.grm-ob-cta { display: flex; gap: .5rem; justify-content: center; flex-wrap: wrap; margin-top: 1.5rem; }
.grm-ob-actions {
display: flex; justify-content: space-between; gap: .5rem;
margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid var(--border);
}
.grm-ob-prev { background: transparent; color: var(--muted); border: 0; cursor: pointer; font-family: inherit; font-size: .95rem; padding: .65rem .85rem; display: inline-flex; align-items: center; gap: .35rem; border-radius: 8px; }
.grm-ob-prev .material-symbols-rounded { font-size: 1rem; }
.grm-ob-prev:hover { color: var(--text); background: var(--canvas); }
.grm-ob-prev[disabled] { visibility: hidden; }
.grm-ob-next {
background: var(--accent); color: #fff; border: 0;
padding: .75rem 1.25rem; border-radius: 10px; cursor: pointer;
font-family: inherit; font-weight: 700; font-size: .95rem;
display: inline-flex; align-items: center; gap: .4rem;
box-shadow: 0 6px 16px rgba(22,104,199,.3);
transition: transform .15s, box-shadow .15s, background .15s;
}
.grm-ob-next .material-symbols-rounded { font-size: 1.05rem; }
.grm-ob-next:hover { background: var(--accent-h); transform: translateY(-2px); box-shadow: 0 10px 22px rgba(22,104,199,.4); }
.grm-ob-next:disabled { opacity: .4; cursor: not-allowed; transform: none; box-shadow: none; }
.grm-onboard :focus-visible {
outline: 3px solid var(--p);
outline-offset: 2px;
border-radius: 4px;
}
.grm-onboard :focus:not(:focus-visible) { outline: 0; }
@media (prefers-reduced-motion: reduce) {
body.grm-onboard-active::before,
body.grm-onboard-active::after,
.grm-ob-card, .grm-ob-step,
.grm-ob-progress .dot.is-current::after,
.grm-ob-choice, .grm-ob-next {
animation: none !important;
transition-duration: .01ms !important;
}
}
.grm-ob-choices--twee{grid-template-columns:repeat(2,minmax(0,1fr))}
.grm-ob-choices--twee .grm-ob-choice{width:100%}
@media (max-width:680px){.grm-ob-choices--twee{grid-template-columns:1fr}}
.grm-ob-groepen { display: grid; grid-template-columns: repeat(auto-fill, minmax(148px, 1fr)); gap: .6rem; }
.grm-ob-groep {
position: relative; display: flex; flex-direction: column;
align-items: center; text-align: center; gap: .5rem;
padding: .95rem .6rem .8rem;
border: 1.5px solid var(--border); border-radius: 14px;
background: #fff; cursor: pointer;
transition: border-color .15s, box-shadow .15s, background .15s, transform .12s;
-webkit-tap-highlight-color: transparent;
}
.grm-ob-groep:hover { border-color: var(--p); transform: translateY(-1px); }
.grm-ob-groep input { position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none; }
.grm-ob-groep-ic {
display: inline-flex; align-items: center; justify-content: center;
width: 42px; height: 42px; border-radius: 12px;
background: var(--c, #103A63); color: #fff;
}
.grm-ob-groep-ic .material-symbols-rounded { font-size: 22px; }
.grm-ob-groep-naam { font-size: .84rem; font-weight: 700; color: var(--text); line-height: 1.3; }
.grm-ob-groep-check {
position: absolute; top: 7px; right: 7px;
width: 21px; height: 21px; border-radius: 50%;
background: var(--c, #103A63); color: #fff;
display: none; align-items: center; justify-content: center; font-size: 15px;
box-shadow: 0 2px 6px rgba(0,0,0,.15);
}
.grm-ob-groep.is-selected { border-color: var(--c, #103A63); background: var(--p-soft); }
.grm-ob-groep.is-selected .grm-ob-groep-check { display: inline-flex; }
.grm-ob-subs { margin-top: 1.35rem; padding-top: 1.15rem; border-top: 1px solid var(--border); }
.grm-ob-subs-uitleg { margin: 0 0 1rem; font-size: .85rem; line-height: 1.5; color: var(--muted); }
.grm-ob-subgroep { margin-bottom: 1.15rem; }
.grm-ob-subgroep:last-child { margin-bottom: 0; }
.grm-ob-subgroep-kop {
display: flex; align-items: center; gap: .5rem;
margin: 0 0 .55rem; font-size: .88rem; font-weight: 800; color: var(--text);
}
.grm-ob-subgroep-dot { flex: 0 0 auto; width: 10px; height: 10px; border-radius: 50%; }
@media (max-width: 560px) {
.grm-ob-groepen { grid-template-columns: repeat(auto-fill, minmax(124px, 1fr)); gap: .5rem; }
.grm-ob-groep-naam { font-size: .78rem; }
}
.grm-ob-groep-ic .material-symbols-rounded{color:#fff !important}
a.grm-ob-next,a.grm-ob-next:hover,a.grm-ob-next:focus{color:#fff}
a.grm-ob-next:hover .material-symbols-rounded{color:#fff}
.grm-ob-veldhulp{margin:6px 0 0;font-size:13px;line-height:1.55;color:var(--grm-ink-500,#55636E)}
.grm-ob-gratis{margin-top:18px;padding-top:18px;border-top:1px solid var(--grm-line,#D7DEE7);text-align:center}
.grm-ob-gratis__knop{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:1.5px solid var(--grm-line,#D7DEE7);border-radius:var(--grm-r-md,12px);background:#fff;font-family:inherit;font-size:14.5px;font-weight:700;color:var(--grm-brand,#103A63);cursor:pointer;transition:border-color .15s ease,background .15s ease}
.grm-ob-gratis__knop:hover{border-color:var(--grm-accent,#1668C7);background:var(--grm-canvas,var(--grm-canvas,#f5f7fa));color:var(--grm-accent,#1668C7)}
.grm-ob-gratis__knop .material-symbols-rounded{font-size:19px}
.grm-ob-gratis p{margin:10px auto 0;max-width:56ch;font-size:13.5px;line-height:1.6;color:var(--grm-ink-500,#55636E)}
.grm-ob-routes{gap:16px;align-items:stretch}
.grm-ob-route{display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:22px 22px 20px;border:1px solid #DDE3EA;border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(4,30,66,.04)}
.grm-ob-route:hover{border-color:#103A63;transform:translateY(-3px);box-shadow:0 14px 32px -12px rgba(4,30,66,.22)}
.grm-ob-route.is-selected{border-color:#103A63;background:#F7FAFD;box-shadow:0 0 0 3px rgba(16,58,99,.12)}
.grm-ob-route__kicker{align-self:flex-start;display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:#EDF2F8;color:#103A63;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.grm-ob-route--lever .grm-ob-route__kicker{background:#103A63;color:#fff}
.grm-ob-figuur{display:block;width:100%;max-width:260px;height:auto;margin:12px auto 4px}
.grm-ob-route h3{margin:8px 0 2px;font-size:1.2rem;line-height:1.25;text-align:left}
.grm-ob-route .grm-ob-route__wie{margin:0 0 12px;color:#55636E;font-size:.9rem}
.grm-ob-route__lijst{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:8px}
.grm-ob-route__lijst li{position:relative;margin:0;padding:0 0 0 26px;color:#33424F;font-size:.9rem;line-height:1.45}
.grm-ob-route__lijst li::before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;background:#EDF2F8 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23103A63"><path d="M9 16.2l-3.5-3.5L4 14.2l5 5L20 8.2 18.6 6.8z"/></svg>') center/12px no-repeat}
.grm-ob-route__knop{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:6px;height:46px;border-radius:10px;border:0;background:#1668C7;color:#fff;font-weight:700;font-size:.95rem;box-shadow:0 6px 16px rgba(22,104,199,.3);transition:background .18s,color .18s,box-shadow .18s}
.grm-ob-route:hover .grm-ob-route__knop{background:#125AAC;color:#fff;box-shadow:0 10px 22px rgba(22,104,199,.4)}
.grm-ob-route__knop .material-symbols-rounded{font-size:20px;transition:transform .18s}
.grm-ob-route:hover .grm-ob-route__knop .material-symbols-rounded{transform:translateX(3px)}
.grm-ob-route.is-selected::after{top:14px;right:14px}
.grm-ob-inlog{margin:18px 0 8px;text-align:center;color:#55636E;font-size:.95rem}
.grm-ob-inlog a{color:#103A63;font-weight:700;text-decoration:underline;text-underline-offset:3px}
@media (prefers-reduced-motion:reduce){.grm-ob-route,.grm-ob-route__knop .material-symbols-rounded{transition:none}}

.grm-inq {
--p:        #103A63;
--p2:       #1668C7;
--p-soft:   #EDF2F8;
--accent:   #1668C7;
--accent-h: #125AAC;
--success:  #103A63;
--canvas:   #F5F7FA;
--border:   #D7DEE7;
--text:     #041E42;
--muted:    #55636E;
}
.grm-inq-overlay {
position: fixed; inset: 0; z-index: 99999;
background: rgba(4,30,66,.55);
opacity: 0; visibility: hidden;
transition: opacity .25s ease, visibility 0s linear .25s;
display: grid; place-items: center;
padding: 1rem;
font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.grm-inq-overlay.is-open {
opacity: 1; visibility: visible;
transition: opacity .25s ease, visibility 0s linear 0s;
}
.grm-inq-overlay.is-open .grm-inq-panel { transform: translateY(0); opacity: 1; }
.grm-inq-panel {
background: #fff;
border-radius: 16px;
max-width: 560px; width: 100%;
max-height: calc(100vh - 2rem);
overflow: hidden;
display: flex; flex-direction: column;
box-shadow: 0 20px 60px rgba(4,30,66,.25);
transform: translateY(12px); opacity: 0;
transition: transform .3s cubic-bezier(.22,1,.36,1), opacity .25s ease;
position: relative;
}
.grm-inq-head {
display: flex; align-items: flex-start; gap: .75rem;
padding: 1.25rem 1.5rem 1rem;
border-bottom: 1px solid var(--border, #D7DEE7);
}
.grm-inq-head .grm-inq-titlewrap { flex: 1; min-width: 0; }
.grm-inq-head h3 {
margin: 0;
font-family: 'Inter Tight', 'Inter Tight', sans-serif;
font-weight: 700;
font-size: 1.15rem;
color: #041E42;
letter-spacing: -.01em;
}
.grm-inq-head p.grm-inq-sub {
margin: .25rem 0 0;
font-size: .85rem;
color: #55636E;
text-wrap: pretty;
}
.grm-inq-head p.grm-inq-sub strong { color: #103A63; }
.grm-inq-close {
background: transparent; border: 0; padding: 0;
width: 36px; height: 36px; border-radius: 8px;
display: grid; place-items: center; cursor: pointer;
color: #55636E; flex-shrink: 0;
transition: background .15s, color .15s;
}
.grm-inq-close .material-symbols-rounded { font-size: 1.2rem; }
.grm-inq-close:hover { background: #EDF2F8; color: #103A63; }
.grm-inq-body { padding: 1.25rem 1.5rem 1.5rem; overflow-y: auto; }
.grm-inq-form { display: grid; gap: 1rem; }
.grm-inq-form .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
@media (max-width: 480px) { .grm-inq-form .grid-2 { grid-template-columns: 1fr; } }
.grm-inq-form label {
display: block; font-weight: 600; font-size: .9rem; color: #041E42;
}
.grm-inq-form label .req { color: var(--grm-danger,#dc2626); }
.grm-inq-form input[type="text"], .grm-inq-form input[type="email"], .grm-inq-form input[type="tel"],
.grm-inq-form input[type="number"], .grm-inq-form textarea {
display: block; width: 100%;
padding: .8rem 1rem;
border: 1.5px solid #D7DEE7; border-radius: 10px;
font-family: inherit; font-size: 1rem;
background: #fff; color: #041E42;
margin-top: .35rem;
transition: border-color .15s, box-shadow .15s;
box-sizing: border-box;
}
.grm-inq-form input:focus, .grm-inq-form textarea:focus {
outline: 0; border-color: #103A63;
box-shadow: 0 0 0 4px rgba(22,104,199,.12);
}
.grm-inq-form textarea { min-height: 110px; resize: vertical; line-height: 1.5; }
.grm-inq-form .grm-inq-char-count {
font-size: .75rem; color: #55636E;
text-align: right; margin-top: .25rem;
}
.grm-inq-honeypot {
position: absolute !important;
left: -9999px !important;
width: 1px !important; height: 1px !important;
}
.grm-inq-msg {
margin: .25rem 0 0;
font-size: .9rem;
padding: .65rem .85rem;
border-radius: 10px;
display: none;
}
.grm-inq-msg.is-ok {
display: block;
background: rgba(16,58,99,.12);
border: 1px solid rgba(16,58,99,.3);
color: #103A63;
}
.grm-inq-msg.is-err {
display: block;
background: rgba(22,104,199,.12);
border: 1px solid rgba(22,104,199,.3);
color: var(--grm-danger,#dc2626);
}
.grm-inq-foot {
display: flex; align-items: center; gap: .75rem;
padding: 1rem 1.5rem 1.25rem;
border-top: 1px solid #D7DEE7;
background: var(--grm-canvas,#f5f7fa);
}
.grm-inq-trust {
flex: 1;
display: inline-flex; align-items: center; gap: .35rem;
font-size: .78rem; color: #55636E;
}
.grm-inq-trust .material-symbols-rounded { color: #103A63; font-size: 1rem; }
.grm-inq-submit {
background: #103A63; color: #fff;
border: 0; padding: .85rem 1.25rem; border-radius: 10px;
cursor: pointer; font-family: inherit; font-weight: 700; font-size: .95rem;
display: inline-flex; align-items: center; gap: .4rem;
box-shadow: 0 6px 16px rgba(22,104,199,.3);
transition: transform .15s, box-shadow .15s, background .15s;
}
.grm-inq-submit .material-symbols-rounded { font-size: 1.05rem; }
.grm-inq-submit:hover:not(:disabled) {
background: #125AAC;
transform: translateY(-2px);
box-shadow: 0 10px 22px rgba(22,104,199,.4);
}
.grm-inq-submit:disabled { opacity: .6; cursor: not-allowed; transform: none; box-shadow: none; }
.grm-inq-success {
text-align: center; padding: 1.5rem 1rem;
display: none;
}
.grm-inq-overlay.is-success .grm-inq-form { display: none; }
.grm-inq-overlay.is-success .grm-inq-success { display: block; }
.grm-inq-overlay.is-success .grm-inq-foot { display: none; }
.grm-inq-success-ic {
width: 72px; height: 72px;
margin: 0 auto 1rem;
border-radius: 50%;
background: var(--grm-rij-merk);
color: #fff;
display: grid; place-items: center;
box-shadow: 0 8px 24px rgba(16,58,99,.3);
animation: grm-inq-pop .5s cubic-bezier(.22,1.36,.32,1);
}
.grm-inq-success-ic .material-symbols-rounded { font-size: 2rem; color: #fff; }
@keyframes grm-inq-pop { from { transform: scale(.5); opacity: 0; } to { transform: scale(1); opacity: 1; } }
.grm-inq-success h3 {
margin: 0 0 .35rem;
font-family: 'Inter Tight', sans-serif; font-weight: 700;
font-size: 1.25rem;
color: #041E42;
}
.grm-inq-success p {
margin: 0; color: #55636E; font-size: .92rem; line-height: 1.5;
}
.grm-inq-success .grm-inq-close-after {
margin-top: 1.25rem;
background: transparent; color: #103A63;
border: 1.5px solid #103A63;
padding: .6rem 1.25rem; border-radius: 10px;
font-family: inherit; font-weight: 600; font-size: .9rem; cursor: pointer;
transition: background .15s, color .15s;
}
.grm-inq-success .grm-inq-close-after:hover { background: #103A63; color: #fff; }
.grm-inq-overlay :focus-visible {
outline: 3px solid #103A63;
outline-offset: 2px;
border-radius: 4px;
}
.grm-inq-overlay :focus:not(:focus-visible) { outline: 0; }
@media (prefers-reduced-motion: reduce) {
.grm-inq-overlay, .grm-inq-panel, .grm-inq-success-ic {
transition-duration: .01ms !important;
animation: none !important;
}
}
.grm-inq-trigger {
display: inline-flex; align-items: center; gap: .4rem;
background: #103A63; color: #fff;
padding: .65rem 1.1rem; border-radius: 10px;
border: 0; cursor: pointer;
font-family: inherit; font-weight: 700; font-size: .9rem;
text-decoration: none;
box-shadow: 0 4px 12px rgba(22,104,199,.25);
transition: transform .15s, box-shadow .15s, background .15s;
}
.grm-inq-trigger .material-symbols-rounded { font-size: 1rem; }
.grm-inq-trigger:hover {
background: #125AAC;
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(22,104,199,.35);
color: #fff;
}
.grm-inq-trigger--ghost {
background: transparent; color: #103A63;
border: 1.5px solid #103A63;
box-shadow: none;
}
.grm-inq-trigger--ghost:hover {
background: #103A63; color: #fff;
box-shadow: 0 4px 12px rgba(16,58,99,.25);
}

.grm-keur-row, .grm-keur-aanvraag {
--p:        #103A63;
--p2:       #1668C7;
--p-soft:   #EDF2F8;
--accent:   #1668C7;
--success:  #103A63;
--canvas:   #F5F7FA;
--border:   #D7DEE7;
--text:     #041E42;
--muted:    #55636E;
}
.grm-keur-row {
display: flex; flex-wrap: wrap; gap: .45rem;
margin: .85rem 0;
font-family: 'Inter', system-ui, sans-serif;
}
.grm-keur-badge {
display: inline-flex; align-items: center; gap: .35rem;
padding: .35rem .7rem; border-radius: 999px;
background: #fff;
border: 1.5px solid var(--border);
font-size: .8rem; font-weight: 600;
color: var(--text);
position: relative;
transition: transform .15s, box-shadow .15s, border-color .15s;
cursor: help;
text-decoration: none;
}
.grm-keur-badge:hover {
border-color: var(--c, var(--p));
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(4,30,66,.08);
}
.grm-keur-badge .material-symbols-rounded {
font-size: 1.05rem;
color: var(--c, var(--p));
}
.grm-keur-badge__lbl { line-height: 1; }
.grm-keur-badge--compact {
width: 32px; height: 32px;
padding: 0; border-radius: 50%;
justify-content: center;
background: linear-gradient(135deg, color-mix(in srgb, var(--c) 20%, #fff), #fff);
}
.grm-keur-badge--compact .material-symbols-rounded { font-size: 1.1rem; }
.grm-keur-badge--kvk-geverifieerd {
background: rgba(16,58,99,.08);
border-color: rgba(16,58,99,.4);
}
.grm-keur-badge--kvk-geverifieerd .material-symbols-rounded { color: var(--success); }
.grm-prof-keurmerk-section {
background: #fff;
border: 1px solid var(--border);
border-radius: 14px;
padding: 1.5rem;
margin: 1.5rem 0;
}
.grm-prof-keurmerk-section h3 {
margin: 0 0 .35rem;
font-family: 'Inter Tight', sans-serif;
font-weight: 700; font-size: 1.15rem;
color: var(--text);
display: flex; align-items: center; gap: .5rem;
}
.grm-prof-keurmerk-section h3 .material-symbols-rounded { color: var(--success); font-size: 1.3rem; }
.grm-prof-keurmerk-section p.sub {
margin: 0 0 1rem;
color: var(--muted); font-size: .9rem;
}
.grm-prof-keurmerk-section .grm-keur-grid {
display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: .65rem;
}
.grm-keur-card {
display: flex; align-items: flex-start; gap: .65rem;
padding: .85rem 1rem;
background: var(--canvas);
border-radius: 10px;
border-left: 3px solid var(--c, var(--p));
}
.grm-keur-card__ic {
width: 32px; height: 32px;
border-radius: 8px;
background: color-mix(in srgb, var(--c) 15%, #fff);
display: grid; place-items: center; flex-shrink: 0;
}
.grm-keur-card__ic .material-symbols-rounded { color: var(--c, var(--p)); font-size: 1.15rem; }
.grm-keur-card__bd { min-width: 0; }
.grm-keur-card__bd strong {
display: block; font-size: .9rem; color: var(--text);
font-family: 'Inter Tight', sans-serif; font-weight: 700;
margin-bottom: .15rem;
}
.grm-keur-card__bd small { color: var(--muted); font-size: .76rem; line-height: 1.4; }
.grm-keur-aanvraag {
max-width: 720px; margin: 2rem auto;
background: #fff;
border: 1px solid var(--border);
border-radius: 16px;
padding: 2rem;
box-shadow: 0 8px 28px rgba(4,30,66,.08);
font-family: 'Inter', system-ui, sans-serif;
color: var(--text);
}
.grm-keur-aanvraag h2 {
margin: 0 0 .35rem;
font-family: 'Inter Tight', sans-serif;
font-weight: 800;
font-size: clamp(1.3rem, 2.5vw, 1.65rem);
color: var(--text);
}
.grm-keur-aanvraag .lead {
color: var(--muted); margin: 0 0 1.5rem; font-size: 1rem;
}
.grm-keur-aanvraag .grm-keur-picker {
display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
gap: .55rem; margin-bottom: 1.5rem;
}
.grm-keur-pick {
background: #fff; border: 2px solid var(--border);
border-radius: 10px; padding: .75rem; cursor: pointer; text-align: left;
font-family: inherit; font-size: .85rem; color: var(--text);
display: flex; align-items: center; gap: .55rem;
transition: border-color .15s, background .15s, transform .15s;
}
.grm-keur-pick:hover { border-color: var(--p); transform: translateY(-2px); }
.grm-keur-pick.is-active {
border-color: var(--accent);
background: rgba(22,104,199,.06);
}
.grm-keur-pick .material-symbols-rounded { color: var(--c, var(--p)); font-size: 1.2rem; flex-shrink: 0; }
.grm-keur-pick strong { display: block; font-size: .85rem; font-weight: 700; }
.grm-keur-pick small { color: var(--muted); font-size: .7rem; }
.grm-keur-aanvraag form { display: grid; gap: 1rem; }
.grm-keur-aanvraag .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
@media (max-width: 560px) { .grm-keur-aanvraag .grid-2 { grid-template-columns: 1fr; } }
.grm-keur-aanvraag label { font-weight: 600; font-size: .9rem; color: var(--text); display: block; }
.grm-keur-aanvraag input, .grm-keur-aanvraag textarea {
width: 100%; padding: .75rem 1rem;
border: 1.5px solid var(--border); border-radius: 10px;
font-family: inherit; font-size: 1rem;
background: #fff; color: var(--text);
margin-top: .35rem; box-sizing: border-box;
transition: border-color .15s, box-shadow .15s;
}
.grm-keur-aanvraag input:focus, .grm-keur-aanvraag textarea:focus {
outline: 0; border-color: var(--p);
box-shadow: 0 0 0 4px rgba(22,104,199,.12);
}
.grm-keur-aanvraag textarea { min-height: 100px; resize: vertical; line-height: 1.5; }
.grm-keur-aanvraag .file-row {
display: flex; align-items: center; gap: .65rem;
padding: .85rem 1rem;
background: var(--canvas);
border: 1.5px dashed var(--border); border-radius: 10px;
cursor: pointer;
}
.grm-keur-aanvraag .file-row .material-symbols-rounded { color: var(--p); }
.grm-keur-aanvraag .file-row input[type="file"] { border: 0; padding: 0; margin: 0; background: transparent; flex: 1; }
.grm-keur-aanvraag button[type="submit"] {
background: var(--accent); color: #fff;
border: 0; padding: .9rem 1.25rem; border-radius: 10px;
font-family: inherit; font-weight: 700; font-size: 1rem;
cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: .45rem;
box-shadow: 0 6px 16px rgba(22,104,199,.3);
transition: background .15s, transform .15s, box-shadow .15s;
margin-top: .5rem;
}
.grm-keur-aanvraag button[type="submit"]:hover { background: #125AAC; transform: translateY(-2px); }
.grm-keur-aanvraag button[type="submit"]:disabled { opacity: .6; cursor: not-allowed; }
.grm-keur-aanvraag .grm-keur-msg {
margin-top: 1rem; padding: .85rem 1rem;
border-radius: 10px; font-size: .9rem;
display: none;
}
.grm-keur-aanvraag .grm-keur-msg.is-ok {
display: block; background: rgba(16,58,99,.12);
border: 1px solid rgba(16,58,99,.3); color: #103A63;
}
.grm-keur-aanvraag .grm-keur-msg.is-err {
display: block; background: rgba(22,104,199,.12);
border: 1px solid rgba(22,104,199,.3); color: var(--grm-danger,#dc2626);
}

.grm-co {
--p:        #103A63;
--p2:       #1668C7;
--p-soft:   #EDF2F8;
--accent:   #1668C7;
--accent-h: #125AAC;
--success:  #103A63;
--canvas:   #F5F7FA;
--border:   #D7DEE7;
--text:     #041E42;
--muted:    #55636E;
}
.grm-co {
max-width: 1100px; margin: 2rem auto; padding: 0 1.25rem 4rem;
font-family: 'Inter', system-ui, sans-serif;
color: var(--text);
}
.grm-co__head { text-align: center; margin-bottom: 2rem; }
.grm-co__head h1 {
margin: 0 0 .35rem;
font-family: 'Inter Tight', sans-serif;
font-weight: 800;
font-size: clamp(1.65rem, 3.5vw, 2.25rem);
color: var(--text);
letter-spacing: -.01em;
}
.grm-co__head p { margin: 0; color: var(--muted); font-size: 1.05rem; }
.grm-co__periode {
display: inline-flex;
background: var(--canvas);
border: 1px solid var(--border);
border-radius: 999px;
padding: 4px;
margin: 1rem auto 2rem;
position: relative;
}
.grm-co__periode-tab {
background: transparent; border: 0;
padding: .6rem 1.5rem;
font-family: inherit; font-weight: 700; font-size: .9rem;
color: var(--muted); cursor: pointer; border-radius: 999px;
transition: color .2s;
position: relative; z-index: 1;
}
.grm-co__periode-tab.is-active { color: #fff; }
.grm-co__periode-pill {
position: absolute; top: 4px; bottom: 4px; left: 4px;
background: var(--p);
border-radius: 999px;
transition: transform .25s cubic-bezier(.22,1,.36,1), width .25s;
z-index: 0;
}
.grm-co__periode-saving {
display: inline-block; margin-left: .35rem;
background: var(--success); color: #fff;
padding: .1rem .45rem; border-radius: 999px;
font-size: .68rem; font-weight: 800;
}
.grm-co__plans {
display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem;
margin-bottom: 3rem;
}
@media (max-width: 880px) { .grm-co__plans { grid-template-columns: 1fr; } }
.grm-co__plan {
background: #fff;
border: 2px solid var(--border);
border-radius: 16px;
padding: 2rem 1.5rem;
cursor: pointer;
transition: border-color .2s, transform .2s, box-shadow .2s;
position: relative; text-align: left;
font-family: inherit; color: var(--text);
}
.grm-co__plan:hover { border-color: var(--p); transform: translateY(-3px); box-shadow: 0 12px 28px rgba(4,30,66,.1); }
.grm-co__plan.is-active {
border-color: var(--accent);
background: rgba(22,104,199,.04);
box-shadow: 0 12px 28px rgba(22,104,199,.15);
}
.grm-co__plan-rec {
position: absolute; top: -12px; left: 50%; transform: translateX(-50%);
background: var(--accent); color: #fff;
padding: .25rem .75rem; border-radius: 999px;
font-size: .68rem; font-weight: 800; letter-spacing: .02em;
}
.grm-co__plan h3 {
font-family: 'Inter Tight', sans-serif;
font-weight: 700; font-size: 1.4rem;
margin: 0 0 .25rem;
}
.grm-co__plan-sub { color: var(--muted); font-size: .85rem; margin: 0 0 1rem; }
.grm-co__plan-price {
font-family: 'Inter Tight', sans-serif;
font-weight: 800; font-size: 2.5rem;
color: var(--p); margin: .5rem 0 .25rem;
display: flex; align-items: baseline; gap: .25rem;
}
.grm-co__plan-price small { font-size: 1rem; color: var(--muted); font-weight: 500; }
.grm-co__plan-per { color: var(--muted); font-size: .85rem; margin: 0 0 1.25rem; }
.grm-co__plan ul {
list-style: none; padding: 0; margin: 0;
font-size: .9rem;
}
.grm-co__plan ul li {
padding: .35rem 0; display: flex; gap: .45rem; align-items: flex-start;
}
.grm-co__plan ul li .material-symbols-rounded {
color: var(--success); font-size: 1.1rem; flex-shrink: 0; margin-top: .1rem;
}
.grm-co__body {
display: grid; grid-template-columns: 1fr 380px; gap: 2rem;
align-items: start;
}
@media (max-width: 880px) {
.grm-co__body { grid-template-columns: 1fr; }
.grm-co__summary { position: static !important; }
.grm-co__form { position: static !important; }
}
body.grm-afrekenpagina,
body.grm-afrekenpagina html { overflow: visible; }
@media (min-width: 881px) {
.grm-co__form { position: sticky; top: 24px; align-self: start; }
}
.grm-co__form {
background: #fff;
border: 1px solid var(--border);
border-radius: 16px;
padding: 2rem;
box-shadow: 0 4px 16px rgba(4,30,66,.05);
}
.grm-co__form h2 {
margin: 0 0 1rem;
font-family: 'Inter Tight', sans-serif;
font-weight: 700; font-size: 1.25rem;
color: var(--text);
}
.grm-co__form h2:not(:first-child) {
margin-top: 2rem; padding-top: 1.5rem;
border-top: 1px solid var(--border);
}
.grm-co__form .grm-co__row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1rem; }
@media (max-width: 560px) { .grm-co__form .grm-co__row { grid-template-columns: 1fr; } }
.grm-co__form label {
display: block; font-weight: 600; font-size: .9rem;
color: var(--text); margin-bottom: .35rem;
}
.grm-co__form label .req { color: var(--gm-danger,var(--grm-danger,#dc2626)); }
.grm-co__form input, .grm-co__form select {
width: 100%; padding: .75rem 1rem;
border: 1.5px solid var(--border); border-radius: 10px;
font-family: inherit; font-size: 1rem;
background: #fff; color: var(--text); box-sizing: border-box;
transition: border-color .15s, box-shadow .15s;
}
.grm-co__form input:focus, .grm-co__form select:focus {
outline: 0; border-color: var(--p);
box-shadow: 0 0 0 4px rgba(22,104,199,.12);
}
.grm-co__field { margin-bottom: 1rem; }
.grm-co__form .grm-co__hint {
font-size: .75rem; color: var(--muted); margin-top: .25rem;
}
.grm-co__terms {
display: flex; align-items: flex-start; gap: .55rem;
padding: 1rem; background: var(--canvas);
border-radius: 10px; margin: 1.5rem 0;
font-size: .85rem; color: var(--text);
}
.grm-co__terms input { width: auto; margin-top: .15rem; flex-shrink: 0; }
.grm-co__terms a { color: var(--p); text-decoration: underline; }
.grm-co__summary {
position: sticky; top: 100px;
background: var(--p);
color: #fff; border-radius: 16px;
padding: 1.5rem;
box-shadow: 0 12px 32px rgba(16,58,99,.25);
}
.grm-co__summary h3 {
margin: 0 0 1rem;
font-family: 'Inter Tight', sans-serif;
font-weight: 700; font-size: 1.15rem;
color: #fff; opacity: .92;
}
.grm-co__features {
list-style: none; padding: 0;
margin: 0 0 1.25rem;
display: grid; gap: .45rem;
font-size: .75rem; color: rgba(255,255,255,.92);
}
.grm-co__features li {
display: flex; align-items: center; gap: .4rem;
white-space: nowrap;
}
@media (max-width: 440px) {
.grm-co__summary { padding: 1.25rem; }
.grm-co__features li { white-space: normal; align-items: flex-start; }
.grm-co__features li .material-symbols-rounded { margin-top: .1rem; }
}
.grm-co__features li .material-symbols-rounded {
color: #103A63; font-size: .95rem; flex-shrink: 0;
background: rgba(255,255,255,.95); border-radius: 50%;
}
.grm-co--single .grm-co__head { margin-bottom: 2.5rem; }
.grm-co--single .grm-co__head p {
font-size: 1.15rem;
color: var(--text);
font-weight: 600;
}
.grm-co__login-banner {
display: flex; align-items: flex-start; gap: .75rem;
padding: 1rem 1.25rem;
background: var(--p-soft);
border: 1px solid rgba(22,104,199,.25);
border-radius: 10px;
margin: 0 0 1.5rem;
font-size: .92rem;
color: var(--text);
}
.grm-co__login-banner .material-symbols-rounded {
color: var(--p);
font-size: 1.35rem;
flex-shrink: 0;
margin-top: .1rem;
}
.grm-co__login-banner a {
color: var(--p);
font-weight: 700;
text-decoration: underline;
}
.grm-co__login-banner--ok {
background: rgba(16,58,99,.08);
border-color: rgba(16,58,99,.3);
}
.grm-co__login-banner--ok .material-symbols-rounded { color: var(--success); }
.grm-co__sum-row {
display: flex; justify-content: space-between; align-items: baseline;
padding: .65rem 0;
border-bottom: 1px solid rgba(255,255,255,.15);
font-size: .92rem;
}
.grm-co__sum-row:has( + .grm-co__sum-row.is-total ) { border-bottom: 0; }
.grm-co__sum-row.is-total {
font-size: 1.05rem; font-weight: 700;
margin-top: .5rem; padding-top: 1rem;
border-top: 1px solid rgba(255,255,255,.25);
border-bottom: 0;
}
@supports not selector(:has(*)) {
.grm-co__sum-row.is-total { border-top: 0; }
}
.grm-co__sum-row .price {
font-family: 'Inter Tight', sans-serif;
font-weight: 700;
}
.grm-co__sum-row.is-total .price { font-size: 1.5rem; }
.grm-co__sum-vat { font-size: .75rem; color: rgba(255,255,255,.7); }
.grm-co__submit {
width: 100%;
background: var(--accent); color: #fff;
border: 0; padding: 1rem 1.25rem; border-radius: 12px;
cursor: pointer; font-family: inherit; font-weight: 700; font-size: 1rem;
display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
box-shadow: 0 6px 16px rgba(22,104,199,.4);
transition: background .15s, transform .15s;
margin-top: 1.5rem;
}
.grm-co__submit:hover { background: var(--accent-h); transform: translateY(-2px); }
.grm-co__submit:disabled { opacity: .6; cursor: not-allowed; transform: none; }
.grm-co__pay-methods {
display: flex; flex-wrap: wrap; gap: .4rem;
justify-content: center; align-items: center;
margin-top: 1.5rem;
}
.grm-co__pay-logo {
display: block; width: 44px; height: 33px;
border-radius: 5px; background: #fff;
box-shadow: 0 1px 3px rgba(4,30,66,.28);
flex: 0 0 auto;
}
@media (max-width: 420px) {
.grm-co__pay-methods { gap: .32rem; }
.grm-co__pay-logo { width: 38px; height: 29px; }
}
.grm-co__trust {
margin-top: 1.5rem; text-align: center;
font-size: .78rem; color: rgba(255,255,255,.85);
display: flex; flex-wrap: wrap; gap: .85rem; justify-content: center;
}
.grm-co__trust span { display: inline-flex; align-items: center; gap: .25rem; }
.grm-co__trust .material-symbols-rounded { font-size: .9rem; }
.grm-co-success {
max-width: 640px; margin: 4rem auto; padding: 3rem 2rem; text-align: center;
background: #fff; border-radius: 16px;
box-shadow: 0 12px 32px rgba(4,30,66,.08);
font-family: 'Inter', sans-serif;
}
.grm-co-success__ic {
width: 96px; height: 96px; margin: 0 auto 1.25rem;
border-radius: 50%;
background: var(--grm-rij-merk);
color: #fff;
display: grid; place-items: center;
box-shadow: 0 10px 28px rgba(16,58,99,.35);
}
.grm-co-success__ic .material-symbols-rounded { font-size: 2.75rem; color: #fff; }
.grm-co-success h1 {
font-family: 'Inter Tight', sans-serif;
font-weight: 800; font-size: 1.85rem; margin: 0 0 .5rem;
color: #041E42;
}
.grm-co-success p { color: #55636E; font-size: 1rem; margin: .5rem 0; }
.grm-co-success .cta-row { display: flex; gap: .75rem; justify-content: center; margin-top: 1.5rem; flex-wrap: wrap; }
.grm-co-success .cta-row a {
background: #103A63; color: #fff;
padding: .75rem 1.5rem; border-radius: 10px;
text-decoration: none; font-weight: 700; font-size: .95rem;
display: inline-flex; align-items: center; gap: .35rem;
}
.grm-co-success .cta-row a.ghost {
background: transparent; color: #103A63;
border: 1.5px solid #103A63;
}
.grm-co__warn {
background: rgba(242,179,60,.12);
border: 1px solid rgba(242,179,60,.4);
color: var(--grm-warn-text,#B06000);
padding: 1rem 1.25rem; border-radius: 10px;
margin: 1rem 0; font-size: .9rem;
display: flex; align-items: flex-start; gap: .55rem;
}
.grm-co__warn .material-symbols-rounded { color: var(--grm-warn,#f59e0b); font-size: 1.2rem; flex-shrink: 0; margin-top: .1rem; }
.grm-co :focus-visible {
outline: 3px solid #fff;
outline-offset: 2px;
border-radius: 4px;
}
.grm-co__form :focus-visible {
outline: 3px solid var(--p);
}
@media (prefers-reduced-motion: reduce) {
.grm-co__plan, .grm-co__submit, .grm-co__periode-pill {
transition: none !important;
}
}
.grm-co__sectie { border-top: 1px solid var(--border); padding-top: 1.15rem; margin-top: 1.15rem; }
.grm-co__sectie:first-of-type { border-top: 0; padding-top: 0; margin-top: 0; }
.grm-co__sum {
display: flex; align-items: center; gap: .7rem;
list-style: none; cursor: pointer;
padding: .55rem .7rem; margin: -.55rem -.7rem .35rem;
border-radius: 10px;
transition: background .14s;
}
.grm-co__sum::-webkit-details-marker { display: none; }
.grm-co__sum:hover { background: rgba(16,58,99,.05); }
.grm-co__sum-vink { font-size: 1.35rem; color: var(--grm-line,#d7dee7); flex: 0 0 auto; }
.grm-co__sectie.is-klaar .grm-co__sum-vink { color: var(--grm-success,#103A63); }
.grm-co__sum-txt { display: flex; flex-direction: column; gap: 1px; min-width: 0; flex: 1 1 auto; }
.grm-co__sum-txt strong {
font-family: 'Inter Tight', sans-serif;
font-weight: 700; font-size: 1.12rem; color: var(--text); line-height: 1.25;
}
.grm-co__sum-txt small {
font-size: .78rem; color: var(--muted, #55636E); line-height: 1.35;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.grm-co__sectie.is-klaar .grm-co__sum-txt small { color: var(--grm-success,#103A63); font-weight: 600; }
.grm-co__sum-pijl { font-size: 1.3rem; color: var(--grm-ink-400,#7A8794); flex: 0 0 auto; transition: transform .18s; }
.grm-co__sectie[open] .grm-co__sum-pijl { transform: rotate(180deg); }
.grm-co__sectie[open] .grm-co__sum { margin-bottom: 1rem; }
@media (max-width: 480px) {
.grm-co__sum-txt strong { font-size: 1.02rem; }
.grm-co__sum { gap: .55rem; }
}
.grm-co__later{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding:12px 16px;border:1.5px solid var(--grm-line,#D7DEE7);border-radius:var(--grm-r-md,12px);background:#fff;font-size:14.5px;font-weight:700;color:var(--grm-brand,#103A63);text-decoration:none;transition:border-color .15s ease,background .15s ease}
.grm-co__later:hover{border-color:var(--grm-accent,#1668C7);background:var(--grm-canvas,var(--grm-canvas,#f5f7fa));color:var(--grm-accent,#1668C7)}
.grm-co__later .material-symbols-rounded{font-size:18px}
.grm-co__later-uitleg{margin:8px 0 0;font-size:13px;line-height:1.55;color:var(--grm-ink-500,#55636E);text-align:center}

.grm-betaalkop{position:sticky;top:0;z-index:120;background:#fff;border-bottom:1px solid var(--grm-line,#D7DEE7)}
html.wp-toolbar body.admin-bar .grm-betaalkop{top:32px}
@media(max-width:782px){html.wp-toolbar body.admin-bar .grm-betaalkop{top:46px}}
.grm-betaalkop__in{max-width:820px;margin:0 auto;padding:13px 20px;display:flex;align-items:center;justify-content:center;gap:16px}
.grm-betaalkop__merk{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--grm-font-display,'Inter Tight',sans-serif);font-weight:800;font-size:21px;letter-spacing:-.02em;color:var(--grm-ink,#041E42)}
.grm-betaalkop__merk:hover{color:var(--grm-brand,#103A63)}
.grm-betaalkop__merk svg{display:block;flex:0 0 auto}
@media(max-width:520px){.grm-betaalkop__in{padding:11px 16px}.grm-betaalkop__merk{font-size:19px}}
.grm-betaalvoet{background:#fff;border-top:1px solid var(--grm-line,#D7DEE7);padding:20px}
.grm-betaalvoet__in{max-width:820px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px;font-size:13px;color:var(--grm-ink-400,#7A8794)}
.grm-betaalvoet__links{display:flex;flex-wrap:wrap;gap:18px}
.grm-betaalvoet a{color:var(--grm-ink-500,#55636E);text-decoration:none;font-weight:600}
.grm-betaalvoet a:hover{color:var(--grm-brand,#103A63);text-decoration:underline}
body.grm-afrekenpagina{background:var(--grm-canvas,#F5F7FA)}
body.grm-afrekenpagina .container-wrap,
body.grm-afrekenpagina .main-content,
body.grm-afrekenpagina #ajax-content-wrap{background:transparent}
body.grm-afrekenpagina.woocommerce-order-pay .container-wrap{padding:32px 16px 64px!important}
body.grm-afrekenpagina.woocommerce-order-pay .woocommerce{max-width:780px;width:auto;margin:0 auto;float:none}
body.grm-afrekenpagina .grm-betaal{margin:0 0 24px;text-align:center}
body.grm-afrekenpagina .grm-betaal__titel{margin:0 0 8px;font-family:var(--grm-font-display,'Inter Tight',sans-serif);font-weight:800;font-size:clamp(26px,4vw,34px);line-height:1.15;letter-spacing:-.02em;color:var(--grm-ink,#041E42)}
body.grm-afrekenpagina .grm-betaal__sub{max-width:44em;margin:0 auto;font-size:15.5px;line-height:1.6;color:var(--grm-ink-500,#55636E)}
body.grm-afrekenpagina form#order_review{margin:0;padding:6px 26px 26px;background:#fff;border:1px solid var(--grm-line,#D7DEE7);border-radius:20px;box-shadow:0 8px 24px rgba(4,30,66,.07),0 2px 6px rgba(4,30,66,.04)}
body.grm-afrekenpagina form#order_review table.shop_table{width:100%;margin:0;border:0;border-collapse:collapse;border-radius:0;background:transparent}
body.grm-afrekenpagina form#order_review table.shop_table th,
body.grm-afrekenpagina form#order_review table.shop_table td{padding:14px 0;border:0;background:transparent;font-size:15px;color:var(--grm-ink,#041E42)}
body.grm-afrekenpagina form#order_review table.shop_table thead th{padding:16px 0 10px;border-bottom:1px solid var(--grm-line-soft,#EAEFF5);font-family:var(--grm-font-display,'Inter Tight',sans-serif);font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--grm-ink-400,#7A8794)}
body.grm-afrekenpagina form#order_review table.shop_table .product-quantity{text-align:center;white-space:nowrap}
body.grm-afrekenpagina form#order_review table.shop_table .product-total,
body.grm-afrekenpagina form#order_review table.shop_table .product-subtotal{text-align:right;white-space:nowrap}
body.grm-afrekenpagina form#order_review table.shop_table tbody td.product-name{font-family:var(--grm-font-display,'Inter Tight',sans-serif);font-size:16.5px;font-weight:700}
body.grm-afrekenpagina form#order_review table.shop_table tbody tr.order_item{border-bottom:1px solid var(--grm-line-soft,#EAEFF5)}
body.grm-afrekenpagina form#order_review table.shop_table tfoot th{padding:10px 0;text-align:left;font-weight:600;font-size:14.5px;color:var(--grm-ink-500,#55636E)}
body.grm-afrekenpagina form#order_review table.shop_table tfoot td{padding:10px 0;text-align:right;font-size:14.5px;font-weight:600}
body.grm-afrekenpagina form#order_review table.shop_table tfoot tr:last-child th,
body.grm-afrekenpagina form#order_review table.shop_table tfoot tr:last-child td{padding-top:16px;border-top:2px solid var(--grm-line,#D7DEE7);font-family:var(--grm-font-display,'Inter Tight',sans-serif);font-size:21px;font-weight:800;color:var(--grm-brand,#103A63)}
body.grm-afrekenpagina #payment{margin:24px 0 0;padding:0;background:transparent;border:0;border-radius:0}
body.grm-afrekenpagina #payment>.wc_payment_methods{margin:0 0 22px;padding:0;list-style:none;border:0;display:grid;gap:12px}
body.grm-afrekenpagina #payment>.wc_payment_methods>li.wc_payment_method{position:relative;margin:0;padding:0;list-style:none;background:transparent;border:0}
body.grm-afrekenpagina #payment>.wc_payment_methods>li.wc_payment_method>input.input-radio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
body.grm-afrekenpagina #payment>.wc_payment_methods>li.wc_payment_method>label{display:flex!important;align-items:center;gap:16px;box-sizing:border-box;min-height:78px;margin:0;padding:16px 20px;background:#fff;border:2px solid var(--grm-line,#D7DEE7);border-radius:16px;cursor:pointer;font-family:var(--grm-font-display,'Inter Tight',sans-serif);font-size:17.5px;font-weight:700;line-height:1.25;color:var(--grm-ink,#041E42);transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
body.grm-afrekenpagina #payment>.wc_payment_methods>li.wc_payment_method>label::before{content:"";flex:0 0 auto;width:24px;height:24px;border-radius:50%;border:2px solid var(--grm-ink-300,#A8B4BC);background:#fff;transition:border-color .16s ease,border-width .16s ease,box-shadow .16s ease}
body.grm-afrekenpagina #payment>.wc_payment_methods>li.wc_payment_method>input.input-radio:not(:checked)+label:hover{border-color:var(--grm-accent,#1668C7)}
body.grm-afrekenpagina #payment>.wc_payment_methods>li.wc_payment_method>input.input-radio:checked+label{border-color:var(--grm-brand,#103A63);background:var(--grm-brand-50,#EDF2F8);box-shadow:0 0 0 4px rgba(16,58,99,.10)}
body.grm-afrekenpagina #payment>.wc_payment_methods>li.wc_payment_method>input.input-radio:checked+label::before{border-color:var(--grm-brand,#103A63);border-width:7px}
body.grm-afrekenpagina #payment>.wc_payment_methods>li.wc_payment_method>input.input-radio:focus-visible+label::before{box-shadow:0 0 0 4px rgba(22,104,199,.30)}
body.grm-afrekenpagina #payment>.wc_payment_methods>li.wc_payment_method>label img{display:block;float:none!important;width:auto!important;height:40px!important;max-width:84px;max-height:40px;margin:0 0 0 auto!important;padding:0!important;border:0;box-shadow:none;object-fit:contain;object-position:right center}
@media(max-width:480px){body.grm-afrekenpagina #payment>.wc_payment_methods>li.wc_payment_method>label{gap:12px;padding:14px 16px;min-height:70px;font-size:16px}body.grm-afrekenpagina #payment>.wc_payment_methods>li.wc_payment_method>label img{height:32px!important;max-height:32px;max-width:64px}}
body.grm-afrekenpagina #payment>.wc_payment_methods>li.wc_payment_method>.payment_box{display:none}
body.grm-afrekenpagina #payment>.wc_payment_methods>li.wc_payment_method>input.input-radio:checked~.payment_box{display:block}
body.grm-afrekenpagina #payment .payment_box{box-sizing:border-box;max-width:100%;margin:10px 0 0!important;padding:18px!important;background:#fff!important;border:2px solid var(--grm-brand,#103A63);border-radius:16px;font-size:14px;line-height:1.6;color:var(--grm-ink-700,#33424F)}
body.grm-afrekenpagina #payment .payment_box::before{display:none!important}
body.grm-afrekenpagina #payment .payment_box p:last-child{margin-bottom:0}
body.grm-afrekenpagina .mollie-components{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-width:0;max-width:100%}
body.grm-afrekenpagina .mollie-components>div{min-width:0;max-width:100%;grid-column:1/-1}
body.grm-afrekenpagina .mollie-components>#expiryDate,
body.grm-afrekenpagina .mollie-components>#verificationCode{grid-column:auto}
body.grm-afrekenpagina .mollie-component-label{display:block;margin:0 0 6px;font-size:12.5px;font-weight:700;letter-spacing:.02em;color:var(--grm-ink-500,#55636E)}
body.grm-afrekenpagina .mollie-component{position:relative;display:flex;align-items:center;box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:48px;padding:0 14px;overflow:hidden;background:#fff;border:1.5px solid var(--grm-line,#D7DEE7);border-radius:10px;transition:border-color .16s ease,box-shadow .16s ease}
body.grm-afrekenpagina .mollie-component:focus-within{border-color:var(--grm-accent,#1668C7);box-shadow:0 0 0 3px rgba(22,104,199,.16)}
body.grm-afrekenpagina .mollie-component iframe{display:block;box-sizing:border-box;width:100%!important;min-width:0!important;max-width:100%!important}
body.grm-afrekenpagina [id$="-errors"]:not(:empty){margin-top:6px;font-size:12.5px;font-weight:600;line-height:1.4;color:var(--grm-danger,#dc2626)}
body.grm-afrekenpagina .mollie-components-description{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:16px 0 0;font-size:12.5px;line-height:1.5;color:var(--grm-ink-400,#7A8794)}
body.grm-afrekenpagina .mollie-components-description svg{flex:0 0 auto;max-width:100%}
@media(max-width:420px){body.grm-afrekenpagina .mollie-components{grid-template-columns:1fr}body.grm-afrekenpagina .mollie-components>#expiryDate,body.grm-afrekenpagina .mollie-components>#verificationCode{grid-column:1/-1}}
body.grm-afrekenpagina #payment .form-row{margin:0;padding:0}
body.grm-afrekenpagina .woocommerce-terms-and-conditions-wrapper{margin:0 0 18px}
body.grm-afrekenpagina .woocommerce-privacy-policy-text p{margin:0;font-size:12.5px;line-height:1.65;color:var(--grm-ink-400,#7A8794)}
body.grm-afrekenpagina .woocommerce-privacy-policy-text a{color:var(--grm-accent,#1668C7);font-weight:600}
body.grm-afrekenpagina #place_order{display:block;box-sizing:border-box;width:100%;min-height:58px;margin:0;padding:17px 24px;float:none;border:0!important;border-radius:var(--grm-r-pill,999px)!important;background:var(--grm-brand,#103A63)!important;color:#fff!important;font-family:var(--grm-font-display,'Inter Tight',sans-serif);font-size:17.5px;font-weight:800;letter-spacing:-.01em;line-height:1.2;text-transform:none;cursor:pointer;box-shadow:0 8px 20px rgba(16,58,99,.22);transition:background .16s ease,box-shadow .16s ease,transform .12s ease}
body.grm-afrekenpagina #place_order:hover{background:var(--grm-brand-600,#0B2A49)!important;box-shadow:0 12px 26px rgba(16,58,99,.28)}
body.grm-afrekenpagina #place_order:active{transform:translateY(1px)}
body.grm-afrekenpagina #place_order:focus-visible{outline:3px solid var(--grm-accent,#1668C7);outline-offset:3px}
body.grm-afrekenpagina .grm-betaal__trust{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 18px;margin:22px 0 0;padding:0;list-style:none}
body.grm-afrekenpagina .grm-betaal__trust li{display:flex;align-items:center;gap:9px;margin:0;list-style:none;font-size:13.5px;font-weight:600;line-height:1.4;color:var(--grm-ink-500,#55636E)}
body.grm-afrekenpagina .grm-betaal__trust .material-symbols-rounded{flex:0 0 auto;font-size:20px;color:var(--grm-brand,#103A63)}
@media(max-width:640px){body.grm-afrekenpagina .grm-betaal__trust{grid-template-columns:1fr;gap:10px}}
body.grm-afrekenpagina .woocommerce-notices-wrapper .woocommerce-error,
body.grm-afrekenpagina .woocommerce-notices-wrapper .woocommerce-info,
body.grm-afrekenpagina .woocommerce-notices-wrapper .woocommerce-message{margin:0 0 20px;padding:14px 18px;border:0;border-left:4px solid var(--grm-brand,#103A63);border-radius:12px;background:#fff;box-shadow:var(--grm-shadow-sm,0 2px 6px rgba(4,30,66,.06));font-size:14.5px;color:var(--grm-ink,#041E42)}
body.grm-afrekenpagina .woocommerce-notices-wrapper .woocommerce-error{border-left-color:var(--grm-danger,#dc2626)}
@media(max-width:560px){
body.grm-afrekenpagina.woocommerce-order-pay .container-wrap{padding:20px 10px 48px!important}
body.grm-afrekenpagina form#order_review{padding:4px 14px 18px;border-radius:16px}
body.grm-afrekenpagina #payment .payment_box{margin:10px 0 0!important;padding:14px 12px!important}
body.grm-afrekenpagina .grm-betaal__titel{font-size:25px}
}
.grm-betaalkop__in{max-width:1120px;justify-content:space-between}
.grm-betaalkop__af{flex:0 0 auto;font-size:14px;font-weight:700;color:var(--grm-accent,#1668C7);text-decoration:underline;text-underline-offset:3px}
.grm-betaalkop__af:hover{color:var(--grm-brand,#103A63)}
.grm-afr-stappenbalk{padding:0 20px}
.grm-afr-stappen{padding:24px 0 18px}
.grm-afr-stappen ol{display:flex;align-items:center;max-width:600px;margin:0 auto;padding:0;list-style:none}
.grm-afr-stappen li{display:flex;align-items:center;gap:10px;flex:1 1 0;min-width:0;margin:0;font-size:15px;font-weight:600;color:var(--grm-ink-400,#7A8794);white-space:nowrap}
.grm-afr-stappen li:last-child{flex:0 0 auto}
.grm-afr-stappen li:not(:last-child)::after{content:"";flex:1 1 auto;min-width:16px;height:2px;margin:0 6px;border-radius:2px;background:var(--grm-line,#D7DEE7)}
.grm-afr-stappen li.is-af::after{background:var(--grm-accent,#1668C7)}
.grm-afr-stappen__nr{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;box-sizing:border-box;width:32px;height:32px;border-radius:50%;background:#E6EBF1;color:var(--grm-ink-500,#55636E);font-family:var(--grm-font-display,'Inter Tight',sans-serif);font-size:14px;font-weight:800}
.grm-afr-stappen__nr .material-symbols-rounded{font-size:18px}
.grm-afr-stappen li.is-af{color:var(--grm-accent,#1668C7)}
.grm-afr-stappen li.is-af .grm-afr-stappen__nr{background:var(--grm-accent,#1668C7);color:#fff}
.grm-afr-stappen li.is-nu{color:var(--grm-accent,#1668C7);font-weight:700}
.grm-afr-stappen li.is-nu .grm-afr-stappen__nr{background:#fff;border:2px solid var(--grm-accent,#1668C7);color:var(--grm-accent,#1668C7);box-shadow:0 0 0 4px rgba(22,104,199,.12)}
body.grm-afrekenpagina .grm-afr{box-sizing:border-box;max-width:1120px;margin:0 auto;padding:22px 20px 56px;font-family:'Inter',system-ui,sans-serif;color:var(--grm-ink,#041E42)}
body.grm-afrekenpagina .grm-afr *,body.grm-afrekenpagina .grm-afr *::before,body.grm-afrekenpagina .grm-afr *::after{box-sizing:border-box}
body.grm-afrekenpagina .grm-afr__grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start;margin:0}
body.grm-afrekenpagina .grm-afr__kaart{background:#fff;border:1px solid var(--grm-line,#D7DEE7);border-radius:16px;box-shadow:0 1px 2px rgba(4,30,66,.04)}
body.grm-afrekenpagina .grm-afr__hoofd{min-width:0;padding:26px 28px 28px}
body.grm-afrekenpagina .grm-afr__kop{margin:0 0 20px}
body.grm-afrekenpagina .grm-afr__kop h1{margin:0 0 6px;font-family:var(--grm-font-display,'Inter Tight',sans-serif);font-size:24px;font-weight:800;line-height:1.2;letter-spacing:-.01em;color:var(--grm-ink,#041E42)}
body.grm-afrekenpagina .grm-afr__kop p{display:flex;align-items:center;gap:6px;margin:0;font-size:14px;line-height:1.5;color:var(--grm-ink-500,#55636E)}
body.grm-afrekenpagina .grm-afr__kop p .material-symbols-rounded{flex:0 0 auto;font-size:17px;color:var(--grm-accent,#1668C7)}
body.grm-afrekenpagina .grm-afr .grm-co__warn{margin:0 0 18px}
body.grm-afrekenpagina .grm-afr .grm-co__login-banner{margin:0 0 18px;padding:10px 14px;border-radius:10px;font-size:13.5px}
body.grm-afrekenpagina .grm-afr .grm-co__form{position:static;margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none}
body.grm-afrekenpagina .grm-afr .grm-co__sectie{padding:0;margin:0 0 12px;border:1px solid var(--grm-line,#D7DEE7);border-radius:12px;background:#fff}
body.grm-afrekenpagina .grm-afr .grm-co__sectie:first-of-type{padding:0;margin-top:0;border-top:1px solid var(--grm-line,#D7DEE7)}
body.grm-afrekenpagina .grm-afr .grm-co__sectie[open]{background:#FAFBFD;padding:0 16px 4px}
body.grm-afrekenpagina .grm-afr .grm-co__sum{padding:14px 16px;border-radius:12px}
body.grm-afrekenpagina .grm-afr .grm-co__sectie[open] .grm-co__sum{margin:0 -16px 6px;padding-bottom:10px}
body.grm-afrekenpagina .grm-afr .grm-co__form input:not([type="checkbox"]),body.grm-afrekenpagina .grm-afr .grm-co__form select{min-height:46px;padding:10px 12px;font-size:15px}
body.grm-afrekenpagina .grm-afr .grm-co__form label.grm-co__terms{display:flex;align-items:flex-start;gap:10px;margin:16px 0 0;padding:12px 14px;font-size:13.5px;font-weight:500;line-height:1.55}
body.grm-afrekenpagina .grm-afr .grm-co__form label.grm-co__terms input{flex:0 0 auto;width:18px;height:18px;margin:2px 0 0;accent-color:var(--grm-accent,#1668C7)}
body.grm-afrekenpagina .grm-afr .grm-co__login-banner{display:block;line-height:1.5}
body.grm-afrekenpagina .grm-afr .grm-co__login-banner>.material-symbols-rounded{margin-right:6px;font-size:18px;vertical-align:-4px}
body.grm-afrekenpagina .grm-afr .grm-co__login-banner>div{display:inline}
body.grm-afrekenpagina .grm-afr .grm-co__submit.grm-afr__knop{width:100%;min-height:54px;margin:18px 0 0;padding:14px 20px;border:0;border-radius:12px;background:var(--grm-accent,#1668C7);box-shadow:none;color:#fff;font-family:var(--grm-font-display,'Inter Tight',sans-serif);font-size:16.5px;font-weight:800;transform:none}
body.grm-afrekenpagina .grm-afr .grm-co__submit.grm-afr__knop:hover{background:var(--grm-brand,#103A63)}
body.grm-afrekenpagina .grm-afr__methodes{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 8px;margin:14px 0 0;font-size:12.5px;color:var(--grm-ink-400,#7A8794)}
body.grm-afrekenpagina .grm-afr__methodes span{margin-right:2px}
body.grm-afrekenpagina .grm-afr__methodes .grm-co__pay-logo{width:34px;height:24px;margin:0}
body.grm-afrekenpagina .grm-afr__mand{position:sticky;top:90px;padding:22px}
html.wp-toolbar body.admin-bar.grm-afrekenpagina .grm-afr__mand{top:122px}
body.grm-afrekenpagina .grm-afr__mandkop{margin:0 0 14px;font-family:var(--grm-font-display,'Inter Tight',sans-serif);font-size:19px;font-weight:800;color:var(--grm-ink,#041E42)}
body.grm-afrekenpagina .grm-afr__mandkop span{color:var(--grm-accent,#1668C7)}
body.grm-afrekenpagina .grm-afr__item{display:flex;align-items:stretch;gap:14px;padding:12px;border:1px solid #EAEFF5;border-radius:12px;background:#fff}
body.grm-afrekenpagina .grm-afr__itembeeld{flex:0 0 auto;line-height:0}
body.grm-afrekenpagina .grm-afr__itembeeld svg{display:block;width:64px;height:64px}
body.grm-afrekenpagina .grm-afr__itemtx{display:flex;flex-direction:column;gap:2px;min-width:0}
body.grm-afrekenpagina .grm-afr__itemtx strong{font-size:15px;font-weight:700;line-height:1.3;color:var(--grm-ink,#041E42)}
body.grm-afrekenpagina .grm-afr__itemtx small{font-size:13px;color:var(--grm-ink-500,#55636E)}
body.grm-afrekenpagina .grm-afr__itemtx b{margin-top:auto;font-size:15px;font-weight:800;color:var(--grm-ink,#041E42)}
body.grm-afrekenpagina .grm-afr__inbegrepen{margin:12px 0 0;border:1px solid #EAEFF5;border-radius:12px;background:#fff}
body.grm-afrekenpagina .grm-afr__inbegrepen summary{display:flex;align-items:center;gap:8px;padding:12px 14px;cursor:pointer;list-style:none;font-size:14px;font-weight:600;color:var(--grm-ink,#041E42)}
body.grm-afrekenpagina .grm-afr__inbegrepen summary::-webkit-details-marker{display:none}
body.grm-afrekenpagina .grm-afr__inbegrepen summary .material-symbols-rounded{font-size:19px;color:var(--grm-accent,#1668C7)}
body.grm-afrekenpagina .grm-afr__inbegrepen summary .grm-afr__pijl{margin-left:auto;color:var(--grm-ink-400,#7A8794);transition:transform .18s}
body.grm-afrekenpagina .grm-afr__inbegrepen[open] .grm-afr__pijl{transform:rotate(180deg)}
body.grm-afrekenpagina .grm-afr__inbegrepen ul{margin:0;padding:0 14px 12px;list-style:none}
body.grm-afrekenpagina .grm-afr__inbegrepen li::before{content:none;display:none}
body.grm-afrekenpagina .grm-afr__inbegrepen li{display:flex;gap:8px;margin:0;padding:4px 0;font-size:13.5px;line-height:1.45;color:#33424F}
body.grm-afrekenpagina .grm-afr__inbegrepen li .material-symbols-rounded{flex:0 0 auto;font-size:18px;color:var(--grm-accent,#1668C7)}
body.grm-afrekenpagina .grm-afr__som{margin:12px 0 0;padding:14px 16px;border:1px solid #EAEFF5;border-radius:12px;background:#F8FAFC}
body.grm-afrekenpagina .grm-afr__som h3{margin:0 0 6px;font-family:var(--grm-font-display,'Inter Tight',sans-serif);font-size:15px;font-weight:700;color:var(--grm-ink,#041E42)}
body.grm-afrekenpagina .grm-afr__somrij{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:6px 0;font-size:14px;color:var(--grm-ink-500,#55636E)}
body.grm-afrekenpagina .grm-afr__somrij>span:last-child{font-weight:600;color:var(--grm-ink,#041E42);text-align:right}
body.grm-afrekenpagina .grm-afr__somrij small{display:block;font-size:12px;font-weight:500;color:var(--grm-ink-400,#7A8794)}
body.grm-afrekenpagina .grm-afr__somrij.is-totaal{margin-top:6px;padding-top:12px;border-top:1px solid var(--grm-line,#D7DEE7);font-size:15px;font-weight:700;color:var(--grm-ink,#041E42)}
body.grm-afrekenpagina .grm-afr__somrij.is-totaal>span:last-child{font-family:var(--grm-font-display,'Inter Tight',sans-serif);font-size:22px;font-weight:800}
body.grm-afrekenpagina .grm-afr__somvoet{margin:8px 0 0;font-size:12px;line-height:1.5;color:var(--grm-ink-400,#7A8794)}
body.grm-afrekenpagina .grm-afr__waarde,body.grm-afrekenpagina .grm-afr__waarde *{box-sizing:border-box}
body.grm-afrekenpagina .grm-afr__waarde{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:center;gap:24px;margin:24px 0 0;padding:26px 28px}
body.grm-afrekenpagina .grm-afr__waarde h2{margin:0 0 14px;font-family:var(--grm-font-display,'Inter Tight',sans-serif);font-size:20px;font-weight:800;color:var(--grm-ink,#041E42)}
body.grm-afrekenpagina .grm-afr__waarde ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}
body.grm-afrekenpagina .grm-afr__waarde li{display:flex;gap:12px;margin:0;padding:0;list-style:none;font-size:14px;line-height:1.55;color:var(--grm-ink-500,#55636E)}
body.grm-afrekenpagina .grm-afr__waarde li::before,body.grm-afrekenpagina .grm-afr__waarde li::marker{content:none;display:none}
body.grm-afrekenpagina .grm-afr__waarde li>.material-symbols-rounded{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:36px;height:36px;border-radius:10px;background:#E8F1FB;color:var(--grm-accent,#1668C7);font-size:20px}
body.grm-afrekenpagina .grm-afr__waarde li strong{display:block;margin-bottom:1px;font-size:15px;font-weight:700;color:var(--grm-ink,#041E42)}
body.grm-afrekenpagina .grm-afr__waardelink{display:inline-flex;align-items:center;gap:4px;margin-top:16px;font-size:14px;font-weight:700;color:var(--grm-accent,#1668C7);text-decoration:none}
body.grm-afrekenpagina .grm-afr__waardelink:hover{text-decoration:underline}
body.grm-afrekenpagina .grm-afr__waardelink .material-symbols-rounded{font-size:18px}
body.grm-afrekenpagina .grm-afr__waardebeeld svg{display:block;width:100%;height:auto;max-width:320px;margin:0 auto}
body.grm-afr-eigen.grm-afrekenpagina.woocommerce-order-pay .container-wrap{padding:0 0 24px!important}
body.grm-afr-eigen.grm-afrekenpagina.woocommerce-order-pay .woocommerce{max-width:1120px}
body.grm-afr-eigen.grm-afrekenpagina .grm-afr__waarde{max-width:1080px;margin:24px auto 48px}
body.grm-afrekenpagina .grm-afr--betalen #payment ul.payment_methods{margin:0 0 18px!important;padding:0!important;border:0!important}
body.grm-afrekenpagina .grm-afr--betalen #payment div.form-row{margin:0!important;padding:0!important;border:0!important}
body.grm-afrekenpagina .grm-afr--betalen #payment .woocommerce-privacy-policy-text{margin:0 0 14px}
body.grm-afrekenpagina .grm-afr--betalen{padding-bottom:0}
body.grm-afrekenpagina form#order_review.grm-afr__hoofd{padding:26px 28px 24px;border-radius:16px;box-shadow:0 1px 2px rgba(4,30,66,.04)}
body.grm-afrekenpagina .grm-afr--betalen #payment{margin:0}
body.grm-afrekenpagina .grm-afr--betalen #payment>.wc_payment_methods{gap:10px;margin-bottom:18px}
body.grm-afrekenpagina .grm-afr--betalen #payment>.wc_payment_methods>li.wc_payment_method>label{min-height:62px;padding:12px 16px;border-width:1.5px;border-radius:12px;font-size:16px}
body.grm-afrekenpagina .grm-afr--betalen #payment>.wc_payment_methods>li.wc_payment_method>label::before{width:20px;height:20px}
body.grm-afrekenpagina .grm-afr--betalen #payment>.wc_payment_methods>li.wc_payment_method>input.input-radio:checked+label{border-color:var(--grm-accent,#1668C7);background:#F1F6FD;box-shadow:none}
body.grm-afrekenpagina .grm-afr--betalen #payment>.wc_payment_methods>li.wc_payment_method>input.input-radio:checked+label::before{border-color:var(--grm-accent,#1668C7);border-width:6px}
body.grm-afrekenpagina .grm-afr--betalen #payment>.wc_payment_methods>li.wc_payment_method>label img{height:30px!important;max-height:30px}
body.grm-afrekenpagina .grm-afr--betalen #payment .payment_box{margin:8px 0 0!important;padding:14px 16px!important;border:1.5px solid var(--grm-accent,#1668C7);border-radius:12px;font-size:13.5px}
body.grm-afrekenpagina .grm-afr--betalen #place_order{min-height:54px;padding:14px 20px;border-radius:12px!important;background:var(--grm-accent,#1668C7)!important;box-shadow:none;font-size:16.5px}
body.grm-afrekenpagina .grm-afr--betalen #place_order:hover{background:var(--grm-brand,#103A63)!important;box-shadow:none}
body.grm-afrekenpagina .grm-afr__vertrouwen{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:16px 0 0;padding:0;list-style:none}
body.grm-afrekenpagina .grm-afr__vertrouwen li{display:inline-flex;align-items:center;gap:5px;margin:0;font-size:12.5px;font-weight:600;color:var(--grm-ink-500,#55636E)}
body.grm-afrekenpagina .grm-afr__vertrouwen .material-symbols-rounded{font-size:17px;color:var(--grm-accent,#1668C7)}
@media(max-width:900px){
body.grm-afrekenpagina .grm-afr__grid{grid-template-columns:minmax(0,1fr);gap:14px}
body.grm-afrekenpagina .grm-afr__mand{position:static;order:-1;padding:16px}
body.grm-afrekenpagina .grm-afr__waarde{grid-template-columns:minmax(0,1fr)}
body.grm-afrekenpagina .grm-afr__waardebeeld{order:-1}
body.grm-afrekenpagina .grm-afr__waardebeeld svg{max-width:260px}
}
@media(max-width:600px){
.grm-afr-stappenbalk{padding:0 16px}
.grm-afr-stappen{padding:16px 0 12px}
.grm-afr-stappen li{gap:6px;font-size:13px}
.grm-afr-stappen li:not(:last-child)::after{margin:0 4px}
.grm-afr-stappen__nr{width:26px;height:26px;font-size:12.5px}
.grm-afr-stappen li.is-nu .grm-afr-stappen__nr{box-shadow:0 0 0 3px rgba(22,104,199,.12)}
.grm-betaalkop__af{font-size:13px}
body.grm-afrekenpagina .grm-sup__knop{display:none!important}
body.grm-afrekenpagina .grm-afr{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding:14px 12px 32px}
body.grm-afrekenpagina .grm-afr--betalen{padding-bottom:0}
body.grm-afrekenpagina .grm-afr__hoofd,
body.grm-afrekenpagina form#order_review.grm-afr__hoofd{padding:18px 14px 18px;border-radius:14px}
body.grm-afrekenpagina .grm-afr__kaart{border-radius:14px}
body.grm-afrekenpagina .grm-afr__kop{margin-bottom:14px}
body.grm-afrekenpagina .grm-afr__kop h1{font-size:21px}
body.grm-afrekenpagina .grm-afr__kop p{align-items:flex-start;font-size:13px}
body.grm-afrekenpagina .grm-afr .grm-co__sectie[open]{padding:0 12px 2px}
body.grm-afrekenpagina .grm-afr .grm-co__sum{padding:12px}
body.grm-afrekenpagina .grm-afr .grm-co__sectie[open] .grm-co__sum{margin:0 -12px 4px}
body.grm-afrekenpagina .grm-afr .grm-co__form .grm-co__row{gap:0;margin-bottom:0}
body.grm-afrekenpagina .grm-afr__mand{padding:14px}
body.grm-afrekenpagina .grm-afr__mandkop{margin-bottom:10px;font-size:17px}
body.grm-afrekenpagina .grm-afr__item{padding:10px;gap:12px}
body.grm-afrekenpagina .grm-afr__itembeeld svg{width:52px;height:52px}
body.grm-afrekenpagina .grm-afr__som{padding:12px 14px}
body.grm-afrekenpagina .grm-afr__waarde{margin-top:14px;padding:18px 14px;gap:14px}
body.grm-afrekenpagina .grm-afr__waarde h2{font-size:18px}
body.grm-afr-eigen.grm-afrekenpagina .grm-afr__waarde{width:calc(100vw - 24px);max-width:none;margin:14px calc(50% - 50vw + 12px) 32px!important}
body.grm-afrekenpagina .grm-afr__waarde li{gap:10px}
body.grm-afrekenpagina .grm-afr__waarde li>.material-symbols-rounded{width:32px;height:32px;font-size:18px}
}

.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;margin-left: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;display:flex;align-items:center;gap:12px;padding:22px 26px 16px;background:#fff;border-bottom:1px solid var(--grm-line-soft,#EAEFF5)}
.grm-match__kop h2{flex:1 1 auto;min-width:0;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{flex:0 0 auto;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__sluit[hidden]{display:none}
.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__sub--onder{margin:12px 0 0}
.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)}
.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;grid-template-columns:minmax(0,1fr);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;min-width:0}
.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__tabs{margin:0 0 16px}
.grm-match__producten{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
@media(max-width:520px){.grm-match__producten{grid-template-columns:repeat(2,minmax(0,1fr))}}
.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}
.grm-match__voet{flex-wrap:wrap}
.grm-match__voet .grm-match__bewaarknop{margin-left:auto}
.grm-match__voet a.grm-btn{text-decoration:none}
.grm-match__bewaar-vorm{display:flex;flex:1 1 100%;flex-wrap:wrap;align-items:flex-end;gap:10px;margin:0}
.grm-match__bewaar-vorm[hidden]{display:none}
.grm-match__bewaar-vorm .grm-btn--primary{margin-left:0}
.grm-match__bewaar-veld{display:flex;flex:1 1 220px;flex-direction:column;gap:4px;min-width:0}
.grm-match__bewaar-veld span{font-size:12px;font-weight:700;color:var(--grm-ink-500,#55636E)}
.grm-match__bewaar-veld input{box-sizing:border-box;width:100%;height:46px;padding:0 15px;border:2px solid var(--grm-line,#D7DEE7);border-radius:var(--grm-r-pill,999px);background:#fff;font-family:inherit;font-size:15px;color:var(--grm-ink,#041E42)}
.grm-match__bewaar-veld input:focus{outline:0;border-color:var(--grm-accent,#1668C7);box-shadow:0 0 0 3px rgba(22,104,199,.16)}
.grm-match__bewaar-uitleg{flex:1 1 100%;margin:0;font-size:12.5px;line-height:1.5;color:var(--grm-ink-500,#55636E)}
.grm-match__bewaar-uitleg:empty{display:none}
.grm-match__bewaar-klaar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-left:auto}
.grm-match__bewaar-klaar[hidden]{display:none}
.grm-match__bewaar-klaartekst{font-weight:700;color:var(--grm-brand,#103A63)}
@media(max-width:520px){
.grm-match__bewaar-veld{order:-1;flex-basis:100%}
.grm-match__bewaar-vorm .grm-btn--ghost{margin-right:auto}
.grm-match__bewaar-klaar{margin-left:0;flex:1 1 100%}
.grm-match__bewaar-klaar .grm-btn{width:100%;justify-content:center}
}
@media(max-width:520px){
.grm-match__kop{padding:18px 18px 14px}
.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}
}
@media(max-width:760px){
.grm-match{padding:0}
.grm-match__blad{width:100%;height:100dvh;max-height:none;border-radius:0}
.grm-match__kop{padding:16px 16px 12px}
.grm-match__sluit{width:40px;height:40px;background:var(--grm-brand-50,#EDF2F8)}
.grm-match__hit{position:relative;display:block;gap:0}
.grm-match__rang{position:absolute;top:8px;left:8px;z-index:2;width:24px;height:24px;font-size:12px;box-shadow:0 2px 6px rgba(4,30,66,.28)}
.grm-match__hit-in{width:100%}
.grm-match__hit .grm-bk--lijst{grid-template-columns:96px 1fr}
.grm-match__hit .grm-bk__producten-strook{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible}
.grm-match__hit .grm-bk__product{flex:0 0 auto;width:auto}
.grm-match__hit .grm-bk__product:nth-child(n+6):not(.grm-bk__product--alles){display:none}
.grm-match__hit .grm-bk__product--alles{display:block}
.grm-match__hit .grm-bk__product-beeld{width:100%;height:auto;aspect-ratio:1}
.grm-match__hit .grm-bk__product-naam{font-size:11.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}
}
.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)}
.grm-match__keuze{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;padding:12px 22px;border-bottom:1px solid var(--grm-line-soft,#EAEFF5);background:var(--grm-canvas,#F5F7FA)}
.grm-match__keuze[hidden]{display:none}
.grm-match__keuze-kop{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--grm-ink-500,#55636E)}
.grm-match__keuze-chips{display:flex;flex-wrap:wrap;gap:7px;min-width:0}
.grm-match__chip{display:inline-flex;align-items:center;gap:5px;padding:5px 8px 5px 12px;border:1px solid var(--grm-brand,#103A63);border-radius:999px;background:#fff;color:var(--grm-brand,#103A63);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .14s,color .14s}
.grm-match__chip:hover{background:var(--grm-brand,#103A63);color:#fff}
.grm-match__chip .material-symbols-rounded{font-size:16px}
.grm-match__keuze-wijzig{border:0;background:none;padding:4px 2px;color:var(--grm-brand,#103A63);font-family:inherit;font-size:13px;font-weight:700;text-decoration:underline;cursor:pointer}
.grm-match__keuze--klap{position:relative;flex-wrap:nowrap}
.grm-match__keuze--klap .grm-match__keuze-kop{white-space:nowrap}
.grm-match__keuze-knop{display:inline-flex;align-items:center;gap:6px;flex:1 1 auto;min-width:0;padding:6px 10px;border:1px solid var(--grm-line,#D7DEE7);border-radius:999px;background:#fff;color:var(--grm-ink,#041E42);font-family:inherit;font-size:13px;font-weight:700;text-align:left;cursor:pointer}
.grm-match__keuze-knop:hover{border-color:var(--grm-brand,#103A63)}
.grm-match__keuze-tekst{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.grm-match__keuze-knop .material-symbols-rounded{margin-left:auto;font-size:18px;transition:transform .16s}
.grm-match__keuze-knop[aria-expanded="true"] .material-symbols-rounded{transform:rotate(180deg)}
.grm-match__keuze-paneel{position:absolute;left:22px;right:22px;top:100%;z-index:3;display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:12px;border:1px solid var(--grm-line,#D7DEE7);border-radius:12px;background:#fff;box-shadow:0 18px 40px rgba(4,30,66,.18)}
.grm-match__keuze-paneel[hidden]{display:none}
@media (max-width:640px){
.grm-match__keuze{padding:10px 16px;gap:7px 8px}
.grm-match__keuze-paneel{left:16px;right:16px}
}

.grm-banners{max-width:var(--grm-w,1424px);margin:32px auto;padding:0 24px;font-family:var(--grm-font-body,'Inter',Inter,sans-serif);color:var(--grm-ink,#041E42)}
.grm-banners__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px}
.grm-banners__head h2{font-size:22px;font-weight:800;margin:0;letter-spacing:-.3px}
.grm-banners__nav{display:flex;gap:6px}
.grm-banners__arrow{width:36px;height:36px;border-radius:50%;border:1px solid var(--grm-line-soft,#eaeff5);background:#fff;font-size:18px;font-weight:700;color:var(--grm-ink-700,#33424f);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.15s;line-height:1;padding-bottom:2px}
.grm-banners__arrow:hover{border-color:#1668C7;color:#1668C7}
.grm-banners__track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;padding-bottom:8px;scrollbar-width:thin}
.grm-banners__track::-webkit-scrollbar{height:6px}
.grm-banners__track::-webkit-scrollbar-thumb{background:var(--grm-line-soft,#eaeff5);border-radius:3px}
.grm-banners__card{flex:0 0 320px;scroll-snap-align:start;background:#fff;border:1px solid var(--grm-line-soft,#eaeff5);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:.2s;position:relative}
.grm-banners__card:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.08);border-color:var(--accent,#1668C7)}
.grm-banners__img{aspect-ratio:16/10;background:var(--grm-canvas,#f5f7fa) var(--accent,#1668C7);background-size:cover;background-position:center;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:12px}
.grm-banners__img::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(0,0,0,.55) 100%);pointer-events:none}
.grm-banners__badge{display:inline-flex;align-items:center;gap:4px;background:var(--accent,#1668C7);color:#fff;font-size:11px;font-weight:700;padding:5px 9px;border-radius:999px;align-self:flex-start;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 6px rgba(0,0,0,.15);position:relative;z-index:2}
.grm-banners__badge .material-symbols-rounded{font-size:14px}
.grm-banners__discount{position:absolute;top:12px;right:12px;background:#fff;color:var(--accent,#1668C7);font-weight:800;font-size:18px;border-radius:50%;width:54px;height:54px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.25);z-index:2;transform:rotate(-8deg);font-variant-numeric:tabular-nums}
.grm-banners__countdown{align-self:flex-end;background:rgba(0,0,0,.78);color:#fff;font-size:11px;font-weight:700;padding:5px 10px;border-radius:999px;position:relative;z-index:2}
.grm-banners__body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.grm-banners__org{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--grm-ink-500,#55636e);font-weight:600}
.grm-banners__org-logo{width:18px;height:18px;border-radius:4px;object-fit:cover}
.grm-banners__title{font-size:16px;font-weight:700;margin:0;color:var(--grm-ink,#041e42);line-height:1.3;letter-spacing:-.2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.grm-banners__text{font-size:13px;color:var(--grm-ink-500,#55636e);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.grm-banners__loc{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--grm-ink-700,#33424f);margin:0}
.grm-banners__loc .material-symbols-rounded{font-size:14px;color:var(--accent,#1668C7)}
.grm-banners__cta{display:inline-flex;align-items:center;gap:4px;background:var(--accent,#1668C7);color:#fff;font-weight:600;font-size:13px;padding:9px 14px;border-radius:8px;text-decoration:none;margin-top:auto;align-self:flex-start;transition:.15s}
.grm-banners__cta:hover{transform:translateY(-1px);color:#fff;box-shadow:0 4px 12px color-mix(in srgb, var(--accent,#1668C7) 40%, transparent)}
.grm-banners__cta .material-symbols-rounded{font-size:16px}
@media (max-width: 700px){
.grm-banners{margin:24px 0;padding:0 12px}
.grm-banners__card{flex:0 0 280px}
.grm-banners__head h2{font-size:18px}
}
.grm-dash__type-pill{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}

.grm-shopgrid{max-width:var(--grm-w,1424px);margin:0 auto;padding:0 24px 8px}
.grm-shopgrid__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,208px),1fr));gap:18px}
@media (min-width:1200px){
.grm-listing:not(.grm-ontdek__indeling) .grm-shopgrid__grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.grm-listing.is-filterdicht:not(.grm-ontdek__indeling) .grm-shopgrid__grid{grid-template-columns:repeat(6,minmax(0,1fr))}
}
@media (min-width:981px) and (max-width:1199px){
.grm-listing:not(.grm-ontdek__indeling) .grm-shopgrid__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.grm-listing.is-filterdicht:not(.grm-ontdek__indeling) .grm-shopgrid__grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
.grm-pk{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--grm-line,#D7DEE7);border-radius:14px;overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.grm-pk:hover{border-color:var(--grm-brand,#103A63);box-shadow:0 10px 26px rgba(4,30,66,.10);transform:translateY(-2px)}
.grm-pk__beeld{position:relative;aspect-ratio:1/1;padding:8px}
.grm-pk__beeld .material-symbols-rounded{font-size:40px;color:var(--grm-ink-300,#a8b4bc)}
.grm-pk__body{display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px;min-width:0}
.grm-pk__naam{font-size:14.5px;font-weight:700;line-height:1.3;margin:0}
.grm-pk__naam a{color:var(--grm-ink,#041E42);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.grm-pk__naam a:hover{color:var(--grm-brand,#103A63)}
.grm-pk__bedrijf{display:flex;align-items:center;gap:5px;margin:0;font-size:12.5px;color:var(--grm-ink-500,#55636E);min-width:0}
.grm-pk__bedrijf .material-symbols-rounded{font-size:15px;color:var(--grm-brand,#103A63);flex-shrink:0}
.grm-pk__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:6px}
.grm-pk__prijs{font-family:var(--grm-font-display,'Inter Tight',sans-serif);font-weight:800;font-size:15px;color:var(--grm-ink,#041E42)}
.grm-pk__moq{font-size:11.5px;font-weight:600;color:var(--grm-brand,#103A63);background:var(--grm-brand-50,#EDF2F8);padding:2px 8px;border-radius:999px}
.grm-prod{max-width:var(--grm-w,1424px);margin:0 auto;padding:20px 24px 60px;min-width:0}
.grm-prod__crumbs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px;color:var(--grm-ink-500,#55636E);margin-bottom:20px}
.grm-prod__crumbs a{color:var(--grm-ink-500,#55636E);text-decoration:none}
.grm-prod__crumbs a:hover{color:var(--grm-brand,#103A63)}
.grm-prod__crumbs .material-symbols-rounded{font-size:14px;opacity:.5}
.grm-prod__crumb-now{color:var(--grm-ink,#041E42);font-weight:700}
.grm-prod__top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:32px;align-items:start}
.grm-prod__beeld{aspect-ratio:1;border:1px solid var(--grm-line,#D7DEE7);border-radius:18px}
.grm-prod__beeld .material-symbols-rounded{font-size:64px;color:var(--grm-ink-300,#a8b4bc)}
.grm-prod__info{display:flex;flex-direction:column;gap:12px;min-width:0;color:var(--grm-ink,#041E42)}
.grm-prod__info h1{margin:0;font-size:clamp(26px,8.5vw,40px);line-height:1.2;overflow-wrap:anywhere;text-wrap:balance;padding-bottom:2px}
@media(min-width:721px){
.grm-prod__info h1{font-size:clamp(28px,3vw,36px)}
}
.grm-prod__van{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0;color:var(--grm-ink,#041E42);font-size:14px}
img.grm-prod__van-logo{width:52px;height:52px;border-radius:12px;object-fit:contain;object-position:center;padding:4px;box-sizing:border-box;border:1px solid var(--grm-line,#D7DEE7);background:#fff;display:inline-block;vertical-align:-16px;margin-right:6px}
.grm-home__section-head h2 img.grm-prod__van-logo{width:60px;height:60px;border-radius:14px;vertical-align:-19px;margin-right:10px}
.grm-prod__van a{color:var(--grm-brand,#103A63);font-weight:700;text-decoration:none}
.grm-prod__van a.grm-prod__van-mail{display:inline-flex;align-items:center;gap:5px;flex-basis:100%;color:#1668C7;font-weight:600;overflow-wrap:anywhere}
.grm-prod__van-mail .material-symbols-rounded{font-size:18px}
.grm-prod__van-logo ~ a.grm-prod__van-mail{margin-left:60px;margin-top:-6px}
@media (max-width:600px){.grm-prod__van-logo ~ a.grm-prod__van-mail{margin-left:0;margin-top:0}}
.grm-prod__van a.grm-prod__van-mail:hover{text-decoration:underline}
.grm-prod__prijs{font-family:var(--grm-font-display,'Inter Tight',sans-serif);font-weight:800;font-size:24px;color:var(--grm-ink,#041E42)}
.grm-prod__oms{color:var(--grm-ink-700,#33424F);line-height:1.7;font-size:15px}
.grm-prod__acties{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}
.grm-prod__note{margin:0;font-size:12.5px;color:var(--grm-ink-500,#55636E)}
.grm-prod__lev{margin-top:44px}
.grm-prod__lev h2{margin:0 0 14px;font-size:var(--grm-h3,20px)}
.grm-prod .grm-shopgrid{padding-left:0;padding-right:0;margin-top:44px}
@media(max-width:820px){
.grm-prod__top{grid-template-columns:1fr;gap:20px}
.grm-prod{padding:16px 14px 48px}
.grm-prod__acties .gm-btn{flex:1 1 auto;justify-content:center}
.grm-shopgrid{padding:0 14px 8px}
.grm-shopgrid__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}
.grm-pk.is-verborgen{display:none}
.grm-pk.is-uitgefilterd{display:none}
.grm-shopgrid__leeg{padding:26px;text-align:center;color:var(--grm-ink-500,#55636E);background:#fff;border:1px dashed var(--grm-line,#D7DEE7);border-radius:12px}
.grm-prod__bestel{display:flex;flex-direction:column;gap:12px;padding:16px;background:#fff;border:1px solid var(--grm-line,#D7DEE7);border-radius:14px;box-shadow:0 2px 8px rgba(4,30,66,.05)}
@media(max-width:900px){
.grm-prod__lev .grm-bk__producten{display:none}
}
.grm-prod__bestelrij{display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,2fr);gap:10px;align-items:stretch}
.grm-prod__bestelrij .gm-btn{justify-content:center;min-width:0}
.grm-prod__bestelrij .grm-bk__fav{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;text-align:center;line-height:1.25;width:100%;height:100%;min-height:46px;margin:0;padding:12px 16px;border:0;border-radius:10px;background:var(--gm-cta,#1668C7);color:var(--gm-cta-text,#fff);font-weight:700;font-size:14.5px;white-space:normal}
.grm-prod__bestelrij .grm-bk__fav:hover{background:var(--grm-brand,#103A63);color:#fff;border-color:transparent}
.grm-prod__bestelrij .grm-bk__fav[aria-pressed="true"]{background:var(--grm-brand,#103A63);color:#fff;border-color:transparent}
.grm-prod__bestelrij .grm-bk__fav .material-symbols-rounded{font-size:20px;flex:0 0 auto}
.grm-prod__bestelrij .grm-prod__teller-vak{display:flex;align-items:stretch;width:100%}
.grm-prod__bestelrij .grm-prod__teller-vak input{flex:1 1 auto;width:auto;min-width:0}
.grm-prod__bestelrij .grm-prod__teller-knop{flex:0 0 30px;width:30px}
.grm-prod__teller-sub{margin:6px 0 0;font-size:12.5px;color:var(--grm-ink-500,#55636E)}
.grm-prod__teller-vak{display:inline-flex;align-items:center;border:1px solid var(--grm-line,#D7DEE7);border-radius:10px;overflow:hidden;background:#fff}
.grm-prod__teller-knop{display:inline-flex;align-items:center;justify-content:center;width:40px;height:44px;border:0;background:none;cursor:pointer;color:var(--grm-brand,#103A63)}
.grm-prod__teller-knop:hover{background:var(--grm-brand-50,#EDF2F8)}
.grm-prod__teller-knop .material-symbols-rounded{font-size:20px}
.grm-prod__teller-vak input{width:64px;height:44px;padding:0;border:0;border-left:1px solid var(--grm-line,#D7DEE7);border-right:1px solid var(--grm-line,#D7DEE7);text-align:center;font-family:inherit;font-size:16px;font-weight:700;color:var(--grm-ink,#041E42);-moz-appearance:textfield}
.grm-prod__teller-vak input::-webkit-outer-spin-button,
.grm-prod__teller-vak input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.grm-prod__teller-vak input:focus{outline:none;box-shadow:inset 0 0 0 2px rgba(16,58,99,.18)}
.grm-prod__moq{font-size:12.5px;font-weight:600;color:var(--grm-brand,#103A63);background:var(--grm-brand-50,#EDF2F8);padding:3px 9px;border-radius:999px}
.grm-prod__aantal{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:var(--grm-ink-500,#55636E)}
.grm-prod__aantal input{width:96px;padding:9px 10px;border:1px solid var(--grm-line,#D7DEE7);border-radius:9px;font-family:inherit;font-size:15px;font-weight:700;color:var(--grm-ink,#041E42)}
.grm-prod__aantal input:focus{outline:none;border-color:var(--grm-brand,#103A63);box-shadow:0 0 0 3px rgba(16,58,99,.12)}
.grm-prod__acties{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0}
.grm-prod__acties .gm-btn{flex:0 1 auto;justify-content:center}
.grm-prod__acties .grm-prod__webshop{flex:1 1 200px}
.grm-pk__lever{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:8px;margin-top:2px;border-top:1px solid var(--grm-line-soft,#EAEFF5)}
.grm-pk__voorraad{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;color:var(--grm-success,#103A63)}
.grm-pk__voorraad.is-uit{color:var(--grm-ink-500,#55636E)}
.grm-pk__voorraad .material-symbols-rounded{font-size:14px}
.grm-pk__levertijd{font-size:11.5px;color:var(--grm-ink-500,#55636E)}
.grm-pk{position:relative}
.grm-pk__fav{position:absolute;top:10px;right:10px;z-index:2;width:36px;height:36px;border-radius:50%;border:1px solid var(--grm-line-soft,#eaeff5);background:rgba(255,255,255,.94);color:var(--grm-ink-400,#7A8794);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .16s,border-color .16s,transform .16s}
.grm-pk__fav .material-symbols-rounded{font-size:20px;font-variation-settings:"FILL" 0}
.grm-pk__fav:hover{color:var(--grm-danger,#dc2626);border-color:var(--grm-danger,#dc2626);transform:scale(1.06)}
.grm-pk__fav.is-actief{color:var(--grm-danger,#dc2626);border-color:var(--grm-danger,#dc2626)}
.grm-pk__fav.is-actief .material-symbols-rounded{font-variation-settings:"FILL" 1}
.grm-pk__aanvraag{margin-top:12px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;height:42px;border:0;border-radius:8px;background:#103A63;color:#fff;font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;transition:background .16s}
.grm-pk__aanvraag:hover{background:#1668C7}
.grm-pk__aanvraag .material-symbols-rounded{font-size:19px}
.grm-pk__aanvraag.is-actief{background:var(--grm-success,#103A63)}
.grm-pk__body{display:flex;flex-direction:column}
.grm-pk__body .grm-pk__aanvraag{margin-top:auto}
.grm-pk__score{display:inline-flex;align-items:center;gap:3px;margin:0 0 6px;font-size:13px;font-weight:700;color:#041E42}
.grm-pk__score .material-symbols-rounded{font-size:16px;color:var(--grm-warn,#f59e0b);font-variation-settings:"FILL" 1}
.grm-pk__score-n{font-weight:500;color:var(--grm-ink-400,#7A8794)}
.grm-prod__beoordeling{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 18px;padding:13px 15px;border:1px solid var(--grm-line-soft,#eaeff5);border-radius:11px;background:var(--grm-canvas,#f5f7fa)}
.grm-prod__sterren{display:inline-flex;gap:2px}
.grm-prod__ster{width:34px;height:34px;border:0;background:transparent;padding:0;cursor:pointer;color:var(--grm-line,#d7dee7);display:flex;align-items:center;justify-content:center;transition:color .12s,transform .12s}
.grm-prod__ster:disabled{cursor:default}
.grm-prod__ster .material-symbols-rounded{font-size:26px;font-variation-settings:"FILL" 0}
.grm-prod__ster.is-hover,.grm-prod__ster.is-gekozen{color:var(--grm-warn,#f59e0b)}
.grm-prod__ster.is-gekozen .material-symbols-rounded,.grm-prod__ster.is-hover .material-symbols-rounded{font-variation-settings:"FILL" 1}
.grm-prod__ster:not(:disabled):hover{transform:scale(1.1)}
.grm-prod__beoordeling-tekst{margin:0;font-size:14px;color:var(--grm-ink-700,#33424f)}
.grm-prod__beoordeling-tekst strong{font-size:16px;color:#041E42}
.grm-pk__acties{margin-top:12px;display:flex;flex-direction:column;gap:8px}
.grm-pk__acties .grm-pk__aanvraag{margin-top:0;background:#fff;color:#103A63;border:1px solid var(--grm-line,#d7dee7)}
.grm-pk__acties .grm-pk__aanvraag:hover{background:#EDF2F8;color:#103A63}
.grm-pk__wagen{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;height:42px;border:0;border-radius:8px;background:#103A63;color:#fff;font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;transition:background .16s}
.grm-pk__wagen:hover{background:#1668C7}
.grm-pk__wagen .material-symbols-rounded{font-size:19px}
.grm-wagen__knop.is-erin{background:var(--grm-success,#103A63)}
.grm-wagen__knop.is-erin:hover{background:var(--grm-brand-600,#0B2A49)}
.grm-prod__staffelprijs{margin:10px 0 0;font-weight:700;color:var(--grm-success,#103A63);font-size:15px}
.grm-prod__staffels{margin:28px 0 0}
.grm-prod__staffels h2{margin:0 0 10px;font-size:18px;color:#103A63}
.grm-prod__stafteltabel{width:100%;border-collapse:collapse;font-size:14px;max-width:420px}
.grm-prod__stafteltabel th{text-align:left;padding:8px 12px;background:var(--grm-canvas,#f5f7fa);color:#55636E;font-size:12px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #D7DEE7}
.grm-prod__stafteltabel td{padding:8px 12px;border-bottom:1px solid var(--grm-line-soft,#eaeff5)}
.grm-prod__stafteltabel tr:last-child td{border-bottom:0;font-weight:700;color:var(--grm-success,#103A63)}
.grm-prod__ophaal{margin:28px 0 0}
.grm-prod__ophaal h2{margin:0 0 10px;font-size:18px;color:#103A63}
.grm-prod__punten{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.grm-prod__punten li{display:flex;gap:10px;align-items:flex-start;background:var(--grm-canvas,#f5f7fa);border:1px solid var(--grm-line-soft,#eaeff5);border-radius:10px;padding:12px 14px}
.grm-prod__punten strong{display:block;color:var(--grm-ink,#041e42);font-size:14px}
.grm-prod__punten small{display:block;color:#55636E;font-size:13px;line-height:1.5}
.grm-prod__punten .material-symbols-rounded{color:#1668C7;font-size:20px;flex:0 0 auto}
.grm-prod__galerij{display:flex;flex-direction:column;gap:10px;min-width:0}
.grm-prod__beeld{position:relative;padding:14px;box-shadow:0 14px 36px -10px rgba(4,30,66,.34),0 3px 10px rgba(4,30,66,.10)}
.grm-prod__mini{list-style:none;display:flex;gap:8px;margin:0;padding:2px;overflow-x:auto;scrollbar-width:none}
.grm-prod__mini::-webkit-scrollbar{display:none}
.grm-prod__mini li{flex:0 0 auto}
.grm-prod__minik{width:72px;height:72px;padding:5px;border:1px solid var(--grm-line,#D7DEE7);border-radius:11px;background:#fff;cursor:pointer;display:block;transition:border-color .14s,box-shadow .14s}
.grm-prod__minik:hover{border-color:var(--grm-brand,#103A63)}
.grm-prod__minik.is-actief{border-color:var(--grm-brand,#103A63);box-shadow:0 0 0 2px rgba(16,58,99,.16)}
.grm-prod__beeld.heeft-baan{padding:0}
.grm-prod__baan{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.grm-prod__baan::-webkit-scrollbar{display:none}
.grm-prod__baan > img{flex:0 0 100%;min-width:0;padding:14px;box-sizing:border-box;scroll-snap-align:center;scroll-snap-stop:always;user-select:none;-webkit-user-drag:none}
.grm-prod__baan.is-slepen{scroll-snap-type:none;cursor:grabbing}
.grm-prod__webshop{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:700;color:var(--grm-brand,#103A63);text-decoration:none;padding:12px 16px;min-width:0;border:1px solid var(--grm-brand,#103A63);border-radius:10px;background:#fff}
.grm-prod__webshop:hover{background:var(--grm-brand-50,#EDF2F8);text-decoration:none}
.grm-prod__webshop span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.grm-prod__webshop .material-symbols-rounded{font-size:17px;flex:0 0 auto;color:var(--grm-brand,#103A63)}
.grm-prod__webshop-pijl{font-size:14px !important;opacity:.6}
.grm-prod__rij > .gm-btn{flex:1 1 100%}
.grm-prod__acties{flex-direction:column;align-items:stretch}
.grm-prod__acties .gm-btn,
.grm-prod__acties .grm-prod__webshop{flex:1 1 auto;width:100%}
.grm-prod__tabs{margin:36px 0 0;min-width:0}
.grm-prod__tabrij{display:flex;gap:4px;border-bottom:1px solid var(--grm-line,#D7DEE7);overflow-x:auto;scrollbar-width:none}
.grm-prod__tabrij::-webkit-scrollbar{display:none}
.grm-prod__tabknop{flex:0 0 auto;border:0;background:transparent;padding:12px 18px;margin-bottom:-1px;font-family:inherit;font-size:15px;font-weight:700;color:var(--grm-ink-500,#55636E);cursor:pointer;border-bottom:3px solid transparent;transition:color .14s,border-color .14s}
.grm-prod__tabknop:hover{color:var(--grm-brand,#103A63)}
.grm-prod__tabknop.is-actief{color:var(--grm-ink,#041E42);border-bottom-color:var(--grm-brand,#103A63)}
.grm-prod__blad{padding:22px 0 0;min-width:0}
.grm-prod__blad[hidden]{display:none}
.grm-prod__spec{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 28px;margin:0 0 8px;max-width:760px}
.grm-prod__spec>div{display:flex;justify-content:space-between;gap:16px;padding:11px 2px;border-bottom:1px solid var(--grm-line-soft,#EAEFF5)}
.grm-prod__spec dt{margin:0;font-size:13px;font-weight:600;color:var(--grm-ink-500,#55636E)}
.grm-prod__spec dd{margin:0;font-size:14px;font-weight:700;color:var(--grm-ink,#041E42);text-align:right;overflow-wrap:anywhere}
.grm-prod__spec dd a{color:var(--grm-brand,#103A63);text-decoration:none}
.grm-prod__spec dd a:hover{text-decoration:underline}
.grm-prod__blad .grm-prod__staffels:first-child,.grm-prod__blad .grm-prod__ophaal:first-child{margin-top:0}
.grm-prod{min-width:0;width:100%}
.grm-prod__crumbs{min-width:0}
.grm-prod__crumb-now{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
@media (max-width:640px){
.grm-prod__beeld{padding:8px}
.grm-prod__baan > img{padding:8px}
.grm-prod__minik{width:60px;height:60px}
.grm-prod__rij{gap:8px}
.grm-prod__rij .grm-prod__aantal{flex:1 1 100%}
.grm-prod__aantal input{width:78px}
.grm-prod__tabknop{padding:11px 14px;font-size:14px}
.grm-prod__spec>div{padding:10px 2px}
.grm-prod__stafteltabel{max-width:none}
}
.grm-pfoto{display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden}
a.grm-pfoto img,span.grm-pfoto img,div.grm-pfoto img,button.grm-pfoto img{width:100%;height:100%;object-fit:contain;object-position:center;background:#fff;display:block}
.grm-pk.is-buiten-batch{display:none}
.grm-shopgrid__meer{display:flex;align-items:center;justify-content:center;gap:9px;margin:22px 0 0;padding:13px 18px;border:1px dashed var(--grm-line,#D7DEE7);border-radius:12px;background:#fff;color:var(--grm-ink-500,#55636E);font-size:13.5px;font-weight:700}
.grm-shopgrid__meer[hidden]{display:none}
.grm-shopgrid__meer .material-symbols-rounded{font-size:19px;color:var(--grm-brand,#103A63);animation:grm-meer-wip 1.1s ease-in-out infinite}
@keyframes grm-meer-wip{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}
@media (prefers-reduced-motion:reduce){
.grm-shopgrid__meer .material-symbols-rounded{animation:none}
}
@media (max-width:640px){
.grm-shopgrid__meer{margin-top:16px;padding:11px 14px;font-size:12.5px}
}
@keyframes grm-veeg{from{background-position:100% 0}to{background-position:0 0}}
@keyframes grm-ring{to{transform:rotate(360deg)}}
@keyframes grm-pk-binnen{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@keyframes grm-skelet-in{from{opacity:0}to{opacity:1}}
.grm-shopgrid__meer.is-laden,.grm-listing__meer.is-laden{border:1px solid #CFE0F3;background-color:#F5F9FD;background-image:linear-gradient(100deg,rgba(22,104,199,0) 35%,rgba(22,104,199,.16) 50%,rgba(22,104,199,0) 65%);background-size:250% 100%;background-repeat:no-repeat;animation:grm-veeg 1.3s linear infinite;color:var(--grm-brand,#103A63)}
.grm-shopgrid__meer.is-laden .material-symbols-rounded{display:none}
.grm-shopgrid__meer.is-laden::before,.grm-listing__meer.is-laden::before{content:"";flex:0 0 auto;width:18px;height:18px;box-sizing:border-box;border:2.5px solid #D3E2F3;border-top-color:var(--grm-accent,#1668C7);border-radius:50%;animation:grm-ring .7s linear infinite}
.grm-listing__meer.is-laden{display:flex;align-items:center;justify-content:center;gap:9px;margin:22px 0 0;padding:13px 18px;border-radius:12px;font-size:13.5px;font-weight:700}
.grm-listing__meer.is-laden::after{content:"Meer groothandels laden\2026"}
.grm-shopgrid__meer.is-fout{cursor:pointer;border-style:solid;border-color:#F1C4C0;background:#FEF6F6;color:#B42318}
.grm-shopgrid__meer.is-fout .material-symbols-rounded{animation:none;color:#B42318}
.grm-pk.is-binnen{animation:grm-pk-binnen .5s cubic-bezier(.2,.75,.3,1) both;animation-delay:calc(var(--i,0) * 45ms)}
.grm-pk-skelet{display:flex;flex-direction:column;gap:9px;min-width:0;padding:0 0 14px;background:#fff;border:1px solid #E4E8EE;border-radius:14px;overflow:hidden;animation:grm-skelet-in .25s ease both;animation-delay:calc(var(--i,0) * 40ms)}
.grm-pk-skelet>span{display:block;border-radius:6px;background-color:#EEF2F6;background-image:linear-gradient(100deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.85) 50%,rgba(255,255,255,0) 65%);background-size:250% 100%;background-repeat:no-repeat;animation:grm-veeg 1.3s linear infinite;animation-delay:calc(var(--i,0) * 60ms)}
.grm-pk-skelet__foto{aspect-ratio:1/1;border-radius:0 !important;margin-bottom:4px}
.grm-pk-skelet__regel{height:12px;margin:0 14px;width:calc(100% - 28px)}
.grm-pk-skelet__regel.is-kort{width:58%}
.grm-pk-skelet__regel.is-prijs{width:36%;height:14px;margin-top:4px}
.grm-pk-skelet__knop{height:34px;margin:6px 14px 0;border-radius:10px !important}
@media (prefers-reduced-motion:reduce){
.grm-shopgrid__meer.is-laden,.grm-listing__meer.is-laden,.grm-pk-skelet,.grm-pk-skelet>span,.grm-pk.is-binnen{animation:none}
.grm-shopgrid__meer.is-laden::before,.grm-listing__meer.is-laden::before{animation-duration:1.6s}
}
.grm-prod__prijsrij{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;padding:14px 0;border-top:1px solid var(--grm-line-soft,#EAEFF5);border-bottom:1px solid var(--grm-line-soft,#EAEFF5)}
.grm-prod__score{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:var(--grm-ink-500,#55636E)}
.grm-prod__score:hover .grm-prod__score-n{text-decoration:underline}
.grm-prod__score-sterren{display:inline-flex;gap:1px;line-height:1}
.grm-prod__score-sterren .material-symbols-rounded{font-size:17px;color:var(--grm-line,#D7DEE7);font-variation-settings:'FILL' 1}
.grm-prod__score-sterren .is-vol{color:var(--grm-warn,#F59E0B)}
.grm-prod__score-cijfer{font-size:14px;font-weight:800;color:var(--grm-ink,#041E42)}
.grm-prod__score-n{font-size:13px;font-weight:600}
.grm-prod__oordeel{margin:26px 0 0}
.grm-prod__oordeel .grm-prod__beoordeling{margin:0}
@media (max-width:640px){
.grm-prod__prijsrij{gap:10px}
.grm-prod__score-n{font-size:12.5px}
}
@media (max-width:640px){
.grm-prod__rij > .gm-btn{flex:1 1 100%}
.grm-prod__acties .gm-btn,
.grm-prod__acties .grm-prod__webshop{flex:1 1 100%}
}
.grm-prod__beeld.grm-pfoto{cursor:zoom-in}
.grm-lightbox{position:fixed;inset:0;z-index:4000;display:flex;align-items:center;justify-content:center;background:rgba(4,30,66,.88);padding:52px 14px}
.grm-lightbox[hidden]{display:none}
.grm-lightbox img{max-width:min(94vw,1100px);max-height:84vh;object-fit:contain;background:#fff;border-radius:12px}
.grm-lightbox__knop{position:absolute;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:0;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;cursor:pointer;transition:background .14s}
.grm-lightbox__knop:hover{background:rgba(255,255,255,.28)}
.grm-lightbox__knop .material-symbols-rounded{font-size:26px}
.grm-lightbox__sluit{top:14px;right:14px}
.grm-lightbox__pijl--terug{left:10px;top:50%;transform:translateY(-50%)}
.grm-lightbox__pijl--verder{right:10px;top:50%;transform:translateY(-50%)}
.grm-lightbox__tel{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);color:#fff;font-size:13px;font-weight:600;letter-spacing:.02em}
body.grm-lightbox-open{overflow:hidden}
.grm-prodcats{margin:0 0 18px}
.grm-prodcats__wrap{position:relative}
.grm-prodcats__rij{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:2px 2px 6px;scrollbar-width:none;-ms-overflow-style:none}
.grm-prodcats__rij::-webkit-scrollbar{display:none}
.grm-prodcats__rij .grm-groep__tegel{flex:0 0 168px;scroll-snap-align:start}
.grm-prodcats__pijl{position:absolute;top:50%;transform:translateY(-50%);z-index:5;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--grm-brand,#103A63);border-radius:999px;background:var(--grm-brand,#103A63);box-shadow:0 6px 16px rgba(4,30,66,.22);cursor:pointer;color:#fff}
.grm-prodcats__pijl:hover{background:var(--grm-brand-600,#0B2A49);border-color:var(--grm-brand-600,#0B2A49)}
.grm-prodcats__pijl--terug{left:-6px}
.grm-prodcats__pijl--verder{right:-6px}
.grm-prodcats__pijl[hidden]{display:none}
.grm-prodcats__pijl .material-symbols-rounded{font-size:22px}
.grm-prodcats__wrap--strook{min-width:0;max-width:100%}
.grm-prodcats__pijl--strook{width:30px;height:30px;box-shadow:0 3px 10px rgba(4,30,66,.25)}
.grm-prodcats__pijl--strook .material-symbols-rounded{font-size:18px}
.grm-prodcats__wrap--strook .grm-prodcats__pijl--terug{left:2px}
.grm-prodcats__wrap--strook .grm-prodcats__pijl--verder{right:2px}
@media(max-width:760px){.grm-prodcats__pijl{display:none}.grm-prodcats__rij .grm-groep__tegel{flex:0 0 136px}}
.grm-prod__ook{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--grm-line-soft,#EAEFF5);font-size:13.5px;line-height:1.6;color:var(--grm-ink-500,#55636E)}
.grm-prod__ook-lbl{font-weight:700;color:var(--grm-ink,#041E42)}
.grm-pk__naam{font-size:15px;font-weight:600;line-height:1.3}
.grm-pk__naam a{color:var(--grm-brand,#103A63)}
.grm-pk__naam a:hover{color:#041E42;text-decoration:underline}
.grm-pk__prijs{font-family:"Inter",Inter,sans-serif;font-weight:500;font-size:13px;color:#7A8794}
.grm-pk__actie{flex:1 0 100%;width:100%;align-self:stretch;margin-top:auto;padding-top:10px;box-sizing:border-box}
.grm-pk__toevoeg{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:36px;padding:0 12px;border:1px solid var(--grm-line,#D7DEE7);border-radius:10px;background:#fff;color:var(--grm-brand,#103A63);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.grm-pk__toevoeg-lbl{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.grm-pk__toevoeg .material-symbols-rounded{flex:0 0 auto;font-size:18px;color:var(--grm-accent,#1668C7);transition:transform .2s}
.grm-pk__toevoeg:hover{border-color:var(--grm-accent,#1668C7);background:#F5F8FC}
.grm-pk__toevoeg.is-toegevoegd{background:#EDF2F8;border-color:#EDF2F8}
.grm-pk__toevoeg.is-toegevoegd .material-symbols-rounded{font-variation-settings:'FILL' 1;color:var(--grm-accent,#1668C7)}
.grm-pk__toevoeg.is-net .material-symbols-rounded{animation:grm-pk-hart .45s ease}
@keyframes grm-pk-hart{0%{transform:scale(1)}40%{transform:scale(1.3)}100%{transform:scale(1)}}
.grm-pk__toevoeg[hidden],.grm-pk__aantalrij[hidden]{display:none}
.grm-pk__aantalrij{display:flex;align-items:center;gap:6px;height:36px}
.grm-pk__aantal{flex:1 1 auto;min-width:0;height:36px;padding:0 10px;border:1px solid var(--grm-accent,#1668C7);border-radius:10px;font:inherit;font-size:14px;font-weight:600;color:var(--grm-ink,#041E42);background:#fff;box-sizing:border-box}
.grm-pk__aantal:focus{outline:none;box-shadow:0 0 0 3px rgba(22,104,199,.15)}
.grm-pk__bevestig{flex:0 0 36px;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:10px;background:#EDF2F8;color:var(--grm-brand,#103A63);cursor:pointer;transition:background .15s,color .15s}
.grm-pk__bevestig:hover{background:var(--grm-brand,#103A63);color:#fff}
.grm-pk__bevestig .material-symbols-rounded{font-size:20px}
@media (prefers-reduced-motion:reduce){.grm-pk__toevoeg.is-net .material-symbols-rounded{animation:none}}
.grm-pk__minmelding{flex:1 0 100%;margin:6px 0 0;font-size:12.5px;font-weight:600;line-height:1.35;color:#B42318}

.grm-mand{max-width:var(--grm-w,1424px);margin:0 auto;padding:20px 24px 64px;min-width:0}
body.grm-mandpagina .container.main-content{max-width:var(--grm-w,1424px)}
.grm-mand__kop{margin:8px 0 24px;max-width:720px}
.grm-mand__kop h1{margin:0 0 8px;font-size:clamp(24px,3vw,34px)}
.grm-mand__kop p{margin:0;color:var(--grm-ink-500,#55636E);line-height:1.6}
.grm-mand__grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px;align-items:start}
.grm-mand__grid--enkel{grid-template-columns:minmax(0,1fr)}
.grm-mand__items{min-width:0}
.grm-mand__balk{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#fff;border:1px solid var(--grm-line,#D7DEE7);border-radius:12px;margin-bottom:14px;font-size:14px;color:var(--grm-ink-500,#55636E)}
.grm-mand__balk strong{color:var(--grm-ink,#041E42);font-size:17px;font-family:var(--grm-font-display,'Inter Tight',sans-serif)}
.grm-mand__wis{border:0;background:none;color:var(--grm-brand,#103A63);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}
.grm-mand__wis:hover{text-decoration:underline}
.grm-mand__lijst{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.grm-mand__item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#fff;border:1px solid var(--grm-line,#D7DEE7);border-radius:12px;min-width:0}
.grm-mand__logo{flex-shrink:0;width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,var(--grm-brand,#103A63),var(--grm-ink,#041E42));color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--grm-font-display,'Inter Tight',sans-serif);font-weight:800;font-size:19px}
.grm-mand__txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.grm-mand__naam{font-weight:700;font-size:15px;color:var(--grm-ink,#041E42);overflow-wrap:anywhere}
.grm-mand__naam a{color:inherit;text-decoration:none}
.grm-mand__naam a:hover{color:var(--grm-brand,#103A63)}
.grm-mand__plaats{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;color:var(--grm-ink-500,#55636E)}
.grm-mand__plaats .material-symbols-rounded{font-size:15px}
.grm-mand__acties{display:flex;align-items:center;gap:8px;flex-shrink:0}
.grm-mand__rm{width:34px;height:34px;border-radius:8px;border:1px solid var(--grm-line,#D7DEE7);background:#fff;color:var(--grm-ink-500,#55636E);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .14s,color .14s}
.grm-mand__rm:hover{background:var(--grm-warn-50,#fef7e0);color:var(--grm-danger,#dc2626);border-color:transparent}
.grm-mand__rm .material-symbols-rounded{font-size:18px}
.grm-mand__item--kaart{position:relative;flex-direction:column;align-items:stretch;gap:12px}
.grm-mand__kaartkop{display:flex;align-items:center;gap:14px;min-width:0;padding-right:24px}
.grm-mand__item--kaart .grm-mand__rm{position:absolute;top:8px;right:8px;z-index:1}
.grm-mand__item--kaart .grm-mand__acties{gap:10px}
.grm-mand__item--kaart .grm-mand__vraag{flex:1 1 auto;justify-content:center}
.grm-mand__sel{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid var(--grm-line,#D7DEE7);border-radius:10px;color:var(--grm-ink-500,#55636E);font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap;user-select:none}
.grm-mand__sel:hover{border-color:var(--grm-brand,#103A63);color:var(--grm-brand,#103A63)}
.grm-mand__sel input{width:16px;height:16px;accent-color:var(--grm-brand,#103A63);cursor:pointer;margin:0}
@media(max-width:600px){.grm-mand__item--kaart .grm-mand__acties .gm-btn{display:inline-flex}}
.grm-mand__leeg{padding:56px 24px;text-align:center;background:#fff;border:1px dashed var(--grm-line,#D7DEE7);border-radius:14px}
.grm-mand__leeg .material-symbols-rounded{font-size:44px;color:var(--grm-ink-300,#A8B4BC)}
.grm-mand__leeg .grm-leeg__fig{display:block;width:min(240px,80%);height:auto;margin:0 auto 4px}
.grm-mand__leeg h3{margin:10px 0 6px}
.grm-mand__leeg p{margin:0 0 16px;color:var(--grm-ink-500,#55636E)}
.grm-mand__zij{position:sticky;top:96px;display:flex;flex-direction:column;gap:14px}
.grm-mand__kaart{background:#fff;border:1px solid var(--grm-line,#D7DEE7);border-radius:14px;padding:18px}
.grm-mand__kaart h2{margin:0 0 4px;font-size:18px}
.grm-mand__kaart-sub{margin:0 0 14px;font-size:13px;color:var(--grm-ink-500,#55636E)}
.grm-mand__usps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.grm-mand__usps li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--grm-ink-500,#55636E)}
.grm-mand__usps .material-symbols-rounded{font-size:17px;color:var(--grm-brand,#103A63)}
@media(max-width:900px){.grm-mand__grid{grid-template-columns:1fr}.grm-mand__zij{position:static}}
@media(max-width:600px){.grm-mand{padding:16px 14px 48px}.grm-mand__acties .gm-btn{display:none}}
.grm-mand__aantal{display:inline-flex;align-items:center;flex:0 0 auto;border:1px solid #D7DEE7;border-radius:8px;overflow:hidden;background:#fff}
.grm-mand__stap{width:32px;height:34px;border:0;background:transparent;color:#103A63;font-size:17px;font-weight:700;cursor:pointer;line-height:1}
.grm-mand__stap:hover{background:#EDF2F8}
.grm-mand__aantal input{width:46px;height:34px;border:0;border-left:1px solid var(--grm-line-soft,#eaeff5);border-right:1px solid var(--grm-line-soft,#eaeff5);text-align:center;font-family:inherit;font-size:14px;font-weight:700;color:#041E42;-moz-appearance:textfield}
.grm-mand__aantal input::-webkit-outer-spin-button,.grm-mand__aantal input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.grm-mand__vragen{margin:44px auto 0;padding:28px 24px;border-radius:14px;background:var(--grm-canvas,#f5f7fa);min-width:0}
.grm-mand__vragen h2{margin:0 0 16px;font-family:"Inter Tight",sans-serif;font-size:22px;font-weight:800;color:#041E42}
.grm-mand__vragen-lijst{display:flex;flex-direction:column;gap:8px}
.grm-mand__vraag{background:#fff;border:1px solid var(--grm-line-soft,#eaeff5);border-radius:10px}
.grm-mand__vraag summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;cursor:pointer;font-weight:700;font-size:14.5px;color:#041E42;list-style:none}
.grm-mand__vraag summary::-webkit-details-marker{display:none}
.grm-mand__vraag summary .material-symbols-rounded{font-size:20px;color:#55636E;transition:transform .2s}
.grm-mand__vraag[open] summary .material-symbols-rounded{transform:rotate(180deg)}
.grm-mand__vraag p{margin:0;padding:0 16px 15px;font-size:14px;line-height:1.6;color:var(--grm-ink-700,#33424f)}
@media (max-width:640px){
.grm-mand__item{flex-wrap:wrap}
.grm-mand__aantal{order:3}
.grm-mand__vragen{padding:20px 15px;margin-top:32px}
}
.grm-mand__filter{display:flex;flex-wrap:wrap;gap:10px;margin-left:auto;align-items:center}
.grm-mand__filter-veld{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--grm-ink-500,#55636E)}
.grm-mand__filter-veld>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.grm-mand__filter-veld select{border:1px solid var(--grm-line,#D7DEE7);border-radius:8px;background:#fff;color:var(--grm-ink,#041E42);font:inherit;font-size:13px;font-weight:600;padding:7px 10px;cursor:pointer;max-width:190px}
.grm-mand__filter-veld select:hover{border-color:var(--grm-ink-300,#A8B4BC)}
.grm-mand__filter-veld select:focus-visible{outline:2px solid var(--grm-accent,#1668C7);outline-offset:1px}
.grm-mand__bulk{white-space:nowrap;flex-shrink:0}
@media(max-width:640px){
.grm-mand__balk{flex-wrap:wrap}
.grm-mand__filter{margin-left:0;width:100%}
.grm-mand__filter-veld select{flex:1 1 auto;max-width:none}
.grm-mand__bulk{width:100%;justify-content:center}
}
.grm-wagen__naar{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:13.5px;font-weight:700;color:var(--grm-accent,#1668C7);text-decoration:none}
.grm-wagen__naar:hover{text-decoration:underline}
.grm-wagen__naar .material-symbols-rounded{font-size:16px}
.grm-wagen__naar[hidden]{display:none}
.grm-mand--kaal{max-width:none;margin:0;padding:0}
.grm-mand--kaal .grm-tabs__paneel{padding-left:0;padding-right:0}
.grm-mand__slot{border:1px solid var(--grm-lijn,#E3E8ED);border-radius:14px;background:#fff;padding:32px 24px;text-align:center;max-width:640px;margin:8px auto 32px}
.grm-mand__slot .material-symbols-rounded{font-size:40px;color:var(--grm-accent,#1668C7)}
.grm-mand__slot h2{margin:12px 0 8px;font-size:clamp(20px,2.4vw,26px)}
.grm-mand__slot p{margin:0 0 16px;color:var(--grm-ink-500,#55636E);line-height:1.6}
.grm-mand__slot-acties{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:0}
.grm-mand__stand{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px}
.grm-mand__stand:empty{display:none}
.grm-mand__aangevraagd{
display:inline-flex;align-items:center;gap:5px;
font-size:12px;font-weight:700;color:var(--grm-accent,#1668C7);
}
.grm-mand__aangevraagd .material-symbols-rounded{font-size:15px}
.grm-mand__gesprek{
position:relative;display:inline-flex;align-items:center;gap:5px;
padding:3px 10px 3px 8px;border-radius:99px;text-decoration:none;
background:var(--grm-brand-50,#EDF2F8);color:var(--grm-brand,#103A63);
font-size:12px;font-weight:700;
}
.grm-mand__gesprek:hover{background:#D3E0EF}
.grm-mand__gesprek .material-symbols-rounded{font-size:15px}
.grm-mand__dot{
display:inline-flex;align-items:center;justify-content:center;
min-width:18px;height:18px;padding:0 5px;margin-left:2px;
border-radius:99px;background:var(--grm-accent,#1668C7);color:#fff;
font-size:11px;font-weight:800;
}
.grm-mand__rm{
border:0;background:none;cursor:pointer;padding:6px;border-radius:8px;
color:var(--grm-ink-400,#7A8794);opacity:.65;
}
.grm-mand__rm:hover{opacity:1;color:var(--grm-danger-text,#8A1C1C);background:#FBD5D2}
.grm-mand__vraag{white-space:nowrap}
@media(max-width:600px){
.grm-mand__acties{display:flex;align-items:center;gap:6px}
.grm-mand__vraag{flex:1 1 auto;justify-content:center}
}
.grm-mand__logo--foto{padding:3px;background:#fff;background-image:none;border:1px solid var(--grm-line,#D7DEE7);overflow:hidden}
.grm-mand__logo--foto img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;background:#fff}
.grm-mand__zij[hidden]{display:none}
.grm-mand__zij-kop{margin:8px 0 12px;font-family:var(--grm-font-display,'Inter Tight',sans-serif);font-size:15px;font-weight:800;line-height:1.3;color:var(--grm-ink,#041E42)}
.grm-mand__collage{column-count:2;column-gap:10px}
.grm-mand__tegel{position:relative;display:block;break-inside:avoid;margin:0 0 10px;border:1px solid var(--grm-line,#D7DEE7);border-radius:12px;background:#fff;overflow:hidden;text-decoration:none;color:var(--grm-ink,#041E42);transition:border-color .14s,box-shadow .14s}
.grm-mand__tegel:hover{border-color:var(--grm-brand,#103A63);box-shadow:0 4px 14px rgba(4,30,66,.10)}
.grm-mand__tegel-beeld{display:block;background:#fff}
.grm-mand__tegel-beeld img{display:block;width:100%;height:auto;max-height:200px;object-fit:contain;object-position:center;background:#fff}
.grm-mand__tegel-beeld--logo{padding:14px}
.grm-mand__tegel-beeld--logo img{max-height:84px}
.grm-mand__tegel-naam{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:8px 10px 0;font-size:12.5px;font-weight:700;line-height:1.3}
.grm-mand__tegel-sub{display:block;padding:2px 10px 10px;font-size:11.5px;line-height:1.3;color:var(--grm-ink-500,#55636E);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.grm-mand__tegel-hart{position:absolute;top:6px;right:6px;display:none;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#fff;color:var(--grm-brand,#103A63);font-size:16px;box-shadow:0 1px 4px rgba(4,30,66,.18);font-variation-settings:'FILL' 1}
.grm-mand__tegel.is-bewaard .grm-mand__tegel-hart{display:inline-flex}
@media(min-width:1100px){
.grm-mand.is-met-zij{display:grid;grid-template-columns:minmax(0,clamp(200px,19vw,280px)) minmax(0,1fr) minmax(0,clamp(200px,19vw,280px));column-gap:28px;align-items:start}
.grm-mand.is-met-zij > .grm-mand__zij--links{grid-column:1;grid-row:1}
.grm-mand.is-met-zij > .grm-mand__midden{grid-column:2;grid-row:1;min-width:0}
.grm-mand.is-met-zij > .grm-mand__zij--rechts{grid-column:3;grid-row:1}
}
@media(max-width:1099px){
.grm-mand__zij{display:none}
}
.grm-bestkeuze{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(4,30,66,.55)}
.grm-bestkeuze__vlak{width:min(520px,100%);max-height:calc(100vh - 32px);overflow-y:auto;padding:20px 22px;border-radius:16px;background:#fff;box-shadow:0 24px 60px rgba(4,30,66,.3);box-sizing:border-box}
.grm-bestkeuze__kop{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.grm-bestkeuze__kop h2{margin:0;font-size:20px;font-weight:800;color:var(--grm-ink,#041E42)}
.grm-bestkeuze__sluit{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:10px;background:#F5F7FA;color:#55636E;cursor:pointer}
.grm-bestkeuze__uitleg{margin:0 0 12px;font-size:14px;color:#55636E}
.grm-bestkeuze__opties{display:grid;gap:8px;margin-bottom:14px}
.grm-bestkeuze__optie{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1.5px solid #D7DEE7;border-radius:12px;cursor:pointer}
.grm-bestkeuze__optie:has(input:checked){border-color:var(--grm-accent,#1668C7);background:#F3F7FD}
.grm-bestkeuze__optie input{margin-top:3px;accent-color:var(--grm-accent,#1668C7)}
.grm-bestkeuze__optie strong{display:block;font-size:15px;color:var(--grm-ink,#041E42)}
.grm-bestkeuze__optie small{display:block;margin-top:2px;font-size:13px;line-height:1.4;color:#55636E}
.grm-bestkeuze__veld{display:flex;flex-direction:column;gap:5px;margin-bottom:12px;font-size:13.5px;font-weight:600;color:var(--grm-ink,#041E42)}
.grm-bestkeuze__veld textarea{width:100%;box-sizing:border-box;padding:9px 11px;border:1px solid #D7DEE7;border-radius:10px;font:inherit;font-weight:400;resize:vertical}
.grm-bestkeuze__voet{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:4px}
@media (max-width:480px){.grm-bestkeuze__voet .gm-btn{flex:1 1 auto;justify-content:center}}
.grm-mand__hoeveel{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:10px 0 0;padding:10px 12px;border-radius:10px;background:#F5F7FA}
.grm-mand__hoeveel label{display:flex;align-items:center;gap:8px;margin:0;font-size:13.5px;font-weight:600;color:var(--grm-ink,#041E42)}
.grm-mand__hoeveel input{width:84px;height:36px;padding:0 10px;border:1px solid #D7DEE7;border-radius:8px;background:#fff;font:inherit;font-weight:600}
.grm-mand__min{font-size:12.5px;font-weight:600;color:#55636E}
.grm-mand__tekort{display:none;flex:1 0 100%;margin:0;font-size:13px;font-weight:600;color:#B42318}
.grm-mand__hoeveel.is-tekort{background:#FEF3F2;box-shadow:inset 0 0 0 1px #F5C2C0}
.grm-mand__hoeveel.is-tekort input{border-color:#D92D20}
.grm-mand__hoeveel.is-tekort .grm-mand__tekort{display:block}

.grm-gids{max-width:var(--grm-w,1424px);margin:0 auto;padding:0 22px 72px;min-width:0;color:var(--grm-ink,#041e42);font-family:"Inter",Inter,sans-serif}
.grm-gids *{box-sizing:border-box}
.grm-gids__kop{max-width:820px;margin:var(--grm-s-6,24px) 0 var(--grm-s-8,32px)}
.grm-gids__eyebrow{display:inline-block;margin-bottom:10px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#1668C7}
.grm-gids__kop h1{margin:0 0 12px;font-family:"Inter Tight",sans-serif;font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.1;letter-spacing:-.02em;color:#041E42}
.grm-gids__kop p{margin:0;font-size:17px;line-height:1.6;color:var(--grm-ink-700,#33424f)}
.grm-gids__kop--smal{max-width:720px}
.grm-gids__cijfers{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0;padding:0}
.grm-gids__cijfers li{flex:1 1 150px;min-width:0;padding:15px 17px;border:1px solid var(--grm-line-soft,#eaeff5);border-radius:12px;background:#fff}
.grm-gids__cijfers strong{display:block;font-family:"Inter Tight",sans-serif;font-size:26px;font-weight:800;color:#103A63;line-height:1.1}
.grm-gids__cijfers span{display:block;margin-top:3px;font-size:13px;color:#55636E}
.grm-gids__kop-cta{margin-top:24px}
.grm-gids__body{display:grid;grid-template-columns:274px minmax(0,1fr);gap:44px;align-items:start;min-width:0}
.grm-gids__zij{position:sticky;top:150px;min-width:0}
.grm-gids__inhoud h2{margin:0 0 12px;font-family:"Inter Tight",sans-serif;font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#55636E}
.grm-gids__inhoud ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.grm-gids__inhoud a{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:9px;color:var(--grm-ink-700,#33424f);font-size:14px;font-weight:600;text-decoration:none;line-height:1.35}
.grm-gids__inhoud a:hover{background:#EDF2F8;color:#103A63}
.grm-gids__inhoud a.is-actief{background:#103A63;color:#fff}
.grm-gids__nr{flex:0 0 auto;width:22px;height:22px;border-radius:6px;background:#EDF2F8;color:#103A63;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}
.grm-gids__inhoud a.is-actief .grm-gids__nr{background:rgba(255,255,255,.22);color:#fff}
.grm-gids__zij-cta{margin-top:16px;width:100%;justify-content:center}
.grm-gids__tekst{min-width:0;max-width:760px}
.grm-gids__hoofdstuk{padding:0 0 34px;margin-bottom:34px;border-bottom:1px solid var(--grm-line-soft,#eaeff5);scroll-margin-top:160px}
.grm-gids__hoofdstuk:last-of-type{border-bottom:0}
.grm-gids__hoofdstuk-kop{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.grm-gids__hoofdstuk h2{display:flex;align-items:center;gap:10px;margin:0;font-family:"Inter Tight",sans-serif;font-size:24px;font-weight:800;letter-spacing:-.01em;color:#041E42;line-height:1.2}
.grm-gids__hoofdstuk-nr{flex:0 0 auto;font-size:14px;font-weight:800;color:#1668C7}
.grm-gids__hoofdstuk p{margin:0 0 14px;font-size:16px;line-height:1.72;color:var(--grm-ink-700,#33424f)}
.grm-gids__hoofdstuk p:last-child{margin-bottom:0}
.grm-gids__vraag{margin-top:18px;border:1px solid var(--grm-line-soft,#eaeff5);border-radius:11px;background:var(--grm-paper,#fff)}
.grm-gids__vraag summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;cursor:pointer;font-weight:700;font-size:14.5px;color:#041E42;list-style:none}
.grm-gids__vraag summary::-webkit-details-marker{display:none}
.grm-gids__vraag summary .material-symbols-rounded{font-size:20px;color:#55636E;transition:transform .2s}
.grm-gids__vraag[open] summary .material-symbols-rounded{transform:rotate(180deg)}
.grm-gids__vraag p{margin:0;padding:0 16px 15px;font-size:14.5px;line-height:1.65;color:var(--grm-ink-700,#33424f)}
.grm-gids__slot{margin-top:8px;padding:34px 28px;border-radius:16px;background:var(--grm-rij-merk);color:#fff}
.grm-gids__slot h2{margin:0 0 8px;font-family:"Inter Tight",sans-serif;font-size:25px;font-weight:800;color:#fff}
.grm-gids__slot p{margin:0 0 20px;font-size:15.5px;line-height:1.6;color:var(--grm-brand-100,#d3e0ef)}
.grm-gids__slot a{color:#fff;text-decoration:underline}
.grm-gids__slot-ctas{display:flex;flex-wrap:wrap;gap:10px}
.grm-gids__slot-ctas a{text-decoration:none}
.grm-gids__contactregel{margin:26px 0 0;padding-top:20px;border-top:1px solid var(--grm-line-soft,#eaeff5);font-size:14.5px;color:#55636E}
.grm-gids--juridisch .grm-gids__hoofdstuk{padding-bottom:22px;margin-bottom:22px}
@media (max-width:900px){
.grm-gids__body{grid-template-columns:1fr;gap:26px}
.grm-gids__zij{position:static;top:auto}
.grm-gids__inhoud ol{flex-direction:row;flex-wrap:wrap;gap:6px}
.grm-gids__inhoud a{padding:8px 11px;border:1px solid var(--grm-line-soft,#eaeff5);font-size:13px}
.grm-gids__zij-cta{display:none}
}
@media (max-width:640px){
.grm-gids{padding:0 15px 56px}
.grm-gids__cijfers li{flex:1 1 132px;padding:12px 13px}
.grm-gids__cijfers strong{font-size:22px}
.grm-gids__hoofdstuk h2{font-size:20px}
.grm-gids__slot{padding:24px 18px}
}
.grm-azindex{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 26px}
.grm-azindex__letter{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 10px;border:1px solid var(--grm-line-soft,#eaeff5);border-radius:9px;background:#fff;color:#103A63;font-weight:700;font-size:14px;text-decoration:none;transition:background .14s,border-color .14s}
.grm-azindex__letter:hover{background:#EDF2F8;border-color:#1668C7}
.grm-azindex__letter.is-actief{background:#103A63;border-color:#103A63;color:#fff}
.grm-azindex__lijst{display:grid;grid-template-columns:repeat(auto-fill,minmax(252px,1fr));gap:2px;min-width:0}
.grm-azindex__lijst a{display:block;padding:9px 12px;border-radius:8px;color:var(--grm-ink-700,#33424f);font-size:14.5px;text-decoration:none}
.grm-azindex__lijst a:hover{background:#EDF2F8;color:#103A63}
.grm-azindex__leeg{padding:22px;border:1px dashed #D7DEE7;border-radius:12px;color:#55636E;font-size:15px}
.grm-sitemap{display:grid;grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:26px;min-width:0}
.grm-sitemap__blok{min-width:0}
.grm-sitemap__blok--breed{grid-column:1/-1}
.grm-sitemap__blok h2{margin:0 0 11px;font-family:"Inter Tight",sans-serif;font-size:17px;font-weight:800;color:#041E42}
.grm-sitemap__blok ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px}
.grm-sitemap__kolommen{display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:1px}
.grm-sitemap__blok a{display:block;padding:6px 9px;border-radius:7px;color:var(--grm-ink-700,#33424f);font-size:14px;text-decoration:none}
.grm-sitemap__blok a:hover{background:#EDF2F8;color:#103A63}
@media (max-width:640px){
.grm-azindex__letter{min-width:36px;height:36px;font-size:13px}
.grm-sitemap{gap:20px}
}
.grm-gids__datum{margin:14px 0 0;font-size:13.5px;font-weight:600;color:#55636E}
.grm-gids__lijst{margin:0 0 16px;padding:0;list-style:none;display:flex;flex-direction:column;gap:11px}
.grm-gids__lijst li{position:relative;padding-left:26px;font-size:16px;line-height:1.68;color:var(--grm-ink-700,#33424f)}
.grm-gids__lijst li::before{content:"";position:absolute;left:0;top:10px;width:8px;height:8px;border-radius:3px;background:#1668C7}
.grm-gids__lijst li strong{color:#041E42}
.grm-gids__lijst a{color:#1668C7;font-weight:600}
.grm-gids__hoofdstuk a{color:#1668C7;font-weight:600}
.grm-gids__tekst--breed{max-width:860px;margin:0 auto}
.grm-gids--juridisch .grm-gids__hoofdstuk .grm-faq2{margin-top:6px}
.grm-gids__contactregel{margin-top:26px;padding-top:20px;border-top:1px solid var(--grm-line-soft,#eaeff5);font-size:14.5px;color:#55636E}
.grm-gids__contactregel a{color:#1668C7;font-weight:600}
.grm-alt{max-width:900px;margin:0 auto;padding:0 24px 60px}
.grm-alt__kop{padding:34px 0 10px}
.grm-alt__kop h1{margin:0 0 12px;font-family:"Inter Tight",sans-serif;font-size:clamp(27px,4vw,40px);font-weight:800;letter-spacing:-.02em;line-height:1.08;color:#041E42}
.grm-alt__sub{margin:0 0 16px;font-size:17.5px;line-height:1.6;color:var(--grm-ink-700,#33424f)}
.grm-alt__fomo{margin:0;padding:16px 18px;background:var(--grm-warn-50,#fef7e0);border:1px solid var(--grm-warn-50,#FEF7E0);border-radius:12px;font-size:16px;line-height:1.6;font-weight:600;color:var(--grm-ink-700,#33424f)}
.grm-alt__blok{padding:26px 0;border-bottom:1px solid var(--grm-line-soft,#eaeff5)}
.grm-alt__blok:last-of-type{border-bottom:0}
.grm-alt__blok h2{margin:0 0 12px;font-family:"Inter Tight",sans-serif;font-size:clamp(20px,2.6vw,25px);font-weight:800;letter-spacing:-.01em;color:#041E42}
.grm-alt__blok p{margin:0 0 14px;font-size:16px;line-height:1.72;color:var(--grm-ink-700,#33424f)}
.grm-alt__blok p:last-child{margin-bottom:0}
.grm-alt__blok--wij{background:var(--grm-canvas,#f5f7fa);border-radius:16px;padding:26px 26px 20px;border-bottom:0;margin:8px 0}
.grm-alt__lijst{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-direction:column;gap:10px}
.grm-alt__lijst li{position:relative;padding-left:26px;font-size:16px;line-height:1.65;color:var(--grm-ink-700,#33424f);list-style:none}
.grm-alt__lijst li::before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:3px;background:#1668C7}
.grm-alt__raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.grm-alt__kaart{display:block;padding:20px;background:#fff;border:1px solid #D7DEE7;border-radius:14px;text-decoration:none;transition:border-color .15s ease,transform .15s ease}
.grm-alt__kaart:hover{border-color:#1668C7;transform:translateY(-2px)}
.grm-alt__kaart h3{margin:0 0 8px;font-size:17px;font-weight:800;color:#041E42}
.grm-alt__kaart p{margin:0 0 12px;font-size:14.5px;line-height:1.6;color:#55636E}
.grm-alt__lees{font-size:13.5px;font-weight:700;color:#1668C7}
.grm-alt__cta{margin-top:22px;padding:30px 28px;border-radius:18px;background:var(--grm-rij-merk);color:#fff}
.grm-alt__cta h2{margin:0 0 10px;font-family:"Inter Tight",sans-serif;font-size:24px;font-weight:800;color:#fff}
.grm-alt__cta p{margin:0 0 18px;font-size:15.5px;line-height:1.65;color:rgba(255,255,255,.92)}
.grm-alt__ctas{display:flex;flex-wrap:wrap;gap:10px}
@media(max-width:600px){.grm-alt{padding:0 16px 44px}.grm-alt__blok--wij,.grm-alt__cta{padding:22px 18px}}
.grm-alt__snel{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.grm-alt__snel a{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border:1px solid var(--grm-line,#D7DEE7);border-radius:999px;background:#fff;color:var(--grm-ink,#041E42);font-size:14px;font-weight:600;text-decoration:none;transition:border-color .12s,color .12s}
.grm-alt__snel a:hover{border-color:var(--grm-accent,#1668C7);color:var(--grm-accent,#1668C7)}
.grm-alt__snel .grm-tel{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--grm-vlak,var(--grm-canvas,#f5f7fa));font-size:12px;font-weight:700;color:var(--gm-text-secondary,#55636E)}
.grm-alt__blok--buren{border-top:1px solid var(--grm-line,#D7DEE7);padding-top:22px}
.grm-alt__lijst--buren{display:flex;flex-wrap:wrap;gap:8px 22px}
.grm-alt__lijst--buren li{padding-left:0}
.grm-alt__lijst--buren li::before{display:none}
.grm-alt__lijst--buren a{color:var(--grm-accent,#1668C7);font-weight:600;text-decoration:none}
.grm-alt__lijst--buren a:hover{text-decoration:underline}
.grm-alt__alles{display:inline-block;margin-top:10px;color:var(--grm-marine,#103A63);font-weight:700;text-decoration:underline}
.grm-gids__hoofdstuk-fig{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:64px;padding:4px 0}
.grm-gids__hoofdstuk-fig .grm-fig{max-width:64px}
.grm-gids__hoofdstuk-kop{align-items:center}
@media(max-width:720px){
.grm-gids__hoofdstuk-fig{width:44px;padding:0}
.grm-gids__hoofdstuk-fig .grm-fig{max-width:44px}
}
.grm-gids > .grm-golf{margin:0 0 30px}

.grm-inlog{display:flex;align-items:flex-start;justify-content:center;min-height:70vh;padding:48px 20px 72px;background:#F5F7FA;font-family:"Inter",Inter,sans-serif}
.grm-inlog *{box-sizing:border-box}
.grm-inlog__kaart{width:100%;max-width:520px;background:#fff;border:1px solid var(--grm-line-soft,#eaeff5);border-radius:16px;padding:32px 30px;box-shadow:0 4px 24px rgba(4,30,66,.07)}
.grm-inlog__logo{display:inline-flex;align-items:center;gap:9px;margin-bottom:22px;color:#041E42;font-family:"Inter Tight",sans-serif;font-weight:800;font-size:19px;text-decoration:none}
.grm-inlog__logo svg{width:auto;height:30px;display:block}
.grm-inlog__logo b{color:#103A63}
.grm-inlog__kaart h1{margin:0 0 18px;font-family:"Inter Tight",sans-serif;font-size:26px;font-weight:800;color:#041E42;letter-spacing:-.01em}
.grm-inlog__rollen{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}
.grm-inlog__rol{
display:flex;flex-direction:column;align-items:flex-start;
padding:18px 16px 16px;border:1.5px solid var(--grm-line-soft,#eaeff5);border-radius:14px;
background:#fff;color:var(--grm-ink-700,#33424f);text-decoration:none;
transition:border-color .15s,background .15s,box-shadow .15s,transform .12s;
}
.grm-inlog__rol:hover{border-color:#103A63;background:#fff;box-shadow:0 10px 26px -14px rgba(4,30,66,.4);transform:translateY(-2px)}
.grm-inlog__rol-ic{
display:inline-flex;align-items:center;justify-content:center;
width:40px;height:40px;border-radius:11px;margin-bottom:11px;
background:#EDF2F8;color:#103A63;font-size:23px;
}
.grm-inlog__rol-titel{display:block;font-size:16px;font-weight:800;color:#041E42;line-height:1.25}
.grm-inlog__rol-prijs{
display:inline-flex;align-items:baseline;gap:4px;margin:6px 0 10px;
font-size:18px;font-weight:800;color:#103A63;line-height:1;
}
.grm-inlog__rol-prijs small{font-size:11.5px;font-weight:600;color:var(--grm-ink-400,#7A8794)}
.grm-inlog__rol-prijs--gratis{color:var(--grm-success,#103A63)}
.grm-inlog__rol-wat{
display:block;margin-bottom:10px;padding-bottom:10px;
border-bottom:1px solid var(--grm-sky-50,#edf2f8);width:100%;
font-size:13.5px;font-weight:700;color:#041E42;line-height:1.4;
}
.grm-inlog__rol-lijst{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:6px;width:100%}
.grm-inlog__rol-lijst li{position:relative;padding-left:18px;font-size:12.5px;line-height:1.45;color:#55636E}
.grm-inlog__rol-lijst li::before{
content:"check";position:absolute;left:0;top:1px;
font-family:'Material Symbols Rounded';font-size:13px;color:var(--grm-success,#103A63);
font-weight:400;font-style:normal;line-height:1.35;
letter-spacing:normal;text-transform:none;white-space:nowrap;direction:ltr;
font-variation-settings:'FILL' 0,'wght' 600,'GRAD' 0,'opsz' 24;
}
.grm-inlog__rol-knop{
margin-top:auto;width:100%;
display:inline-flex;align-items:center;justify-content:center;
padding:9px 12px;border-radius:9px;
background:#103A63;color:#fff;font-size:13px;font-weight:700;line-height:1.2;text-align:center;
}
.grm-inlog__rol:hover .grm-inlog__rol-knop{background:var(--grm-success-text,#0b2a49)}
.grm-inlog__rol.is-actief{border-color:#103A63;background:#EDF2F8}
.grm-inlog__uitleg{margin:0 0 22px;font-size:14px;line-height:1.55;color:#55636E}
.grm-inlog__form label{display:block;margin-bottom:14px;font-size:13.5px;font-weight:600;color:var(--grm-ink-700,#33424f)}
.grm-inlog__form input[type=text],
.grm-inlog__form input[type=email],
.grm-inlog__form input[type=password]{display:block;width:100%;margin-top:6px;height:46px;padding:0 13px;border:1px solid #D7DEE7;border-radius:10px;background:#fff;font-family:inherit;font-size:15px;color:#041E42;transition:border-color .15s,box-shadow .15s}
.grm-inlog__form input:focus{outline:0;border-color:#1668C7;box-shadow:0 0 0 3px rgba(22,104,199,.14)}
.grm-inlog__form .login-remember{display:flex;align-items:center;gap:8px;margin-bottom:18px;font-weight:500;color:#55636E}
.grm-inlog__form .login-remember label{display:flex;align-items:center;gap:8px;margin:0;font-size:13.5px}
.grm-inlog__form .login-remember input{width:16px;height:16px;margin:0;accent-color:#103A63}
.grm-inlog__form .login-submit{margin:0}
.grm-inlog__form input[type=submit]{width:100%;height:48px;border:0;border-radius:10px;background:#103A63;color:#fff;font-family:inherit;font-size:15.5px;font-weight:700;cursor:pointer;transition:background .16s}
.grm-inlog__form input[type=submit]:hover{background:#1668C7}
.grm-inlog__vergeten{display:inline-block;margin-top:14px;font-size:13.5px;font-weight:600;color:#1668C7;text-decoration:none}
.grm-inlog__vergeten:hover{color:#103A63;text-decoration:underline}
.grm-inlog__scheiding{display:flex;align-items:center;gap:12px;margin:24px 0 16px;color:var(--grm-ink-400,#7A8794);font-size:12.5px}
.grm-inlog__scheiding::before,.grm-inlog__scheiding::after{content:"";flex:1;height:1px;background:var(--grm-line-soft,#eaeff5)}
.grm-inlog__nieuw,
.grm-inlog__terug{
display:flex;align-items:center;justify-content:center;gap:8px;
width:100%;padding:13px 18px;border:1.5px solid #103A63;border-radius:10px;
background:#fff;color:#103A63;
font-size:14.5px;font-weight:800;line-height:1.2;text-decoration:none;
transition:background .15s,color .15s,box-shadow .15s,transform .12s;
}
.grm-inlog__nieuw:hover{background:#103A63;color:#fff;box-shadow:0 8px 20px -10px rgba(4,30,66,.5);transform:translateY(-1px)}
.grm-inlog__nieuw .material-symbols-rounded,.grm-inlog__terug .material-symbols-rounded{font-size:19px}
.grm-inlog__terug:hover{background:var(--grm-brand-50,#EDF2F8);color:#103A63;box-shadow:none;transform:none}
.grm-inlog__klein{margin:20px 0 0;font-size:12px;line-height:1.55;color:var(--grm-ink-400,#7A8794)}
.grm-inlog__klein a{color:#55636E;text-decoration:underline}
.grm-inlog__klein a:hover{color:#103A63}
@media (max-width:520px){
.grm-inlog{padding:24px 14px 48px}
.grm-inlog__kaart{padding:24px 20px;border-radius:14px}
.grm-inlog__kaart h1{font-size:23px}
.grm-inlog__rollen{grid-template-columns:1fr}
}
.grm-inlog .grm-portal--narrow,
.grm-portal--narrow:has(.grm-inlog__kaart){background:none!important;padding:0!important;min-height:0!important;width:auto!important;margin-left:0!important;margin-right:0!important}
.grm-inlog__fout{margin:0 0 16px;padding:11px 14px;border:1px solid var(--grm-danger-50,var(--grm-danger-50,#FBD5D2));border-radius:10px;background:var(--grm-canvas,#f5f7fa);color:var(--grm-danger-text,#8A1C1C);font-size:13.5px}
.grm-inlog__form label{position:relative}
.grm-branche-pick__subs{margin-top:18px;padding-top:16px;border-top:1px solid var(--grm-line,#D7DEE7)}
.grm-branche-pick__subs h3{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin:0 0 4px;font-size:16px;font-weight:800;color:var(--grm-ink,#041E42)}
.grm-branche-pick__subs h3 small{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--grm-accent,#1668C7);padding:2px 8px;border-radius:99px}
.grm-branche-pick__subs-uitleg{margin:0 0 12px;font-size:13.5px;line-height:1.55;color:var(--grm-ink-500,#55636E)}
.grm-branche-pick__subgrid{display:flex;flex-wrap:wrap;gap:8px}
.grm-branche-pick__sub{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border:1px solid var(--grm-line,#D7DEE7);border-radius:999px;background:#fff;font-size:13.5px;font-weight:600;color:var(--grm-ink-700,#33424F);cursor:pointer;transition:border-color .14s,background .14s,color .14s}
.grm-branche-pick__sub:hover{border-color:var(--grm-accent,#1668C7);color:var(--grm-brand,#103A63)}
.grm-branche-pick__sub:has(input:checked){background:var(--grm-brand,#103A63);border-color:var(--grm-brand,#103A63);color:#fff}
.grm-branche-pick__sub input{accent-color:var(--grm-accent,#1668C7)}
.grm-inlog__wissel{margin:16px 0 0;text-align:center;font-size:13.5px;color:var(--grm-ink-500,#55636E)}
.grm-inlog__wissel a{color:var(--grm-brand,#103A63);font-weight:700}
.grm-stappen{display:block;margin-top:4px}
.grm-stappen__balk{
display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px;
list-style:none;margin:0 0 24px;padding:0;counter-reset:none;
}
.grm-stappen__balk li{
display:flex;align-items:center;gap:8px;min-width:0;
padding-top:11px;border-top:3px solid var(--grm-line,#D7DEE7);
color:var(--grm-ink-500,#55636E);font-size:13px;font-weight:600;
transition:border-color .18s,color .18s;
}
.grm-stappen__balk li.is-actief,
.grm-stappen__balk li.is-klaar{border-top-color:var(--grm-brand,#103A63);color:var(--grm-ink,#041E42)}
.grm-stappen__nr{
flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
width:22px;height:22px;border-radius:50%;
background:var(--grm-line,#D7DEE7);color:var(--grm-ink-500,#55636E);
font-size:12px;font-weight:800;line-height:1;
}
.grm-stappen__balk li.is-actief .grm-stappen__nr,
.grm-stappen__balk li.is-klaar .grm-stappen__nr{background:var(--grm-brand,#103A63);color:#fff}
.grm-stappen__titel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.grm-stap{display:none}
.grm-stap.is-actief{display:block;animation:grm-stap-in .22s ease}
@keyframes grm-stap-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.grm-stap__kop{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin:0 0 5px;font-size:19px;font-weight:800;color:var(--grm-ink,#041E42);line-height:1.25}
.grm-stap__badge{
font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
color:#fff;background:var(--grm-accent,#1668C7);padding:2px 8px;border-radius:99px;
}
.grm-stap__sub{margin:0 0 16px;font-size:13.5px;line-height:1.55;color:var(--grm-ink-500,#55636E)}
.grm-stappen__nav{display:flex;gap:10px;align-items:center;margin-top:20px}
.grm-stappen__terug{margin-right:auto}
.grm-stappen__nav .material-symbols-rounded{font-size:18px}
.grm-stappen__volgende[disabled]{opacity:.45;cursor:not-allowed}
.grm-stappen__nav button[hidden]{display:none}
@media(max-width:560px){
.grm-stappen__titel{display:none}
.grm-stappen__balk{gap:8px}
.grm-stappen__nav{flex-direction:column-reverse;align-items:stretch}
.grm-stappen__nav button{width:100%;justify-content:center}
.grm-stappen__terug{margin-right:0}
}
.grm-stap__teller{margin:12px 0 0;font-size:13px;font-weight:700;color:var(--grm-ink-500,#55636E)}
.grm-stap__groep{margin-bottom:18px}
.grm-stap__groep:last-child{margin-bottom:0}
.grm-stap__groep-kop{
display:flex;align-items:center;gap:8px;margin:0 0 9px;
font-size:14px;font-weight:800;color:var(--grm-ink,#041E42);
}
.grm-stap__groep-dot{flex:0 0 auto;width:10px;height:10px;border-radius:50%}
.grm-inlog__kaart h1.grm-stap__kop{
margin:0 0 5px;font-family:inherit;font-size:19px;font-weight:800;
color:var(--grm-ink,#041E42);letter-spacing:normal;
}
@media(max-width:560px){.grm-inlog__kaart h1.grm-stap__kop{font-size:18px}}
.grm-inlog__form .login-submit button[type=submit]{width:100%;height:48px;border:0;border-radius:10px;background:#1668C7;color:#fff;box-shadow:0 6px 16px rgba(22,104,199,.3);font-family:inherit;font-size:15.5px;font-weight:700;cursor:pointer;transition:background .15s ease}
.grm-inlog__form .login-submit button[type=submit]:hover{background:#125AAC}
.grm-inlog__form .login-submit .grm-inlog__gratis{margin-top:10px;height:46px;background:#fff;color:#103A63;border:1.5px solid #D7DEE7;font-size:14.5px}
.grm-inlog__form .login-submit .grm-inlog__gratis:hover{background:var(--grm-canvas,#f5f7fa);border-color:#1668C7;color:#1668C7}
.grm-inlog__gratis-uitleg{display:block;margin-top:9px;font-size:13px;line-height:1.55;color:#55636E;text-align:center}
.grm-inlog__fout{display:flex;align-items:flex-start;gap:10px;margin:0 0 18px;padding:12px 14px;border:1px solid var(--grm-danger-50,var(--grm-danger-50,#FBD5D2));border-left:4px solid var(--grm-danger,#dc2626);border-radius:10px;background:var(--grm-canvas,#f5f7fa);color:var(--grm-danger-text,var(--grm-danger-text,#8A1C1C));font-size:14px;line-height:1.5;text-align:left}
.grm-inlog__fout .material-symbols-rounded{flex:0 0 auto;font-size:20px;color:var(--grm-danger,#dc2626)}
.grm-inlog__goed{display:flex;align-items:flex-start;gap:10px;margin:0 0 18px;padding:12px 14px;border:1px solid var(--grm-line,#D7DEE7);border-left:4px solid var(--grm-accent,#1668C7);border-radius:10px;background:var(--grm-brand-50,#EDF2F8);color:var(--grm-brand,#103A63);font-size:14px;line-height:1.5;text-align:left}
.grm-inlog__goed .material-symbols-rounded{flex:0 0 auto;font-size:20px;color:var(--grm-accent,#1668C7)}
.grm-ww-code{letter-spacing:.35em;text-transform:uppercase;font-weight:800;text-align:center;font-size:19px !important}
.grm-inlog__veldhint{display:block;margin-top:6px;font-size:12px;font-weight:400;color:var(--grm-ink-500,#55636E)}


.grm-over__hero{
position:relative;overflow:hidden;color:#fff;
margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw;max-width:100vw;
padding:92px 22px 88px;
background:linear-gradient(135deg,var(--grm-fp-b1,#041E42) 0%,var(--grm-fp-b2,#103A63) 60%,var(--grm-fp-b3,var(--grm-success,#103a63)) 100%);
}
.grm-over__hero-bg{
position:absolute;inset:0;pointer-events:none;
background:
linear-gradient(180deg, var(--grm-fp-t3,rgba(4,30,66,.62)) 0%, var(--grm-fp-t1,rgba(4,30,66,.78)) 100%),
var(--grm-fp-bg, none);
background-size:auto,cover;
background-position:center,center 42%;
background-repeat:no-repeat;
}
.grm-over__hero-in{position:relative;z-index:2;max-width:880px;margin:0 auto;text-align:center}
.grm-over__eyebrow{
display:inline-block;margin-bottom:16px;padding:6px 14px;border-radius:999px;
background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.26);
font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
}
.grm-over__hero h1{
font-family:var(--grm-font-display,inherit);
font-size:clamp(30px,4.6vw,52px);line-height:1.08;
letter-spacing:var(--grm-tracking-tight,-.02em);
color:#fff;margin:0 0 18px;
}
.grm-over__lead{font-size:clamp(16px,1.5vw,19px);line-height:1.55;color:rgba(255,255,255,.9);margin:0 auto 28px;max-width:660px}
.grm-over__hero-acties{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.grm-over__hero-acties .grm-btn{padding:16px 30px;font-size:16.5px;border-radius:var(--grm-r,12px)}
.grm-btn--wit{background:#fff;color:var(--grm-brand,#103A63);border:1px solid #fff}
.grm-btn--wit:hover{background:#EDF2F8;color:var(--grm-brand,#103A63)}
.grm-btn--rand{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5)}
.grm-btn--rand:hover{background:rgba(255,255,255,.12);color:#fff}
.grm-over__split{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.grm-over__kop-eyebrow{
display:block;margin-bottom:10px;
font-size:12.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;
color:var(--grm-accent,#1668C7);
}
.grm-over__tekst h2{
font-family:var(--grm-font-display,inherit);
font-size:clamp(24px,3vw,36px);line-height:1.15;
letter-spacing:var(--grm-tracking-tight,-.02em);
margin:0 0 18px;color:var(--grm-ink,#041E42);
}
.grm-over__tekst p{color:var(--grm-ink-500,#55636E);line-height:1.7;margin:0 0 14px}
.grm-over__tekst .lead{font-size:17.5px;color:var(--grm-ink,#041E42);font-weight:500}
.grm-over__beeld .grm-fotoplek{box-shadow:0 24px 60px -24px rgba(4,30,66,.4)}
.grm-over__band{
position:relative;overflow:hidden;color:#fff;
margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw;max-width:100vw;
padding:86px 22px;
background:linear-gradient(135deg,var(--grm-fp-b1,var(--grm-success-text,#0b2a49)) 0%,var(--grm-fp-b2,#103A63) 100%);
}
.grm-over__band-bg{
position:absolute;inset:0;pointer-events:none;
background:
linear-gradient(180deg, var(--grm-fp-t3,rgba(4,30,66,.70)) 0%, var(--grm-fp-t1,rgba(4,30,66,.82)) 100%),
var(--grm-fp-bg, none);
background-size:auto,cover;background-position:center,center;background-repeat:no-repeat;
}
.grm-over__band-in{position:relative;z-index:2;max-width:900px;margin:0 auto;text-align:center}
.grm-over__band .grm-golf{position:absolute;left:0;right:0;bottom:-1px;z-index:3;pointer-events:none}
.grm-over__quote{
font-family:var(--grm-font-display,inherit);
font-size:clamp(20px,2.6vw,31px);line-height:1.35;font-weight:600;
letter-spacing:var(--grm-tracking-tight,-.02em);margin:0;color:#fff;
}
.grm-over__kanten{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.grm-over__kant{
display:flex;flex-direction:column;overflow:hidden;
border:1px solid var(--grm-line,#D7DEE7);border-radius:var(--grm-r-md,16px);
background:var(--grm-paper,#fff);
}
.grm-over__kant .grm-fotoplek{border-radius:0}
.grm-over__kant--betaald{border-color:var(--grm-brand,#103A63);box-shadow:0 18px 44px -22px rgba(4,30,66,.42)}
.grm-over__kant-in{padding:26px 24px 28px;display:flex;flex-direction:column;flex:1 1 auto}
.grm-over__prijs{
display:inline-flex;align-items:baseline;gap:7px;align-self:flex-start;
font-family:var(--grm-font-display,inherit);font-size:34px;font-weight:800;
letter-spacing:var(--grm-tracking-tight,-.02em);color:var(--grm-brand,#103A63);
line-height:1;margin-bottom:10px;
}
.grm-over__prijs small{font-size:13px;font-weight:600;color:var(--grm-ink-500,#55636E);letter-spacing:0}
.grm-over__prijs--gratis{color:var(--grm-success,#103A63)}
.grm-over__kant h3{font-size:20px;margin:0 0 10px;color:var(--grm-ink,#041E42)}
.grm-over__kant p{color:var(--grm-ink-500,#55636E);line-height:1.65;margin:0 0 16px}
.grm-over__lijst{list-style:none;padding:0;margin:0 0 22px;display:flex;flex-direction:column;gap:9px}
.grm-over__lijst li{display:flex;gap:9px;align-items:flex-start;font-size:14.5px;color:var(--grm-ink,#041E42);line-height:1.45}
.grm-over__lijst .material-symbols-rounded{font-size:19px;color:var(--grm-success,#103A63);flex:0 0 auto}
.grm-over__kant .grm-btn{margin-top:auto;align-self:flex-start}
.grm-over__beloftes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.grm-over__belofte{
display:flex;gap:13px;align-items:flex-start;
padding:18px 18px 19px;border:1px solid var(--grm-line,#D7DEE7);
border-radius:var(--grm-r-md,16px);background:var(--grm-paper,#fff);
}
.grm-over__belofte .material-symbols-rounded{font-size:22px;color:var(--grm-brand,#103A63);flex:0 0 auto}
.grm-over__belofte strong{display:block;font-size:15px;color:var(--grm-ink,#041E42);margin-bottom:3px}
.grm-over__belofte span{display:block;font-size:14px;color:var(--grm-ink-500,#55636E);line-height:1.5}
.grm-over__hoe{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.grm-over__hoestap{
position:relative;display:flex;flex-direction:column;gap:12px;
padding:24px 20px 22px;border:1px solid var(--grm-line,#D7DEE7);
border-radius:var(--grm-r-md,16px);background:var(--grm-paper,#fff);
}
.grm-over__hoefig{display:flex;justify-content:center;align-items:flex-end;min-height:78px}
.grm-over__hoefig .grm-fig{max-width:104px}
.grm-over__hoenr{
position:absolute;top:14px;left:16px;
display:inline-flex;align-items:center;justify-content:center;
width:24px;height:24px;border-radius:50%;
background:var(--grm-brand-50,#EDF2F8);color:var(--grm-brand,#103A63);
font-size:12px;font-weight:800;line-height:1;
}
.grm-over__hoestap h3{font-size:16.5px;margin:0;color:var(--grm-ink,#041E42)}
.grm-over__hoestap p{font-size:14px;line-height:1.55;color:var(--grm-ink-500,#55636E);margin:0}
.grm-over__faq{max-width:760px;margin:0 auto}
.grm-over__faq .grm-faq2__item summary{font-size:15.5px}
.grm-over__faq-noot{
margin:18px auto 0;max-width:760px;text-align:center;
font-size:14px;line-height:1.6;color:var(--grm-ink-500,#55636E);
}
.grm-over__slot{
position:relative;overflow:hidden;text-align:center;color:#fff;
margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw;max-width:100vw;
padding:78px 22px 82px;
background:linear-gradient(135deg,var(--grm-fp-b1,#041E42) 0%,var(--grm-fp-b2,#103A63) 100%);
}
.grm-over__slot-bg{
position:absolute;inset:0;pointer-events:none;
background:
linear-gradient(180deg, var(--grm-fp-t3,rgba(4,30,66,.66)) 0%, var(--grm-fp-t1,rgba(4,30,66,.80)) 100%),
var(--grm-fp-bg, none);
background-size:auto,cover;background-position:center,center 45%;background-repeat:no-repeat;
}
.grm-over__slot .grm-container{position:relative;z-index:2}
.grm-over__slot h2{font-family:var(--grm-font-display,inherit);font-size:clamp(23px,3vw,34px);margin:0 0 12px;color:#fff}
.grm-over__slot p{color:rgba(255,255,255,.88);margin:0 0 22px;line-height:1.6}
@media(max-width:980px){
.grm-over__split{grid-template-columns:1fr;gap:34px}
.grm-over__beeld{order:-1}
.grm-over__beloftes{grid-template-columns:1fr 1fr}
.grm-over__hoe{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
.grm-over__hero{padding:64px 20px 60px}
.grm-over__band{padding:60px 20px}
.grm-over__slot{padding:58px 20px 62px}
.grm-over__kanten{grid-template-columns:1fr}
.grm-over__beloftes{grid-template-columns:1fr}
.grm-over__hero-acties{flex-direction:column;align-items:stretch}
.grm-over__hero-acties .grm-btn{width:100%;justify-content:center}
.grm-over__kant .grm-btn{align-self:stretch;justify-content:center}
}
@media(max-width:520px){
.grm-over__hoe{grid-template-columns:1fr}
.grm-over__hoefig{min-height:0}
.grm-over__hoefig .grm-fig{max-width:86px}
}


.grm-sup__knop{
position:fixed;right:24px;bottom:24px;z-index:2147483000;
display:inline-flex;align-items:center;justify-content:center;
width:50px;height:50px;border:0;border-radius:999px;cursor:pointer;
background:linear-gradient(160deg,#1A5089 0%,var(--grm-brand,#103A63) 55%,#0B2A49 100%);
color:#fff;
box-shadow:0 14px 30px -8px rgba(4,30,66,.55),0 3px 10px rgba(4,30,66,.14);
transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
}
.grm-sup__knop:hover{transform:translateY(-2px);filter:brightness(1.07)}
.grm-sup__knop .material-symbols-rounded{font-size:23px}
.grm-sup__ic-dicht{display:none}
body.grm-sup-open .grm-sup__ic-open{display:none}
body.grm-sup-open .grm-sup__ic-dicht{display:inline-flex}
.grm-sup__teller{
position:absolute;top:4px;right:4px;min-width:21px;height:21px;padding:0 5px;
display:inline-flex;align-items:center;justify-content:center;
border-radius:999px;background:var(--grm-accent,#1668C7);color:#fff;
font-size:11.5px;font-weight:800;box-shadow:0 0 0 2px #fff;
}
@media(max-width:840px){.grm-sup__knop{right:18px;bottom:18px;width:46px;height:46px}}
body.grm-productpagina .grm-sup__knop{display:none}
body.grm-paneel-open .grm-sup__knop,
body.grm-filters-open .grm-sup__knop,
body.grm-drawer-open .grm-sup__knop,
body:has(#grm-h-drawer.is-open) .grm-sup__knop,
body:has(.grm-filters.is-open) .grm-sup__knop,
body:has(.grm-match:not([hidden])) .grm-sup__knop{display:none}
@media(max-width:900px){
body.grm-has-tabbar .grm-sup__knop{bottom:82px}
}
.grm-sup__laag{
position:fixed;inset:0;z-index:2147482900;pointer-events:none;
display:flex;align-items:flex-end;justify-content:flex-end;
padding:0 24px 100px;
}
.grm-sup__laag[hidden]{display:none}
.grm-sup--zwevend{
pointer-events:auto;
width:100%;max-width:392px;max-height:min(620px,calc(100vh - 150px));
display:flex;flex-direction:column;overflow:hidden;
background:#fff;border-radius:20px;
box-shadow:0 28px 70px -20px rgba(4,30,66,.5),0 4px 14px rgba(4,30,66,.12);
animation:grm-sup-op .2s ease;
}
@keyframes grm-sup-op{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.grm-sup__kop{
display:flex;align-items:center;gap:11px;padding:15px 15px 14px;
background:var(--grm-accent,#1668C7);
color:#fff;
}
.grm-sup__merk{
width:40px;height:40px;flex:0 0 auto;border-radius:11px;
display:inline-flex;align-items:center;justify-content:center;
background:rgba(255,255,255,.16);
}
.grm-sup__merk svg{display:block;width:26px;height:26px}
.grm-sup__koptxt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}
.grm-sup__koptxt strong{font-size:15.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.grm-sup__koptxt span{margin-top:2px;font-size:12px;color:rgba(255,255,255,.86);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.grm-sup__koptxt span:empty{display:none}
.grm-sup__terugkop,.grm-sup__sluit{
width:34px;height:34px;flex:0 0 auto;
display:inline-flex;align-items:center;justify-content:center;
border:0;border-radius:999px;cursor:pointer;
background:rgba(255,255,255,.18);color:#fff;
}
.grm-sup__terugkop:hover,.grm-sup__sluit:hover{background:rgba(255,255,255,.3)}
.grm-sup__terugkop[hidden]{display:none}
.grm-sup__terugkop .material-symbols-rounded,.grm-sup__sluit .material-symbols-rounded{font-size:19px}
.grm-sup__body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:16px 12px}
.grm-sup__stap[hidden]{display:none}
.grm-sup__stap--vol{padding:0;margin:-16px}
.grm-sup__stap label{display:block;margin-bottom:13px;font-size:12.5px;font-weight:800;color:var(--grm-ink,#041E42)}
.grm-sup__req{color:var(--grm-danger-text,#8A1C1C)}
.grm-sup__stap input[type="text"],.grm-sup__stap input[type="email"],.grm-sup__stap select,.grm-sup__stap textarea{
width:100%;box-sizing:border-box;margin-top:6px;padding:11px 13px;
font:inherit;font-size:13.5px;font-weight:400;
border:1px solid var(--grm-line,#D7DEE7);border-radius:11px;
background:#fff;color:var(--grm-ink,#041E42);
}
.grm-sup__stap input:focus,.grm-sup__stap select:focus,.grm-sup__stap textarea:focus{
outline:none;border-color:var(--grm-accent,#1668C7);box-shadow:0 0 0 3px rgba(22,104,199,.12);
}
.grm-sup__stap textarea{resize:vertical;min-height:88px}
.grm-sup__stap select{
appearance:none;-webkit-appearance:none;padding-right:34px;cursor:pointer;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2355636E'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
background-repeat:no-repeat;background-position:right 10px center;background-size:18px 18px;
}
.grm-sup__uitleg{margin:0 0 14px;font-size:12.5px;line-height:1.6;color:var(--grm-ink-500,#55636E)}
.grm-sup__note{
display:flex;gap:8px;align-items:flex-start;margin:0 0 12px;padding:10px 12px;
background:var(--grm-brand-50,#EDF2F8);border:1px solid #D7DEE7;border-radius:11px;
font-size:12.5px;line-height:1.5;color:var(--grm-ink,#041E42);
}
.grm-sup__note .material-symbols-rounded{font-size:16px;color:var(--grm-accent,#1668C7)}
.grm-sup__hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.grm-sup__fout{
margin:0 0 12px;padding:10px 12px;border-radius:10px;
background:#FBE9E9;font-size:12.5px;color:var(--grm-danger-text,#8A1C1C);
}
.grm-sup__fout[hidden]{display:none}
.grm-sup__verstuur{
display:inline-flex;align-items:center;justify-content:center;gap:8px;
width:100%;padding:13px;border:0;border-radius:12px;cursor:pointer;
font:inherit;font-size:14px;font-weight:800;
background:var(--grm-accent,#1668C7);color:#fff;
transition:transform .15s ease,filter .15s ease;
}
.grm-sup__verstuur:hover{transform:translateY(-1px);filter:brightness(1.06)}
.grm-sup__verstuur:disabled{opacity:.6;cursor:default;transform:none}
.grm-sup__verstuur .material-symbols-rounded{font-size:18px}
.grm-sup__verstuur--klein{width:auto;padding:10px 18px;font-size:13px}
.grm-sup__wegen{display:flex;flex-direction:column;gap:2px;margin-top:12px}
.grm-sup__weg{
display:flex;align-items:center;gap:8px;width:100%;padding:9px 4px;
border:0;background:none;cursor:pointer;text-align:left;
font:inherit;font-size:12.5px;font-weight:700;color:var(--grm-accent,#1668C7);
}
.grm-sup__weg:hover{text-decoration:underline}
.grm-sup__weg .material-symbols-rounded{font-size:17px}
.grm-sup__zoek{
display:flex;align-items:center;gap:9px;margin-bottom:14px;padding:0 13px;
border:1px solid var(--grm-line,#D7DEE7);border-radius:12px;background:#fff;
}
.grm-sup__zoek:focus-within{border-color:var(--grm-accent,#1668C7);box-shadow:0 0 0 3px rgba(22,104,199,.12)}
.grm-sup__zoek .material-symbols-rounded{font-size:18px;color:var(--grm-ink-400,#7A8794)}
.grm-sup__zoek input{
flex:1;min-width:0;margin:0;padding:12px 0;border:0;outline:none;background:none;
font:inherit;font-size:13.5px;color:var(--grm-ink,#041E42);
}
.grm-sup__faqs{display:flex;flex-direction:column;gap:8px}
.grm-sup__faqcat{
display:flex;align-items:center;gap:7px;margin:14px 2px 2px;
font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;
color:var(--grm-ink-500,#55636E);
}
.grm-sup__faqs>.grm-sup__faqcat:first-child{margin-top:0}
.grm-sup__faqcat .material-symbols-rounded{font-size:15px;color:var(--grm-brand,#103A63)}
.grm-sup__faq{border:1px solid var(--grm-brand-50,#EDF2F8);border-radius:12px;overflow:hidden}
.grm-sup__faq-v{
display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;
border:0;background:#fff;cursor:pointer;text-align:left;
font:inherit;font-size:13px;font-weight:700;color:var(--grm-ink,#041E42);
}
.grm-sup__faq-v:hover{background:var(--grm-brand-50,#EDF2F8)}
.grm-sup__faq-v>span:first-child{flex:1;min-width:0}
.grm-sup__faq-v .material-symbols-rounded{font-size:17px;flex:0 0 auto;color:var(--grm-ink-400,#7A8794);transition:transform .2s}
.grm-sup__faq.is-open .grm-sup__faq-v .material-symbols-rounded{transform:rotate(180deg)}
.grm-sup__faq-a{display:none;padding:0 14px 14px;font-size:12.5px;line-height:1.6;color:var(--grm-ink-500,#55636E)}
.grm-sup__faq.is-open .grm-sup__faq-a{display:block}
.grm-sup__faq-a p{margin:0 0 8px}
.grm-sup__faq-a p:last-child{margin-bottom:0}
.grm-sup__laden,.grm-sup__niets{padding:22px 8px;text-align:center;font-size:13px;line-height:1.5;color:var(--grm-ink-500,#55636E)}
.grm-sup__niets[hidden]{display:none}
.grm-sup__meer,.grm-sup__helplink{
display:flex;align-items:center;justify-content:center;gap:7px;
width:100%;box-sizing:border-box;margin-top:10px;padding:11px;
border-radius:12px;cursor:pointer;font:inherit;font-size:12.5px;font-weight:700;
text-decoration:none;
}
.grm-sup__meer{border:1px solid var(--grm-line,#D7DEE7);background:#fff;color:var(--grm-ink,#041E42)}
.grm-sup__meer:hover{border-color:var(--grm-accent,#1668C7);background:var(--grm-brand-50,#EDF2F8)}
.grm-sup__meer[hidden]{display:none}
.grm-sup__helplink{border:0;background:var(--grm-brand-50,#EDF2F8);color:var(--grm-brand,#103A63)}
.grm-sup__helplink:hover{background:#DFE9F3}
.grm-sup__meer .material-symbols-rounded,.grm-sup__helplink .material-symbols-rounded{font-size:16px}
.grm-sup__vraagblok{
margin-top:16px;padding:14px;text-align:center;
background:var(--grm-brand-50,#EDF2F8);border:1px solid #DFE9F3;border-radius:14px;
}
.grm-sup__vraagblok>span{display:block;margin-bottom:9px;font-size:12.5px;color:var(--grm-ink-500,#55636E)}
.grm-sup__lijst{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}
.grm-sup__rij{
position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;
width:100%;text-align:left;cursor:pointer;
padding:11px 14px;background:#fff;color:var(--grm-ink,#041E42);
border:1px solid var(--grm-line,#D7DEE7);border-radius:12px;
}
.grm-sup__rij:hover{border-color:var(--grm-accent,#1668C7)}
.grm-sup__rij.is-nieuw{border-color:var(--grm-accent,#1668C7);box-shadow:0 0 0 3px rgba(22,104,199,.10)}
.grm-sup__onderwerp{font-weight:700;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.grm-sup__datum{grid-column:2;grid-row:1;font-size:12px;color:var(--grm-ink-400,#7A8794)}
.grm-sup__stand{grid-column:1;font-size:12.5px;font-weight:600;color:var(--grm-ink-500,#55636E)}
.grm-sup__stand--beantwoord{color:var(--grm-accent,#1668C7)}
.grm-sup__stand--gesloten{color:var(--grm-ink-400,#7A8794)}
.grm-sup__venster{display:flex;flex-direction:column;min-height:0}
.grm-sup__venster .grm-chat__kop{
display:flex;align-items:center;gap:9px;padding:12px 14px;
border-bottom:1px solid var(--grm-line,#D7DEE7);background:#fff;
}
.grm-sup__venster .grm-chat__kop strong{flex:1;min-width:0;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.grm-sup__venster .grm-chat__over{font-size:12px;color:var(--grm-ink-500,#55636E)}
.grm-sup__logo{flex:0 0 auto;width:36px;height:36px;border-radius:10px;display:block}
.grm-sup__terug{
display:inline-flex;align-items:center;justify-content:center;
width:30px;height:30px;flex:0 0 auto;
border:0;border-radius:999px;cursor:pointer;
background:var(--grm-brand-50,#EDF2F8);color:var(--grm-brand,#103A63);
}
.grm-sup__venster .grm-chat__stroom{
display:flex;flex-direction:column;gap:8px;padding:16px;
min-height:180px;max-height:min(46vh,340px);overflow-y:auto;
background:var(--grm-rij-zacht,#F6F9FC);
}
.grm-sup__venster .grm-chat__regel{display:flex}
.grm-sup__venster .grm-chat__regel.is-eigen{justify-content:flex-end}
.grm-sup__venster .grm-chat__bel{
max-width:82%;padding:10px 13px;border-radius:14px;
background:#fff;border:1px solid var(--grm-line,#D7DEE7);
font-size:13px;line-height:1.5;color:var(--grm-ink,#041E42);
}
.grm-sup__venster .grm-chat__regel.is-eigen .grm-chat__bel{
background:#1668C7;border-color:#1668C7;color:#fff;
}
.grm-sup__venster .grm-chat__bel time{display:block;margin-top:4px;font-size:11px;opacity:.7}
.grm-sup__venster .grm-chat__leeg{padding:20px 8px;text-align:center;font-size:13px;color:var(--grm-ink-500,#55636E)}
.grm-sup__venster .grm-chat__invoer{display:flex;gap:8px;align-items:flex-end;padding:12px 14px;background:#fff}
.grm-sup__venster .grm-chat__invoer textarea{
flex:1;min-width:0;box-sizing:border-box;margin:0;padding:10px 12px;resize:none;
font:inherit;font-size:13.5px;
border:1px solid var(--grm-line,#D7DEE7);border-radius:11px;background:#fff;color:var(--grm-ink,#041E42);
}
.grm-sup__venster .grm-chat__invoer button{
display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;
padding:11px 14px;border:0;border-radius:11px;cursor:pointer;
font:inherit;font-size:13px;font-weight:800;
background:var(--grm-accent,#1668C7);color:#fff;
}
.grm-sup__venster .grm-chat__stand{margin:0;padding:0 14px 12px;font-size:12px;color:var(--grm-ink-500,#55636E)}
.grm-sup__klaar{text-align:center;padding:16px 8px}
.grm-sup__klaar-ic{
width:62px;height:62px;margin:6px auto 14px;border-radius:50%;
display:flex;align-items:center;justify-content:center;
background:var(--grm-brand-50,#EDF2F8);color:var(--grm-accent,#1668C7);
}
.grm-sup__klaar-ic .material-symbols-rounded{font-size:32px}
.grm-sup__klaar strong{display:block;margin-bottom:8px;font-size:16px;color:var(--grm-ink,#041E42)}
.grm-sup__klaar p{margin:0 0 18px;font-size:13px;line-height:1.55;color:var(--grm-ink-500,#55636E)}
@media(max-width:700px){
.grm-sup__laag{padding:0}
.grm-sup--zwevend{
max-width:none;max-height:none;height:100%;border-radius:0;animation:none;
}
.grm-sup__venster .grm-chat__stroom{max-height:none;flex:1 1 auto}
.grm-sup__stap--vol{height:100%}
.grm-sup__stap--vol .grm-sup__venster{height:100%}
body.grm-sup-open{overflow:hidden}
}
.grm-sup__knop{transition:transform .32s ease,opacity .32s ease,filter .18s ease,box-shadow .18s ease}
body.grm-sup-onder:not(.grm-sup-open) .grm-sup__knop{opacity:0;transform:translateY(24px) scale(.9);pointer-events:none}
@media(max-width:700px){
.grm-dash__body .grm-sup:not(.grm-sup--zwevend) .grm-sup__body{padding-left:0;padding-right:0}
.grm-dash__body .grm-sup:not(.grm-sup--zwevend) .grm-empty{padding-left:16px;padding-right:16px}
}
html:has(.grm-dash__body .grm-sup:not(.grm-sup--zwevend) [data-sup-stap="gesprek"]:not([hidden])){overflow:hidden}
html:has(.grm-dash__body .grm-sup:not(.grm-sup--zwevend) [data-sup-stap="gesprek"]:not([hidden])) .grm-dash__onder,html:has(.grm-dash__body .grm-sup:not(.grm-sup--zwevend) [data-sup-stap="gesprek"]:not([hidden])) .grm-sup__knop{display:none !important}
.grm-dash__body .grm-sup:not(.grm-sup--zwevend) [data-sup-stap="gesprek"]:not([hidden]){position:fixed;left:0;right:0;bottom:0;top:var(--wp-admin--admin-bar--height,0px);z-index:99990;margin:0;padding:0;height:auto;display:flex;flex-direction:column;background:#fff}
.grm-dash__body .grm-sup:not(.grm-sup--zwevend) [data-sup-stap="gesprek"]:not([hidden]) > div{flex:1;display:flex;flex-direction:column;min-height:0}
.grm-dash__body .grm-sup:not(.grm-sup--zwevend) [data-sup-stap="gesprek"]:not([hidden]) .grm-sup__venster{flex:1;height:100%;max-width:none;border:0;border-radius:0}
.grm-dash__body .grm-sup:not(.grm-sup--zwevend) [data-sup-stap="gesprek"]:not([hidden]) .grm-chat__kop{flex:none;display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid #DDE2E8;background:#fff}
.grm-dash__body .grm-sup:not(.grm-sup--zwevend) [data-sup-stap="gesprek"]:not([hidden]) .grm-chat__kop strong{font-size:16px}
.grm-dash__body .grm-sup:not(.grm-sup--zwevend) [data-sup-stap="gesprek"]:not([hidden]) .grm-chat__over{flex:none;padding:3px 10px;border-radius:999px;background:#EAF2FD;color:#0F4F9C;font-size:12px;font-weight:700}
.grm-dash__body .grm-sup:not(.grm-sup--zwevend) [data-sup-stap="gesprek"]:not([hidden]) .grm-sup__terug{width:40px;height:40px;flex:none}
.grm-dash__body .grm-sup:not(.grm-sup--zwevend) [data-sup-stap="gesprek"]:not([hidden]) .grm-chat__stroom{flex:1;min-height:0;max-height:none;overflow-y:auto;padding:18px 20px;background:#F5F7FA}
.grm-dash__body .grm-sup:not(.grm-sup--zwevend) [data-sup-stap="gesprek"]:not([hidden]) .grm-chat__invoer{flex:none;display:flex;flex-direction:row;align-items:flex-end;gap:10px;margin:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #DDE2E8;background:#fff}
.grm-dash__body .grm-sup:not(.grm-sup--zwevend) [data-sup-stap="gesprek"]:not([hidden]) .grm-chat__invoer textarea{flex:1 1 auto;min-width:0;width:auto;min-height:44px;max-height:30vh;margin:0;padding:11px 16px;border:1px solid #CBD3DD;border-radius:22px;resize:none;font:inherit;font-size:15px}
.grm-dash__body .grm-sup:not(.grm-sup--zwevend) [data-sup-stap="gesprek"]:not([hidden]) .grm-chat__invoer button{flex:none;width:46px;height:46px;min-height:46px;padding:0 !important;border-radius:50% !important;font-size:0 !important;display:inline-flex;align-items:center;justify-content:center}
.grm-dash__body .grm-sup:not(.grm-sup--zwevend) [data-sup-stap="gesprek"]:not([hidden]) .grm-chat__invoer button .material-symbols-rounded{font-size:22px;margin:0}
.grm-dash__body .grm-sup:not(.grm-sup--zwevend) [data-sup-stap="gesprek"]:not([hidden]) .grm-chat__stand:empty{display:none}
.grm-dash__body .grm-sup:not(.grm-sup--zwevend) [data-sup-stap="gesprek"]:not([hidden]) .grm-chat__stand{flex:none;margin:0;padding:0 16px 8px;background:#fff}
.grm-dash__body .grm-sup:not(.grm-sup--zwevend) [data-sup-stap="gesprek"]:not([hidden]) .grm-chat__over::before,.grm-dash__body .grm-sup:not(.grm-sup--zwevend) [data-sup-stap="gesprek"]:not([hidden]) .grm-chat__over::after{content:none !important;display:none !important}
.grm-dash__body .grm-sup:not(.grm-sup--zwevend) [data-sup-stap="gesprek"]:not([hidden]) .grm-chat__kop strong{font-weight:700;color:#041E42}


.grm-blog{background:#fff;color:var(--grm-brand-ink,#041E42);font-family:var(--grm-font-body)}
.grm-blog__in{max-width:var(--grm-w,1424px);margin:0 auto;padding:0 24px}
.grm-blog__kop{
position:relative;overflow:hidden;
padding:44px 0 150px;
background:var(--grm-brand,#103A63);
color:#fff;
}
.grm-blog__kop .grm-blog__in{position:relative;z-index:1;max-width:980px}
.grm-blog__kruimels{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px;font-size:13.5px;color:rgba(255,255,255,.78)}
.grm-blog__kruimels a{color:#fff;text-decoration:none;font-weight:600}
.grm-blog__kruimels a:hover{text-decoration:underline}
.grm-blog__kop h1{
margin:0 0 16px;color:#fff;
font-family:var(--grm-font-display);font-size:clamp(30px,4.2vw,50px);
font-weight:900;line-height:1.08;letter-spacing:-.02em;
}
.grm-blog__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:14.5px;color:rgba(255,255,255,.88)}
.grm-blog__beeld{
position:relative;z-index:2;
max-width:1040px;margin:-120px auto 0;padding:0 24px;
}
.grm-blog__beeld img{
display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;
border-radius:var(--grm-r-lg,20px);
box-shadow:var(--grm-shadow-lg,0 16px 40px rgba(4,30,66,.12));
background:var(--grm-brand-50,#EDF2F8);
}
.grm-blog__body{max-width:760px;margin:0 auto;padding:48px 24px 24px}
.grm-blog__body .nijland-blog p{margin:0 0 1.15em;font-size:18px;line-height:1.75}
.grm-blog__body .nijland-blog h2{
margin:1.7em 0 .55em;
font-family:var(--grm-font-display);font-size:clamp(22px,2.4vw,28px);
font-weight:800;line-height:1.2;letter-spacing:-.01em;color:var(--grm-brand,#103A63);
}
.grm-blog__body .nijland-blog ul{margin:0 0 1.2em 1.25em;padding:0;font-size:18px;line-height:1.7}
.grm-blog__body .nijland-blog li{margin:0 0 .45em}
.grm-blog__body .nijland-blog p:first-child{font-size:20px;color:var(--grm-brand-600,#0B2A49)}
.grm-blog__meer{padding:32px 0 56px;border-top:1px solid var(--grm-brand-100,#D3E0EF)}
.grm-blog__meer h2{
margin:0 0 18px;font-family:var(--grm-font-display);font-size:24px;font-weight:800;
letter-spacing:-.01em;color:var(--grm-brand,#103A63);
}
.grm-blog__kaarten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.grm-blog__kaart{
display:flex;flex-direction:column;text-decoration:none;color:inherit;
border:1px solid var(--grm-brand-100,#D3E0EF);border-radius:var(--grm-r-md,14px);
overflow:hidden;background:#fff;box-shadow:var(--grm-shadow-xs,0 2px 6px rgba(4,30,66,.04));
transition:transform .15s,box-shadow .15s;
}
.grm-blog__kaart:hover{transform:translateY(-3px);box-shadow:var(--grm-shadow,0 8px 24px rgba(4,30,66,.07))}
.grm-blog__kaartbeeld img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.grm-blog__kaarttx{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px}
.grm-blog__kaarttx strong{font-family:var(--grm-font-display);font-size:17px;line-height:1.3;color:var(--grm-brand,#103A63)}
.grm-blog__cta{
position:relative;overflow:hidden;
padding:64px 0 68px;text-align:center;color:#fff;
background:var(--grm-rij-merk);
}
.grm-blog__cta::before{
content:"";position:absolute;inset:0;pointer-events:none;
background:radial-gradient(90% 110% at 18% 100%,rgba(255,255,255,.12),transparent 58%);
}
.grm-blog__cta .grm-blog__in{position:relative;z-index:1;max-width:760px}
.grm-blog__cta h2{
margin:0 0 12px;color:#fff;
font-family:var(--grm-font-display);font-size:clamp(26px,3.2vw,36px);
font-weight:900;line-height:1.12;letter-spacing:-.02em;
}
.grm-blog__cta p{margin:0 0 26px;font-size:17px;line-height:1.6;color:rgba(255,255,255,.9)}
.grm-blog__knop{
display:inline-flex;align-items:center;gap:9px;
padding:14px 26px;border-radius:99px;
background:#fff;color:var(--grm-brand,#103A63);
font-size:15px;font-weight:700;text-decoration:none;
transition:transform .15s,box-shadow .15s;
}
.grm-blog__knop:hover{transform:translateY(-2px);color:var(--grm-brand,#103A63);box-shadow:var(--grm-shadow,0 8px 24px rgba(4,30,66,.07))}
.grm-blog__knop .material-symbols-rounded{font-size:20px}
.grm-blogrij{border-top:0;padding:8px 0 44px}
.grm-blogrij .grm-blog__in{margin-bottom:2px}
.grm-carrousel__spoor>.grm-blog__kaart{flex:0 0 320px;max-width:320px;scroll-snap-align:start}
.grm-carrousel__spoor>.grm-blog__kaart .grm-blog__kaarttx{flex:1 1 auto}
@media(max-width:900px){
.grm-blog__kaarten{grid-template-columns:1fr}
}
@media(max-width:680px){
.grm-carrousel__spoor>.grm-blog__kaart{flex-basis:270px;max-width:270px}
}
@media(max-width:640px){
.grm-blog__kop{padding:32px 0 110px}
.grm-blog__beeld{margin-top:-84px;padding:0 16px}
.grm-blog__beeld img{border-radius:var(--grm-r-md,14px)}
.grm-blog__body{padding:32px 18px 16px}
.grm-blog__body .nijland-blog p,.grm-blog__body .nijland-blog ul{font-size:17px}
.grm-blog__body .nijland-blog p:first-child{font-size:18px}
.grm-blog__cta{padding:48px 0 52px}
}

html{scroll-behavior:smooth;scroll-padding-top:96px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.grm-anim,
.grm-anim--fade-up,
.grm-anim--fade-in,
.grm-anim--rise{opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}
.grm-anim--fade-in{transform:none}
.grm-anim--rise{transform:translateY(40px) scale(.97)}
.grm-anim.is-visible,
.grm-anim--fade-up.is-visible,
.grm-anim--fade-in.is-visible,
.grm-anim--rise.is-visible{opacity:1;transform:none}
.grm-stagger > *{opacity:0;transform:translateY(16px);transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1)}
.grm-stagger.is-visible > *:nth-child(1){opacity:1;transform:none;transition-delay:.05s}
.grm-stagger.is-visible > *:nth-child(2){opacity:1;transform:none;transition-delay:.12s}
.grm-stagger.is-visible > *:nth-child(3){opacity:1;transform:none;transition-delay:.20s}
.grm-stagger.is-visible > *:nth-child(4){opacity:1;transform:none;transition-delay:.28s}
.grm-stagger.is-visible > *:nth-child(5){opacity:1;transform:none;transition-delay:.36s}
.grm-stagger.is-visible > *:nth-child(6){opacity:1;transform:none;transition-delay:.44s}
.grm-stagger.is-visible > *:nth-child(n+7){opacity:1;transform:none;transition-delay:.5s}
@media(prefers-reduced-motion:reduce){
.grm-anim,
.grm-anim--fade-up,
.grm-anim--fade-in,
.grm-anim--rise,
.grm-stagger > *{opacity:1 !important;transform:none !important;transition:none !important}
}
.grm-counter{font-variant-numeric:tabular-nums}
.grm-counter.is-animating{color:inherit}
.grm-skel{position:relative;overflow:hidden;background:linear-gradient(110deg,var(--grm-sky-50,#edf2f8) 8%,var(--grm-canvas,#f5f7fa) 18%,var(--grm-sky-50,#edf2f8) 33%);background-size:200% 100%;animation:grmSkelShimmer 1.6s linear infinite;border-radius:8px;color:transparent;pointer-events:none;user-select:none}
.grm-skel--text{height:14px;margin:6px 0}
.grm-skel--title{height:22px;margin:0 0 10px;width:60%}
.grm-skel--card{aspect-ratio:16/10;width:100%;border-radius:14px;margin-bottom:14px}
.grm-skel--avatar{width:48px;height:48px;border-radius:50%}
.grm-skel--btn{height:38px;width:120px;border-radius:10px}
@keyframes grmSkelShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.grm-skel{animation:none;background:var(--grm-sky-50,#edf2f8)}}
.gm-btn,
.grm-h__btn,
.grm-biz__tier-btn,
.grm-branche__filter-apply,
.grm-auth__submit{transition:background .14s,color .14s,transform .12s cubic-bezier(.22,1,.36,1),box-shadow .14s}
.gm-btn:active,
.grm-h__btn:active,
.grm-biz__tier-btn:active,
.grm-branche__filter-apply:active,
.grm-auth__submit:active{transform:translateY(1px) scale(.98)}
.grm-img-fade{opacity:0;transition:opacity .5s ease-out}
.grm-img-fade.is-loaded{opacity:1}.grm-home__cat:focus-visible,
.grm-home__usp:focus-visible,
.grm-biz__tier:focus-visible,
.grm-biz__usp:focus-visible,
.grm-branche__sheet-open:focus-visible,
.grm-branche__sheet-close:focus-visible,
.grm-shop__chip:focus-visible,
.grm-prof__hero-cta:focus-visible,
.grm-prof__cta-block:focus-visible,
.grm-dash__navbtn:focus-visible,
.grm-dash__current:focus-visible{
outline:3px solid #1668C7 !important;
outline-offset:2px;
border-radius:10px;
}
::selection{background:rgba(22,104,199,.25);color:#041E42}
::-moz-selection{background:rgba(22,104,199,.25);color:#041E42}
body.grm-chrome-active{scrollbar-width:thin;scrollbar-color:#A8B4BC #F5F7FA}
body.grm-chrome-active ::-webkit-scrollbar{width:10px;height:10px}
body.grm-chrome-active ::-webkit-scrollbar-track{background:#F5F7FA}
body.grm-chrome-active ::-webkit-scrollbar-thumb{background:#A8B4BC;border-radius:99px;border:2px solid #F5F7FA}
body.grm-chrome-active ::-webkit-scrollbar-thumb:hover{background:#55636E}
@media print{
.grm-topstrip,.grm-h,.grm-h-drawer,.grm-h-drawer-backdrop,.grm-tabbar,
.grm-branche__sheet-open,.grm-branche__sheet-backdrop,
.grm-h__btn--cta,.gm-btn--cta,.grm-prof__hero-cta,
.grm-biz__final{display:none !important}
body{background:#fff !important;color:#000 !important}
a{color:#103A63 !important;text-decoration:underline}
}
@media(prefers-color-scheme:dark){
body.grm-chrome-active.grm-dark-opt{
--grm-canvas: #041E42;
--grm-paper: #0B2A49;
--grm-line: #33424F;
--grm-line-soft: #103A63;
--grm-ink: #F5F7FA;
--grm-ink-700: #EDF2F8;
--grm-ink-500: #A8B4BC;
--grm-ink-300: #55636E;
--grm-brand-50: rgba(22,104,199,.16);
background:var(--grm-canvas);
color:var(--grm-ink);
}
}
img[loading="lazy"]:not([src*=".svg"]):not(.is-loaded){background:linear-gradient(135deg,#F5F7FA 0%,#D7DEE7 100%)}
@media(max-width:680px){
.grm-carrousel{padding:0 16px}
.grm-carrousel__spoor:has(> .grm-bk){
display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;
overflow-x:visible;scroll-snap-type:none;padding:2px 0 6px;
}
.grm-carrousel__spoor:has(> .grm-bk) > .grm-bk{
flex:initial;width:auto;max-width:none;min-width:0;
grid-template-columns:1fr;scroll-snap-align:none;
}
.grm-carrousel__spoor:has(> .grm-bk) .grm-bk__beeld{height:92px;width:100%}
.grm-carrousel__spoor:has(> .grm-bk) .grm-bk__body{padding:9px 10px 11px;gap:3px}
.grm-carrousel__spoor:has(> .grm-bk) .grm-bk__kop{display:block}
.grm-carrousel__spoor:has(> .grm-bk) .grm-bk__naam{
margin:0;font-size:13px;line-height:1.28;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.grm-carrousel__spoor:has(> .grm-bk) .grm-bk__plaats{margin:0;padding:0;border:0;min-height:0;gap:3px;font-size:11.5px}
.grm-carrousel__spoor:has(> .grm-bk) .grm-bk__plaats .material-symbols-rounded{font-size:13px}
.grm-carrousel__spoor:has(> .grm-bk) .grm-bk__keur{
position:absolute;top:6px;right:6px;z-index:2;margin:0;padding:0;
width:22px;height:22px;border-radius:50%;justify-content:center;
font-size:0;line-height:0;box-shadow:0 2px 6px rgba(4,30,66,.25);
}
.grm-carrousel__spoor:has(> .grm-bk) .grm-bk__keur .material-symbols-rounded{font-size:14px;line-height:1}
}
.grm-shop{width:100%;padding-left:22px;padding-right:22px}
.grm-shop > .grm-listing{max-width:none;padding-left:0;padding-right:0}
.grm-pagehero + .grm-section{padding-top:var(--grm-s-12,48px)}
.grm-prof{background:transparent;padding-left:22px;padding-right:22px}
.grm-prof > .grm-prof__hero,
.grm-prof > .grm-prof__strook,
.grm-prof > .grm-prof__body{max-width:none;padding-left:0;padding-right:0}
.grm-prof > .grm-prof__crumbs,
.grm-prof > .grm-prof__kop{max-width:none;padding-left:0;padding-right:0}
.grm-prof > .grm-prof__ankers{border:1px solid var(--grm-line,#D7DEE7);border-radius:16px;background:#fff;box-shadow:0 2px 8px rgba(4,30,66,.04);overflow:hidden}
.grm-prof > .grm-prof__ankers .grm-prof__ankers-in{max-width:none;padding:0 10px}
.grm-prof__hero{background-image:none}
.grm-hublijst{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.grm-hublijst__groep{display:flex;flex-direction:column}
.grm-hublijst__subs{flex:1 1 auto}
.grm-hublijst__kop{align-items:center;gap:12px;padding:14px 16px;font-size:17px}
.grm-hublijst__ic{width:44px;height:44px;border-radius:11px}
.grm-hublijst__ic .material-symbols-rounded{font-size:24px}
.grm-hublijst__kop-txt{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;height:44px;font-size:17px;line-height:1.2}
.grm-hublijst__kop-txt small{display:block;margin:0;font-size:13px;line-height:1.2;font-weight:500;color:var(--grm-ink-400,#7A8794);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:900px){.grm-hublijst{grid-template-columns:1fr}}
.grm-home__hero{
background-image:
linear-gradient(180deg, rgba(4,30,66,.86) 0%, rgba(4,30,66,.78) 45%, rgba(16,58,99,.90) 100%),
var(--grm-fp-bg, var(--grm-hero-foto, none));
background-size:cover;
background-position:center 42%;
background-repeat:no-repeat;
}
.grm-home__hero::before{opacity:.35}
.grm-home__hero h1,
.grm-home__hero p,
.grm-home__hero .grm-home__eyebrow{color:#fff}
.grm-home__hero .grm-home__h1-acc{color:var(--grm-accent-200,#9CC4EE)}
:root{--grm-hero-foto:url("https://grootmarkt.nl/wp-content/plugins/grootmarkt/public/assets/css/../img/hero-magazijn.jpg")}
.grm-shop__hero{
position:relative;color:#fff;
padding:40px 0 34px;
margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw;max-width:100vw;
background:linear-gradient(135deg,var(--grm-fp-b1,#041E42) 0%,var(--grm-fp-b2,#103A63) 62%,var(--grm-fp-b3,var(--grm-success,#103a63)) 100%);
}
.grm-shop__hero-bg{
position:absolute;inset:0;pointer-events:none;
background:
radial-gradient(60rem 30rem at 100% 0%, rgba(255,255,255,.10), transparent 60%),
radial-gradient(40rem 25rem at 0% 100%, rgba(0,0,0,.14), transparent 65%),
var(--grm-fp-bg, none);
background-size:auto,auto,cover;
background-position:center,center,center 45%;
background-repeat:no-repeat;
opacity:1;
}
.grm-shop__hero-in{position:relative;z-index:2;max-width:var(--grm-w,1424px);margin:0 auto;padding:0 22px}
.grm-shop__hero h1{margin:0 0 10px;font-family:var(--grm-font-display,"Inter Tight",sans-serif);font-size:clamp(26px,3.2vw,40px);font-weight:800;line-height:1.14;color:#fff}
.grm-shop__hero-sub{margin:0 0 22px;max-width:64ch;font-size:15.5px;line-height:1.6;color:rgba(255,255,255,.88)}
.grm-shop__zoek{display:flex;align-items:center;gap:10px;max-width:660px;padding:5px 5px 5px 14px;border-radius:14px;background:rgba(255,255,255,.97);box-shadow:0 8px 26px rgba(4,30,66,.28)}
.grm-shop__zoek>.material-symbols-rounded{font-size:22px;color:#55636E;flex:0 0 auto}
.grm-shop__zoek-lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.grm-shop__zoek input{flex:1 1 auto;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:15.5px;color:var(--grm-ink,#041e42);padding:12px 0}
.grm-shop__zoek input::placeholder{color:var(--grm-ink-400,#7A8794)}
.grm-zoekwizard{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin:0 2px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--gm-primary,#103A63);cursor:pointer;transition:background .14s,transform .14s}
.grm-zoekwizard:hover,.grm-zoekwizard:focus-visible{background:rgba(22,104,199,.12)}
.grm-zoekwizard:active{transform:scale(.94)}
.grm-zoekwizard .material-symbols-rounded{font-size:22px;line-height:1}
.grm-h__zoek .grm-zoekwizard{width:34px;height:34px;border-radius:8px;margin:0 4px 0 0}
.grm-zoekbalk .grm-zoekwizard{margin:0}
.grm-pagehero__zoek .grm-zoekwizard{margin:0 4px}
.grm-shop__zoek-knop{flex:0 0 auto;border:0;border-radius:10px;padding:12px 22px;background:var(--gm-primary,#103A63);color:#fff;font:inherit;font-size:14.5px;font-weight:700;cursor:pointer;transition:background .14s}
.grm-shop__zoek-knop:hover{background:var(--grm-success-text,#0b2a49)}
.grm-shop__hero .grm-shop__groepen{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
@media(max-width:760px){
.grm-shop__hero{padding:28px 0 26px}
.grm-shop__hero-in{padding:0 16px}
.grm-shop__zoek{padding-left:13px;gap:8px}
.grm-shop__zoek-knop{padding:11px 15px;font-size:13.5px}
.grm-shop__hero-sub{font-size:14.5px;margin-bottom:18px}
}
.grm-h__bar-in{position:relative;box-sizing:border-box;flex-wrap:wrap;row-gap:4px;overflow:hidden;max-height:52px;padding-right:150px;transition:max-height .18s ease}
.grm-h__bar-in.is-open{max-height:none}
.grm-h__bar-meer{position:absolute;right:22px;top:4px;height:44px;gap:4px;border:0;background:transparent;color:var(--grm-ink-500,#55636E);cursor:pointer;white-space:nowrap;font-weight:700}
.grm-h__bar-meer:hover{background:var(--grm-brand-50,#EDF2F8);color:var(--grm-brand,#103A63)}
.grm-h__bar-meer .material-symbols-rounded{font-size:18px;transition:transform .18s}
.grm-h__bar-in.is-open .grm-h__bar-meer .material-symbols-rounded{transform:rotate(180deg)}
@media(max-width:900px){
.grm-h__barlink{height:40px;padding:0 10px;font-size:13.5px}
.grm-h__bar-alles{height:40px;padding:0 11px;font-size:13.5px}
.grm-h__bar-in{max-height:48px}
.grm-h__bar-meer{height:40px}
}
@media(max-width:640px){
.grm-h__bar-in{padding-right:120px}
.grm-h__bar-meer{right:16px;padding:0 10px;font-size:12.5px}
}
@media(max-width:520px){
.grm-h__barlink{padding:0 9px;font-size:13px}
.grm-h__barlink .grm-tel{display:none}
.grm-h__bar-in{padding-right:96px}
.grm-h__bar-meer-txt{display:none}
.grm-h__bar-meer{padding:0 9px}
}
.grm-home__hero-inner{max-width:1040px}
.grm-home__featured,.grm-home__cats{padding-left:22px;padding-right:22px}
.grm-home__featured > .grm-carrousel,
.grm-home__featured > .grm-home__raster,
.grm-home__cats > .grm-home__mozaiek{max-width:none;padding-left:0;padding-right:0}
.grm-branche__hero-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:16px;row-gap:12px}
.grm-branche__hero-txt{display:contents}
.grm-branche__hero-head > .grm-branche__hero-ic{grid-column:1;grid-row:1}
.grm-branche__hero-txt > h1{grid-column:2;grid-row:1;margin:0}
.grm-branche__hero-txt > .grm-branche__hero-sub{grid-column:1 / -1;grid-row:2}
.grm-branche__hero-ic{width:56px;height:56px;border-radius:14px}
.grm-branche__hero-ic .material-symbols-rounded{font-size:30px}
@media(max-width:640px){
.grm-branche__hero-head{column-gap:12px}
.grm-branche__hero-ic{width:46px;height:46px;border-radius:12px}
.grm-branche__hero-ic .material-symbols-rounded{font-size:25px}
}
.container:has(> .row > .grm-shop),
.container:has(> .grm-shop){padding-left:0;padding-right:0}
.container > .row > .grm-shop,
.container > .grm-shop{margin-left:auto;margin-right:auto;width:100%}
.grm-shop__hero{border-radius:0}
.grm-shop__hero .grm-shop__hero-sub{color:rgba(255,255,255,.88);max-width:64ch}
.grm-shop .grm-shop__zoek .grm-shop__zoek-knop{border-radius:10px !important}
body.grm-kaal .grm-h,
body.grm-kaal .grm-topstrip,
body.grm-kaal .grm-f,
body.grm-kaal .grm-naarboven,
body.grm-kaal .grm-tabbar{display:none}
body.grm-kaal .grm-onboard{padding-top:24px}
.grm-fotoplek{position:relative;overflow:hidden;border-radius:var(--grm-r-md,16px);background:var(--grm-brand-50,#EDF2F8);aspect-ratio:var(--grm-fp-ratio,4/3)}
.grm-fotoplek img.grm-fotoplek__img{display:block;width:100%;height:100%;object-fit:cover}
.grm-fotoplek--leeg{
background:linear-gradient(135deg,var(--grm-success-text,#0b2a49) 0%,#103A63 55%,var(--grm-success,#103a63) 100%);
}
.grm-fotoplek--leeg::after{
content:"";position:absolute;inset:0;
background:
radial-gradient(28rem 16rem at 100% 0%, rgba(255,255,255,.10), transparent 62%),
radial-gradient(22rem 14rem at 0% 100%, rgba(0,0,0,.18), transparent 66%);
}
body.grm-portaalpagina .grm-h__bar,
body.grm-portaalpagina .grm-f{display:none}
body.grm-portaal-in .grm-h,
body.grm-portaal-in .grm-topstrip{display:none}
body.grm-lijstpagina .grm-f{display:none}
body.grm-portaalpagina .container.main-content{max-width:100%;width:100%;padding-left:0;padding-right:0}
body.grm-portaalpagina .container.main-content > .row{margin-left:0;margin-right:0;padding-left:0;padding-right:0;width:100%;max-width:none}
body.grm-profielpagina .grm-h__zoek{display:none}
body.grm-profielpagina .grm-h__bar,
body.grm-profielpagina .grm-f__branches,
body.grm-profielpagina .grm-f__regio,
body.grm-profielpagina .grm-f__bottom{display:none}
body.grm-profielpagina .grm-f__wettelijk{
display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;
padding:16px 0 4px;border-top:1px solid rgba(255,255,255,.12);
font-size:12px;color:var(--grm-ink-300,#a8b4bc);
}
body.grm-profielpagina .grm-f__wettelijk a{color:var(--grm-line,#d7dee7);text-decoration:none}
body.grm-profielpagina .grm-f__wettelijk a:hover{text-decoration:underline}
.grm-prof{max-width:min(var(--grm-w,1424px),100%);margin-left:auto;margin-right:auto}
.grm-prof > .grm-prof__topbar-wrap{max-width:none;padding-left:0;padding-right:0}
.grm-prof__topbar{max-width:none;padding-left:0;padding-right:0}
.container:has(> .row > .grm-page),
.container:has(> .grm-page){padding-left:0;padding-right:0}
.grm-page{padding-left:22px;padding-right:22px}
body.grm-gidspagina .grm-h__zoek,
body.grm-gidspagina .grm-h__bar{display:none}
.container:has(> .row > .grm-fullwrap),
.container:has(> .grm-fullwrap){padding-left:0;padding-right:0;max-width:none}
.grm-container,
.grm-f__in{padding-left:22px;padding-right:22px}
.grm-home__cta{padding-top:8px}
.grm-home__cta-acties{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:22px}
@media(max-width:520px){
.grm-home__cta-acties{flex-direction:column}
.grm-home__cta-acties .gm-btn{width:100%;justify-content:center}
}
.grm-home__cta-inner .gm-btn--ghost-op-donker{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.34)}
.grm-home__cta-inner .gm-btn--ghost-op-donker:hover{background:rgba(255,255,255,.10);color:#fff;border-color:rgba(255,255,255,.5)}
.grm-filters__backdrop{display:none}
.grm-filters__sluit{display:none}
@media(max-width:980px){
.grm-listing__filterknop,
.grm-branche__sheet-open{display:flex !important;width:100%;justify-content:center;margin-bottom:14px}
.grm-filters{position:fixed;top:0;bottom:0;left:0;right:auto;width:min(420px,100vw);z-index:2000;border-radius:0;overflow-y:auto;overscroll-behavior:contain;transform:translateX(-100%);transition:transform .24s cubic-bezier(.4,0,.2,1);max-width:none;box-shadow:0 0 40px rgba(4,30,66,.3);padding-bottom:calc(28px + env(safe-area-inset-bottom))}
.grm-filters.is-open{transform:none}
.grm-filters__backdrop{display:block;position:fixed;inset:0;z-index:1990;background:rgba(4,30,66,.5)}
.grm-filters__backdrop[hidden]{display:none}
.grm-filters__kop{position:sticky;top:0;z-index:2;background:#fff;padding-right:52px}
.grm-filters__sluit{display:inline-flex;position:absolute;top:10px;right:12px;width:38px;height:38px;align-items:center;justify-content:center;border:1px solid var(--grm-line,#D7DEE7);border-radius:10px;background:#fff;color:var(--grm-ink,#041E42);cursor:pointer}
.grm-filters__sluit .material-symbols-rounded{font-size:22px}
html.wp-toolbar .grm-filters{top:32px}
body.grm-filters-open{overflow:hidden}
html.grm-filters-open{overflow:hidden !important}
body.grm-filters-open .grm-h,
body.grm-filters-open .grm-tabbar{display:none !important}
}
@media(max-width:782px){
html.wp-toolbar .grm-filters{top:46px}
}
.grm-home__raster{
display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;
align-items:stretch;
}
.grm-home__raster > *{height:100%}
.grm-home__raster .grm-bk{grid-template-rows:auto 1fr;height:100%}
.grm-home__raster .grm-bk__body{height:100%}
@media(max-width:1000px){.grm-home__raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media(max-width:560px){.grm-home__raster{gap:12px}}
.container:has(> .row > .grm-branche),
.container:has(> .grm-branche){padding-left:0;padding-right:0;max-width:none}
.grm-branche__body{max-width:var(--grm-w,1424px);margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}
body.grm-chrome-active .container-wrap{padding-bottom:0}
.container:has(> .row > .grm-ob-topbar),
.container:has(> .row > .grm-onboard),
.container:has(> .grm-ob-topbar),
.container:has(> .grm-onboard){padding-left:0;padding-right:0}
.grm-ob-topbar{padding-left:22px;padding-right:22px}
.grm-pagehero,
.grm-page__hero,
.grm-help__hero,
.grm-home__hero{
margin-left:calc(50% - 50vw);
margin-right:calc(50% - 50vw);
width:100vw;
max-width:100vw;
border-radius:0;
}
.grm-page__hero,
.grm-help__hero{padding-left:22px;padding-right:22px}
.grm-page{padding-top:0}
.grm-page > .grm-page__hero:first-child,
.grm-page > .grm-help__hero:first-child{margin-top:0}
.grm-branche__hero.has-eigenfoto .grm-branche__hero-bg{
background:
linear-gradient(180deg, var(--grm-fp-t1,rgba(4,30,66,.86)) 0%, var(--grm-fp-t3,rgba(4,30,66,.78)) 45%, var(--grm-fp-t2,rgba(16,58,99,.90)) 100%),
var(--grm-fp-bg, none);
background-size:auto,cover;
background-position:center,center 42%;
background-repeat:no-repeat;
z-index:1;
}
.grm-branche__hero.has-eigenfoto .grm-branche__hero-in{position:relative;z-index:2}
.grm-shop__hero.has-foto .grm-shop__hero-bg{
background:
linear-gradient(180deg, var(--grm-fp-t1,rgba(4,30,66,.86)) 0%, var(--grm-fp-t3,rgba(4,30,66,.78)) 45%, var(--grm-fp-t2,rgba(16,58,99,.90)) 100%),
var(--grm-fp-bg, none);
background-size:auto,cover;
background-position:center,center 42%;
background-repeat:no-repeat;
}
section.grm-shop__hero.has-bankfoto .grm-shop__hero-bg{--grm-fp-bg:none}
.grm-shop__hero img.grm-shop__hero-foto{
position:absolute;inset:0;
width:100%;height:100%;max-width:none;margin:0;
object-fit:cover;object-position:center 42%;
pointer-events:none;
}
section.grm-pagehero{
position:relative;overflow:hidden;color:#fff;text-align:center;
margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw;max-width:100vw;
padding:44px 22px 40px;
background:linear-gradient(135deg,var(--grm-fp-b1,#041E42) 0%,var(--grm-fp-b2,#103A63) 60%,var(--grm-fp-b3,var(--grm-success,#103a63)) 100%);
}
.grm-pagehero__bg{
position:absolute;inset:0;pointer-events:none;
background:
linear-gradient(180deg, var(--grm-fp-t1,rgba(4,30,66,.86)) 0%, var(--grm-fp-t3,rgba(4,30,66,.78)) 45%, var(--grm-fp-t2,rgba(16,58,99,.90)) 100%),
var(--grm-fp-bg, none);
background-size:auto,cover;
background-position:center,center 42%;
background-repeat:no-repeat;
}
section.grm-pagehero > .grm-container{position:relative;z-index:2;max-width:880px}
section.grm-pagehero h1{color:#fff;max-width:820px;margin:0 auto var(--grm-s-3,12px);font-size:clamp(26px,3.2vw,38px);line-height:1.15}
section.grm-pagehero .grm-pagehero__sub{color:rgba(255,255,255,.9);max-width:640px;margin:0 auto 16px;font-size:15px;line-height:1.6}
.grm-pagehero__acc{color:var(--grm-accent-200,var(--grm-accent-200,#9CC4EE))}
.grm-pagehero__zoek{
position:relative;z-index:2;
display:flex;align-items:center;gap:10px;
max-width:660px;margin:0 auto;
background:rgba(255,255,255,.97);border-radius:14px;padding:5px 5px 5px 14px;
box-shadow:0 8px 26px rgba(4,30,66,.28);
}
.grm-pagehero__zoek > .material-symbols-rounded{font-size:22px;color:#55636E;flex:0 0 auto}
.grm-pagehero__zoek input{
flex:1 1 auto;min-width:0;border:0;outline:0;background:none;
font-family:inherit;font-size:15.5px;color:var(--grm-ink,#041E42);padding:12px 0;
}
.grm-pagehero__zoek button{
flex:0 0 auto;border:0;cursor:pointer;border-radius:10px;
background:var(--gm-primary,#103A63);color:#fff;
font-family:inherit;font-size:14.5px;font-weight:700;padding:12px 22px;
transition:background .14s;
}
.grm-pagehero__zoek button:hover{background:var(--grm-success-text,#0b2a49)}
.grm-pagehero__zoek .grm-zoekwizard{width:38px;height:38px;padding:0;border-radius:10px;background:transparent;color:var(--gm-primary,#103A63)}
.grm-pagehero__zoek .grm-zoekwizard:hover,
.grm-pagehero__zoek .grm-zoekwizard:focus-visible{background:rgba(22,104,199,.12)}
@media(max-width:640px){
.grm-pagehero{padding:52px 18px 48px}
.grm-pagehero__zoek{padding:5px 5px 5px 13px}
.grm-pagehero__zoek button{padding:10px 14px;font-size:13px}
}
@media(max-width:640px){
.grm-pagehero__zoek{flex-wrap:wrap;border-radius:16px;padding:10px}
.grm-pagehero__zoek button{flex:1 0 100%;justify-content:center}
.grm-pagehero__zoek input{flex:1 1 0;min-width:0}
.grm-pagehero__zoek .grm-zoekwizard{flex:0 0 auto}
}
.grm-bk{position:relative;display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid var(--grm-sky-50,#edf2f8);border-radius:20px;box-shadow:0 4px 14px -8px rgba(15,23,42,.10),0 1px 3px rgba(15,23,42,.04);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.grm-bk:hover{transform:translateY(-2px);border-color:var(--grm-brand-100,#d3e0ef);box-shadow:0 12px 28px -10px rgba(15,23,42,.14),0 2px 6px rgba(15,23,42,.05)}
.grm-bk__head{display:flex;align-items:center;gap:13px;text-align:left;padding:18px 20px 15px;background:linear-gradient(135deg,var(--grm-sky-50,#edf2f8) 0%,var(--grm-line-soft,#eaeff5) 100%);border-bottom:1px solid rgba(16,58,99,.10)}
.grm-bk__head-txt{flex:1 1 auto;min-width:0}
.grm-bk__head .grm-bk__beeld{flex:0 0 36%;max-width:128px;aspect-ratio:1/1;height:auto;width:auto;border-radius:50%;overflow:hidden;border:3px solid #fff;box-shadow:0 2px 10px rgba(15,23,42,.14);background:var(--grm-rij-zacht)}
.grm-bk__head .grm-bk__beeld img{width:100%;height:100%;object-fit:cover;display:block}
.grm-bk__head .grm-bk__kop{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0}
.grm-bk__head .grm-bk__naam{margin:0 0 2px;font-size:19px;font-weight:800;line-height:1.25;letter-spacing:-.2px;color:var(--grm-ink,#041e42);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.grm-bk__head .grm-bk__naam a{color:inherit;text-decoration:none}
.grm-bk__head .grm-bk__naam a:hover{color:#1668C7}
.grm-bk__head .grm-bk__plaats{margin:0;font-size:12.5px;font-weight:600;color:var(--grm-ink-500,#55636e);display:flex;align-items:center;gap:4px}
.grm-bk__head .grm-bk__plaats .material-symbols-rounded{font-size:15px}
.grm-bk__head-branche{display:inline-block;margin-top:6px;padding:3px 9px;border-radius:99px;background:rgba(16,58,99,.10);color:#103A63;font-size:11px;font-weight:800;letter-spacing:.1px}
.grm-bk__keur{position:relative;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:none;color:var(--grm-brand,#103A63);cursor:pointer;flex:0 0 auto}
.grm-bk__keur-txt{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);z-index:5;display:none;padding:4px 10px;border-radius:8px;background:var(--grm-ink,#041E42);color:#fff;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 6px 18px rgba(4,30,66,.25)}
.grm-bk__keur:hover .grm-bk__keur-txt,.grm-bk__keur:focus .grm-bk__keur-txt{display:block}
.grm-bk__keur .material-symbols-rounded{font-size:18px}
.grm-bk__kop .grm-bk__fav{margin-left:auto;width:34px;height:34px;flex:0 0 auto}
.grm-bk__body{display:flex;flex-direction:column;gap:11px;padding:16px 20px 18px;flex:1 1 auto}
.grm-bk-raster .grm-bk__head,
.grm-home__raster .grm-bk__head{
display:flex;flex-direction:row;align-items:center;gap:11px;
padding:15px 16px 13px;text-align:left;
background:linear-gradient(135deg,var(--grm-sky-50,#edf2f8) 0%,var(--grm-line-soft,#eaeff5) 100%);
border-bottom:1px solid rgba(16,58,99,.10);
}
.grm-bk-raster .grm-bk__head .grm-bk__beeld,
.grm-home__raster .grm-bk__head .grm-bk__beeld{
flex:0 0 auto;width:60px;height:60px;max-width:60px;
aspect-ratio:1/1;border-radius:50%;overflow:hidden;
border:3px solid #fff;box-shadow:0 2px 10px rgba(15,23,42,.14);
}
.grm-bk-raster .grm-bk__head-txt,
.grm-home__raster .grm-bk__head-txt{flex:1 1 auto;min-width:0;padding:0}
.grm-bk-raster .grm-bk__naam,
.grm-home__raster .grm-bk__naam{
font-size:15.5px;white-space:normal;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.grm-bk-raster .grm-bk__body,
.grm-home__raster .grm-bk__body{padding:13px 16px 15px;gap:9px}
.grm-bk-raster .grm-bk__tekst,
.grm-home__raster .grm-bk__tekst,
.grm-home__raster .grm-bk__producten{display:none}
.grm-bk-raster .grm-bk__producten{margin-top:2px}
.grm-bk-raster .grm-bk__producten-kop{margin-bottom:5px}
.grm-bk-raster .grm-bk__producten-strook{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible}
.grm-bk-raster .grm-bk__product{flex:0 1 auto;width:auto;min-width:0}
.grm-bk-raster .grm-bk__product:nth-child(n+7){display:none}
.grm-bk-raster .grm-bk__product>a{padding:0}
.grm-bk-raster .grm-bk__product-beeld{width:100%;height:auto;aspect-ratio:1;border-radius:8px}
.grm-bk-raster .grm-bk__product-naam,
.grm-bk-raster .grm-bk__product-prijs{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.grm-bk--smal .grm-bk__head{padding:13px 14px 11px}
.grm-bk--smal .grm-bk__head .grm-bk__beeld{max-width:72px}
.grm-bk--smal .grm-bk__head .grm-bk__naam{font-size:16px}
.grm-bk--smal .grm-bk__body{padding:11px 14px 13px}
@media(max-width:560px){
.grm-bk__head{padding:14px 15px 12px;gap:11px}
.grm-bk__head .grm-bk__beeld{max-width:84px}
.grm-bk__head .grm-bk__naam{font-size:17px}
.grm-bk__body{padding:13px 15px 15px}
}
@media(max-width:680px){
.grm-carrousel__spoor:has(> .grm-bk) .grm-bk__head{flex-direction:column;align-items:stretch;gap:0;padding:0;background:none;border-bottom:0}
.grm-carrousel__spoor:has(> .grm-bk) .grm-bk__head .grm-bk__beeld{flex:0 0 auto;max-width:none;width:100%;height:92px;aspect-ratio:auto;border-radius:0;border:0;box-shadow:none}
.grm-carrousel__spoor:has(> .grm-bk) .grm-bk__head-txt{padding:9px 10px 0}
.grm-carrousel__spoor:has(> .grm-bk) .grm-bk__head-branche{display:none}
}
.grm-merknaam{display:inline;white-space:nowrap;letter-spacing:inherit}
.grm-merknaam b{font-weight:inherit}
.grm-bk-lijst .grm-bk{display:grid;grid-template-columns:300px minmax(0,1fr);align-items:stretch}
.grm-bk-lijst .grm-bk__head{display:contents}
.grm-bk-lijst .grm-bk__beeld{
grid-column:1;grid-row:1 / span 2;
width:100%;height:100%;max-width:none;flex:none;align-self:stretch;
aspect-ratio:auto;border-radius:0;border:0;box-shadow:none;
display:block;overflow:hidden;
}
.grm-bk-lijst .grm-bk__beeld img{
width:100%;height:100%;aspect-ratio:auto;object-fit:cover;display:block;
}
.grm-bk-lijst .grm-bk__beeld .grm-bk__initiaal{
width:100%;height:100%;aspect-ratio:auto;display:flex;
}
.grm-bk-lijst .grm-bk__head-txt{grid-column:2;grid-row:1;padding:16px 20px 0 28px;min-width:0}
.grm-bk-lijst .grm-bk__body{grid-column:2;grid-row:2;padding:10px 20px 18px 28px}
.grm-bk-lijst .grm-bk__naam{white-space:normal}
@media(max-width:720px){
.grm-bk-lijst .grm-bk{grid-template-columns:132px minmax(0,1fr)}
.grm-bk-lijst .grm-bk__head-txt{padding:13px 15px 0}
.grm-bk-lijst .grm-bk__body{padding:9px 15px 15px}
}
@media(max-width:560px){
.grm-bk-lijst .grm-bk{grid-template-columns:1fr}
.grm-bk-lijst .grm-bk__beeld{grid-column:1;grid-row:1;aspect-ratio:16/10;height:auto}
.grm-bk-lijst .grm-bk__beeld img{aspect-ratio:auto;height:100%}
.grm-bk-lijst .grm-bk__head-txt{grid-column:1;grid-row:2}
.grm-bk-lijst .grm-bk__body{grid-column:1;grid-row:3}
}
.grm-bk-raster .grm-bk__head,
.grm-home__raster .grm-bk__head{padding:16px;gap:13px;align-items:center}
.grm-bk-raster .grm-bk__head .grm-bk__beeld,
.grm-home__raster .grm-bk__head .grm-bk__beeld{width:72px;height:72px;max-width:72px}
.grm-bk-raster .grm-bk__naam,
.grm-home__raster .grm-bk__naam{font-size:24px;line-height:1.25;margin:0 0 4px}
.grm-bk-raster .grm-bk__keur .material-symbols-rounded,
.grm-home__raster .grm-bk__keur .material-symbols-rounded{font-size:24px}
.grm-bk-raster .grm-bk__kop,
.grm-home__raster .grm-bk__kop{gap:6px}
.grm-bk-raster .grm-bk__plaats,
.grm-home__raster .grm-bk__plaats{font-size:13px}
.grm-bk__head-branche{align-self:flex-start;margin:0}
.grm-bk-lijst .grm-bk__head-branche{margin-bottom:2px}
@media(max-width:900px){.grm-h__bar-meer{height:40px}}
body.grm-mandpagina .grm-f{display:none}
@media(max-width:900px){
body.grm-mandpagina .grm-h__zoek{display:none}
body.grm-lijstpagina .grm-h__zoek{display:none}
}
@media(max-width:640px){
.grm-branche__body{padding:0 14px;margin-top:20px}
}
@media(max-width:640px){
.grm-cattegels__rij{
display:flex;flex-wrap:nowrap;gap:9px;
overflow-x:auto;scroll-snap-type:x proximity;
padding:2px 14px 8px;margin:0 -14px;
scrollbar-width:none;-webkit-overflow-scrolling:touch;
}
.grm-cattegels__rij::-webkit-scrollbar{display:none}
.grm-cattegels__rij > .grm-cattegel{flex:0 0 112px;scroll-snap-align:start}
}
.grm-plaatszoek__lijst{
min-width:min(340px,90vw);
max-width:min(460px,92vw);
width:max-content;
right:auto;
z-index:99999;
}
@media(max-width:640px){
.grm-plaatszoek__lijst{min-width:min(300px,88vw);left:0}
}
section.grm-pagehero,
.grm-home__hero{overflow:visible}
.grm-pagehero__bg{border-radius:inherit}
.grm-pagehero__zoek{border-radius:14px;padding:7px 7px 7px 16px}
.grm-pagehero__zoek button{border-radius:10px}
@media(max-width:640px){
.grm-pagehero__zoek{border-radius:14px}
}
.grm-zoekbalk{overflow:visible}
.grm-zoekbalk > .grm-zoekbalk__veld:first-child input{border-radius:12px 0 0 12px}
.grm-shop__hero{overflow:visible}
.grm-shop__hero .grm-shop__hero-bg{border-radius:0}
.grm-shop__hero,
.grm-home__hero,
section.grm-pagehero,
.grm-branche__hero{z-index:40}
.grm-branche__hero{overflow:visible}
.grm-shop__zoek,
.grm-pagehero__zoek,
.grm-zoekbalk{position:relative}
.grm-shop__zoek:focus-within,
.grm-pagehero__zoek:focus-within,
.grm-zoekbalk:focus-within,
.grm-plaatszoek:focus-within{z-index:900}
.grm-shop__zoek input[name="q"],
.grm-shop__zoek input[type="search"]{flex:1 1 auto;min-width:0}
.grm-pagehero__zoek input[name="q"]{flex:1 1 auto;min-width:0}
.grm-zoekbalk__veld--wat{flex:1 1 auto;min-width:0}
@media (max-width:760px){
.grm-zoekbalk__veld--wat{flex:1 1 100%}
.grm-zoekbalk__knop{flex:1 1 100%}
.grm-pagehero__zoek > .material-symbols-rounded{display:none}
}
.grm-branche__hero .grm-shop__zoek{margin-top:18px;max-width:720px}
@media(max-width:640px){
.grm-branche__hero .grm-shop__zoek{flex-wrap:wrap;border-radius:14px;padding:8px}
.grm-branche__hero .grm-shop__zoek input[name="q"],
.grm-branche__hero .grm-shop__zoek input[type="search"]{flex:1 1 0;min-width:0}
.grm-branche__hero .grm-shop__zoek .grm-zoekwizard{flex:0 0 auto}
.grm-branche__hero .grm-shop__zoek .grm-shop__zoek-knop{flex:1 0 100%}
}
.grm-shop__zoek,.grm-pagehero__zoek,.grm-zoekbalk__veld{position:relative}
.grm-filterchips{display:block;margin:0 0 14px;padding:10px 12px;border:1px solid var(--grm-line,#D7DEE7);border-radius:10px;background:var(--grm-canvas,#f5f7fa)}
.grm-filterchips__kop-rij{display:flex;align-items:center;justify-content:space-between;gap:10px}
.grm-filterchips__rij{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.grm-filterchips__chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--grm-line,#D7DEE7);border-radius:999px;background:#fff;color:var(--grm-ink,#041E42);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .12s,color .12s}
.grm-filterchips__chip:hover{border-color:var(--grm-danger,#dc2626);color:var(--grm-danger,#dc2626)}
.grm-filterchips__chip .material-symbols-rounded{font-size:15px}
.grm-filterchips__wis{border:0;background:none;color:var(--grm-accent,#1668C7);font-size:13px;font-weight:700;cursor:pointer;text-decoration:underline}
.grm-filterchips--url{display:flex}
@media(max-width:980px){.grm-filterchips--url{display:flex}}
.grm-filterchips--url .grm-filterchips__chip{text-decoration:none}
.grm-filterchips--url .grm-filterchips__wis{text-decoration:underline}
.grm-branche .grm-shop__hero{padding-bottom:24px}
.grm-groep__tegels{position:relative}
.grm-groep__raster{display:flex;overflow-x:auto;gap:14px;padding:2px 2px 10px;scroll-snap-type:x proximity;scrollbar-width:thin}
.grm-groep__raster > *{flex:0 0 168px;scroll-snap-align:start}
@media(max-width:640px){.grm-groep__raster > *{flex-basis:132px}}
.grm-zoek__nota{display:flex;align-items:center;gap:8px;max-width:var(--grm-w,1424px);margin:14px auto 0;padding:0 20px;font-size:14px;line-height:1.4;color:var(--grm-ink-500,#55636E)}
.grm-zoek__nota .material-symbols-rounded{font-size:20px;color:var(--grm-accent,#1668C7)}
@media(max-width:900px){.grm-zoek__nota{padding:0 14px}}
.grm-listing__resultaat.is-bezig #grm-shop-grid,
.grm-listing__resultaat.is-bezig [data-paneel="producten"]{opacity:.55;transition:opacity .15s}
.grm-groep__tegels{max-width:var(--grm-w,1424px);margin:0 auto;padding:24px 20px 26px}
@media(max-width:900px){
.grm-shop{padding-left:14px;padding-right:14px}
.grm-branche > .grm-listing{padding-left:14px;padding-right:14px}
.grm-groep__tegels{padding:18px 14px 20px}
}
@media(max-width:760px){
.grm-shop__zoek{flex-wrap:wrap;gap:8px;padding:10px;max-width:none}
.grm-shop__zoek>.material-symbols-rounded{display:none}
.grm-shop__zoek input[name="q"],
.grm-shop__zoek input[type="search"]{flex:1 1 0;min-width:0;width:auto;padding:11px 12px;border:1px solid var(--grm-line,#D7DEE7);border-radius:10px}
.grm-shop__zoek .grm-zoekwizard{flex:0 0 auto;margin:0}
.grm-shop__zoek-knop{flex:1 1 100%;width:100%;padding:13px;border-radius:10px}
}
.grm-help__telling{margin:10px 0 0;font-size:14px;font-weight:600;color:rgba(255,255,255,.92)}
.grm-help__nav-lijst{display:contents;list-style:none;margin:0;padding:0}
.grm-help__nav-lijst > li{display:contents;list-style:none}
.grm-help{padding-top:0}
.grm-help__hero{width:100vw;max-width:100vw;margin:0 calc(50% - 50vw) 36px;border-radius:0;box-shadow:none;padding-top:56px}
.grm-sitemap__intro{max-width:820px;margin:0 auto 34px;padding:0 4px}
.grm-sitemap__intro h2{margin:26px 0 10px;font-size:22px}
.grm-sitemap__intro h3{margin:22px 0 8px;font-size:18px}
.grm-sitemap__intro p{margin:0 0 12px;line-height:1.65;color:var(--grm-ink-700,#33424F)}
@media(max-width:760px){
.grm-swipe{
display:flex !important;
grid-template-columns:none !important;
overflow-x:auto;
gap:12px;
padding:2px 2px 10px;
scroll-snap-type:x mandatory;
overscroll-behavior-x:contain;
-webkit-overflow-scrolling:touch;
scrollbar-width:thin;
}
.grm-swipe > *{
flex:0 0 78%;
max-width:340px;
min-width:0;
scroll-snap-align:start;
height:auto;
align-self:stretch;
}
.grm-swipe.grm-cattegels__rij > *,
.grm-swipe.grm-home__cat-grid > *{flex-basis:52%}
.grm-swipe.grm-home__mozaiek > *{flex-basis:86%}
}
.grm-shop__hero-in.heeft-carrousel{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:34px;align-items:center}
.grm-shop__hero-tekst{min-width:0}
.grm-shop__carrousel{min-width:0;display:flex;flex-direction:column;gap:10px}
.grm-shop__carrousel-kop{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:rgba(255,255,255,.72)}
.grm-shop__carrousel-spoor{display:flex;gap:10px;overflow-x:auto;scroll-behavior:smooth;padding:2px 2px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.grm-shop__carrousel-spoor::-webkit-scrollbar{display:none}
.grm-shop__pk{flex:0 0 auto;width:150px;display:flex;flex-direction:column;gap:8px;padding:8px 8px 10px;border-radius:14px;border:1px solid #fff;background:#fff;box-shadow:0 6px 18px rgba(4,30,66,.16);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
.grm-shop__pk:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(4,30,66,.22);text-decoration:none}
.grm-shop__pk-beeld{border-radius:10px;aspect-ratio:1/1}
.grm-shop__pk-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.grm-shop__pk-naam{font-size:12.5px;font-weight:700;line-height:1.3;color:var(--grm-ink,#041E42);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.grm-shop__pk-sub{font-size:11px;font-weight:600;color:rgba(255,255,255,.7);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.grm-shop__pk-txt{padding:0 2px}
@media(max-width:900px){
.grm-shop__hero-in.heeft-carrousel{grid-template-columns:minmax(0,1fr);gap:22px}
.grm-shop__pk{width:132px}
.grm-shop__carrousel .grm-groep__raster{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.grm-shop__carrousel .grm-groep__raster .grm-groep__tegel{flex:0 0 136px}
.grm-groep__tegels .grm-shop__carrousel-spoor .grm-shop__pk{background:#fff;border-color:var(--grm-line,#D7DEE7)}
.grm-groep__tegels .grm-shop__carrousel-spoor .grm-shop__pk-naam{color:var(--grm-ink,#041E42)}
.grm-groep__tegels .grm-shop__carrousel-spoor .grm-shop__pk-sub{color:var(--grm-ink-500,#55636E)}
}
body.grm-profielpagina .grm-f{display:none}
@media(min-width:761px){
body.grm-profielpagina .grm-h__zoek{display:none}
}
.grm-h__terug{
display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;
margin-right:4px;padding:8px 12px 8px 9px;border-radius:10px;
border:1px solid var(--grm-line,#D7DEE7);background:#fff;
font-size:14px;font-weight:700;color:var(--grm-ink-700,#33424F);
text-decoration:none;white-space:nowrap;
transition:background .16s ease,color .16s ease,border-color .16s ease;
}
.grm-h__terug:hover{background:var(--grm-brand-50,#EDF2F8);border-color:var(--grm-brand-100,#D3E0EF);color:var(--grm-brand,#103A63);text-decoration:none}
.grm-h__terug .material-symbols-rounded{font-size:20px}
@media(max-width:600px){
.grm-h__terug{padding:8px;border-radius:50%}
.grm-h__terug-txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
.grm-bk__beeld{background:#fff}
.grm-bk__beeld img.grm-bk__img-logo{object-fit:contain;background:#fff;padding:6px;box-sizing:border-box}
.grm-bk__beeld img.grm-bk__img-foto{display:block;object-fit:cover;width:100%;height:100%;padding:0}
.grm-bk__beeld[data-beeld="beide"] .grm-bk__img-logo{display:none}
.grm-bk__beeld[data-beeld="beide"] .grm-bk__initiaal{display:none}
.grm-bk__beeld[data-beeld="foto"] .grm-bk__initiaal{display:none}
.grm-bk__beeld[data-beeld="logo"] .grm-bk__img-logo{display:none}
.grm-bk-raster .grm-bk__beeld[data-beeld="beide"] .grm-bk__img-logo,
.grm-home__raster .grm-bk__beeld[data-beeld="beide"] .grm-bk__img-logo,
.grm-bk--raster .grm-bk__beeld[data-beeld="beide"] .grm-bk__img-logo,
.grm-bk--smal .grm-bk__beeld[data-beeld="beide"] .grm-bk__img-logo{display:block}
.grm-bk-raster .grm-bk__beeld[data-beeld="beide"] .grm-bk__img-foto,
.grm-home__raster .grm-bk__beeld[data-beeld="beide"] .grm-bk__img-foto,
.grm-bk--raster .grm-bk__beeld[data-beeld="beide"] .grm-bk__img-foto,
.grm-bk--smal .grm-bk__beeld[data-beeld="beide"] .grm-bk__img-foto{display:none}
.grm-bk-raster .grm-bk__beeld[data-beeld="logo"] .grm-bk__img-logo,
.grm-home__raster .grm-bk__beeld[data-beeld="logo"] .grm-bk__img-logo,
.grm-bk--raster .grm-bk__beeld[data-beeld="logo"] .grm-bk__img-logo,
.grm-bk--smal .grm-bk__beeld[data-beeld="logo"] .grm-bk__img-logo{display:block}
.grm-bk-raster .grm-bk__beeld[data-beeld="logo"] .grm-bk__initiaal,
.grm-home__raster .grm-bk__beeld[data-beeld="logo"] .grm-bk__initiaal,
.grm-bk--raster .grm-bk__beeld[data-beeld="logo"] .grm-bk__initiaal,
.grm-bk--smal .grm-bk__beeld[data-beeld="logo"] .grm-bk__initiaal{display:none}
.grm-bk-lijst .grm-bk__naam{font-size:26px;line-height:1.2;letter-spacing:-.015em;margin:0 0 6px}
.grm-bk-lijst .grm-bk__plaats{font-size:14px}
.grm-bk-lijst .grm-bk__plaats .material-symbols-rounded{font-size:18px}
.grm-bk-lijst .grm-bk__tekst{font-size:15px;line-height:1.62}
.grm-bk-lijst .grm-bk__keur .material-symbols-rounded{font-size:21px}
.grm-bk-lijst .grm-bk__keur{width:26px;height:26px}
.grm-bk-lijst .grm-bk__kop .grm-bk__fav{
position:absolute;top:12px;left:auto;right:calc(100% - 288px);z-index:2;
width:40px;height:40px;margin:0;
background:rgba(255,255,255,.94);
border-color:rgba(255,255,255,.85);
box-shadow:0 2px 8px rgba(4,30,66,.22);
}
.grm-bk-lijst .grm-bk__kop .grm-bk__fav .material-symbols-rounded{font-size:22px}
@media(max-width:720px){
.grm-bk-lijst .grm-bk__kop .grm-bk__fav{top:9px;right:calc(100% - 123px);width:34px;height:34px}
.grm-bk-lijst .grm-bk__kop .grm-bk__fav .material-symbols-rounded{font-size:19px}
}
@media(max-width:560px){
.grm-bk-lijst .grm-bk__kop .grm-bk__fav{top:12px;right:12px;width:38px;height:38px}
}
.grm-bk-raster .grm-bk__naam,
.grm-home__raster .grm-bk__naam{font-size:24px;line-height:1.25;margin:0 0 4px}
.grm-bk-raster .grm-bk__plaats{font-size:13.5px}
@media(max-width:900px){
.grm-bk-lijst .grm-bk__naam{font-size:22px}
}
@media(max-width:560px){
.grm-bk-lijst .grm-bk__naam{font-size:20px}
}
.grm-hublijst__lijstkop{font-family:var(--grm-font-display);font-size:var(--grm-h3);color:var(--grm-ink);margin:8px 0 16px}
.grm-branche > .grm-listing{padding-left:24px;padding-right:24px}
.grm-help__slot{margin-top:44px;padding-top:30px;border-top:1px solid var(--grm-line,#D7DEE7)}
.grm-help__slot h2{font-family:var(--grm-font-display);font-size:var(--grm-h3);color:var(--grm-ink,#041E42);margin:0 0 12px}
.grm-help__slot p{line-height:1.75;color:var(--grm-ink-500,#55636E);margin:0 0 14px}
.grm-help__slot .grm-branche__seo-list{margin-bottom:14px}
.grm-filters__suggestie{
display:flex;align-items:center;gap:10px;margin:12px 16px 0;padding:11px 12px;
border:1px solid var(--grm-brand-100,#D3E0EF);border-radius:12px;
background:var(--grm-brand-50,#EDF2F8);color:var(--grm-ink,#041E42);
text-decoration:none;transition:background .14s,border-color .14s;
}
.grm-filters__suggestie:hover{background:var(--grm-brand-100,#D3E0EF);border-color:var(--grm-accent,#1668C7)}
.grm-filters__suggestie > .material-symbols-rounded{font-size:20px;color:var(--grm-accent,#1668C7);flex:0 0 auto}
.grm-filters__suggestie-txt{display:flex;flex-direction:column;gap:2px;font-size:13px;font-weight:700;line-height:1.35;min-width:0}
.grm-filters__suggestie-txt small{font-size:11.5px;font-weight:500;color:var(--grm-ink-500,#55636E)}
.grm-filters__suggestie-pijl{margin-left:auto;font-size:18px;color:var(--grm-ink-500,#55636E);flex:0 0 auto}
.grm-filters__zoekin{margin:0 0 4px;padding:12px 16px 14px;border-bottom:1px solid var(--grm-line-soft,#eaeff5)}
.grm-filters__zoekin-kop{display:block;padding:0 0 2px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--grm-brand,#103A63)}
.grm-filters__zoekin .grm-filters__suggestie{margin:8px 0 0}
.grm-bk-raster .grm-bk__body,
.grm-home__raster .grm-bk__body{flex-direction:row;flex-wrap:wrap;align-items:flex-start;column-gap:10px}
.grm-bk-raster .grm-bk__body > *,
.grm-home__raster .grm-bk__body > *{flex:1 1 100%;min-width:0}
.grm-bk-raster .grm-bk__body > .grm-bk__head-branche,
.grm-home__raster .grm-bk__body > .grm-bk__head-branche{order:2;flex:0 0 auto;align-self:center;margin:0}
@media(max-width:640px){
}
.grm-pfoto,.grm-pfoto img,.grm-pk__beeld,.grm-prod__minik,.grm-shop__pk-beeld,.grm-prod__beeld,.grm-home__moz-cel-beeld,.grm-bk__product-beeld,.grm-groep__tegel-beeld{background:#fff}
html.grm-in-venster .grm-h,
html.grm-in-venster .grm-f,
html.grm-in-venster .grm-tabbar,
html.grm-in-venster .grm-naarboven,
html.grm-in-venster .grm-sup__knop,
html.grm-in-venster .grm-sup__laag,
html.grm-in-venster .grm-h__terug{display:none !important}
html.grm-in-venster .grm-prod__crumbs,
html.grm-in-venster .grm-prof__crumbs,
html.grm-in-venster .grm-branche__crumbs,
html.grm-in-venster .grm-shop__crumbs,
html.grm-in-venster .grm-shop__kruimels,
html.grm-in-venster .grm-blog__kruimels,
html.grm-in-venster .grm-acc__kruimel{display:none !important}
html.grm-in-venster body{padding-top:0 !important}
body.grm-chrome-active a.uncategorized{display:none !important}
body.grm-chrome-active .blog_next_prev_buttons,
body.grm-chrome-active .comments-section,
body.grm-chrome-active #author-bio,
body.grm-chrome-active #respond{display:none !important}
.grm-venster{
position:fixed;inset:0;z-index:2100;
display:flex;flex-direction:column;
background:var(--gm-bg,#fff);
}
.grm-venster[hidden]{display:none}
html.grm-venster-open,html.grm-venster-open body{overflow:hidden}
html.grm-venster-open .grm-h,
html.grm-venster-open .grm-h-drawer,
html.grm-venster-open .grm-h-drawer-backdrop,
html.grm-venster-open .grm-tabbar,
html.grm-venster-open .grm-naarboven,
html.grm-venster-open .grm-sup__knop,
html.grm-venster-open .grm-sup__laag{display:none !important}
html.grm-venster-open .grm-match{visibility:hidden}
.grm-venster__kop{
flex:0 0 auto;height:56px;padding:0 var(--grm-venster-sb,0px) 0 0;box-sizing:border-box;
background:#fff;border-bottom:1px solid var(--gm-border,#D7DEE7);
}
.grm-venster__kop-in{
display:flex;align-items:center;gap:10px;height:100%;
max-width:var(--grm-w,1424px);margin:0 auto;padding:0 24px;box-sizing:border-box;
}
.grm-venster.is-gemeten .grm-venster__kop{padding:0}
.grm-venster.is-gemeten .grm-venster__kop-in{max-width:none;margin:0;padding:0 var(--grm-venster-r,0px) 0 var(--grm-venster-l,0px)}
.grm-venster__terug{
display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;margin-left:-8px;
padding:8px 12px 8px 8px;border:0;border-radius:10px;background:none;
color:var(--gm-primary,#103A63);font:inherit;font-size:14.5px;font-weight:700;cursor:pointer;
}
.grm-venster__terug:hover{background:var(--grm-brand-50,#EDF2F8)}
.grm-venster__titel{
min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
font-family:var(--gm-font-display,'Inter Tight',sans-serif);
font-size:15px;font-weight:800;color:var(--grm-ink,#041E42);
}
.grm-venster__uit{
flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;margin-right:-8px;
width:38px;height:38px;border-radius:10px;color:var(--grm-ink-500,#55636E);text-decoration:none;
}
.grm-venster__uit:hover{background:var(--grm-brand-50,#EDF2F8);color:var(--gm-primary,#103A63)}
.grm-venster__sluit{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;margin-right:-8px;width:38px;height:38px;border:0;border-radius:10px;background:var(--grm-brand-50,#EDF2F8);color:var(--gm-primary,#103A63);cursor:pointer}
.grm-venster__sluit:hover{background:#DCE6F2}
.grm-venster__uit+.grm-venster__sluit{margin-left:2px}
.grm-venster__uit:has(+.grm-venster__sluit){margin-right:0}
.grm-venster__raamvak{position:relative;flex:1 1 auto;min-height:0;display:flex}
.grm-venster__raam{flex:1 1 auto;width:100%;border:0;display:block;min-height:0}
.grm-venster__laad{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--gm-bg,#fff);opacity:0;transition:opacity .18s ease;pointer-events:none;z-index:2}
.grm-venster.is-laden .grm-venster__laad{opacity:1}
.grm-venster__laad-merk{display:block;width:120px;max-width:38%;filter:grayscale(1);opacity:.09}
.grm-venster__laad-merk svg{display:block;width:100%;height:auto}
@media (max-width:820px){
.grm-venster__kop-in{padding:0 14px}
}
@media (max-width:640px){
.grm-venster__kop{height:52px}
.grm-venster__terug-txt{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.grm-venster__terug{padding:8px}
}
.grm-gids__schakel{margin:16px 0 4px;padding:14px 16px;border:1px solid var(--grm-line,#D7DEE7);border-radius:12px;background:#fff}
.grm-gids__schakel-label{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--grm-ink,#041E42);cursor:pointer}
.grm-gids__schakel-label input{width:18px;height:18px;accent-color:var(--grm-accent,#1668C7)}
.grm-gids__schakel-stand{margin:8px 0 0;font-size:14px;line-height:1.5;color:var(--grm-ink-500,#55636E)}
.grm-bk-raster .grm-prodcats__pijl--strook,.grm-home__raster .grm-prodcats__pijl--strook{display:none}
.grm-shop__hero{max-height:900px}
.grm-groep__tegels{max-height:2400px}
.grm-shop__hero-bg,
.grm-shop__hero.has-foto,
.grm-groep__tegels{transition:opacity .3s ease,transform .3s ease,max-height .35s ease,margin .3s ease,padding .3s ease}
body:has(.grm-filterchips__chip) .grm-shop__hero-bg{opacity:0;transform:translateY(-16px);pointer-events:none}
body:has(.grm-filterchips__chip) .grm-shop__hero.has-foto{max-height:0;margin:0;padding:0;opacity:0;transform:translateY(-16px);overflow:hidden;pointer-events:none}
body:has(.grm-filterchips__chip) .grm-groep__tegels{max-height:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;opacity:0;transform:translateY(-16px);overflow:hidden;pointer-events:none}
html,body{touch-action:pan-x pan-y}
.grm-404{background:var(--grm-canvas,#F5F7FA);padding:0 0 56px}
.grm-404__kop{background:#fff;border-bottom:1px solid var(--grm-line,#D7DEE7)}
.grm-404__in{max-width:720px;margin:0 auto;padding:56px 24px 48px;text-align:center}
.grm-404__icoon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0 0 18px;border-radius:50%;background:var(--grm-brand-50,#EDF2F8);color:var(--grm-brand,#103A63);font-size:36px}
.grm-404__in h1{margin:0 0 12px;font-size:clamp(28px,4vw,40px);line-height:1.15;color:var(--grm-ink,#041E42)}
.grm-404__in p{margin:0 auto 26px;max-width:540px;font-size:16px;line-height:1.6;color:var(--grm-ink-500,#55636E)}
.grm-404__zoek{display:flex;align-items:center;gap:8px;max-width:600px;margin:0 auto;padding:6px 6px 6px 14px;border:1px solid var(--grm-line,#D7DEE7);border-radius:14px;background:#fff;box-shadow:0 2px 10px rgba(4,30,66,.06);text-align:left}
.grm-404__zoek:focus-within{border-color:var(--grm-brand,#103A63)}
.grm-404__zoek > .material-symbols-rounded{flex:0 0 auto;font-size:22px;color:var(--grm-ink-500,#55636E)}
.grm-404__zoek input{flex:1 1 auto;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:15.5px;color:var(--grm-ink,#041E42);padding:10px 4px;box-shadow:none}
.grm-404__zoek .gm-btn{flex:0 0 auto}
.grm-404__knoppen{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:20px}
.grm-404__knoppen .gm-btn{display:inline-flex;align-items:center;gap:6px}
.grm-404__knoppen .material-symbols-rounded{font-size:19px}
.grm-404__groepen{padding-top:40px}
.grm-404__groepen h2{margin:0 0 16px}
.grm-404__groepen .grm-groep__raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));overflow:visible;padding:0}
.grm-404__groepen .grm-groep__raster > *{flex:none}
@media(max-width:600px){
.grm-404__in{padding:40px 16px 36px}
.grm-404__zoek{padding-left:10px}
.grm-404__groepen .grm-groep__raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
}
.grm-prof{--prof-zij:22px}
@media (max-width:768px){.grm-prof{--prof-zij:12px}}
.grm-prof > .grm-prof__ankers{transition:border-radius .28s ease,margin .28s ease,box-shadow .28s ease,border-color .28s ease}
.grm-prof > .grm-prof__ankers.is-vast{border-radius:0;border-left-color:transparent;border-right-color:transparent;border-top-color:transparent;margin-left:calc(-1 * var(--prof-zij));margin-right:calc(-1 * var(--prof-zij));box-shadow:0 2px 10px rgba(4,30,66,.08)}
.grm-prof > .grm-prof__ankers.is-vast .grm-prof__ankers-in{padding-left:calc(10px + var(--prof-zij));padding-right:calc(10px + var(--prof-zij))}
.grm-prof > .grm-prof__ankers .grm-prof__ankers-in{transition:padding .28s ease}
@media (prefers-reduced-motion:reduce){.grm-prof > .grm-prof__ankers,.grm-prof > .grm-prof__ankers .grm-prof__ankers-in{transition:none}}
.grm-tabs__laden{display:flex;align-items:center;justify-content:center;gap:10px;min-height:180px;font-size:14px;font-weight:600;color:var(--grm-ink-500,#55636E)}
.grm-tabs__spinner{width:20px;height:20px;border-radius:50%;border:2.5px solid #D7DEE7;border-top-color:var(--grm-accent,#1668C7);animation:grm-tabdraai .8s linear infinite}
@keyframes grm-tabdraai{to{transform:rotate(360deg)}}
.grm-groep__tegels .grm-prodcats__wrap{position:static}
.grm-groep__tegels .grm-groep__raster{gap:16px;padding:2px 2px 6px}
.grm-groep__tegels .grm-groep__raster > .grm-groep__tegel{flex:0 0 clamp(170px,17vw,240px)}
.grm-groep__tegels .grm-groep__tegel{position:relative;display:block;aspect-ratio:1/1;border:0;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 1px 3px rgba(4,30,66,.08);transition:transform .2s ease,box-shadow .2s ease}
.grm-groep__tegels .grm-groep__tegel:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(4,30,66,.16);border-color:transparent}
.grm-groep__tegels .grm-groep__tegel-beeld{position:absolute;inset:0;aspect-ratio:auto;background:#fff}
.grm-groep__tegels .grm-groep__tegel-beeld img{width:100% !important;height:100% !important;max-width:none !important;object-fit:contain;padding:10% 10% 22%;box-sizing:border-box;transition:transform .35s ease}
.grm-groep__tegels .grm-groep__tegel-beeld.is-hero img{object-fit:cover;padding:0}
.grm-groep__tegels .grm-groep__tegel:hover .grm-groep__tegel-beeld img{transform:scale(1.04)}
.grm-groep__tegels .grm-groep__tegel-naam{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 24px);padding:8px 15px;border-radius:999px;background:#fff;color:var(--grm-ink,#041E42);font-size:14px;font-weight:600;line-height:1.25;box-shadow:0 4px 14px rgba(4,30,66,.14);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.grm-groep__tegels .grm-prodcats__pijl{top:20px;transform:none;width:40px;height:40px;border:0;border-radius:50%;background:#fff;color:var(--grm-ink,#041E42);box-shadow:0 2px 8px rgba(4,30,66,.10)}
.grm-groep__tegels .grm-prodcats__pijl:hover{background:#fff;color:var(--grm-accent,#1668C7);box-shadow:0 4px 14px rgba(4,30,66,.16)}
.grm-groep__tegels .grm-prodcats__pijl--terug{left:auto;right:70px}
.grm-groep__tegels .grm-prodcats__pijl--verder{right:20px}
.grm-groep__tegels h2{padding-right:110px}
@media(max-width:760px){
.grm-groep__tegels .grm-groep__raster > .grm-groep__tegel{flex-basis:44%}
.grm-groep__tegels .grm-groep__tegel-naam{font-size:13px;padding:7px 12px;left:10px;bottom:10px}
.grm-groep__tegels h2{padding-right:0}
}
body.grm-is-verkoper .grm-pk__actie,
body.grm-is-verkoper .grm-bk__fav,
body.grm-is-verkoper .grm-prof__fav,
body.grm-is-verkoper .grm-bk__aanvraag,
body.grm-is-verkoper .grm-prod__bestelrij,
body.grm-is-verkoper [data-open-collectie],
body.grm-is-verkoper .grm-drawer{display:none !important}
.gm-btn--primary,
.grm-h__knop--vol,
.grm-h--v2 .grm-h__alles,
.grm-bk-promo__cta,
.grm-btn--primary,
.grm-match__voet .grm-btn--primary{background:var(--grm-accent,#1668C7) !important;border-color:var(--grm-accent,#1668C7) !important;color:#fff !important}
.gm-btn--primary:hover,
.grm-h__knop--vol:hover,
.grm-h--v2 .grm-h__alles:hover,
.grm-bk-promo:hover .grm-bk-promo__cta,
.grm-btn--primary:hover,
.grm-match__voet .grm-btn--primary:hover{background:var(--grm-accent-hover,#125AAC) !important;border-color:var(--grm-accent-hover,#125AAC) !important;color:#fff !important}
.grm-match__voet .grm-btn--primary:disabled{background:var(--grm-line,#D7DEE7) !important;border-color:var(--grm-line,#D7DEE7) !important;color:var(--grm-ink-400,#7A8794) !important}
.grm-mega__alles,
.grm-mega__sub--alles,
.grm-mega__sub--alles:hover,
.grm-zoekwizard,
.grm-h--v2 .grm-h__zoek .grm-zoekwizard,
.grm-pagehero__zoek .grm-zoekwizard,
.grm-prod__webshop,
.grm-prod__webshop .material-symbols-rounded{color:var(--grm-accent,#1668C7) !important}
.grm-tabs__tel{color:var(--grm-accent,#1668C7)}
.grm-tabs__tab.is-actief .grm-tabs__tel{background:var(--grm-accent,#1668C7);color:#fff}