/* v8.21 = v8.20 + onderbalk menu + lade dicht (geen doorschijnende footer-knoppen meer) + zachte donkere vervaging achter het dock (01-11-2026, screenshot eigenaar). */
/* v8.20 = v8.19 (JS) / v8.18 (CSS) + zijmenu in huisstijl variant A "Pillen" (01-11-2026, keuze eigenaar). */
/* v8.18 = v8.15 + blok "v8.18 menu + lade (preview)" onderaan: dock + lade alleen onder html.icg-m8.icg-m8-ml (cookie icg_ml=1, via ?icg-preview=menulade). Zie V8.18-VERSLAG.md. */
/* v8.15 (KANDIDAAT, NIET LIVE) = v8.13 + blok "v8.15" onderaan (zie V8.15-VERSLAG.md). */
/* v8.13 = v8.12 + onderbalk "middenknop" (PREVIEW: alleen onder html.icg-m8.icg-m8-mk, dus alleen met cookie icg_mk=1; blok "v8.13 middenknop (preview)" onderaan). Zie V8.13-VERSLAG.md. */
/* v8.12 = v8.11 + mini-kaart op de startpagina (blok "v8.12 minikaart" onderaan). Zie V8.12-VERSLAG.md. */
/* v8.11 = v8.10 + inleverpunten-kaart (SVG-kaart, filter, bottom sheet, lijst; blok "v8.11 inleverkaart" onderaan). Zie V8.11-VERSLAG.md. */
/* v8.10 = v8.8 + startpagina zonder pakketknoppen; hele kaart tikbaar (blok "v8.10 startpagina" onderaan). */
/* v8.7 = v8.6 + footer: logo gecentreerd met slogan eronder, daaronder de sociale knoppen (blok "v8.7 footer" onderaan). Zie DEPLOY-V8.7.md. */
/* v8.5 = v8.4 + Remo-chat als iOS-blad. Zie V8.5-VERSLAG.md; het v8.5-blok staat onderaan ("v8.5 Remo"). */
/* v8.4 = v8.3 + uitlegblad (zijmenu-rij "Zo werkt het") + afspeelpil gecentreerd in de videokaart. Zie V8.4-VERSLAG.md; de v8.4-blokken staan onderaan. */
/* v8.3 = v8.2 (zonder globale @view-transition) + uitlegvideo-kaart + compacte footer. Zie V8.3-VERSLAG.md; de v8.3-blokken staan onderaan. */
/* ICG mobile v8 (variant C: de website als app). Alleen telefoon (<= 760px), alles onder html.icg-m8.
   Companion: icg-mobile-v8.js. Naast v7 te gebruiken: dit bestand raakt v7 niet (eigen voorvoegsel icg-m8-, eigen marker).
   Dit bestand is zelfstandig: de v7-regels die nog nodig zijn, staan er opnieuw in (onder html.icg-m8),
   zodat v7 in fase 3 weg kan zonder dat v8 verandert. Zie V8-VERSLAG.md. */

/* marker: het script doet niets zolang deze eigenschap ontbreekt (CSS moet eerst live zijn) */
:root{--icgm8-css:1}

/* ---- door icg-mobile-v8.js gemaakte elementen: standaard verborgen (desktop) ---- */
.icg-m8-menubtn,.icg-m8-acct,.icg-m8-drawer,.icg-m8-bar,.icg-m8-tiles,.icg-m8-seg,.icg-m8-dots,
.icg-m8-filter,.icg-m8-shops,.icg-m8-wizbar,.icg-m8-gamemore,.icg-m8-cardlogo{display:none}

@keyframes icgm8-up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes icgm8-bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes icgm8-nudge{0%,100%{transform:translateX(0)}30%{transform:translateX(4px)}60%{transform:translateX(0)}}
@keyframes icgm8-breathe{0%,100%{box-shadow:0 2px 8px -3px rgba(238,148,65,.4)}50%{box-shadow:0 2px 10px -2px rgba(238,148,65,.8)}}

@media (max-width:760px){
/* ---- 0. basis: kleuren, maten, marges ---- */
html.icg-m8{--icgm8-bg:#0a0a0a;--icgm8-surf:#161616;--icgm8-line:rgba(255,255,255,.08);--icgm8-acc:#EE9441;--icgm8-mut:#b5b5b5;--icgm8-gut:16px;
  --m8-bg:#0a0a0a;--m8-s1:#141414;--m8-s2:#1b1b1b;--m8-s3:#242424;--m8-line:#242424;--m8-line2:#333;--m8-text:#fafafa;--m8-mut:#a3a3a3;
  --m8-acc:#ee9441;--m8-ink:#0a0a0a;--m8-soft:rgba(238,148,65,.14);--m8-acct:#f4a660;--m8-good:#3ed660;--m8-ease:cubic-bezier(.2,.7,.2,1);
  --m8-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 1px 2px rgba(0,0,0,.5),0 16px 36px -20px rgba(0,0,0,.9);
  --m8-pop:0 32px 80px -24px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.09);
  --m8-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  scroll-padding-top:76px}
/* zijmarges 16px (het thema gebruikt deze variabele voor alle has-global-padding-blokken) */
html.icg-m8 body{--wp--style--root--padding-left:16px;--wp--style--root--padding-right:16px}
html.icg-m8.icg-m8-lock,html.icg-m8.icg-m8-lock body{overflow:hidden!important}
html.icg-m8 .icg-m8-menubtn,html.icg-m8 .icg-m8-acct,html.icg-m8 .icg-m8-pill,html.icg-m8 .icg-m8-pill *,html.icg-m8 .icg-m8-act,html.icg-m8 .icg-m8-act *,
html.icg-m8 .icg-m8-drawer *,html.icg-m8 .icg-m8-tiles a,html.icg-m8 .icg-m8-seg,html.icg-m8 .icg-m8-seg *,html.icg-m8 .icg-m8-filter button,html.icg-m8 .icg-m8-shop,html.icg-m8 .icg-m8-shop *,html.icg-m8 .icg-m8-dots,html.icg-m8 .icg-m8-dots *{box-sizing:border-box}
html.icg-m8 body .icg-dropoff-item,html.icg-m8 body .icg-pk3-clean{box-sizing:border-box}
html.icg-m8 .icg-m8-menubtn:focus-visible,html.icg-m8 .icg-m8-acct:focus-visible,html.icg-m8 .icg-m8-drawer a:focus-visible,html.icg-m8 .icg-m8-drawer button:focus-visible,
html.icg-m8 .icg-m8-shop__main:focus-visible,html.icg-m8 .icg-m8-bar a:focus-visible,html.icg-m8 .icg-m8-bar button:focus-visible,html.icg-m8 .icg-m8-tiles a:focus-visible,
html.icg-m8 .icg-m8-seg button:focus-visible,html.icg-m8 .icg-m8-filter button:focus-visible,html.icg-m8 .icg-m8-shop__route:focus-visible,html.icg-m8 a.icg-cart-link:focus-visible{
  outline:2px solid var(--m8-acct);outline-offset:2px}

/* ---- 1. bovenbalk: links ... (menu), midden logo, rechts account + winkelwagen ---- */
html.icg-m8 body .icg-header{position:static!important;padding:0 16px!important;min-height:60px;
  border-bottom:1px solid var(--m8-line)!important;display:flex;align-items:center}
html.icg-m8 body .icg-header .alignwide{display:flex!important;width:100%;max-width:none!important;margin:0!important;flex-wrap:nowrap!important;align-items:center;justify-content:space-between!important}
html.icg-m8 body .icg-header .alignwide.icg-m8-hdr{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);justify-content:normal!important}
html.icg-m8 body .icg-header .icg-m8-hdr>.icg-m8-menubtn{justify-self:start}
html.icg-m8 body .icg-header .icg-m8-hdr>.wp-block-site-logo{justify-self:center}
html.icg-m8 body .icg-header .icg-m8-hdr>:last-child{justify-self:end}
html.icg-m8 body .icg-header .wp-block-site-logo{margin:0;line-height:0}
html.icg-m8 body .icg-header .wp-block-site-logo img.custom-logo{height:44px!important;width:auto!important;max-width:none;display:block}
html.icg-m8 .icg-header nav.wp-block-navigation,
html.icg-m8 .icg-header .wp-block-navigation__responsive-container-open,
html.icg-m8 .icg-header a.icg-help,html.icg-m8 .icg-header .icg-lang-switcher,html.icg-m8 .icg-header .icg-account-link{display:none!important}
html.icg-m8 .icg-header .icg-header-actions{display:flex!important;align-items:center;gap:8px;flex-wrap:nowrap!important;margin:0}
html.icg-m8 .icg-header .icg-header-actions>p{margin:0!important;display:flex;align-items:center;gap:8px}
html.icg-m8 .icg-header .icg-header-actions>p:empty{display:none!important}
html.icg-m8 .icg-m8-menubtn,html.icg-m8 .icg-header .icg-m8-acct,html.icg-m8 .icg-header a.icg-cart-link{position:relative;display:inline-flex!important;align-items:center;justify-content:center;
  width:40px!important;height:40px!important;min-width:0;padding:0!important;margin:0!important;border-radius:50%;border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.08)!important;color:var(--m8-text)!important;cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent;
  -webkit-appearance:none;appearance:none;font:inherit}
html.icg-m8 .icg-m8-menubtn::before,html.icg-m8 .icg-header .icg-m8-acct::before,html.icg-m8 .icg-header a.icg-cart-link::before{content:"";position:absolute;inset:-4px}
html.icg-m8 .icg-m8-menubtn svg,html.icg-m8 .icg-m8-acct svg,html.icg-m8 .icg-header a.icg-cart-link>svg{width:20px;height:20px;display:block;flex:none}
html.icg-m8 .icg-header a.icg-cart-link .icg-cart-count{position:absolute!important;top:-5px!important;right:-5px!important;left:auto!important;bottom:auto!important;min-width:17px;height:17px;padding:0 4px;
  border-radius:9px;background:var(--m8-acc)!important;color:var(--m8-ink)!important;font:700 10.5px/17px system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;text-align:center;box-sizing:border-box;border:0;transform:none}
html.icg-m8 .icg-header a.icg-cart-link .icg-cart-count:not(.is-filled){display:none!important}

/* ---- 2. zijmenu (drawer) ---- */
html.icg-m8 .icg-m8-drawer{display:block;position:fixed;inset:0;z-index:2147483000;visibility:hidden;pointer-events:none;transition:visibility 0s .3s;
  font-family:system-ui,-apple-system,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",sans-serif;color:var(--m8-text)}
html.icg-m8 .icg-m8-drawer.is-open{visibility:visible;pointer-events:auto;transition:none}
html.icg-m8 .icg-m8-scrim{position:absolute;inset:0;background:rgba(0,0,0,.58);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .28s}
html.icg-m8 .icg-m8-drawer.is-show .icg-m8-scrim{opacity:1}
html.icg-m8 .icg-m8-drpanel{position:absolute;left:0;top:0;bottom:0;width:min(84%,320px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;
  background:var(--m8-s1);border:1px solid var(--m8-line2);border-left:0;border-radius:0 24px 24px 0;box-shadow:var(--m8-pop);
  padding:calc(10px + env(safe-area-inset-top)) 16px calc(32px + env(safe-area-inset-bottom));transform:translateX(-102%);transition:transform .28s var(--m8-ease);scrollbar-width:none}
html.icg-m8 .icg-m8-drpanel::-webkit-scrollbar{display:none}
html.icg-m8 .icg-m8-drpanel:focus{outline:none}
html.icg-m8 .icg-m8-drawer.is-show .icg-m8-drpanel{transform:none}
html.icg-m8 .icg-m8-drhead{position:relative;display:flex;align-items:center;justify-content:center;min-height:56px;padding:2px 0 6px}
html.icg-m8 .icg-m8-drbrand{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;color:#fff}
html.icg-m8 .icg-m8-drbrand img{height:34px;width:auto;display:block}
html.icg-m8 .icg-m8-drbrand span{font-size:12px;color:var(--m8-mut);font-weight:550}
html.icg-m8 .icg-m8-drclose{position:absolute;top:2px;right:0;display:grid;place-items:center;width:40px;height:40px;padding:0;margin:0;border-radius:50%;
  border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:var(--m8-text);cursor:pointer;-webkit-appearance:none;appearance:none}
html.icg-m8 .icg-m8-drclose svg{width:20px;height:20px}
html.icg-m8 .icg-m8-group{background:var(--m8-s2);border:1px solid var(--m8-line);border-radius:22px;box-shadow:var(--m8-shadow);overflow:hidden;margin-top:14px}
html.icg-m8 .icg-m8-row{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 16px;margin:0;background:none;border:0;
  color:var(--m8-text);text-align:left;text-decoration:none;font:500 16px/1.3 system-ui,-apple-system,"SF Pro Text","Segoe UI",Roboto,sans-serif;-webkit-tap-highlight-color:transparent}
html.icg-m8 .icg-m8-row+.icg-m8-row::before{content:"";position:absolute;top:0;left:58px;right:0;height:1px;background:var(--m8-line)}
html.icg-m8 a.icg-m8-row:active{background:var(--m8-s3)}
html.icg-m8 .icg-m8-row[aria-current="page"] .icg-m8-rt{color:var(--m8-acct)}
html.icg-m8 .icg-m8-rt{flex:1;min-width:0}
html.icg-m8 .icg-m8-lead{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--m8-soft);color:var(--m8-acct)}
html.icg-m8 .icg-m8-lead.n{background:var(--m8-s3);color:#d4d4d4}
html.icg-m8 .icg-m8-lead.g{background:rgba(62,214,96,.12);color:#6be487}
html.icg-m8 .icg-m8-lead svg{width:18px;height:18px;display:block}
html.icg-m8 .icg-m8-chev{flex:none;display:flex;color:var(--m8-mut);opacity:.6}
html.icg-m8 .icg-m8-chev svg{width:18px;height:18px}
html.icg-m8 .icg-m8-row.is-static{cursor:default;gap:10px}
html.icg-m8 .icg-m8-lang{display:inline-flex;max-width:100%;padding:3px;gap:2px;background:var(--m8-s1);border:1px solid var(--m8-line2);border-radius:999px}
html.icg-m8 .icg-m8-lang a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;min-width:34px;padding:0 8px;border-radius:999px;color:var(--m8-mut);
  font-weight:600;font-size:13px;text-decoration:none;white-space:nowrap}
html.icg-m8 .icg-m8-lang a[aria-current="true"]{background:var(--m8-s3);color:var(--m8-text);box-shadow:inset 0 0 0 1px var(--m8-line2)}
html.icg-m8 .icg-m8-note{margin:20px 0 0;text-align:center;color:var(--m8-mut);font-size:13px}

/* ---- 3. onderbalk: glazen pil + losse Graden-knop ---- */
/* Remo's eigen ronde knop is verborgen waar de balk staat (de Remo-tab opent dezelfde chat) */
html.icg-m8 body.icg-m8-hasbar #icgoa .icgoa-launcher{display:none!important}
/* wizard: Remo boven de vaste Verder-balk zolang de chat dicht is (hoogte van die balk: pas --icgm8-wiznav-h aan) */
html.icg-m8 body.icg-m8-wiznav #icgoa:not(.icgoa-is-open){bottom:calc(var(--icgm8-wiznav-h,96px) + 12px + env(safe-area-inset-bottom,0px))!important}
html.icg-m8 body.icg-m8-hasbar{padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}
html.icg-m8 .icg-m8-bar{display:flex;position:fixed;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:9000;gap:8px;align-items:center;pointer-events:none;
  font-family:system-ui,-apple-system,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",sans-serif}
html.icg-m8 .icg-m8-bar>*{pointer-events:auto}
html.icg-m8 .icg-m8-pill{position:relative;display:flex;flex:none;width:calc(100% - 72px);height:64px;padding:3px;border-radius:999px;background:rgba(28,28,28,.82);
  -webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.12);box-shadow:var(--m8-pop);
  transition:width .32s var(--m8-ease),height .32s var(--m8-ease);overflow:hidden}
html.icg-m8 .icg-m8-pill.is-collapsed{width:172px;height:48px}
html.icg-m8 .icg-m8-exp{display:none;flex:none;align-self:center;place-items:center;width:34px;height:34px;margin:0 4px 0 2px;padding:0;border:0;border-radius:50%;background:var(--m8-acc);color:var(--m8-ink);
  box-shadow:0 4px 12px -4px rgba(238,148,65,.7);cursor:pointer;-webkit-appearance:none;appearance:none}
html.icg-m8 .icg-m8-pill.is-collapsed .icg-m8-exp{display:grid;animation:icgm8-nudge 1.6s cubic-bezier(.2,.7,.2,1) .25s 2}
html.icg-m8 .icg-m8-exp svg{width:18px;height:18px}
html.icg-m8 .icg-m8-ind{position:absolute;top:3px;bottom:3px;left:0;border-radius:999px;background:rgba(238,148,65,.16);
  transition:transform .26s cubic-bezier(.34,1.45,.64,1),width .26s cubic-bezier(.34,1.45,.64,1),opacity .2s;pointer-events:none;opacity:0}
html.icg-m8 .icg-m8-ind.nt{transition:opacity .2s}
html.icg-m8 .icg-m8-tab{position:relative;flex:1 1 auto;min-width:24px;height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0 2px;margin:0;
  border:0;background:none;color:#c7c7c7;font:600 11px/13px system-ui,-apple-system,"SF Pro Text","Segoe UI",Roboto,sans-serif;white-space:nowrap;border-radius:999px;text-decoration:none;
  -webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;cursor:pointer;
  transition:flex .32s var(--m8-ease),opacity .25s,color .2s,height .32s var(--m8-ease)}
html.icg-m8 .icg-m8-tab[hidden]{display:none!important}
html.icg-m8 .icg-m8-tab:focus-visible{outline-offset:-3px}
html.icg-m8 .icg-m8-tab svg{flex:none;width:24px;height:24px;transition:fill-opacity .2s}
html.icg-m8 .icg-m8-tab.is-on{color:var(--m8-acct)}
html.icg-m8 .icg-m8-tab.is-on svg{color:var(--m8-acc);fill:currentColor;fill-opacity:.35}
html.icg-m8 .icg-m8-pill.is-collapsed .icg-m8-tab{height:40px}
html.icg-m8 .icg-m8-pill.is-collapsed .icg-m8-tab:not(.is-on){flex:0 0 0;min-width:0;opacity:0;pointer-events:none;overflow:hidden;padding:0}
html.icg-m8 .icg-m8-pill.is-collapsed .icg-m8-tab.is-on{flex:1 1 auto;flex-direction:row;gap:7px}
html.icg-m8 .icg-m8-ricon{position:relative;display:block;flex:none;width:24px;height:24px}
html.icg-m8 .icg-m8-ricon img{display:block;width:24px;height:24px;border-radius:7px;object-fit:cover;border:1px solid rgba(255,255,255,.14)}
html.icg-m8 .icg-m8-ricon i{position:absolute;top:-2px;right:-3px;width:6px;height:6px;border-radius:50%;background:var(--m8-good);box-shadow:0 0 0 2px rgba(28,28,28,.92)}
html.icg-m8 .icg-m8-act{position:relative;flex:none;margin-left:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:64px;height:64px;padding:0;border-radius:50%;
  background:rgba(28,28,28,.82);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.12);box-shadow:var(--m8-pop);
  color:var(--m8-acct);text-decoration:none;-webkit-tap-highlight-color:transparent}
html.icg-m8 .icg-m8-clab{font:600 11px/13px system-ui,-apple-system,"SF Pro Text","Segoe UI",Roboto,sans-serif;color:var(--m8-acct);white-space:nowrap}
html.icg-m8 .icg-m8-aicon{position:relative;display:block;flex:none;width:24px;height:24px;border-radius:27%;overflow:hidden;background:#e07f2a;box-shadow:0 2px 8px -3px rgba(238,148,65,.55);transition:transform .12s var(--m8-ease)}
html.icg-m8 .icg-m8-aicon img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.04)}
html.icg-m8 .icg-m8-aicon::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);pointer-events:none}
html.icg-m8 .icg-m8-act:active .icg-m8-aicon{transform:scale(.94)}
html.icg-m8 body.home .icg-m8-act .icg-m8-aicon{animation:icgm8-breathe 3.4s ease-in-out infinite}
@media (max-width:400px){html.icg-m8 .icg-m8-tab,html.icg-m8 .icg-m8-clab{font-size:10.5px}html.icg-m8 .icg-m8-tab{padding:0}}
@media (max-width:380px){html.icg-m8 .icg-m8-tab,html.icg-m8 .icg-m8-clab{font-size:10px;letter-spacing:-.01em}}
@media (prefers-reduced-motion:reduce){
  html.icg-m8 .icg-m8-pill.is-collapsed .icg-m8-exp{animation:none}
  html.icg-m8 body.home .icg-m8-act .icg-m8-aicon{animation:none}
  html.icg-m8 .icg-m8-pill,html.icg-m8 .icg-m8-ind,html.icg-m8 .icg-m8-tab,html.icg-m8 .icg-m8-drpanel,html.icg-m8 .icg-m8-scrim{transition:none!important}
}
}

/* ======== overgenomen uit v7 (zelfde regels, nu onder html.icg-m8 en met icg-m8-voorvoegsel) ======== */
/* [v7 ported lines 47-48] */
@media (max-width:760px){
html.icg-m8 body:not(.woocommerce-account) :is(input[type=text],input[type=email],input[type=tel],input[type=number],input[type=password],input[type=search],input[type=url],textarea,select){font-size:16px!important}
}
/* [v7 ported lines 150-160] */
@media (max-width:760px){
/* ---- 5. packages: grader tabs + rails ---- */
html.icg-m8 .icg-m8-seg{display:flex;gap:4px;padding:4px;margin:0;border:1px solid rgba(255,255,255,.14);border-radius:26px;background:var(--icgm8-surf)}
html.icg-m8 .icg-m8-seg button{flex:1;min-height:44px;padding:0 12px;border:0;border-radius:22px;background:transparent;color:#fff;
  font:800 14px/1 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:.04em;cursor:pointer}
html.icg-m8 .icg-m8-seg button[aria-selected="true"]{background:var(--icgm8-acc);color:#0a0a0a}
html.icg-m8 .icg-pkg2-service.icg-m8-off{display:none!important}
/* grader cards: 2-column grid (2x2), compact cards; odd last card (BGS has 3) spans the full row */
html.icg-m8 body .icg-pk3-grid,
html.icg-m8 body .icg-pkg2-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;
  overflow:visible!important;margin:0!important;padding:0!important;width:auto!important;max-width:none!important;box-sizing:border-box}
html.icg-m8 body .icg-pk3-grid>.icg-pk3-card,
html.icg-m8 body .icg-pkg2-grid>.icg-pkg2-card{width:auto!important;max-width:none!important;min-width:0;margin:0!important;box-sizing:border-box}
html.icg-m8 body .icg-pk3-grid>.icg-pk3-card:last-child:nth-child(odd),
html.icg-m8 body .icg-pkg2-grid>.icg-pkg2-card:last-child:nth-child(odd){grid-column:1/-1}
}
/* [v7 ported lines 163-164] */
@media (max-width:760px){
html.icg-m8 body :is(.icg-pk3-card,.icg-pkg2-card)>p:not([class]){display:contents!important}
html.icg-m8 body .icg-pkg2 p:not([class]):empty{display:none!important}
}
/* [v7 ported lines 175-181] */
@media (max-width:760px){
html.icg-m8 body .icg-pkg2-card{padding:12px 10px!important;border-radius:18px!important}
html.icg-m8 body .icg-pkg2-card__badge{width:36px!important;height:36px!important;object-fit:contain}
html.icg-m8 body .icg-pkg2-card__badge--placeholder{display:none!important}
html.icg-m8 body .icg-pkg2-card__name{font-size:14px!important;margin:8px 0 4px!important;line-height:1.2}
html.icg-m8 body .icg-pkg2-card__price{font-size:19px!important}
html.icg-m8 body .icg-pkg2-card__note{font-size:11.5px!important;line-height:1.35!important;margin:6px 0 10px!important}
html.icg-m8 body .icg-pkg2-card__btn{display:flex!important;align-items:center;justify-content:center;min-height:44px;padding:8px 4px!important;font-size:clamp(11px,3.4vw,12.5px)!important;line-height:1.2;text-align:center;margin-top:auto!important;box-sizing:border-box}
}
/* [v7 ported lines 199-205] */
@media (max-width:760px){
html.icg-m8 body .icg-pkg2-service__head{margin:0 0 6px!important;gap:6px!important}
html.icg-m8 body .icg-pkg2{gap:20px!important}
html.icg-m8 body .icg-pkg2>.icg-pkg2-service{margin:0!important;padding-top:0!important}
html.icg-m8 body .icg-pkg2-service__logo{height:48px!important;width:auto;margin:0 auto!important}
html.icg-m8 body .icg-pkg2-service__sub{font-size:13px!important;line-height:1.4!important;margin:0!important}
html.icg-m8 body .icg-pk3-clean__cta{flex-direction:row!important;flex-wrap:nowrap!important}
html.icg-m8 body .icg-home-photos.wp-block-columns{margin-top:20px!important}
}
/* [v7 ported lines 207-248] */
@media (max-width:760px){
/* footer CTA block duplicates the bottom bar: hide it only where the bar exists */
html.icg-m8 body.icg-m8-hasbar .icg-footer-cta{display:none!important}
/* ---- 6. how it works: numbered list ---- */
html.icg-m8 body .icg-home-steps,
html.icg-m8 body .icg-graden-steps .icg-home-steps{display:block!important;gap:0!important;position:static}
html.icg-m8 body .icg-home-steps::before,
html.icg-m8 body .icg-graden-steps .icg-home-steps::before{display:none!important}
html.icg-m8 body .icg-home-steps>div{display:block;width:auto;margin:0}
html.icg-m8 body .icg-home-steps .icg-home-card,
html.icg-m8 body .icg-graden-steps .icg-home-steps .icg-home-card{display:grid!important;grid-template-columns:36px 1fr;column-gap:14px;row-gap:2px;align-items:start;position:static;overflow:visible;
  height:auto!important;background:none!important;border:0!important;border-bottom:1px solid var(--icgm8-line)!important;
  border-radius:0!important;box-shadow:none!important;transform:none!important;padding:12px 0!important}
html.icg-m8 body .icg-home-steps .icg-home-card::after{display:none!important}
html.icg-m8 body .icg-home-steps .icg-home-card:hover,
html.icg-m8 body .icg-graden-steps .icg-home-steps .icg-home-card:hover{transform:none!important;box-shadow:none!important;border-color:var(--icgm8-line)!important}
html.icg-m8 body .icg-home-steps .icg-home-card>p.has-accent-color:first-child,
html.icg-m8 body .icg-graden-steps .icg-home-steps .icg-home-card>p.has-accent-color:first-child{grid-row:1/span 2;display:flex!important;align-items:center;justify-content:center;width:36px;height:36px;margin:0!important;
  border:0!important;border-radius:50%;background:rgba(238,148,65,.14)!important;color:var(--icgm8-acc);font-size:14px!important;font-weight:900!important;line-height:1}
html.icg-m8 body .icg-home-steps .icg-home-card h3,
html.icg-m8 body .icg-graden-steps .icg-home-steps .icg-home-card h3{grid-column:2;font-size:15px!important;font-weight:700!important;line-height:1.3;margin:0!important;align-self:end}
html.icg-m8 body .icg-home-steps .icg-home-card p.has-small-font-size,
html.icg-m8 body .icg-graden-steps .icg-home-steps .icg-home-card p.has-small-font-size{grid-column:2;font-size:13px!important;line-height:1.45;color:var(--icgm8-mut)!important;margin:0!important}
/* ---- 7. drop-off points: compact list + filter ---- */
html.icg-m8 body .icg-home-shopgrid[data-icg-m8-shops]{display:none}
html.icg-m8 .icg-m8-filter{display:flex;gap:8px;margin:0 0 6px}
html.icg-m8 .icg-m8-filter button{min-height:44px;min-width:64px;padding:0 18px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:transparent;
  color:#fff;font:800 13px/1 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:.04em;cursor:pointer}
html.icg-m8 .icg-m8-filter button[aria-pressed="true"]{background:var(--icgm8-acc);border-color:var(--icgm8-acc);color:#0a0a0a}
html.icg-m8 .icg-m8-shops{display:block;list-style:none;margin:0;padding:0;min-width:0;max-width:100%}
html.icg-m8 .icg-m8-filter{min-width:0;max-width:100%;flex-wrap:wrap}
html.icg-m8 .icg-m8-shop{margin:0!important;display:flex;align-items:center;gap:12px;min-height:60px;padding:8px 0;border-bottom:1px solid var(--icgm8-line)}
html.icg-m8 .icg-m8-shop[hidden]{display:none}
html.icg-m8 .icg-m8-shop__main{flex:1;min-width:0;overflow:hidden;display:flex;flex-direction:column;gap:2px;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left}
html.icg-m8 button.icg-m8-shop__main{cursor:pointer;min-height:44px;justify-content:center}
html.icg-m8 .icg-m8-shop__hours{display:block;min-width:0;max-width:100%;font-size:11.5px;color:#8f8f8f;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.icg-m8 .icg-m8-shop__name{font-size:14px;font-weight:800;line-height:1.25;color:#fff}
html.icg-m8 .icg-m8-shop__meta{font-size:12px;color:var(--icgm8-mut);line-height:1.25}
html.icg-m8 .icg-m8-shop__route{flex:none;display:inline-flex;align-items:center;justify-content:flex-end;min-width:64px;min-height:44px;color:var(--icgm8-acc);
  font-size:13px;font-weight:800;letter-spacing:.04em;text-decoration:none}
/* drop-off page: own compact list replaces the plugin list (plugin rows stay in the DOM, hidden, and are clicked for map actions) */
html.icg-m8 .icg-dropoff-map-wrap[data-icg-m8-shops] #icg-dropoff-list{display:none!important}
html.icg-m8 .icg-dropoff-map-wrap[data-icg-m8-shops] .icg-dropoff-map{height:240px!important;min-height:0!important}
}
/* [v7 ported lines 251-256] */
@media (max-width:760px){
html.icg-m8 body.home main,
html.icg-m8 body.home .icg-footer{text-align:center}
html.icg-m8 body.home main :is(h1,h2,h3,h4,p,li,small,b){text-align:center}
html.icg-m8 body.home :is(.wp-block-buttons,.wp-block-social-links){justify-content:center!important}
html.icg-m8 body.home .icg-home-hero-text{text-align:center}
html.icg-m8 body.home .icg-home-checks{display:grid!important;justify-content:center;justify-items:start;gap:6px!important;margin-left:auto!important;margin-right:auto!important;width:max-content;max-width:100%}
html.icg-m8 body.home .icg-home-checks p{text-align:left}
}
/* [v7 ported lines 258-259] */
@media (max-width:760px){
html.icg-m8 body.home .icg-home-head{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center;gap:10px}
html.icg-m8 body.home .icg-home-head>*{text-align:center;margin-left:auto!important;margin-right:auto!important}
}
/* [v7 ported lines 268-277] */
@media (max-width:760px){
html.icg-m8 body.home .icg-m8-filter{justify-content:center}
html.icg-m8 body.home .icg-m8-shop{flex-direction:column;justify-content:center;gap:0;padding:12px 0;text-align:center}
html.icg-m8 body.home .icg-m8-shop__main{align-items:center;text-align:center;flex:none;width:100%}
html.icg-m8 body.home .icg-m8-shop__route{justify-content:center}
html.icg-m8 body.home .icg-m8-shop__hours{white-space:normal;text-align:center}
html.icg-m8 body.home .icg-video{margin-left:auto;margin-right:auto}
html.icg-m8 body.home .icg-footer .wp-block-columns{justify-content:center}
html.icg-m8 body.home .icg-footer :is(.wp-block-column,h2,h3,h4,p,li,a){text-align:center}
html.icg-m8 body.home .icg-footer .wp-block-site-logo{display:flex;justify-content:center}
html.icg-m8 body.home .icg-footer>div.wp-block-group:last-of-type{flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center}
}
/* [v7 ported lines 280-493] */
/* ---- 9. footer op alle pagina's (telefoon): gecentreerd en rustig ---- */
@media (max-width:760px){
html.icg-m8 .icg-footer{padding:40px 20px 28px!important;text-align:center}
html.icg-m8 .icg-footer>.wp-block-columns{display:grid!important;grid-template-columns:1fr 1fr;gap:28px 16px!important;justify-items:center;text-align:center;margin:0 auto!important;max-width:420px}
html.icg-m8 .icg-footer>.wp-block-columns>.wp-block-column{flex-basis:auto!important;width:100%;margin:0!important;text-align:center}
html.icg-m8 .icg-footer>.wp-block-columns>.wp-block-column:first-child,
html.icg-m8 .icg-footer>.wp-block-columns>.wp-block-column:last-child{grid-column:1/-1}
html.icg-m8 .icg-footer>.wp-block-columns>.wp-block-column:first-child{display:flex;flex-direction:column;align-items:center;gap:16px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.08)}
html.icg-m8 .icg-footer .wp-block-site-logo{display:flex;justify-content:center;margin:0!important}
html.icg-m8 .icg-footer .wp-block-site-logo img{width:112px!important;height:auto!important}
html.icg-m8 .icg-footer .wp-block-social-links{justify-content:center!important;gap:14px!important;margin:0!important}
html.icg-m8 .icg-footer .wp-block-social-links .wp-block-social-link-anchor{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);border-radius:22px}
html.icg-m8 .icg-footer h4.wp-block-heading{font-size:12px!important;font-weight:800!important;letter-spacing:.16em;text-transform:uppercase;color:#EE9441!important;margin:0 0 10px!important;text-align:center}
html.icg-m8 .icg-footer ul.wp-block-list{padding:0!important;margin:0!important;list-style:none;text-align:center}
html.icg-m8 .icg-footer ul.wp-block-list li{margin:0!important}
html.icg-m8 .icg-footer ul.wp-block-list a{display:inline-block;padding:7px 0;font-size:15px;line-height:1.3;color:rgba(255,255,255,.78);text-decoration:none}
html.icg-m8 .icg-footer>.wp-block-columns>.wp-block-column:last-child{padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}
html.icg-m8 .icg-footer>.wp-block-columns>.wp-block-column:last-child p{font-size:15px!important;line-height:1.9!important;margin:0!important;text-align:center}
html.icg-m8 .icg-footer>.wp-block-columns>.wp-block-column:last-child a{color:#fff;text-decoration:none}
html.icg-m8 .icg-footer>div.wp-block-group:last-of-type{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;text-align:center;margin-top:28px!important;padding-top:20px!important;border-top:1px solid rgba(255,255,255,.08)}
html.icg-m8 .icg-footer>div.wp-block-group:last-of-type p{font-size:12.5px!important;line-height:1.6!important;margin:0!important;max-width:320px;text-wrap:balance;color:rgba(255,255,255,.55)!important}
}
/* ---- 10. contactpagina (telefoon): kaarten gecentreerd en compacter ---- */
@media (max-width:760px){
html.icg-m8 .icg-contact .icg-contact-head{margin-bottom:24px!important}
html.icg-m8 .icg-contact .wp-block-columns{gap:16px!important}
html.icg-m8 .icg-contact .wp-block-column{padding:24px 20px!important}
html.icg-m8 .icg-contact .wp-block-column:first-child{text-align:center}
html.icg-m8 .icg-contact .wp-block-column:first-child>h2.wp-block-heading,
html.icg-m8 .icg-contact .wp-block-column:last-child>h2.wp-block-heading{text-align:center;font-size:1.45rem!important;margin-bottom:.8em!important}
html.icg-m8 .icg-contact .wp-block-column:first-child>.wp-block-group{margin-top:0!important;gap:14px!important}
html.icg-m8 .icg-contact .wp-block-column:first-child p{text-align:center;margin:0 0 18px!important;line-height:1.55!important}
html.icg-m8 .icg-contact .wp-block-column:first-child p:last-child{margin-bottom:0!important}
html.icg-m8 .icg-contact .wpcf7 :is(input:not([type=submit]):not([type=checkbox]):not([type=radio]),textarea,select){width:100%!important;max-width:100%!important;box-sizing:border-box!important}
html.icg-m8 .icg-contact .wpcf7 .wpcf7-form-control-wrap{display:block;max-width:100%}
html.icg-m8 .icg-contact .wp-block-column:first-child .wp-block-social-links{justify-content:center!important;gap:14px!important;margin-top:18px!important}
html.icg-m8 .icg-contact .wp-block-column:first-child .wp-block-social-link-anchor{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);border-radius:22px}
}
/* ---- 11. footer-CTA (alleen waar geen vaste balk is): gecentreerd, knoppen even breed ---- */
@media (max-width:760px){
html.icg-m8 .icg-footer .icg-footer-cta{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:18px!important}
html.icg-m8 .icg-footer .icg-footer-cta h2{text-align:center!important;font-size:clamp(1.5rem,7vw,1.9rem)!important;line-height:1.15!important;margin:0!important}
html.icg-m8 .icg-footer .icg-footer-cta .wp-block-buttons{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;width:100%;margin:0!important}
html.icg-m8 .icg-footer .icg-footer-cta .wp-block-button{width:100%;max-width:320px;margin:0!important}
html.icg-m8 .icg-footer .icg-footer-cta .wp-block-button__link{display:flex!important;align-items:center;justify-content:center;width:100%;min-height:52px;box-sizing:border-box;text-align:center}
}
/* ---- 12. inzendwizard (/nl/inzending/, /en/submit/), telefoon: voortgangsbalk, spellen, vaste navigatiebalk, tiers, PSA-melding ---- */
@media (max-width:760px){
/* 1. compact progress bar instead of the four explainer cards + "Stap X van 4" */
html.icg-m8 body.icg-m8-wizard .icg-wiz-help,
html.icg-m8 body.icg-m8-wizard .icg-wiz__progress{display:none!important}
html.icg-m8 .icg-m8-wizbar{display:flex;list-style:none;margin:18px 0 22px;padding:0}
html.icg-m8 .icg-m8-wizbar li{flex:1 1 0;min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
html.icg-m8 .icg-m8-wizbar li+li::before{content:"";position:absolute;top:13px;right:50%;width:100%;height:2px;background:rgba(255,255,255,.12)}
html.icg-m8 .icg-m8-wizbar li.is-active::before,
html.icg-m8 .icg-m8-wizbar li.is-done::before{background:var(--icgm8-acc)}
html.icg-m8 .icg-m8-wizbar__dot{position:relative;z-index:1;box-sizing:border-box;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:var(--icgm8-surf);border:2px solid rgba(255,255,255,.18);color:var(--icgm8-mut);font:800 12px/1 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
html.icg-m8 .icg-m8-wizbar li.is-active .icg-m8-wizbar__dot{background:var(--icgm8-acc);border-color:var(--icgm8-acc);color:#0a0a0a}
html.icg-m8 .icg-m8-wizbar li.is-done .icg-m8-wizbar__dot{background:rgba(238,148,65,.14);border-color:var(--icgm8-acc);color:var(--icgm8-acc)}
html.icg-m8 .icg-m8-wizbar__lbl{font-size:11px;line-height:1.2;font-weight:700;color:var(--icgm8-mut);overflow-wrap:anywhere;padding:0 2px}
html.icg-m8 .icg-m8-wizbar li.is-active .icg-m8-wizbar__lbl{color:#fff;font-weight:800}
/* 2. step 2: search + language above the games, popular games first, the rest behind a toggle */
html.icg-m8 body.icg-m8-wizard .icg-wiz__card-add{display:flex!important;flex-direction:column}
html.icg-m8 body.icg-m8-wizard .icg-wiz__card-add>*{order:6}
html.icg-m8 body.icg-m8-wizard .icg-wiz__card-add>.icg-wiz__subhead{order:1}
html.icg-m8 body.icg-m8-wizard .icg-wiz__card-add>.icg-wiz__helper{order:2}
html.icg-m8 body.icg-m8-wizard .icg-wiz__card-add>.icg-wiz__search{order:3;margin:10px 0 4px}
html.icg-m8 body.icg-m8-wizard .icg-wiz__card-add>.icg-wiz__language-switcher{order:4}
html.icg-m8 body.icg-m8-wizard .icg-wiz__card-add>.icg-wiz__game-switcher{order:5}
html.icg-m8 body.icg-m8-wizard .icg-wiz__search input[type=search]{min-height:48px;box-sizing:border-box;width:100%}
html.icg-m8 body.icg-m8-wizard .icg-wiz__language-switcher{display:flex!important;flex-wrap:wrap!important;align-items:center;gap:8px!important;margin:10px 0 14px!important}
html.icg-m8 body.icg-m8-wizard .icg-wiz__lang-chip{min-height:44px!important;padding-top:0!important;padding-bottom:0!important;white-space:normal}
html.icg-m8 body.icg-m8-wizard .icg-wiz__game-switcher{display:flex!important;flex-direction:column!important;align-items:stretch}
html.icg-m8 body.icg-m8-wizard .icg-wiz__game-tile[data-icg-m8-pop="1"]{order:1}
html.icg-m8 body.icg-m8-wizard .icg-wiz__game-tile[data-icg-m8-pop="2"]{order:2}
html.icg-m8 body.icg-m8-wizard .icg-wiz__game-tile[data-icg-m8-pop="3"]{order:3}
html.icg-m8 body.icg-m8-wizard .icg-wiz__game-tile[data-icg-m8-pop="4"]{order:4}
html.icg-m8 body.icg-m8-wizard .icg-wiz__game-tile[data-icg-m8-pop="5"]{order:5}
html.icg-m8 body.icg-m8-wizard .icg-wiz__game-tile[data-icg-m8-pop="6"]{order:6}
html.icg-m8 body.icg-m8-wizard .icg-wiz__game-tile.icg-m8-game-more{order:20}
html.icg-m8 body.icg-m8-wizard .icg-wiz__game-switcher:not(.icg-m8-more-open) .icg-wiz__game-tile.icg-m8-game-more:not(.is-selected){display:none!important}
html.icg-m8 .icg-m8-gamemore{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:44px;margin-top:10px;padding:0 18px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:transparent;color:#fff;
  font:800 13px/1 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:.04em;cursor:pointer}
html.icg-m8 .icg-m8-gamemore:focus-visible{outline:2px solid var(--icgm8-acc);outline-offset:2px}
/* 3. step 3: "this card / back / next" pinned to the bottom of the screen */
html.icg-m8 body.icg-m8-wiznav .icg-wiz__step.is-active .icg-wiz__nav--total{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;z-index:9000;margin:0!important;box-sizing:border-box;
  padding:10px 16px calc(10px + env(safe-area-inset-bottom))!important;background:#0a0a0a;border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -14px 24px rgba(10,10,10,.85)}
html.icg-m8 body.icg-m8-wiznav .icg-wiz__nav--total .btn{min-height:48px}
html.icg-m8 body.icg-m8-wiznav{padding-bottom:calc(104px + env(safe-area-inset-bottom))!important}
/* 4. step 3: grader as one row of 3 compact tiles, type + tiers as a 2-column grid */
html.icg-m8 body.icg-m8-wizard .icg-wiz__service-switcher{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important}
html.icg-m8 body.icg-m8-wizard .icg-wiz__service-card{width:auto!important;min-width:0!important;min-height:88px;box-sizing:border-box;padding:10px 4px!important;display:flex!important;flex-direction:column!important;align-items:center;justify-content:center;gap:6px;border-radius:16px!important}
html.icg-m8 body.icg-m8-wizard .icg-wiz__service-card-logo img{height:28px!important;width:auto!important;max-width:88%;object-fit:contain}
html.icg-m8 body.icg-m8-wizard .icg-wiz__service-card-name{font-size:12px!important;line-height:1.2!important;font-weight:800;text-align:center;overflow-wrap:anywhere}
html.icg-m8 body.icg-m8-wizard .icg-wiz__service-card-note{display:block!important;box-sizing:border-box;max-width:100%;margin:-4px 0 0!important;padding:0!important;font-size:10px!important;line-height:1.15!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;text-align:center;color:rgba(238,148,65,.92)!important;text-wrap:balance;overflow-wrap:anywhere}
/* the PSA tile carries a second line (the surcharge note): tighter logo box + padding keep the row only a few px taller than before; grid stretch keeps all three tiles equal */
html.icg-m8 body.icg-m8-wizard .icg-wiz__service-card-logo{height:28px!important;min-height:0!important;margin:0!important}
html.icg-m8 body.icg-m8-wizard .icg-wiz__service-card:has(.icg-wiz__service-card-note){padding-top:8px!important;padding-bottom:8px!important}
html.icg-m8 body.icg-m8-wizard .icg-wiz__config-tiers{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
html.icg-m8 body.icg-m8-wizard .icg-wiz__tier-row{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:84px;box-sizing:border-box;padding:12px 8px!important;text-align:center;border-radius:16px!important}
html.icg-m8 body.icg-m8-wizard .icg-wiz__tier-row>input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
html.icg-m8 body.icg-m8-wizard .icg-wiz__tier-row-name{font-size:14px!important;font-weight:800;line-height:1.2!important;text-align:center;overflow-wrap:anywhere}
html.icg-m8 body.icg-m8-wizard .icg-wiz__tier-row-price{font-size:16px!important;font-weight:800;text-align:center}
html.icg-m8 body.icg-m8-wizard .icg-wiz__tier-row-price:empty{display:none}
html.icg-m8 body.icg-m8-wizard .icg-wiz__tier-row-lead{font-size:11.5px!important;line-height:1.25!important;color:var(--icgm8-mut);text-align:center}
html.icg-m8 body.icg-m8-wizard .icg-wiz__tier-row:last-child:nth-child(odd){grid-column:1/-1}
html.icg-m8 body.icg-m8-wizard .icg-wiz__tier-row:has(input:checked){border-color:var(--icgm8-acc)!important;background:rgba(238,148,65,.12)!important}
html.icg-m8 body.icg-m8-wizard .icg-wiz__tier-row:has(input:focus-visible){outline:2px solid var(--icgm8-acc);outline-offset:2px}
/* 5. PSA surcharge notice in house style */
html.icg-m8 body.icg-m8-wizard .icg-wiz .icg-psa-notice{position:relative;box-sizing:border-box;background:#161616!important;color:rgba(255,255,255,.86)!important;border:1px solid rgba(238,148,65,.45)!important;border-radius:16px!important;
  padding:14px 16px 14px 52px!important;margin-top:12px;font-size:13.5px;line-height:1.5}
html.icg-m8 body.icg-m8-wizard .icg-wiz .icg-psa-notice::before{content:"";position:absolute;left:16px;top:14px;width:24px;height:24px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EE9441' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 11v5M12 8h.01'/%3E%3C/svg%3E") center/contain no-repeat}
html.icg-m8 body.icg-m8-wizard .icg-wiz .icg-psa-notice__title{display:block;color:var(--icgm8-acc)!important;font-size:14px;font-weight:800;line-height:1.3;margin:0 0 4px}
html.icg-m8 body.icg-m8-wizard .icg-wiz .icg-psa-notice__body{margin:0!important;color:rgba(255,255,255,.82)!important;font-size:13.5px;line-height:1.5}
/* step 3: let the config card use the full width (thumbnail floats beside the title) so the 2-column tiles get room */
html.icg-m8 body.icg-m8-wizard .icg-wiz__config-card--draft{display:block!important}
html.icg-m8 body.icg-m8-wizard .icg-wiz__config-card--draft>img{float:left;width:56px!important;height:auto!important;margin:0 12px 8px 0!important}
html.icg-m8 body.icg-m8-wizard .icg-wiz__config-card--draft .icg-wiz__config-body{display:block!important;min-width:0}
html.icg-m8 body.icg-m8-wizard .icg-wiz__config-card--draft .icg-wiz__config-value-block{clear:both}
html.icg-m8 body.icg-m8-wizard .icg-wiz__tier-row-name{white-space:normal!important;letter-spacing:.02em!important;font-size:13px!important;max-width:100%}
html.icg-m8 body.icg-m8-wizard .icg-wiz__lang-chip{padding-right:26px!important}
/* footer CTA duplicates the flow on the wizard pages */
html.icg-m8 body.icg-m8-wizard .icg-footer .icg-footer-cta{display:none!important}
}
/* ---- 12b. wizard stap 1: aanlevermethodes niet meer ingesprongen (onzichtbare radio nam 18px ruimte in) ---- */
@media (max-width:760px){
html.icg-m8 .icg-co-method{position:relative}
html.icg-m8 .icg-co-method>input{position:absolute!important;left:0;top:0;width:1px!important;height:1px!important;margin:0!important;opacity:0!important;pointer-events:none}
html.icg-m8 .icg-co-method>.icg-co-method__box{flex:1 1 auto;width:100%;min-width:0}
}
/* ---- 13. overige pagina's (telefoon) ---- */
@media (max-width:760px){
/* 1. juridische pagina's: lange URL's mogen afbreken (geen overflow op 320px) */
html.icg-m8 .icg-legal{overflow-wrap:anywhere}
/* 2. juridische tabellen: elke rij een kaartje (geen min-width, geen afgesneden kolom).
   Kolomkoppen staan niet als data-label in de HTML; daarom per kolomaantal vaste labels (NL/EN) via ::before.
   Eerste cel = titel van het kaartje, kopregel van de tabel wordt verborgen. */
html.icg-m8 .icg-legal figure.wp-block-table{overflow:visible;border:0;border-radius:0;margin:16px 0!important}
html.icg-m8 .icg-legal figure.wp-block-table table{display:block;width:100%!important;min-width:0!important;table-layout:auto;border:0;background:none}
html.icg-m8 .icg-legal figure.wp-block-table thead,
html.icg-m8 .icg-legal figure.wp-block-table table:not(:has(thead)) tbody>tr:first-child{display:none}
html.icg-m8 .icg-legal figure.wp-block-table tbody{display:block}
html.icg-m8 .icg-legal figure.wp-block-table tr{display:block;margin:0 0 10px;padding:14px 16px;background:#161616;
  border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow-wrap:break-word;word-break:normal;hyphens:manual}
html.icg-m8 .icg-legal figure.wp-block-table td{display:block;width:auto!important;margin:0;padding:0!important;border-width:0!important;
  font-size:14px;line-height:1.5;color:#cfcfcf;overflow-wrap:break-word;word-break:normal;hyphens:manual}
html.icg-m8 .icg-legal figure.wp-block-table td:first-child{margin:0;padding:0 0 10px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;
  font-size:15px;font-weight:800;line-height:1.35;color:#fff}
html.icg-m8 .icg-legal figure.wp-block-table td+td{margin-top:10px}
html.icg-m8 .icg-legal figure.wp-block-table td+td::before{display:block;margin:0 0 2px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#EE9441}
html.icg-m8 .icg-legal figure.wp-block-table td:nth-child(2)::before{content:var(--l2)}
html.icg-m8 .icg-legal figure.wp-block-table td:nth-child(3)::before{content:var(--l3)}
html.icg-m8 .icg-legal figure.wp-block-table td:nth-child(4)::before{content:var(--l4)}
html.icg-m8 .icg-legal figure.wp-block-table tr:has(>td:nth-child(4)){--l2:"Data";--l3:"Legal basis";--l4:"Retention period"}
html.icg-m8 .icg-legal figure.wp-block-table tr:has(>td:nth-child(3)):not(:has(>td:nth-child(4))){--l2:"Purpose";--l3:"What we share"}
html.icg-m8 .icg-legal figure.wp-block-table tr:not(:has(>td:nth-child(3))){--l2:"Period"}
html.icg-m8:lang(nl) .icg-legal figure.wp-block-table tr:has(>td:nth-child(4)){--l2:"Gegevens";--l3:"Grondslag";--l4:"Bewaartermijn"}
html.icg-m8:lang(nl) .icg-legal figure.wp-block-table tr:has(>td:nth-child(3)):not(:has(>td:nth-child(4))){--l2:"Waarvoor";--l3:"Wat wij delen"}
html.icg-m8:lang(nl) .icg-legal figure.wp-block-table tr:not(:has(>td:nth-child(3))){--l2:"Termijn"}
/* 3. inleverpunten: openingstijden mogen wrappen; kaartplaceholder donker i.p.v. Google-grijs */
html.icg-m8 .icg-m8-shop__hours{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.35;margin-top:1px;overflow-wrap:anywhere;text-wrap:pretty}
html.icg-m8 .icg-m8-shop__main{overflow:visible}
html.icg-m8 .icg-dropoff-map{background:#141414}
html.icg-m8 #icg-dropoff-map>div:first-child{background-color:#141414!important}
/* 4. tikdoelen >= 44px (layout blijft gelijk: padding/hit-area wordt met negatieve marge of pseudo-element terugbetaald) */
html.icg-m8 .icg-swatches{gap:16px}
html.icg-m8 .icg-swatch{position:relative}
html.icg-m8 .icg-swatch::after{content:"";position:absolute;inset:-10px}
html.icg-m8 .woocommerce a.remove,
html.icg-m8 table.cart a.remove{display:block;width:44px!important;height:44px!important;line-height:44px!important;margin:-9px 0 -9px -9px!important;text-align:center}
html.icg-m8 .icg-legal-toc p{margin:0;padding:0}
html.icg-m8 .icg-legal-toc p>a{display:block;padding:11.5px 0}
html.icg-m8 .icg-dash-who a{display:inline-block;padding:14px 8px;margin:-14px -8px}
html.icg-m8 .icg-card-size a{display:inline-flex;align-items:center;min-height:44px;margin:-12px -8px;padding:0 8px}
html.icg-m8 .entry-content :is(p,li)>a:is([href^="mailto:"],[href^="tel:"],[href*="wa.me"]){display:inline-block;padding:12px 8px;margin:-12px -8px}
html.icg-m8 .entry-content :is(p,li)>a:not([href^="mailto:"],[href^="tel:"],[href*="wa.me"]){padding-block:12px}
html.icg-m8 .woocommerce-breadcrumb a{display:inline-block;padding:14px 4px;margin:-14px -4px}
/* 5. showcase: stats 2x2, compacte sticky filterbalk (alleen chips blijven plakken) */
html.icg-m8 .icgx-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}
html.icg-m8 .icgx-stat{min-width:0;width:auto;padding:12px 8px;text-align:center}
html.icg-m8 .icgx-stat span{letter-spacing:.1em;line-height:1.35}
html.icg-m8 .icgx-bar{display:contents}
html.icg-m8 .icgx-chips{position:sticky;top:var(--icgx-sticky,0px);z-index:20;flex:none;margin:0 0 8px;padding:8px;
  background:rgba(255,255,255,.94);border:1px solid var(--x-line,rgba(0,0,0,.1));border-radius:16px;
  box-shadow:0 8px 24px -16px rgba(0,0,0,.25);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
html.icg-m8 .icgx-tools{margin:0 0 12px}
html.icg-m8 .icgx-count{margin:0 0 12px;line-height:1.4;overflow:visible}
/* 6. kopjes consistent (gecentreerd, zoals de rest van de telefoonlaag) */
html.icg-m8 .icg-book__kicker,
html.icg-m8 .icg-book__title,
html.icg-m8 .icg-book__lead{text-align:center;margin-left:auto;margin-right:auto}
html.icg-m8 .icg-track-form{max-width:420px;margin:8px auto 0;padding:16px;box-sizing:border-box;background:#111;
  border:1px solid rgba(255,255,255,.1);border-radius:16px}
html.icg-m8 .icg-track-btn{display:block;width:100%;min-height:48px}
/* 7. FAQ: geen lege ruimte onder het zoekveld; vraag met hangende inspringing naast de pijl */
html.icg-m8 section.icg-faq{margin-top:0!important;padding-top:16px!important}
html.icg-m8 .icg-faq summary{position:relative;display:block;list-style:none;padding:0 0 0 24px;line-height:1.4;cursor:pointer}
html.icg-m8 .icg-faq summary::-webkit-details-marker{display:none}
html.icg-m8 .icg-faq summary::marker{content:""}
html.icg-m8 .icg-faq summary::before{content:"";position:absolute;left:3px;top:.5em;width:0;height:0;
  border-left:8px solid #EE9441;border-top:5px solid transparent;border-bottom:5px solid transparent;transition:transform .15s}
html.icg-m8 .icg-faq details[open]>summary::before{transform:rotate(90deg)}
}

@media (max-width:760px){
/* ======== v8: onderdelen die v7 anders deed (staan NA de overgenomen v7-regels, zelfde of hogere specificiteit) ======== */

/* ---- 4. home: foto vrij, slogan onderin de foto, label + intro + vinkjes, geen knoppen (die staan in de balk) ---- */
html.icg-m8 body .icg-home-hero,html.icg-m8 body.home main .wp-block-cover.icg-home-hero:first-of-type{display:block!important;position:relative;min-height:0!important;aspect-ratio:auto!important;
  padding:0 16px 8px!important;overflow:hidden;text-align:center;background:var(--m8-bg)}
html.icg-m8 body .icg-home-hero>p:empty{display:none!important}
html.icg-m8 body .icg-home-hero>.wp-block-cover__image-background{position:absolute!important;top:0!important;left:0!important;right:auto!important;bottom:auto!important;
  width:100%!important;height:420px!important;object-fit:cover!important;object-position:70% 30%!important}
html.icg-m8 body .icg-home-hero>.wp-block-cover__background{position:absolute!important;top:0!important;left:0!important;right:auto!important;bottom:auto!important;width:100%!important;height:420px!important;
  opacity:1!important;background:linear-gradient(180deg,rgba(10,10,10,0) 0%,rgba(10,10,10,0) 55%,rgba(10,10,10,.55) 80%,#0a0a0a 100%)!important}
html.icg-m8 body .icg-home-hero .wp-block-cover__inner-container{position:relative;z-index:2;padding:0!important;width:100%!important;max-width:none!important;margin:0!important}
html.icg-m8 body .icg-home-hero-text{display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:420px auto auto auto;max-width:none!important;margin:0!important;padding:0!important;text-align:center}
html.icg-m8 body .icg-home-hero-text>*{margin:0!important;max-width:none}
html.icg-m8 body .icg-home-hero h1{grid-row:1;align-self:end;margin:0!important;padding:0 0 4px;font-size:clamp(36px,11vw,50px)!important;font-weight:800!important;letter-spacing:-.04em;
  line-height:.98!important;text-wrap:balance;text-align:center;overflow-wrap:normal;text-shadow:0 2px 18px rgba(0,0,0,.55);animation:icgm8-up 520ms var(--m8-ease) both}
html.icg-m8 body .icg-home-hero h1 mark{text-shadow:0 0 24px rgba(238,148,65,.45),0 2px 18px rgba(0,0,0,.55)}
html.icg-m8 body .icg-home-hero h1::after{content:"";display:block;width:56px;height:4px;border-radius:4px;background:var(--m8-acc);margin:12px auto 0;transform-origin:center;animation:icgm8-bar 520ms var(--m8-ease) 320ms both}
html.icg-m8 body .icg-home-hero-text>.icg-eyebrow{display:block;grid-row:2;margin:4px 0 10px!important;color:var(--m8-acct)!important;font-size:10.5px!important;font-weight:650!important;letter-spacing:.13em!important;text-transform:uppercase;line-height:1.4;text-align:center}
html.icg-m8 body .icg-home-hero-text>.icg-eyebrow:empty{display:none}
html.icg-m8 body .icg-home-hero-text>.icg-eyebrow[data-icg-m8-label]::before{content:attr(data-icg-m8-label)}
html.icg-m8 body .icg-home-hero-text>p.has-large-font-size{grid-row:3;font-size:14.5px!important;line-height:1.42!important;color:#e0e0e0!important;max-width:34em;margin:0 auto 14px!important;text-align:center}
html.icg-m8 body .icg-home-hero-text>.wp-block-buttons{display:none!important}
html.icg-m8 body .icg-home-hero-text>.icg-home-checks{grid-row:4}
html.icg-m8 body .icg-home-checks{display:grid!important;gap:7px!important;width:fit-content!important;max-width:100%;margin:0 auto 16px!important;justify-items:start;justify-content:center;flex-wrap:nowrap}
html.icg-m8 body .icg-home-checks p{position:relative;display:flex;align-items:center;gap:10px;margin:0!important;padding:0!important;font-size:14.5px!important;font-weight:550;line-height:1.3;text-align:left;color:var(--m8-text)!important}
html.icg-m8 body .icg-home-checks p:empty{display:none!important}
html.icg-m8 body .icg-home-checks p::before{content:"";flex:none;position:static;left:auto;top:auto;transform:none;border:0;width:22px;height:22px;border-radius:50%;
  background:var(--m8-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4a660' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/14px no-repeat}
html.icg-m8 body .icg-home-section{padding-top:44px!important;scroll-margin-top:72px}
html.icg-m8 body .icg-home-section h2{font-size:28px!important;line-height:1.12!important;font-weight:700!important;letter-spacing:-.022em;text-wrap:balance}

/* tegels (Pakketten / Werkwijze / Inleveren) */
html.icg-m8 .icg-m8-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 16px 0}
html.icg-m8 .icg-m8-tiles a{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:14px 12px;text-align:center;text-decoration:none;color:var(--m8-text);
  background:var(--m8-s1);border:1px solid var(--m8-line);border-radius:22px;box-shadow:var(--m8-shadow);-webkit-tap-highlight-color:transparent}
html.icg-m8 .icg-m8-tiles a:active{transform:scale(.97)}
html.icg-m8 .icg-m8-tiles svg{width:24px;height:24px;color:var(--m8-acct)}
html.icg-m8 .icg-m8-tiles b{display:block;font-size:14px;font-weight:650;line-height:1.2}
html.icg-m8 .icg-m8-tiles small{display:block;font-size:12px;color:var(--m8-mut);line-height:1.3}

/* procesanimaties (icg-home-media): veegrij met stippen, eerste kaart gecentreerd */
html.icg-m8 body .icg-home-photos.wp-block-columns{display:flex!important;flex-wrap:nowrap!important;gap:12px!important;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;margin:20px calc(-1 * var(--icgm8-gut))!important;padding:0 24px 4px!important;width:auto!important;max-width:none!important;scroll-padding:0 24px}
html.icg-m8 body .icg-home-photos.wp-block-columns::-webkit-scrollbar{display:none}
html.icg-m8 body .icg-home-photos.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex:0 0 100%!important;width:100%!important;min-width:0;scroll-snap-align:center;box-sizing:border-box;
  background:var(--m8-bg);border:1px solid var(--m8-line);border-radius:22px;box-shadow:var(--m8-shadow);padding:14px 14px 18px;text-align:center}
html.icg-m8 body .icg-home-photos .icg-home-photo{position:relative;display:flex;flex-direction:column;align-items:center;margin:0}
html.icg-m8 body .icg-home-photos .icg-home-photo figure{margin:0;width:100%}
html.icg-m8 body .icg-home-photos .icg-home-photo video.icg-home-video{display:block;width:100%;max-width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:22px;background:var(--m8-bg);margin:0 0 14px}
html.icg-m8 body .icg-home-photos .icg-home-photo .icg-home-badge{position:static!important;transform:none!important;inset:auto!important;display:inline-block;margin:0!important;padding:4px 10px!important;
  font-size:10.5px!important;font-weight:650!important;letter-spacing:.13em!important;text-transform:uppercase;line-height:1.4!important;color:var(--m8-mut)!important;background:none!important;
  border:1px solid var(--m8-line2)!important;border-radius:999px!important}
html.icg-m8 body .icg-home-photos>.wp-block-column>h3{font-size:18px!important;font-weight:650!important;margin:10px 0 4px!important;line-height:1.25}
html.icg-m8 body .icg-home-photos>.wp-block-column>p:not(.icg-home-badge){color:var(--m8-mut)!important;font-size:14px!important;line-height:1.45;margin:0!important}
html.icg-m8 .icg-m8-dots{display:flex;justify-content:center;gap:7px;margin:-6px 0 8px}
html.icg-m8 .icg-m8-dots i{width:7px;height:7px;border-radius:50%;background:var(--m8-line2);transition:background .2s,transform .2s}
html.icg-m8 .icg-m8-dots i.on{background:var(--m8-acc);transform:scale(1.15)}

/* "Zo werkt het": kaart met genummerde stappen (links uitgelijnd, zoals het voorbeeld) */
html.icg-m8 body .icg-home-steps,html.icg-m8 body .icg-graden-steps .icg-home-steps{background:var(--m8-s1)!important;border:1px solid var(--m8-line)!important;border-radius:22px!important;box-shadow:var(--m8-shadow);padding:4px 16px!important;margin-top:16px}
html.icg-m8 body .icg-home-steps>.wp-block-column:last-child .icg-home-card{border-bottom:0!important}
html.icg-m8 body .icg-home-steps .icg-home-card>p.has-accent-color:first-child{width:32px;height:32px;font:650 13px var(--m8-mono)!important;background:var(--m8-soft)!important;color:var(--m8-acct)!important}
html.icg-m8 body .icg-home-steps .icg-home-card h3{font-size:15.5px!important;font-weight:650!important}
html.icg-m8 body .icg-home-steps .icg-home-card :is(h3,p){text-align:left!important}
html.icg-m8 body.home .icg-home-steps .icg-home-card{display:grid!important;text-align:left}

/* ---- 5. pakketten (home + pakketten-pagina): witte logo's, niveaukleuren, gecentreerde kaarten in een kolom ---- */
html.icg-m8 .icg-m8-seg{display:flex;width:fit-content;max-width:100%;margin:0 auto 14px;padding:4px;gap:2px;background:var(--m8-s1);border:1px solid var(--m8-line2);border-radius:999px}
html.icg-m8 .icg-m8-seg button{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:76px;min-height:44px;padding:0 14px;border:0;border-radius:999px;background:none;color:var(--m8-mut);
  font:600 14px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:0;cursor:pointer;white-space:nowrap}
html.icg-m8 .icg-m8-seg button[aria-selected="true"]{background:var(--m8-s3);color:var(--m8-text);box-shadow:inset 0 0 0 1px var(--m8-line2)}
html.icg-m8 .icg-m8-seg img{display:block;width:auto;max-width:none;height:18px}
html.icg-m8 .icg-m8-seg img.is-bgs{height:22px}
/* logo's wit: filter (brightness(0) invert(1)) maakt elke kleur wit */
html.icg-m8 .icg-m8-lg,html.icg-m8 body .icg-pkg2-service__logo,html.icg-m8 body .icg-m8-cardlogo{filter:brightness(0) invert(1)}
html.icg-m8 body .icg-pkg2-service__logo[src*="repair"]{filter:none}
html.icg-m8 body .icg-pkg2-service__logo{height:40px!important;width:auto;margin:0 auto 4px!important;display:block}
html.icg-m8 body .icg-pkg2-service__head{display:flex;flex-direction:column;align-items:center;text-align:center;margin:0 0 12px!important;gap:6px!important}
html.icg-m8 body .icg-pkg2-service__sub{font-size:13px!important;line-height:1.4!important;margin:0!important;color:var(--m8-mut);text-align:center}
html.icg-m8 body .icg-pkg2-service__warn{display:block}
html.icg-m8 body .icg-pkg2{gap:24px!important}
html.icg-m8 body .icg-pk3-grid{display:flex!important;flex-direction:column;gap:12px!important;grid-template-columns:none!important;margin:0!important;padding:0!important}
html.icg-m8 body .icg-pk3-grid>.icg-pk3-card{width:100%!important;max-width:none!important;grid-column:auto!important;margin:0!important}
html.icg-m8 body .icg-pk3-card{position:relative;overflow:hidden;display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:0;padding:18px 16px 16px!important;
  background:var(--m8-s1)!important;border:1px solid var(--m8-line)!important;border-radius:22px!important;box-shadow:var(--m8-shadow);transform:none!important;height:auto!important;min-height:0!important}
html.icg-m8 body .icg-pk3-card.is-featured{border-color:rgba(238,148,65,.55)!important}
html.icg-m8 body .icg-pk3-card .icg-pk3-icon{display:none!important;width:44px!important;height:auto!important;margin:0 auto 6px!important}
html.icg-m8 body .icg-pk3-card>p:empty{display:none!important}
html.icg-m8 body .icg-pk3-card .icg-pk3-tag{position:static!important;order:-3;margin:0 0 10px!important;padding:3px 10px!important;font-size:10.5px!important;line-height:1.3;letter-spacing:.08em}
html.icg-m8 body .icg-pk3-card .icg-pk3-tag--ghost{display:none!important}
html.icg-m8 body .icg-pk3-card .icg-m8-cardlogo{display:block;order:-2;height:16px;width:auto;margin:0 auto 6px}
html.icg-m8 body .icg-pk3-card .icg-pk3-name{order:-1;margin:0 0 2px!important;font-size:21px!important;font-weight:700!important;letter-spacing:-.01em;line-height:1.2;color:var(--m8-text)!important}
html.icg-m8 body .icg-pk3-card .icg-pk3-name[data-icg-m8-brand]::before{content:attr(data-icg-m8-brand) "\00a0"}
html.icg-m8 .icg-m8-tier{font-weight:700}
html.icg-m8 .icg-m8-tier--silver{--tc:#d7dbe0;--tg:linear-gradient(180deg,#f2f4f7,#aeb4bc)}
html.icg-m8 .icg-m8-tier--gold{--tc:#e8c15a;--tg:linear-gradient(180deg,#f7dc8a,#c9962e)}
html.icg-m8 .icg-m8-tier--platinum{--tc:#c9d6e3;--tg:linear-gradient(180deg,#eef3f8,#9fb0c2)}
html.icg-m8 .icg-m8-tier--diamond{--tc:#9fe3ff;--tg:linear-gradient(135deg,#d9f6ff,#6ccbf0 55%,#d9f6ff)}
html.icg-m8 .icg-m8-tier--bronze,html.icg-m8 .icg-m8-tier--cleaning{--tc:var(--m8-acct)}
html.icg-m8 .icg-m8-tier{color:var(--tc,inherit)}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  html.icg-m8 .icg-m8-tier--silver,html.icg-m8 .icg-m8-tier--gold,html.icg-m8 .icg-m8-tier--platinum,html.icg-m8 .icg-m8-tier--diamond{background-image:var(--tg);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
}
html.icg-m8 body .icg-pk3-card .icg-pk3-tagline{margin:0 0 10px!important;font-size:14px!important;line-height:1.35!important;color:var(--m8-mut)!important}
html.icg-m8 body .icg-pk3-card .icg-pk3-lead{margin:0 0 6px!important;max-width:100%}
html.icg-m8 body .icg-pk3-card .icg-pk3-pill{font-size:12px!important;padding:3px 10px!important;white-space:normal;text-align:center}
html.icg-m8 body .icg-pk3-card .icg-pk3-insured{margin:0 0 6px!important;font-size:12px!important;line-height:1.3!important;color:var(--m8-mut)}
html.icg-m8 body .icg-pk3-card .icg-pk3-insured:empty{display:none!important}
html.icg-m8 body .icg-pk3-card .icg-pk3-price,html.icg-m8 body .icg-pk3-clean .icg-pk3-price{margin:10px 0 0!important;padding:0;font-family:var(--m8-mono);font-variant-numeric:tabular-nums;font-size:22px!important;font-weight:700;line-height:1.1;color:var(--m8-text)!important}
html.icg-m8 body .icg-pk3-card .icg-pk3-price *{color:inherit!important}
html.icg-m8 body .icg-pk3-card .icg-pk3-btn{display:flex!important;align-items:center;justify-content:center;width:100%;min-height:48px;margin:14px 0 0!important;padding:0 18px!important;border-radius:999px!important;
  background:var(--m8-s2)!important;color:var(--m8-text)!important;border:1px solid var(--m8-line2)!important;font-size:15px!important;font-weight:650;line-height:1.2;text-align:center;text-decoration:none;box-sizing:border-box}
html.icg-m8 body .icg-pk3-card .icg-pk3-btn--filled,html.icg-m8 body .icg-pk3-clean .icg-pk3-btn--filled{background:var(--m8-acc)!important;color:var(--m8-ink)!important;border-color:transparent!important}
/* herstel-kaarten (Inner Circle Repair): twee kolommen, gecentreerd */
html.icg-m8 body .icg-pkg2-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--m8-s1)!important;border:1px solid var(--m8-line)!important;box-shadow:var(--m8-shadow)}
html.icg-m8 body .icg-pkg2-card__price{color:var(--m8-text)!important;font-family:var(--m8-mono)}
html.icg-m8 body .icg-pkg2-card__name{color:var(--m8-text)!important}
html.icg-m8 body .icg-pkg2-card__note{color:var(--m8-mut)!important}
/* cleaning-banner: kaart, titel oranje */
html.icg-m8 body .icg-pk3-clean{display:flex!important;flex-direction:column;align-items:center;justify-items:center;gap:8px;text-align:center;position:relative;padding:18px 16px 16px!important;margin:0!important;
  background:var(--m8-s1)!important;border:1px solid var(--m8-line)!important;border-radius:22px!important;box-shadow:var(--m8-shadow);min-height:0;grid-template-columns:none!important}
html.icg-m8 body .icg-pk3-clean__icon{display:none!important;width:36px;height:36px;align-items:center;justify-content:center}
html.icg-m8 body .icg-pk3-clean__text{text-align:center}
html.icg-m8 body .icg-pk3-clean__title{font-size:19px!important;font-weight:700!important;line-height:1.25!important;margin:0 0 6px!important;color:var(--m8-acct)!important;text-align:center}
html.icg-m8 body .icg-pk3-clean__body{display:block!important;color:var(--m8-mut);font-size:14px!important;line-height:1.45;margin:0!important;text-align:center}
html.icg-m8 body .icg-pk3-clean__cta{display:flex!important;flex-direction:column!important;align-items:center;gap:4px;width:100%;margin:0!important;padding:0!important}
html.icg-m8 body .icg-pk3-clean__cta::after{display:none!important}
html.icg-m8 body .icg-pk3-clean__cta .icg-pk3-price{display:flex;flex-direction:row!important;align-items:baseline!important;justify-content:center;gap:6px;margin:0!important;font-size:22px!important}
html.icg-m8 body .icg-pk3-clean__cta .icg-pk3-price__unit{font:500 12px system-ui,-apple-system,sans-serif;color:var(--m8-mut)}
html.icg-m8 body .icg-pk3-clean .icg-pk3-btn{position:static;display:flex!important;align-items:center;justify-content:center;width:100%;height:auto;min-height:48px!important;margin:10px 0 0!important;padding:0 18px!important;border-radius:999px!important;
  background:var(--m8-s2)!important;color:var(--m8-text)!important;border:1px solid var(--m8-line2)!important;font-size:15px!important;line-height:1.2;font-weight:650;text-decoration:none;overflow:visible}
html.icg-m8 body .icg-pk3-clean .icg-pk3-btn::after{display:none}
html.icg-m8 body .icg-pk3-clean .icg-pk3-btn.icg-pk3-btn--filled{background:var(--m8-acc)!important;color:var(--m8-ink)!important;border-color:transparent!important}

/* ---- 8. kopjes en marges op de overige pagina's ---- */
html.icg-m8 body:not(.home):not(.woocommerce-cart):not(.woocommerce-account):not(.woocommerce-checkout) main :is(h1,h2,h3,h4,.icg-eyebrow):not(.icg-sr-only):not(.icg-wiz *):not(.icg-faq *):not(.icg-home-card *){text-align:center}
html.icg-m8 body.home main .icg-home-photos>.wp-block-column :is(h3,p){text-align:center}
html.icg-m8 body main p.has-large-font-size{font-size:17px!important;line-height:1.5!important}

/* ---- 9. inzendwizard: graderkeuze en aanlevermethodes (alleen vormgeving; de configurator bepaalt de keuzes) ---- */
html.icg-m8 body.icg-m8-wizard .icg-wiz__service-card-logo img{filter:brightness(0) invert(1)}
html.icg-m8 body.icg-m8-wizard .icg-wiz__service-card[data-key="psa"] .icg-wiz__service-card-name{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
html.icg-m8 body.icg-m8-wizard .icg-wiz__service-card[data-key="bgs"] .icg-wiz__service-card-name{font-size:11px!important;font-weight:600!important;color:var(--m8-mut)!important;line-height:1.1!important}
html.icg-m8 body.icg-m8-wizard .icg-co-methods{display:flex!important;flex-direction:column;gap:10px!important}
html.icg-m8 body.icg-m8-wizard .icg-co-method{display:block!important;margin:0!important}
html.icg-m8 body.icg-m8-wizard .icg-co-method>.icg-co-method__box{position:relative;display:flex!important;flex-direction:column;justify-content:center;gap:2px;min-height:64px;padding:12px 52px 12px 62px!important;text-align:left;
  background:var(--m8-s2)!important;border:1.5px solid var(--m8-line2)!important;border-radius:16px!important;transition:border-color .2s,background .2s;box-sizing:border-box}
html.icg-m8 body.icg-m8-wizard .icg-co-method__title{font-size:16px!important;font-weight:650!important;line-height:1.25;color:var(--m8-text)!important}
html.icg-m8 body.icg-m8-wizard .icg-co-method__sub{font-size:13px!important;line-height:1.3;color:var(--m8-mut)!important}
/* icoon links (cirkel + pictogram), vinkje rechts */
html.icg-m8 body.icg-m8-wizard .icg-co-method__box::before{content:"";position:absolute;left:14px;top:50%;width:36px;height:36px;margin-top:-18px;border-radius:50%;border:0;transform:none;background-color:var(--m8-soft);
  background-repeat:no-repeat;background-position:center;background-size:18px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4a660' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8.5' r='3.6'/%3E%3Cpath d='M5 20c.6-3.6 3.6-5.6 7-5.6s6.4 2 7 5.6'/%3E%3C/svg%3E")}
html.icg-m8 body.icg-m8-wizard .icg-co-method>input[value="dropoff"]~.icg-co-method__box::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4a660' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s6.5-5.6 6.5-11a6.5 6.5 0 0 0-13 0c0 5.4 6.5 11 6.5 11z'/%3E%3Ccircle cx='12' cy='10' r='2.4'/%3E%3C/svg%3E")}
html.icg-m8 body.icg-m8-wizard .icg-co-method>input[value="self"]~.icg-co-method__box::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4a660' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 7.8 12 3.5l8.5 4.3v8.4L12 20.5l-8.5-4.3z'/%3E%3Cpath d='M3.8 8 12 12.2 20.2 8M12 12.2v8'/%3E%3C/svg%3E")}
html.icg-m8 body.icg-m8-wizard .icg-co-method__box::after{content:"";position:absolute;right:14px;top:50%;width:24px;height:24px;margin-top:-12px;left:auto;transform:none;border-radius:50%;border:2px solid var(--m8-line2);box-sizing:border-box;
  background-repeat:no-repeat;background-position:center;background-size:14px;transition:background-color .2s,border-color .2s}
html.icg-m8 body.icg-m8-wizard .icg-co-method:has(input:checked)>.icg-co-method__box{border-color:var(--m8-acc)!important;background:var(--m8-soft)!important}
html.icg-m8 body.icg-m8-wizard .icg-co-method:has(input:checked)>.icg-co-method__box::after{left:auto;transform:none;width:24px;height:24px;border-width:2px;background-color:var(--m8-acc);border-color:var(--m8-acc);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a0a0a' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
html.icg-m8 body.icg-m8-wizard .icg-co-method:has(input:focus-visible)>.icg-co-method__box{outline:2px solid var(--m8-acct);outline-offset:2px}

/* ---- 10. footer-CTA (blok "Klaar om...") verdwijnt alleen waar de balk staat ---- */
html.icg-m8 body.icg-m8-hasbar .icg-footer-cta{display:none!important}
}


/* ======== v8.2: vloeiender tikken ======== */
/* paginawissel: cross-document view transitions. Alleen telefoonbreedte. Zonder html.icg-m8 (v7) staan alle animaties uit = gewone navigatie. */
@media (max-width:760px){
/* v8.3: de @view-transition-regel zelf staat niet meer in de CSS: de JS voegt hem alleen toe als v8 actief is (style#icg-m8-vt) */
::view-transition-group(root),::view-transition-old(root),::view-transition-new(root){animation:none}
html.icg-m8 .icg-m8-bar{view-transition-name:icg-bar}
html.icg-m8 .icg-header{view-transition-name:icg-head}
html.icg-m8::view-transition-new(root){animation:icgm8-vt-in .2s ease-out both}
::view-transition-group(icg-bar),::view-transition-group(icg-head){animation:none}
::view-transition-old(icg-bar),::view-transition-new(icg-bar),::view-transition-old(icg-head),::view-transition-new(icg-head){animation:none;mix-blend-mode:normal}
::view-transition-old(icg-bar):only-child{animation:icgm8-bar-out .22s ease-in both}
::view-transition-new(icg-bar):only-child{animation:icgm8-bar-in .28s cubic-bezier(.2,.7,.2,1) both}
::view-transition-old(icg-head):only-child,::view-transition-new(icg-head):only-child{animation:none}
}
@keyframes icgm8-vt-in{from{opacity:0}to{opacity:1}}
@keyframes icgm8-bar-out{to{opacity:0;transform:translateY(110%)}}
@keyframes icgm8-bar-in{from{opacity:0;transform:translateY(110%)}to{opacity:1;transform:none}}

@media (max-width:760px){
/* 1. geen tikvertraging, geen grijze tik-flits */
html.icg-m8 :is(a,button,[role=button],summary,label,select,input[type=checkbox],input[type=radio]){touch-action:manipulation;-webkit-tap-highlight-color:transparent}
html.icg-m8 .icg-m8-bar,html.icg-m8 .icg-m8-drawer{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
/* 9. geen smooth scroll op de pagina zelf (scripts die willen, vragen er expliciet om) */
html.icg-m8{scroll-behavior:auto!important}
/* 2. pressed-state: :active (iOS: via touchstart-listener) + klasse .icg-m8-pr van pointerdown */
html.icg-m8 .icg-m8-tab,html.icg-m8 .icg-m8-act,html.icg-m8 .icg-m8-exp,html.icg-m8 .icg-m8-menubtn,html.icg-m8 .icg-header .icg-m8-acct,html.icg-m8 .icg-header a.icg-cart-link,html.icg-m8 .icg-m8-drclose{
  transition:transform .18s var(--m8-ease),background-color .18s,opacity .25s,color .2s,flex .32s var(--m8-ease),height .32s var(--m8-ease)}
html.icg-m8 .icg-m8-tab:active,html.icg-m8 .icg-m8-tab.icg-m8-pr,html.icg-m8 .icg-m8-act:active,html.icg-m8 .icg-m8-act.icg-m8-pr,html.icg-m8 .icg-m8-exp.icg-m8-pr,
html.icg-m8 .icg-m8-menubtn:active,html.icg-m8 .icg-m8-menubtn.icg-m8-pr,html.icg-m8 .icg-header .icg-m8-acct:active,html.icg-m8 .icg-header .icg-m8-acct.icg-m8-pr,
html.icg-m8 .icg-header a.icg-cart-link:active,html.icg-m8 .icg-header a.icg-cart-link.icg-m8-pr,html.icg-m8 .icg-m8-drclose:active,html.icg-m8 .icg-m8-drclose.icg-m8-pr{
  transform:scale(.94);transition-duration:.09s,.09s,.25s,.2s,.32s,.32s}
html.icg-m8 .icg-m8-tab:active,html.icg-m8 .icg-m8-tab.icg-m8-pr{background:rgba(255,255,255,.1)}
html.icg-m8 .icg-m8-act:active,html.icg-m8 .icg-m8-act.icg-m8-pr{background:rgba(48,48,48,.9);opacity:.92}
html.icg-m8 .icg-m8-menubtn:active,html.icg-m8 .icg-m8-menubtn.icg-m8-pr,html.icg-m8 .icg-header .icg-m8-acct:active,html.icg-m8 .icg-header .icg-m8-acct.icg-m8-pr,
html.icg-m8 .icg-header a.icg-cart-link:active,html.icg-m8 .icg-header a.icg-cart-link.icg-m8-pr,html.icg-m8 .icg-m8-drclose:active,html.icg-m8 .icg-m8-drclose.icg-m8-pr{background:rgba(255,255,255,.16)!important}
html.icg-m8 .icg-m8-act:active .icg-m8-aicon{transform:none}
html.icg-m8 .icg-m8-row{transition:background-color .2s}
html.icg-m8 a.icg-m8-row:active,html.icg-m8 .icg-m8-row.icg-m8-pr{background:var(--m8-s3);transition-duration:0s}
html.icg-m8 .icg-m8-tiles a{transition:transform .18s var(--m8-ease)}
html.icg-m8 .icg-m8-tiles a.icg-m8-pr{transform:scale(.97);transition-duration:.09s}
html.icg-m8 .icg-m8-lang a.icg-m8-pr,html.icg-m8 .icg-m8-seg button.icg-m8-pr,html.icg-m8 .icg-m8-filter button.icg-m8-pr{opacity:.7}
/* 3. hover alleen met echte muis */
@media (hover:hover) and (pointer:fine){
  html.icg-m8 .icg-m8-tab:not(.is-on):hover{color:#fff}
  html.icg-m8 a.icg-m8-row:hover{background:var(--m8-s3)}
}
/* 4. tik op de balk: inhoud dimt meteen, balk schuift weg als de bestemming geen balk heeft (wizard) */
html.icg-m8 .wp-site-blocks>main,html.icg-m8 .wp-site-blocks>.wp-block-group:not(.icg-header){transition:opacity .14s ease-out}
html.icg-m8.icg-m8-leaving .wp-site-blocks>main,html.icg-m8.icg-m8-leaving .wp-site-blocks>.wp-block-group:not(.icg-header){opacity:.55}
html.icg-m8 .icg-m8-bar{transition:transform .22s ease-in,opacity .22s ease-in}
html.icg-m8 .icg-m8-bar.is-out{transform:translateY(130%);opacity:0;pointer-events:none}
/* 6. balk: will-change alleen tijdens de animatie, geen verspringen */
html.icg-m8 .icg-m8-ind.is-anim{will-change:transform,width}
html.icg-m8 .icg-m8-pill.is-anim{will-change:width,height}
/* 7. lichter glas: blur 16 zonder saturate; scrim zonder blur */
html.icg-m8 .icg-m8-pill,html.icg-m8 .icg-m8-act{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:rgba(28,28,28,.9)}
html.icg-m8 .icg-m8-scrim{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(0,0,0,.66)}
/* 8. zijmenu: transform/opacity, will-change tijdens animatie, scroll lock zonder sprong (body fixed, top via JS) */
html.icg-m8.icg-m8-lock body{position:fixed!important;left:0;right:0;width:100%}
html.icg-m8 .icg-m8-drawer.is-anim .icg-m8-drpanel{will-change:transform}
html.icg-m8 .icg-m8-drawer.is-anim .icg-m8-scrim{will-change:opacity}
}
@media (prefers-reduced-motion:reduce){
  html.icg-m8 .icg-m8-tab.icg-m8-pr,html.icg-m8 .icg-m8-tab:active,html.icg-m8 .icg-m8-act.icg-m8-pr,html.icg-m8 .icg-m8-act:active,html.icg-m8 .icg-m8-exp.icg-m8-pr,
  html.icg-m8 .icg-m8-menubtn.icg-m8-pr,html.icg-m8 .icg-header .icg-m8-acct.icg-m8-pr,html.icg-m8 .icg-header a.icg-cart-link.icg-m8-pr,html.icg-m8 .icg-m8-drclose.icg-m8-pr,html.icg-m8 .icg-m8-tiles a.icg-m8-pr{transform:none!important}
  html.icg-m8 .icg-m8-tab,html.icg-m8 .icg-m8-act,html.icg-m8 .icg-m8-bar,html.icg-m8 .icg-m8-row,html.icg-m8 .icg-m8-tiles a,html.icg-m8 .wp-site-blocks>main{transition:none!important}
  html.icg-m8.icg-m8-leaving .wp-site-blocks>main,html.icg-m8.icg-m8-leaving .wp-site-blocks>.wp-block-group:not(.icg-header){opacity:1}
  html.icg-m8 .icg-m8-bar.is-out{transform:none;opacity:0}
}

/* ICG mobile v8: uitlegvideo-kaart in #werkwijze. Companion: icg-mobile-v8-video.js. Alles onder html.icg-m8 body.home, alleen <= 760px. */
.icg-m8-wvideo{display:none}
@media (max-width:760px){
html.icg-m8 body.home .icg-m8-wvideo{display:block;position:relative;box-sizing:border-box;width:100%;max-width:100%;aspect-ratio:4/5;margin:16px auto;padding:0;
  border:1px solid #242424;border-radius:22px;background:#0a0a0a;overflow:hidden;isolation:isolate;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 16px 36px -20px rgba(0,0,0,.9)}
html.icg-m8 body.home .icg-m8-wvideo__v{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#0a0a0a;border-radius:0!important;margin:0!important}
html.icg-m8 body.home .icg-m8-wvideo__tap{position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer;
  -webkit-tap-highlight-color:transparent;appearance:none;-webkit-appearance:none}
html.icg-m8 body.home .icg-m8-wvideo__tap:focus-visible{outline:2px solid #ee9441;outline-offset:-4px}
html.icg-m8 body.home .icg-m8-wvideo__pill{position:absolute;z-index:3;left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  box-sizing:border-box;width:96px;height:96px;padding:0;border-radius:50%;background:rgba(10,10,10,.78);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border:1px solid rgba(238,148,65,.55);color:#fafafa;font:700 13px/1 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:.01em;
  pointer-events:none;transition:opacity .2s ease,transform .2s ease}
html.icg-m8 body.home .icg-m8-wvideo__pill svg{color:#ee9441;flex:none;width:30px;height:30px}
html.icg-m8 body.home .icg-m8-wvideo.is-playing .icg-m8-wvideo__pill{opacity:0;transform:translate(-50%,-50%) scale(.9)}
html.icg-m8 body.home .icg-m8-wvideo.is-error{border-color:#333}
@media (prefers-reduced-motion:reduce){html.icg-m8 body.home .icg-m8-wvideo__pill{transition:none}}
}

/* v8.3: kaart verborgen tot de poster geladen is, en nooit zichtbaar bij ontbrekende/404-video */
.icg-m8-wvideo.is-pending,.icg-m8-wvideo.is-gone{display:none!important}
html.icg-m8 body.home .icg-m8-wvideo.is-pending,html.icg-m8 body.home .icg-m8-wvideo.is-gone{display:none!important}

/* ======== v8.3: compacte footer (telefoon, alleen onder html.icg-m8). Structuur: .icg-footer > [.icg-footer-cta, .wp-block-columns(logo+social | Service | Info | Contact), div.wp-block-group(copyright + adres/KBO/btw)] ======== */
@media (max-width:760px){
html.icg-m8 .icg-footer{padding:16px 16px 12px!important;text-align:center}
/* CTA-blok (alleen zichtbaar waar geen onderbalk is): compact */
html.icg-m8 .icg-footer .icg-footer-cta{gap:10px!important;padding:0 0 12px!important;margin:0!important}
html.icg-m8 .icg-footer .icg-footer-cta h2{font-size:1.15rem!important}
html.icg-m8 .icg-footer .icg-footer-cta .wp-block-buttons{flex-direction:row!important;flex-wrap:wrap;gap:8px!important}
html.icg-m8 .icg-footer .icg-footer-cta .wp-block-button{width:auto;flex:1 1 140px;max-width:none}
html.icg-m8 .icg-footer .icg-footer-cta .wp-block-button__link{min-height:44px;font-size:14px!important;padding:0 14px!important}
/* kolommen -> één compacte flex-flow: [logo + sociale iconen] [linkpillen] [contact] */
html.icg-m8 .icg-footer>.wp-block-columns{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px!important;margin:0 auto!important;max-width:none;width:100%;grid-template-columns:none}
html.icg-m8 .icg-footer>.wp-block-columns>.wp-block-column{display:contents!important;border:0!important;padding:0!important;margin:0!important}
html.icg-m8 .icg-footer>.wp-block-columns>.wp-block-column:first-child,
html.icg-m8 .icg-footer>.wp-block-columns>.wp-block-column:last-child{grid-column:auto}
/* rij 1: logo links, sociale iconen rechts */
html.icg-m8 .icg-footer>.wp-block-columns>.wp-block-column:first-child{display:flex!important;flex:0 0 100%;order:-2;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:0 0 10px!important;margin:0 0 4px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
html.icg-m8 .icg-footer .wp-block-site-logo{margin:0!important;justify-content:flex-start}
html.icg-m8 .icg-footer .wp-block-site-logo img{width:56px!important;height:auto!important}
html.icg-m8 .icg-footer .wp-block-social-links{margin:0!important;gap:8px!important;justify-content:flex-end!important;flex-wrap:nowrap}
html.icg-m8 .icg-footer .wp-block-social-links .wp-block-social-link-anchor{min-width:40px;min-height:40px;width:40px;height:40px;padding:0;border-radius:20px}
html.icg-m8 .icg-footer .wp-block-social-links .wp-block-social-link-anchor svg{width:20px;height:20px}
/* tussenkoppen (Service / Info / Contact) blijven voor schermlezers, zijn visueel weg */
html.icg-m8 .icg-footer>.wp-block-columns>.wp-block-column h4.wp-block-heading{position:absolute!important;width:1px;height:1px;margin:-1px!important;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* linklijsten: display:contents zodat alle li's in één stroom van pillen staan */
html.icg-m8 .icg-footer ul.wp-block-list{display:contents!important}
html.icg-m8 .icg-footer ul.wp-block-list li{display:block;margin:0!important;padding:0!important}
html.icg-m8 .icg-footer ul.wp-block-list a{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border:1px solid rgba(255,255,255,.12);border-radius:16px;font-size:13px;line-height:1.2;color:rgba(255,255,255,.82);background:rgba(255,255,255,.03);white-space:nowrap}
html.icg-m8 .icg-footer>.wp-block-columns>.wp-block-column:nth-child(2) ul.wp-block-list li{order:1}
html.icg-m8 .icg-footer>.wp-block-columns>.wp-block-column:nth-child(3) ul.wp-block-list li{order:2}
/* contact: e-mail, telefoon en tijden op één (zo nodig twee) regels */
html.icg-m8 .icg-footer>.wp-block-columns>.wp-block-column:last-child{display:block!important;flex:0 0 100%;order:3;margin:6px 0 0!important}
html.icg-m8 .icg-footer>.wp-block-columns>.wp-block-column:last-child p{font-size:12.5px!important;line-height:1.5!important;margin:0!important;color:rgba(255,255,255,.7)!important}
html.icg-m8 .icg-footer>.wp-block-columns>.wp-block-column:last-child p{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:4px}
html.icg-m8 .icg-footer>.wp-block-columns>.wp-block-column:last-child p br{display:none}
html.icg-m8 .icg-footer>.wp-block-columns>.wp-block-column:last-child p a{display:inline-flex;align-items:center;min-height:36px;padding:0 6px;color:#fff}
/* links die al in de onderbalk/Graden-knop zitten (door de JS gemarkeerd, op href) vallen weg waar de balk staat; juridische links nooit */
html.icg-m8 body.icg-m8-hasbar .icg-footer li.icg-m8-fdup{display:none!important}
/* Trustpilot-badge (door plugin ingevoegd) blijft, maar met minder marge */
html.icg-m8 .icg-footer #trustpilot-widget-trustbox-0-wrapper{margin:4px auto 0!important}
/* onderregel: copyright + adres/ondernemingsnr./btw (blijven volledig zichtbaar), klein */
html.icg-m8 .icg-footer>div.wp-block-group:last-of-type{gap:2px!important;margin-top:8px!important;padding-top:10px!important}
html.icg-m8 .icg-footer>div.wp-block-group:last-of-type p{font-size:11px!important;line-height:1.45!important;max-width:none;text-wrap:balance}
}


/* v8.4: uitlegblad "Zo werkt het" (geopend vanuit het zijmenu); alles onder html.icg-m8, alleen <= 760px */
.icg-m8-sheet{display:none}
@media (max-width:760px){
html.icg-m8 button.icg-m8-row{cursor:pointer;-webkit-appearance:none;appearance:none;text-align:left}
html.icg-m8 button.icg-m8-row:active{background:var(--m8-s3);transition-duration:0s}
html.icg-m8 .icg-m8-sheet{display:block;position:fixed;inset:0;z-index:2147483001;visibility:hidden;pointer-events:none;transition:visibility 0s .34s;
  font-family:system-ui,-apple-system,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",sans-serif;color:var(--m8-text)}
html.icg-m8 .icg-m8-sheet.is-open{visibility:visible;pointer-events:auto;transition:none}
html.icg-m8 .icg-m8-sheet *{box-sizing:border-box}
html.icg-m8 .icg-m8-sscrim{position:absolute;inset:0;background:rgba(0,0,0,.66);opacity:0;transition:opacity .28s}
html.icg-m8 .icg-m8-sheet.is-show .icg-m8-sscrim{opacity:1}
html.icg-m8 .icg-m8-spanel{position:absolute;left:0;right:0;bottom:0;max-height:calc(100% - env(safe-area-inset-top) - 8px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;
  background:var(--m8-s1);border:1px solid var(--m8-line2);border-bottom:0;border-radius:24px 24px 0 0;box-shadow:var(--m8-pop);
  padding:12px 16px calc(18px + env(safe-area-inset-bottom));transform:translateY(102%);transition:transform .3s var(--m8-ease)}
html.icg-m8 .icg-m8-spanel::-webkit-scrollbar{display:none}
html.icg-m8 .icg-m8-spanel:focus{outline:none}
html.icg-m8 .icg-m8-sheet.is-show .icg-m8-spanel{transform:none}
html.icg-m8 .icg-m8-sheet.is-anim .icg-m8-spanel{will-change:transform}
html.icg-m8 .icg-m8-sheet.is-anim .icg-m8-sscrim{will-change:opacity}
html.icg-m8 .icg-m8-sclose{position:absolute;top:10px;right:12px;z-index:5;display:grid;place-items:center;width:44px;height:44px;padding:0;margin:0;border-radius:50%;
  border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:var(--m8-text);cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;
  transition:transform .18s var(--m8-ease),background-color .18s}
html.icg-m8 .icg-m8-sclose svg{width:20px;height:20px}
html.icg-m8 .icg-m8-sclose:active,html.icg-m8 .icg-m8-sclose.icg-m8-pr{transform:scale(.94);background:rgba(255,255,255,.16)}
html.icg-m8 .icg-m8-stitle{margin:0 56px 12px;min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center;
  font:700 20px/1.2 system-ui,-apple-system,"SF Pro Display","Segoe UI",Roboto,sans-serif;letter-spacing:-.01em;color:var(--m8-text)}
html.icg-m8 .icg-m8-scard{position:relative;width:min(100%,56vh);width:min(100%,56dvh);aspect-ratio:4/5;margin:0 auto;border:1px solid var(--m8-line);border-radius:22px;background:#0a0a0a;overflow:hidden;isolation:isolate;box-shadow:var(--m8-shadow)}
html.icg-m8 .icg-m8-sv{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#0a0a0a;border-radius:0;margin:0}
html.icg-m8 .icg-m8-stap{position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;appearance:none;-webkit-appearance:none}
html.icg-m8 .icg-m8-stap:focus-visible{outline:2px solid var(--m8-acct);outline-offset:-4px}
html.icg-m8 .icg-m8-spill{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:96px;height:96px;padding:0;border-radius:50%;
  background:rgba(10,10,10,.78);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(238,148,65,.55);color:#fafafa;
  font:700 13px/1 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:.01em;pointer-events:none;transition:opacity .2s ease,transform .2s ease}
html.icg-m8 .icg-m8-spill svg{color:var(--m8-acc);flex:none;width:30px;height:30px}
html.icg-m8 .icg-m8-scard.is-playing .icg-m8-spill{opacity:0;transform:translate(-50%,-50%) scale(.9)}
html.icg-m8 .icg-m8-sheet.is-error .icg-m8-scard{display:none}
html.icg-m8 .icg-m8-sbtn{display:flex;align-items:center;justify-content:center;width:min(100%,360px);min-height:52px;margin:16px auto 0;padding:0 24px;border-radius:999px;border:0;
  background:var(--m8-acc);color:var(--m8-ink);text-decoration:none;text-align:center;font:700 16px/1.2 system-ui,-apple-system,"SF Pro Text","Segoe UI",Roboto,sans-serif;
  -webkit-tap-highlight-color:transparent;transition:transform .18s var(--m8-ease),opacity .2s}
html.icg-m8 .icg-m8-sbtn:active,html.icg-m8 .icg-m8-sbtn.icg-m8-pr{transform:scale(.97);opacity:.9}
html.icg-m8 .icg-m8-sbtn:focus-visible,html.icg-m8 .icg-m8-sclose:focus-visible{outline:2px solid var(--m8-acct);outline-offset:2px}
@media (prefers-reduced-motion:reduce){
  html.icg-m8 .icg-m8-spanel,html.icg-m8 .icg-m8-sscrim,html.icg-m8 .icg-m8-spill,html.icg-m8 .icg-m8-sclose,html.icg-m8 .icg-m8-sbtn{transition:none!important}
}
}

/* v8.5 Remo */
/* door icg-mobile-v8.js gebouwde Remo-elementen: standaard verborgen (desktop/tablet) */
.icg-m8-rscrim,.icg-m8-rgrab,.icg-m8-ravatar,.icg-m8-rwho{display:none}
@media (max-width:760px){
/* basis: de wortel van de chat is nul-groot; scrim en blad zijn zelf vast gepositioneerd. Knop onderaan blijft zoals de plugin hem geeft. */
html.icg-m8 #icgoa.icgoa-is-open{inset:auto 0 0 auto;width:0;height:0;padding:0;gap:0}
html.icg-m8 body #icgoa.icgoa-is-open .icgoa-launcher{display:none!important}
html.icg-m8 #icgoa .icg-m8-rscrim{display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  opacity:0;visibility:hidden;transition:opacity .28s var(--m8-ease),visibility 0s linear .28s;-webkit-tap-highlight-color:transparent}
html.icg-m8 #icgoa.icgoa-is-open .icg-m8-rscrim{opacity:1;visibility:visible;transition:opacity .28s var(--m8-ease),visibility 0s}
/* het blad: altijd gerenderd (ook met [hidden]) zodat het kan wegschuiven; gesloten = onzichtbaar en buiten beeld */
html.icg-m8 #icgoa .icgoa-panel,html.icg-m8 #icgoa .icgoa-panel[hidden]{display:flex!important;flex-direction:column;position:fixed;left:0;right:0;bottom:var(--icgm8-kb,0px);
  width:100%;max-width:640px;margin:0 auto;box-sizing:border-box;padding:0;overflow:hidden;
  height:min(88vh,calc(100vh - env(safe-area-inset-top,0px) - 12px));
  height:min(88dvh,calc(var(--icgm8-vvh,100dvh) - env(safe-area-inset-top,0px) - 12px));max-height:none;
  background:var(--m8-s1);border:1px solid var(--m8-line2);border-bottom:0;border-radius:24px 24px 0 0;
  box-shadow:0 -24px 60px -24px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.05);animation:none;
  transform:translateY(105%);visibility:hidden;transition:transform .28s var(--m8-ease),visibility 0s linear .28s;
  font-family:system-ui,-apple-system,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",sans-serif}
html.icg-m8 #icgoa.icgoa-is-open .icgoa-panel{transform:none;visibility:visible;transition:transform .28s var(--m8-ease),visibility 0s}
html.icg-m8 #icgoa.icgoa-is-open .icgoa-panel.is-drag,html.icg-m8 #icgoa .icgoa-panel.is-drag{transition:none}
html.icg-m8 #icgoa .icgoa-panel:focus{outline:none}
/* grijpstreepje + kop */
html.icg-m8 #icgoa .icg-m8-rgrab{display:flex;align-items:center;justify-content:center;flex:none;height:26px;cursor:grab;touch-action:none}
html.icg-m8 #icgoa .icg-m8-rgrab i{display:block;width:36px;height:5px;border-radius:3px;background:rgba(255,255,255,.28)}
html.icg-m8 #icgoa .icgoa-head{flex:none;gap:12px;padding:2px 12px 12px 16px;border-bottom:1px solid var(--m8-line);background:none;touch-action:none}
html.icg-m8 #icgoa .icgoa-head .icgoa-logo,html.icg-m8 #icgoa .icgoa-head .icgoa-who{display:none}
html.icg-m8 #icgoa .icg-m8-ravatar{display:block;position:relative;flex:none;width:44px;height:44px}
html.icg-m8 #icgoa .icg-m8-ravatar img{display:block;width:44px;height:44px;border-radius:12px;object-fit:cover;border:1px solid rgba(255,255,255,.14)}
html.icg-m8 #icgoa .icg-m8-ravatar i{position:absolute;right:-3px;bottom:-3px;width:12px;height:12px;border-radius:50%;background:var(--m8-good);box-shadow:0 0 0 3px var(--m8-s1)}
html.icg-m8 #icgoa .icg-m8-rwho{display:block;flex:1;min-width:0}
html.icg-m8 #icgoa .icg-m8-rwho strong{display:block;font:700 19px/1.15 system-ui,-apple-system,"SF Pro Display","Segoe UI",Roboto,sans-serif;letter-spacing:-.01em;color:var(--m8-text)}
html.icg-m8 #icgoa .icg-m8-rwho small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-top:2px;font-size:12.5px;line-height:1.3;color:var(--m8-mut)}
html.icg-m8 #icgoa .icgoa-test{flex:none}
html.icg-m8 #icgoa .icgoa-head .icgoa-icon{flex:none;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:var(--m8-text);
  transition:transform .18s var(--m8-ease),background-color .18s;-webkit-tap-highlight-color:transparent}
html.icg-m8 #icgoa .icgoa-head .icgoa-restart{width:36px;height:36px;color:var(--m8-mut)}
html.icg-m8 #icgoa .icgoa-head .icgoa-restart svg{width:17px;height:17px}
html.icg-m8 #icgoa .icgoa-head .icgoa-icon:hover{background:rgba(255,255,255,.14);color:var(--m8-text)}
html.icg-m8 #icgoa .icgoa-head .icgoa-icon:active{transform:scale(.94);background:rgba(255,255,255,.16)}
/* berichten */
html.icg-m8 #icgoa .icgoa-msgs{flex:1 1 auto;min-height:0;padding:14px 16px 10px;gap:8px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
html.icg-m8 #icgoa .icgoa-msgs{scrollbar-width:none}
html.icg-m8 #icgoa .icgoa-msgs::-webkit-scrollbar{display:none}
html.icg-m8 #icgoa .icgoa-msg{max-width:80%;padding:10px 14px;border-radius:18px;font-size:15px;line-height:1.4}
html.icg-m8 #icgoa .icgoa-msg:has(.icgoa-card,.icgoa-list,.icgoa-btn){max-width:92%}
html.icg-m8 #icgoa .icgoa-bot{background:var(--m8-s2);box-shadow:inset 0 0 0 1px var(--m8-line2);color:var(--m8-text);border-radius:18px 18px 18px 6px}
html.icg-m8 #icgoa .icgoa-me{background:var(--m8-acc);color:var(--m8-ink);font-weight:550;border-radius:18px 18px 6px 18px}
html.icg-m8 #icgoa .icgoa-bot b{color:var(--m8-acct)}
html.icg-m8 #icgoa .icgoa-bot a:not(.icgoa-btn){color:var(--m8-acct);text-decoration:underline;text-underline-offset:2px}
html.icg-m8 #icgoa .icgoa-typing{align-items:center;gap:6px;padding:14px 16px}
html.icg-m8 #icgoa .icgoa-typing span{width:8px;height:8px;background:var(--m8-mut)}
/* orderkaarten en statuspillen */
html.icg-m8 #icgoa .icgoa-card{margin-top:10px;padding:12px 14px;gap:6px;border-radius:16px;font-size:13.5px;background:var(--m8-s1);box-shadow:inset 0 0 0 1px var(--m8-line2)}
html.icg-m8 #icgoa .icgoa-list{gap:8px}
html.icg-m8 #icgoa .icgoa-list .icgoa-card{padding:10px 12px;gap:4px}
html.icg-m8 #icgoa .icgoa-k{font-size:11px;letter-spacing:.08em;color:var(--m8-mut)}
html.icg-m8 #icgoa .icgoa-cards{font-weight:650;color:var(--m8-text)}
html.icg-m8 #icgoa .icgoa-items{color:var(--m8-mut)}
html.icg-m8 #icgoa .icgoa-st{padding:4px 12px;font-size:12px;line-height:1.3;background:rgba(255,255,255,.06);background:color-mix(in srgb,currentColor 14%,transparent);box-shadow:inset 0 0 0 1px currentColor;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 45%,transparent)}
html.icg-m8 #icgoa .icgoa-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;margin-top:10px;background:var(--m8-acc);color:var(--m8-ink);font-weight:700;-webkit-tap-highlight-color:transparent}
html.icg-m8 #icgoa .icgoa-btn:hover{background:var(--m8-acct);color:var(--m8-ink)}
/* snelle vragen: horizontaal veegbare pillenrij */
html.icg-m8 #icgoa .icgoa-chips{flex:none;flex-wrap:nowrap;gap:8px;padding:2px 16px 10px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-padding:0 16px;touch-action:pan-x}
html.icg-m8 #icgoa .icgoa-chips::-webkit-scrollbar{display:none}
html.icg-m8 #icgoa .icgoa-chip{flex:none;min-height:40px;padding:0 16px;white-space:nowrap;border:1px solid rgba(238,148,65,.28);background:var(--m8-soft);color:var(--m8-acct);box-shadow:none;font-size:14px;font-weight:600;
  transition:transform .18s var(--m8-ease),background-color .18s;-webkit-tap-highlight-color:transparent}
html.icg-m8 #icgoa .icgoa-chip:hover{background:var(--m8-soft);color:var(--m8-acct);box-shadow:none}
html.icg-m8 #icgoa .icgoa-chip:active{transform:scale(.97)}
/* invoer: pil + oranje ronde verzendknop met pijl */
html.icg-m8 #icgoa .icgoa-compose{flex:none;align-items:center;gap:8px;padding:8px 12px 10px;border-top:1px solid var(--m8-line);background:var(--m8-s1)}
html.icg-m8 #icgoa .icgoa-compose input{height:48px;padding:0 18px;border-radius:999px;background:var(--m8-s2);color:var(--m8-text);font-size:16px;box-shadow:inset 0 0 0 1px var(--m8-line2)}
html.icg-m8 #icgoa .icgoa-compose input:focus{box-shadow:inset 0 0 0 1.5px var(--m8-acc)}
html.icg-m8 #icgoa .icgoa-send{flex:none;width:48px;height:48px;padding:0;border-radius:50%;font-size:0;line-height:0;color:transparent;overflow:hidden;
  background-color:var(--m8-acc);background-repeat:no-repeat;background-position:center;background-size:22px 22px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a0a0a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V5M5.5 11.5 12 5l6.5 6.5'/%3E%3C/svg%3E");
  transition:transform .18s var(--m8-ease),opacity .2s;-webkit-tap-highlight-color:transparent}
html.icg-m8 #icgoa .icgoa-send:hover{background-color:var(--m8-acct)}
html.icg-m8 #icgoa .icgoa-send:active{transform:scale(.94)}
html.icg-m8 #icgoa .icgoa-send:disabled{opacity:.35}
html.icg-m8 #icgoa .icgoa-foot{flex:none;padding:0 16px calc(10px + env(safe-area-inset-bottom,0px));background:var(--m8-s1);font-size:11px;line-height:1.35}
/* toetsenbord open: alles wat niet nodig is, weg */
html.icg-m8 #icgoa.is-kb .icgoa-foot{display:none}
html.icg-m8 #icgoa.is-kb .icgoa-compose{padding-bottom:10px}
html.icg-m8 #icgoa.is-kb .icg-m8-rwho small{display:none}
html.icg-m8 #icgoa.is-kb .icg-m8-rgrab{height:18px}
/* zichtbare focus */
html.icg-m8 #icgoa button:focus-visible,html.icg-m8 #icgoa a:focus-visible,html.icg-m8 #icgoa input:focus-visible{outline:2px solid var(--m8-acct);outline-offset:2px}
html.icg-m8 #icgoa .icgoa-chip:focus-visible{outline-offset:-3px}
html.icg-m8 #icgoa .icgoa-compose input:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--m8-acct)}
/* v8.5 Remo: nieuwe inzendwizard (body.icg-wiz2-active, hoogte vaste balk in --icg-wiz2-bar-h): geen capsule-balk, Remo's ronde knop boven de wizardbalk */
html.icg-m8 body.icg-wiz2-active .icg-m8-bar{display:none!important}
html.icg-m8 body.icg-wiz2-active #icgoa:not(.icgoa-is-open) .icgoa-launcher{display:grid!important}
html.icg-m8 body.icg-wiz2-active #icgoa:not(.icgoa-is-open){bottom:calc(var(--icg-wiz2-bar-h,96px) + 12px + env(safe-area-inset-bottom,0px))!important}
@media (prefers-reduced-motion:reduce){
  html.icg-m8 #icgoa .icgoa-panel,html.icg-m8 #icgoa .icgoa-panel[hidden],html.icg-m8 #icgoa .icg-m8-rscrim,html.icg-m8 #icgoa .icgoa-head .icgoa-icon,html.icg-m8 #icgoa .icgoa-chip,html.icg-m8 #icgoa .icgoa-send{transition:none!important}
  html.icg-m8 #icgoa .icgoa-typing span{animation:none!important}
}
}
/* /v8.5 Remo */

/* v8.6 wizard v2 (snippet icg-mobile-wiz2.css van sessie "Mobiele website gebruikerservaring", zonder regel 7) */
/* marker: het script doet niets zolang deze eigenschap ontbreekt */
:root{--icgm8-wiz2-css:1}

@media (max-width:760px){

/* 0. totale hoogte van de wizardbalk = --icg-wiz2-bar-h (plugin, indien overerfd) -> --icgm8-wiz2-bar-h (spiegel/meting uit icg-mobile-wiz2.js) -> 88px,
      plus safe-area. De safe-area-term zit in --icgm8-wiz2-safe (standaard env(safe-area-inset-bottom)); het script zet hem op 0px als het de balk zelf
      meet (een gemeten hoogte bevat de safe-area-opvulling al). Eén definitie, hergebruikt voor body-ruimte en Remo. */
html.icg-m8 body:is(.icg-wiz2-active,:has(.icg-wiz2)){
  --icgm8-wiz2-total:calc(var(--icg-wiz2-bar-h,var(--icgm8-wiz2-bar-h,88px)) + var(--icgm8-wiz2-safe,env(safe-area-inset-bottom,0px)))}

/* 1. capsule-onderbalk (Home - Pakketten - Inleveren - Orders + Graden) maakt plaats voor de wizardbalk.
      display:none: geen ruimte, geen focus, geen view-transition-snapshot. Terug = de eigen terugknop linksboven in de wizard. */
html.icg-m8 body:is(.icg-wiz2-active,:has(.icg-wiz2)) .icg-m8-bar{display:none!important}

/* 2. ruimte onderaan: precies één keer, en dan voor de wizardbalk i.p.v. voor de capsule.
      v8 reserveert 92px+safe voor de capsule (body.icg-m8-hasbar{padding-bottom:...!important}); die vervalt hier, anders staat er dubbel ruimte.
      Dit moet op body: het sitefooter staat ná main en zou anders onder de vaste balk verdwijnen.
      !important zodat een eventuele body-regel van de plugin niet óók meetelt. Reserveert de plugin zelf al ruimte BINNEN .icg-wiz2: deze regel schrappen. */
html.icg-m8 body:is(.icg-wiz2-active,:has(.icg-wiz2)){padding-bottom:var(--icgm8-wiz2-total)!important}
/* plugin 1.4.0 zet --icg-wiz2-bar-h = gemeten balkhoogte (incl. safe-area) op <html>: safe niet nog eens optellen; body reserveert de ruimte, dus de app-opvulling van de plugin hoeft alleen nog lucht te geven */
html.icg-m8 body:is(.icg-wiz2-active,:has(.icg-wiz2)){--icgm8-wiz2-safe:0px}
html.icg-m8 body:is(.icg-wiz2-active,:has(.icg-wiz2)) .icg-wiz2__app{padding-bottom:32px!important}

/* 3. Remo: v8 verbergt zijn ronde knop waar de capsule staat (body.icg-m8-hasbar). Op een v2-pagina staat de capsule er niet, dus de knop moet terug.
      Alleen als de chat dicht is: op <= 560px is de open chat schermvullend en verbergt de plugin de knop zelf. */
html.icg-m8 body:is(.icg-wiz2-active,:has(.icg-wiz2)) #icgoa:not(.icgoa-is-open) .icgoa-launcher{display:grid!important}

/* 4. Remo boven de wizardbalk: bottom = balkhoogte + 12px + safe-area. Verandert de balkhoogte, dan volgt de knop meteen (custom property, geen JS nodig).
      Bewust zonder transition: de plugin zet zijn standaardpositie (16px) en een glijdende overgang zou Remo bij elke paginalading van daar omhoog laten schuiven.
      (v8's eigen regel voor v1: body.icg-m8-wiznav #icgoa{bottom:calc(var(--icgm8-wiznav-h,96px)+12px+safe)}) */
html.icg-m8 body:is(.icg-wiz2-active,:has(.icg-wiz2)) #icgoa:not(.icgoa-is-open){bottom:calc(var(--icgm8-wiz2-total) + 12px)!important}

/* 5. footer-CTA ("Klaar om...") verdubbelt de flow op wizardpagina's. v8 verbergt hem via body.icg-m8-wizard (alleen gezet voor v1) of via
      body.icg-m8-hasbar (op het inzendpad bestaat geen capsule): op v2 geldt geen van beide. */
html.icg-m8 body:is(.icg-wiz2-active,:has(.icg-wiz2)) .icg-footer .icg-footer-cta{display:none!important}

/* 6. kopjes: v8 centreert alle kopjes in main behalve in .icg-wiz / .icg-faq / .icg-home-card (v8, sectie 'kopjes en marges op de overige pagina's').
      .icg-wiz2 staat daar niet tussen. Zolang :not(.icg-wiz2 *) niet in die v8-regel zit: v2-kopjes erven weer de uitlijning van hun container.
      (specificiteit van de v8-regel is (0,10,3), daarom !important) */
html.icg-m8 body main .icg-wiz2 :is(h1,h2,h3,h4,.icg-eyebrow){text-align:inherit!important}
}
/* /v8.6 wizard v2 */

/* v8.7 footer */
.icg-m8-slogan{display:none}
@media (max-width:760px){
html.icg-m8 .icg-footer>.wp-block-columns>.wp-block-column:first-child{flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;text-align:center}
html.icg-m8 .icg-footer .wp-block-site-logo{justify-content:center!important;margin:0 auto!important}
html.icg-m8 .icg-footer .wp-block-site-logo img{width:116px!important;height:auto!important}
html.icg-m8 .icg-footer .icg-m8-slogan{display:block;max-width:280px;margin:0 auto;text-align:center;font-size:19px;font-weight:800;letter-spacing:-.02em;line-height:1.15;color:#fff;text-wrap:balance}
html.icg-m8 .icg-footer .icg-m8-slogan mark{background:transparent;color:#EE9441;padding:0}
html.icg-m8 .icg-footer .wp-block-social-links{justify-content:center!important;margin:2px auto 0!important}
}
/* /v8.7 footer */

/* v8.8 onderbalk: tijdens in- en uitklappen geen labels/iconen van krimpende of groeiende tabbladen (die liepen ~0,4 s over elkaar) */
html.icg-m8 .icg-m8-pill.is-collapsed .icg-m8-tab:not(.is-on)>*,
html.icg-m8 .icg-m8-pill.is-anim .icg-m8-tab:not(.is-on)>*{visibility:hidden}
/* /v8.8 onderbalk */

/* v8.10 startpagina: geen knop "Begin met graden" per pakket (Graden staat al in de onderbalk); de link wordt een onzichtbare laag over de hele kaart, dus tikken op de kaart = naar de inzending */
html.icg-m8 body.home .icg-pk3-card,html.icg-m8 body.home .icg-pk3-clean{position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s ease}
html.icg-m8 body.home .icg-pk3-card:active,html.icg-m8 body.home .icg-pk3-clean:active{transform:scale(.985)}
html.icg-m8 body.home .icg-pk3-card .icg-pk3-btn,html.icg-m8 body.home .icg-pk3-clean .icg-pk3-btn{position:absolute!important;inset:0;z-index:2;display:block!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:inherit!important;background:transparent!important;box-shadow:none!important;color:transparent!important;font-size:0!important;overflow:hidden}
html.icg-m8 body.home .icg-pk3-card .icg-pk3-btn::after,html.icg-m8 body.home .icg-pk3-clean .icg-pk3-btn::after{display:none!important}
html.icg-m8 body.home .icg-pk3-btn:focus-visible{outline:2px solid var(--m8-acc)!important;outline-offset:-2px}
/* /v8.10 startpagina */

/* ===== v8.11 inleverpunten-kaart (blok "v8.11 inleverkaart") =====
   SVG-kaart (BE + NL) + filter + bottom sheet + lijst, gebouwd door icg-mobile-v8.11.js op de losse pagina Inleverpunten.
   De oude weergave (kleine Google-kaart, plugin-lijst, v8-lijst + filter) blijft in de DOM maar wordt pas verborgen
   zodra het script de kaart gelukt is (attribuut data-icg-m8-kaart). Alles onder html.icg-m8; desktop ongemoeid. */
.icg-m8-ik,.icg-m8-iksheet{display:none}
@keyframes icgm8-ikpulse{0%{transform:scale(.5);opacity:.5}100%{transform:scale(1.7);opacity:0}}
@keyframes icgm8-ikinr{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
@keyframes icgm8-ikinl{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}
@media (max-width:760px){
html.icg-m8 .icg-dropoff-map-wrap[data-icg-m8-kaart]>.icg-m8-ik{display:block}
html.icg-m8 .icg-dropoff-map-wrap[data-icg-m8-kaart]>:is(#icg-dropoff-map,#icg-dropoff-list,.icg-m8-filter,.icg-m8-shops){display:none!important}
html.icg-m8 .icg-m8-ik,html.icg-m8 .icg-m8-iksheet{
  --ik-sea:#060606;--ik-land:#1d1d1d;--ik-edge:#3d3d3d;--ik-ctx:#101010;--ik-ctxedge:#232323;
  font:15px/1.45 system-ui,-apple-system,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",sans-serif;color:var(--m8-text);-webkit-text-size-adjust:100%}
html.icg-m8 .icg-m8-ik,html.icg-m8 .icg-m8-ik *,html.icg-m8 .icg-m8-iksheet,html.icg-m8 .icg-m8-iksheet *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html.icg-m8 .icg-m8-ik{width:100%;min-width:0;max-width:100%;margin:0;padding:0}
html.icg-m8 .icg-m8-ik.ik-sheet-open{padding-bottom:var(--ik-sh,340px)}
html.icg-m8 .icg-m8-ik .ik-lead{margin:0 0 16px;color:var(--m8-mut);font-size:15px;line-height:1.45;text-align:left}
/* filterpillen */
html.icg-m8 .icg-m8-ik .ik-pills{display:flex;gap:8px;overflow-x:auto;margin:0 -2px 12px;padding:2px;scrollbar-width:none}
html.icg-m8 .icg-m8-ik .ik-pills[hidden]{display:none}
html.icg-m8 .icg-m8-ik .ik-pills::-webkit-scrollbar{display:none}
html.icg-m8 .icg-m8-ik .ik-pill{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0;padding:0 16px;border-radius:999px;background:var(--m8-s1);border:1px solid var(--m8-line2);
  color:var(--m8-text);font-weight:600;font-size:14px;line-height:1;font-family:inherit;letter-spacing:0;text-transform:none;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background .2s,color .2s,transform .12s}
html.icg-m8 .icg-m8-ik .ik-pill i{font-style:normal;font-size:12px;font-weight:700;min-width:20px;height:20px;line-height:20px;text-align:center;border-radius:10px;background:var(--m8-s3);color:var(--m8-mut)}
html.icg-m8 .icg-m8-ik .ik-pill[aria-pressed="true"]{background:var(--m8-acc);color:var(--m8-ink);border-color:transparent}
html.icg-m8 .icg-m8-ik .ik-pill[aria-pressed="true"] i{background:rgba(10,10,10,.18);color:var(--m8-ink)}
html.icg-m8 .icg-m8-ik .ik-pill:active,html.icg-m8 .icg-m8-ik .ik-ltoggle:active,html.icg-m8 .icg-m8-ik .ik-row:active,html.icg-m8 .icg-m8-iksheet .ik-nav:active,html.icg-m8 .icg-m8-iksheet .ik-close:active,html.icg-m8 .icg-m8-iksheet .ik-btn:active{transform:scale(.97)}
/* kaart */
html.icg-m8 .icg-m8-ik .ik-mapbox{position:relative;height:clamp(380px,60vh,560px);border-radius:22px;overflow:hidden;border:1px solid var(--m8-line);background:var(--ik-sea);box-shadow:var(--m8-shadow);isolation:isolate}
@supports (height:1svh){html.icg-m8 .icg-m8-ik .ik-mapbox{height:clamp(380px,60svh,560px)}}
html.icg-m8 .icg-m8-ik .ik-map{position:absolute;inset:0;touch-action:manipulation}
html.icg-m8 .icg-m8-ik .ik-gm{display:block;width:100%;height:100%;max-width:none;user-select:none;-webkit-user-select:none}
html.icg-m8 .icg-m8-ik .ik-sea{fill:var(--ik-sea)}
html.icg-m8 .icg-m8-ik .ik-gm use{stroke-width:1}
html.icg-m8 .icg-m8-ik .ik-c-de,html.icg-m8 .icg-m8-ik .ik-c-fr,html.icg-m8 .icg-m8-ik .ik-c-lu{fill:var(--ik-ctx);stroke:var(--ik-ctxedge)}
html.icg-m8 .icg-m8-ik .ik-c-nl,html.icg-m8 .icg-m8-ik .ik-c-be{fill:var(--ik-land);stroke:var(--ik-edge)}
html.icg-m8 .icg-m8-ik .ik-c-ij{fill:var(--ik-sea);stroke:var(--ik-edge)}
html.icg-m8 .icg-m8-ik .ik-gm .ik-c-hd{fill:none;stroke:var(--ik-edge);stroke-width:1.8}
html.icg-m8 .icg-m8-ik .ik-cn{font:650 9.5px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:.32em;fill:rgba(255,255,255,.16);text-anchor:middle;pointer-events:none;transition:opacity .3s}
html.icg-m8 .icg-m8-ik .ik-pin{cursor:pointer;outline:none;transition:opacity .25s}
html.icg-m8 .icg-m8-ik .ik-pin.ik-off{opacity:.16;pointer-events:none}
html.icg-m8 .icg-m8-ik .ik-halo{fill:var(--m8-acc);transform-box:fill-box;transform-origin:center;animation:icgm8-ikpulse 2.6s ease-out infinite;animation-delay:var(--d,0s);pointer-events:none}
html.icg-m8 .icg-m8-ik .ik-core{fill:var(--m8-acc);stroke:#0a0a0a;stroke-width:2.5;transform-box:fill-box;transform-origin:center;transition:transform .28s var(--m8-ease),stroke .2s;pointer-events:none}
html.icg-m8 .icg-m8-ik .ik-pin.ik-on .ik-core{transform:scale(1.55);stroke:#fff;stroke-width:2}
html.icg-m8 .icg-m8-ik .ik-fr{fill:none;stroke:var(--m8-acct);stroke-width:2;display:none;pointer-events:none}
html.icg-m8 .icg-m8-ik .ik-pin:focus-visible .ik-fr{display:block}
html.icg-m8 .icg-m8-ik .ik-lbl{font:600 11px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;fill:#ececec;paint-order:stroke;stroke:#0a0a0a;stroke-width:3.5px;stroke-linejoin:round;pointer-events:none;transition:opacity .2s}
html.icg-m8 .icg-m8-ik .ik-lbl.ik-hide{opacity:0}
/* lijst */
html.icg-m8 .icg-m8-ik .ik-ltoggle{width:100%;margin:14px 0 0;display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 18px;background:var(--m8-s1);border:1px solid var(--m8-line);border-radius:999px;
  color:var(--m8-text);font-weight:650;font-size:15px;line-height:1.2;font-family:inherit;letter-spacing:0;text-transform:none;text-align:left;cursor:pointer;-webkit-appearance:none;appearance:none;transition:transform .12s}
html.icg-m8 .icg-m8-ik .ik-ltoggle svg{flex:none;color:var(--m8-mut);transition:transform .25s var(--m8-ease)}
html.icg-m8 .icg-m8-ik .ik-ltoggle[aria-expanded="true"] svg{transform:rotate(180deg)}
html.icg-m8 .icg-m8-ik .ik-list{margin:10px 0 0;background:var(--m8-s1);border:1px solid var(--m8-line);border-radius:22px;overflow:hidden}
html.icg-m8 .icg-m8-ik .ik-list[hidden]{display:none}
html.icg-m8 .icg-m8-ik .ik-row{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;margin:0;padding:10px 16px;border:0;border-top:1px solid var(--m8-line);border-radius:0;background:none;color:var(--m8-text);
  font:inherit;font-family:inherit;letter-spacing:0;text-transform:none;text-align:left;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background .2s,transform .12s}
html.icg-m8 .icg-m8-ik .ik-row:first-child{border-top:0}
html.icg-m8 .icg-m8-ik .ik-row.ik-cur{background:var(--m8-soft)}
html.icg-m8 .icg-m8-ik .ik-rmain{display:flex;flex-direction:column;min-width:0;flex:1}
html.icg-m8 .icg-m8-ik .ik-rcity{font-size:10.5px;font-weight:650;letter-spacing:.13em;text-transform:uppercase;color:var(--m8-acct)}
html.icg-m8 .icg-m8-ik .ik-rname{font-weight:650;font-size:15.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.icg-m8 .icg-m8-ik .ik-rhours{font-size:12.5px;color:var(--m8-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.icg-m8 .icg-m8-ik .ik-row svg{flex:none;color:var(--m8-mut)}
/* bottom sheet (boven de onderbalk, onder het zijmenu) */
html.icg-m8 .icg-m8-iksheet{display:block;position:fixed;left:0;right:0;bottom:0;max-width:430px;margin:0 auto;z-index:9500;background:#151515;border:1px solid rgba(255,255,255,.1);border-bottom:0;border-radius:26px 26px 0 0;
  box-shadow:0 -24px 60px -20px rgba(0,0,0,.95);padding:0 max(16px,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 18px) max(16px,env(safe-area-inset-left,0px));
  transform:translateY(105%);visibility:hidden;transition:transform .42s var(--m8-ease),visibility 0s .42s;outline:none;touch-action:pan-y}
html.icg-m8 .icg-m8-iksheet.ik-open{transform:none;visibility:visible;transition:transform .42s var(--m8-ease)}
html.icg-m8 .icg-m8-iksheet .ik-grab{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;height:48px;margin:0 -8px;touch-action:none}
html.icg-m8 .icg-m8-iksheet .ik-mid{display:flex;flex-direction:column;align-items:center;gap:3px;padding-top:2px}
html.icg-m8 .icg-m8-iksheet .ik-grabber{display:block;width:40px;height:5px;border-radius:3px;background:rgba(255,255,255,.28)}
html.icg-m8 .icg-m8-iksheet .ik-count{font-size:11.5px;font-weight:600;color:var(--m8-mut)}
html.icg-m8 .icg-m8-iksheet .ik-nav,html.icg-m8 .icg-m8-iksheet .ik-close{width:44px;height:44px;min-width:44px;margin:0;padding:0;border-radius:50%;border:0;background:none;color:var(--m8-text);display:grid;place-items:center;cursor:pointer;-webkit-appearance:none;appearance:none;transition:transform .12s,background .2s}
html.icg-m8 .icg-m8-iksheet .ik-nav[disabled]{opacity:.3;pointer-events:none}
html.icg-m8 .icg-m8-iksheet .ik-close{position:absolute;top:50px;right:max(8px,env(safe-area-inset-right,0px));color:var(--m8-mut)}
html.icg-m8 .icg-m8-iksheet .ik-body{padding-top:2px}
html.icg-m8 .icg-m8-iksheet .ik-body.ik-in-r{animation:icgm8-ikinr .32s var(--m8-ease)}
html.icg-m8 .icg-m8-iksheet .ik-body.ik-in-l{animation:icgm8-ikinl .32s var(--m8-ease)}
html.icg-m8 .icg-m8-iksheet .ik-city{padding-right:44px;font-size:11px;font-weight:650;letter-spacing:.13em;text-transform:uppercase;color:var(--m8-acct)}
html.icg-m8 .icg-m8-iksheet .ik-city span{color:var(--m8-mut)}
html.icg-m8 .icg-m8-iksheet .ik-name{margin:3px 0 8px;padding:0;font-size:25px;font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--m8-text);text-transform:none}
html.icg-m8 .icg-m8-iksheet .ik-line{display:flex;gap:10px;align-items:flex-start;margin:6px 0 0;color:var(--m8-mut);font-size:14.5px}
html.icg-m8 .icg-m8-iksheet .ik-line svg{flex:none;margin-top:2px;color:var(--m8-mut)}
html.icg-m8 .icg-m8-iksheet .ik-hrs span{white-space:pre-line;color:var(--m8-text)}
html.icg-m8 .icg-m8-iksheet .ik-svc{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 16px}
html.icg-m8 .icg-m8-iksheet .ik-svc:empty{display:none}
html.icg-m8 .icg-m8-iksheet .ik-chip{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;font-size:11.5px;font-weight:650;letter-spacing:.02em;background:var(--m8-soft);color:var(--m8-acct);white-space:nowrap}
html.icg-m8 .icg-m8-iksheet .ik-act{display:flex;gap:10px;margin-top:16px}
html.icg-m8 .icg-m8-iksheet .ik-svc:not(:empty)+.ik-act{margin-top:0}
html.icg-m8 .icg-m8-iksheet .ik-btn{flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 12px;border-radius:999px;font-weight:650;font-size:15px;line-height:1;border:1px solid transparent;text-decoration:none;transition:transform .12s var(--m8-ease)}
html.icg-m8 .icg-m8-iksheet .ik-primary{background:var(--m8-acc);color:var(--m8-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 6px 16px -8px rgba(238,148,65,.6)}
html.icg-m8 .icg-m8-iksheet .ik-primary::after{content:"\2192";font-weight:700;margin-left:2px}
html.icg-m8 .icg-m8-iksheet .ik-secondary{background:var(--m8-s2);color:var(--m8-text);border-color:var(--m8-line2)}
html.icg-m8 .icg-m8-ik :focus-visible,html.icg-m8 .icg-m8-iksheet :focus-visible{outline:2px solid var(--m8-acct);outline-offset:2px}
html.icg-m8 .icg-m8-ik .ik-pin:focus-visible{outline:none}
}
@media (max-width:760px) and (prefers-reduced-motion:reduce){
html.icg-m8 .icg-m8-ik *,html.icg-m8 .icg-m8-iksheet,html.icg-m8 .icg-m8-iksheet *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
html.icg-m8 .icg-m8-ik .ik-halo{animation:none;opacity:.22}
}
/* /v8.11 inleverkaart */
/* ===== v8.12 mini-kaart startpagina (blok "v8.12 minikaart") =====
   Dezelfde kaart als v8.11 (.icg-m8-ik), nu in .icg-home-shops i.p.v. de v8-lijst. De lijst blijft in de DOM en wordt pas verborgen
   zodra het script de kaart gelukt is (attribuut data-icg-m8-minikaart op .icg-home-shops). Alles onder html.icg-m8, telefoon. */
@media (max-width:760px){
html.icg-m8 .icg-home-shops[data-icg-m8-minikaart] .icg-m8-ik{display:block;margin:8px 0 0}
html.icg-m8 .icg-home-shops[data-icg-m8-minikaart] :is(.icg-home-shopgrid,.icg-m8-filter,.icg-m8-shops,.wp-block-buttons){display:none!important}
html.icg-m8 .icg-m8-ik.ik-mini .ik-mapbox{height:220px}
html.icg-m8 .icg-m8-ik.ik-mini.ik-sheet-open{padding-bottom:0}
html.icg-m8 .icg-m8-ik .ik-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:50px;margin:14px 0 0;padding:0 18px;border-radius:999px;background:var(--m8-s2);border:1px solid var(--m8-line2);
  color:var(--m8-text);font-weight:650;font-size:15px;line-height:1.2;font-family:inherit;letter-spacing:0;text-transform:none;text-decoration:none;text-align:center;-webkit-appearance:none;appearance:none;transition:transform .12s}
html.icg-m8 .icg-m8-ik .ik-cta::after{content:"\2192";font-weight:700;color:var(--m8-acct)}
html.icg-m8 .icg-m8-ik .ik-cta:active{transform:scale(.98)}
}
/* /v8.12 minikaart */

/* ===== v8.13 middenknop (preview) =====
   Alleen actief als het script html.icg-m8-mk zet (cookie icg_mk=1, via ?icg-preview=middenknop). Zonder die klasse verandert er niets.
   Eén glazen capsule met vijf plekken (Home, Pakketten, [Graden], Inleveren, Orders); in het midden de ronde oranje Graden-knop (60px, app-icoon rond),
   die boven de capsule uitsteekt. Omlaag scrollen: de tabs vervagen en de capsule krimpt tot alleen de knop (.is-collapsed, geen glas, geen label).
   Remo: rond knopje (36px) in de kop, links van account en winkelwagen. Tabs-labels/-pictogrammen/actieve stijl blijven die van v8.12. */
.icg-m8-remobtn{display:none}
@media (max-width:760px){
html.icg-m8.icg-m8-mk .icg-m8-remobtn{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;min-width:0;padding:0;margin:0;border-radius:50%;
  border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none}
html.icg-m8.icg-m8-mk .icg-m8-remobtn[hidden]{display:none!important}
html.icg-m8.icg-m8-mk .icg-m8-remobtn::before{content:"";position:absolute;inset:-4px}
html.icg-m8.icg-m8-mk .icg-m8-remobtn img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;pointer-events:none}
html.icg-m8.icg-m8-mk .icg-m8-remobtn:active,html.icg-m8.icg-m8-mk .icg-m8-remobtn.icg-m8-pr{background:rgba(255,255,255,.16)}
html.icg-m8.icg-m8-mk .icg-m8-remobtn:focus-visible{outline:2px solid var(--m8-acct);outline-offset:2px}

/* ruimte onderaan: capsule (64) + marge (8) + de uitstekende knop (ring) */
html.icg-m8.icg-m8-mk body.icg-m8-hasbar{padding-bottom:calc(116px + env(safe-area-inset-bottom))!important}

/* capsule over de volle breedte; overflow zichtbaar zodat de knop erboven uit mag steken */
html.icg-m8.icg-m8-mk .icg-m8-pill{width:100%;margin:0 auto;overflow:visible;
  transition:width .34s var(--m8-ease),background-color .3s,border-color .3s,box-shadow .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s}
html.icg-m8.icg-m8-mk .icg-m8-mkside{display:flex;flex:1 1 0;min-width:0;overflow:hidden;opacity:1;transition:opacity .2s,visibility 0s}
html.icg-m8.icg-m8-mk .icg-m8-mkside .icg-m8-tab{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis}
html.icg-m8.icg-m8-mk .icg-m8-tab span{max-width:100%;overflow:hidden;text-overflow:ellipsis}

/* de middenknop zelf */
html.icg-m8.icg-m8-mk .icg-m8-mkgo{position:relative;flex:0 0 76px;width:76px;height:56px;display:block;color:var(--m8-acc);text-decoration:none;pointer-events:auto;
  -webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
html.icg-m8.icg-m8-mk .icg-m8-mkbox{position:absolute;left:8px;top:-28px;width:60px;height:60px;border-radius:50%;overflow:hidden;background:var(--m8-acc);
  box-shadow:0 0 0 5px var(--m8-bg),0 10px 22px -6px rgba(238,148,65,.75);transition:transform .12s var(--m8-ease)}
html.icg-m8.icg-m8-mk .icg-m8-mkbox img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
html.icg-m8.icg-m8-mk .icg-m8-mklab{position:absolute;left:0;right:0;top:35px;text-align:center;font:700 11px/13px system-ui,-apple-system,"SF Pro Text","Segoe UI",Roboto,sans-serif;
  color:var(--m8-acc);white-space:nowrap;transition:opacity .2s}
html.icg-m8.icg-m8-mk .icg-m8-mkgo:active .icg-m8-mkbox,html.icg-m8.icg-m8-mk .icg-m8-mkgo.icg-m8-pr .icg-m8-mkbox{transform:scale(.94)}
html.icg-m8.icg-m8-mk .icg-m8-bar a.icg-m8-mkgo:focus-visible{outline:none}
html.icg-m8.icg-m8-mk .icg-m8-mkgo:focus-visible .icg-m8-mkbox{outline:2px solid var(--m8-acct);outline-offset:7px}
@media (max-width:400px){html.icg-m8.icg-m8-mk .icg-m8-mklab{font-size:10.5px}}
@media (max-width:380px){html.icg-m8.icg-m8-mk .icg-m8-mklab{font-size:10px;letter-spacing:-.01em}}

/* omlaag scrollen: capsule krimpt tot de knop (76px + padding + rand = 84px, gecentreerd), tabs en label vervagen, geen glas */
html.icg-m8.icg-m8-mk .icg-m8-pill.is-collapsed{width:84px;height:64px;background-color:transparent;border-color:transparent;box-shadow:none;
  -webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);pointer-events:none}
html.icg-m8.icg-m8-mk .icg-m8-pill.is-collapsed .icg-m8-mkside{opacity:0;visibility:hidden;transition:opacity .16s,visibility 0s linear .2s}
html.icg-m8.icg-m8-mk .icg-m8-pill.is-collapsed .icg-m8-ind{opacity:0!important}
html.icg-m8.icg-m8-mk .icg-m8-pill.is-collapsed .icg-m8-mklab{opacity:0}
html.icg-m8.icg-m8-mk .icg-m8-pill.is-collapsed .icg-m8-mkgo{pointer-events:auto}
/* labels van tabs blijven (anders dan in v8.8) tot het vervagen klaar is; ze zitten in de zijde die zelf clipt, dus ze overlappen niets */
html.icg-m8.icg-m8-mk .icg-m8-pill.is-collapsed .icg-m8-tab,html.icg-m8.icg-m8-mk .icg-m8-pill.is-collapsed .icg-m8-tab.is-on{height:56px;flex:1 1 0;flex-direction:column;gap:3px}
html.icg-m8.icg-m8-mk .icg-m8-pill.is-collapsed .icg-m8-tab:not(.is-on)>*,html.icg-m8.icg-m8-mk .icg-m8-pill.is-anim .icg-m8-tab:not(.is-on)>*{visibility:inherit}
}
@media (max-width:760px) and (prefers-reduced-motion:reduce){
html.icg-m8.icg-m8-mk .icg-m8-pill,html.icg-m8.icg-m8-mk .icg-m8-mkside,html.icg-m8.icg-m8-mk .icg-m8-mklab,html.icg-m8.icg-m8-mk .icg-m8-mkbox{transition:none!important}
}
/* /v8.13 middenknop (preview) */


/* ===== v8.15 (kandidaat) ===== */
/* Graden-knop is de actieve plek op de gradenpagina (/nl/graden/, /en/grading/, ...): ring in oranje */
@media (max-width:760px){
html.icg-m8.icg-m8-mk .icg-m8-mkgo.is-on .icg-m8-mkbox{box-shadow:0 0 0 5px var(--m8-bg),0 0 0 8px var(--m8-acc),0 10px 22px -6px rgba(238,148,65,.75)}
html.icg-m8.icg-m8-mk .icg-m8-mkgo.is-on .icg-m8-mklab{color:var(--m8-acct);font-weight:800}
/* lange tabnamen (Bestellungen) passen in hun tab */
html.icg-m8.icg-m8-mk .icg-m8-tab.is-long{font-size:10px;letter-spacing:-.025em}
/* koppen die op een smal scherm (320px) breder zijn dan de pagina (bv. "Abgabestellen") */
html.icg-m8 main :is(h1,h2){overflow-wrap:break-word}
/* inleverpuntenlijst: openingstijden mogen afbreken i.p.v. afgekapt worden */
html.icg-m8 .icg-m8-ik .ik-rhours{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.35}
/* wizard v2, stap 2, zoekresultaten: titel en setnaam/nummer breken af; het nummer (#OP16-082 / #OP16-082a) is altijd volledig te lezen; de stepper loopt niet over de tekst */
html.icg-m8 .icg-wiz2__row--result>.icg-wiz2__b{flex:1 1 0;min-width:0}
html.icg-m8 .icg-wiz2__row--result .icg-wiz2__n{-webkit-line-clamp:3;line-clamp:3;overflow-wrap:anywhere}
html.icg-m8 .icg-wiz2__row--result .icg-wiz2__m{display:block;white-space:normal;overflow:visible;overflow-wrap:anywhere;line-height:1.35;margin-top:2px}
html.icg-m8 .icg-wiz2__row--result>.icg-wiz2__add,html.icg-m8 .icg-wiz2__row--result>.icg-wiz2__qty{flex:none}
/* wizardbalk: ondertitel mag over twee regels (stap 1: "per kaart · PSA Silver"); verzendregel in stap 2 */
html.icg-m8 .icg-wiz2__info small{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:clip}
html.icg-m8 .icg-wiz2__info small.icg-m8-ship{font-size:11.5px;line-height:1.25;margin-top:0}
}
@media (max-width:380px){html.icg-m8.icg-m8-mk .icg-m8-tab.is-long{font-size:9.5px}}
@media (max-width:340px){html.icg-m8.icg-m8-mk .icg-m8-tab{font-size:9px;letter-spacing:-.03em}html.icg-m8 body main h1{font-size:min(48px,10.2vw)!important}}
/* /v8.15 */

/* ===== v8.18 menu + lade (preview) =====
   Alleen actief als het script html.icg-m8-ml zet (cookie icg_ml=1). Klein glazen dock onderaan (Menu + oranje Graden); Menu opent een lade van onderen
   met vier grote vakken (Home, Pakketten, Inleveren, Orders) en rijen voor Remo, Zo werkt het, account en taal. Zonder die klasse verandert er niets. */
.icg-m8-lade{display:none}
@media (max-width:760px){
html.icg-m8.icg-m8-ml .icg-m8-bar{justify-content:center;bottom:calc(16px + env(safe-area-inset-bottom,0px))}
/* body-ruimte: de bestaande 92px + safe-area (html.icg-m8 body.icg-m8-hasbar) dekt het dock (16 + 58 px + lucht); geen aparte regel nodig */
html.icg-m8.icg-m8-ml .icg-m8-dock{display:flex;align-items:center;gap:5px;box-sizing:border-box;height:58px;padding:6px;border-radius:999px;background:rgba(28,28,28,.84);
  -webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.12);box-shadow:var(--m8-pop)}
html.icg-m8.icg-m8-ml .icg-m8-mlbtn,html.icg-m8.icg-m8-ml .icg-m8-mlgo{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;margin:0;border:0;border-radius:999px;
  font:700 13px/1 system-ui,-apple-system,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",sans-serif;letter-spacing:0;text-transform:none;text-decoration:none;white-space:nowrap;cursor:pointer;
  -webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;transition:transform .12s var(--m8-ease),opacity .12s}
html.icg-m8.icg-m8-ml .icg-m8-mlbtn{min-width:116px;padding:0 16px 0 12px;background:rgba(255,255,255,.1);color:#fff}
html.icg-m8.icg-m8-ml .icg-m8-mlgo{padding:0 18px 0 12px;background:var(--m8-acc);color:var(--m8-ink);font-weight:800;box-shadow:0 8px 20px -8px rgba(238,148,65,.9)}
html.icg-m8.icg-m8-ml .icg-m8-mlgo.is-on{box-shadow:0 0 0 2px #1c1c1c,0 0 0 4px var(--m8-acc),0 8px 20px -8px rgba(238,148,65,.9)}
html.icg-m8.icg-m8-ml .icg-m8-mlbtn svg,html.icg-m8.icg-m8-ml .icg-m8-mlgo svg{width:20px;height:20px;flex:none;display:block}
html.icg-m8.icg-m8-ml .icg-m8-mlbtn:active,html.icg-m8.icg-m8-ml .icg-m8-mlbtn.icg-m8-pr,html.icg-m8.icg-m8-ml .icg-m8-mlgo:active,html.icg-m8.icg-m8-ml .icg-m8-mlgo.icg-m8-pr{transform:scale(.95)}

/* lade + donkere laag (onder de dock: bar z-index 9000) */
html.icg-m8.icg-m8-ml .icg-m8-lade{display:block;position:fixed;inset:0;z-index:8990;visibility:hidden;pointer-events:none;transition:visibility 0s .36s;
  font-family:system-ui,-apple-system,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",sans-serif}
html.icg-m8.icg-m8-ml .icg-m8-lade.is-open{visibility:visible;pointer-events:auto;transition:none}
html.icg-m8.icg-m8-ml .icg-m8-lade *{box-sizing:border-box}
html.icg-m8.icg-m8-ml .icg-m8-mldim{position:absolute;inset:0;background:rgba(0,0,0,.55);opacity:0;transition:opacity .3s}
html.icg-m8.icg-m8-ml .icg-m8-lade.is-show .icg-m8-mldim{opacity:1}
html.icg-m8.icg-m8-ml .icg-m8-mlsheet{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;max-height:calc(100% - env(safe-area-inset-top,0px) - 12px);padding:0 12px;
  border-radius:28px 28px 0 0;background:#141414;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -20px 40px -20px rgba(0,0,0,.9);
  transform:translateY(100%);transition:transform .36s cubic-bezier(.2,.8,.2,1);touch-action:none;outline:none;color:#ddd}
html.icg-m8.icg-m8-ml .icg-m8-lade.is-show .icg-m8-mlsheet{transform:none}
html.icg-m8.icg-m8-ml .icg-m8-mlsheet.is-drag{transition:none}
html.icg-m8.icg-m8-ml .icg-m8-mlsheet.is-scroll{touch-action:auto}
html.icg-m8.icg-m8-ml .icg-m8-mlsheet.is-scroll .icg-m8-mlgrab{touch-action:none}
html.icg-m8.icg-m8-ml .icg-m8-mlgrab{display:block;flex:none;width:100%;height:22px;margin:0;padding:0;border:0;background:none;cursor:grab;-webkit-appearance:none;appearance:none}
html.icg-m8.icg-m8-ml .icg-m8-mlgrab i{display:block;width:38px;height:5px;margin:8px auto 0;border-radius:3px;background:#3a3a3a}
html.icg-m8.icg-m8-ml .icg-m8-mlin{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}
html.icg-m8.icg-m8-ml .icg-m8-mlin::-webkit-scrollbar{display:none}
html.icg-m8.icg-m8-ml .icg-m8-mlhd{margin:2px 2px 10px;color:#a3a3a3;font:700 10.5px/1.2 system-ui,-apple-system,"SF Pro Text",sans-serif;letter-spacing:.12em;text-transform:uppercase}
html.icg-m8.icg-m8-ml .icg-m8-mlsq{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
html.icg-m8.icg-m8-ml .icg-m8-mltile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;height:72px;padding:0 2px;border-radius:18px;background:#1e1e1e;color:#cfcfcf;
  font:600 10.5px/1.1 system-ui,-apple-system,"SF Pro Text",sans-serif;text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
html.icg-m8.icg-m8-ml .icg-m8-mltile svg{width:22px;height:22px;flex:none}
html.icg-m8.icg-m8-ml .icg-m8-mltile span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.icg-m8.icg-m8-ml .icg-m8-mltile.on{background:rgba(238,148,65,.14);color:#fff;box-shadow:inset 0 0 0 1px rgba(238,148,65,.45)}
html.icg-m8.icg-m8-ml .icg-m8-mltile.on svg{color:var(--m8-acc)}
html.icg-m8.icg-m8-ml .icg-m8-mllist{display:flex;flex-direction:column;gap:6px;margin-top:10px}
html.icg-m8.icg-m8-ml .icg-m8-mlrow{display:flex;align-items:center;gap:11px;width:100%;min-height:46px;margin:0;padding:0 13px;border:0;border-radius:14px;background:#1b1b1b;color:#ddd;text-align:left;
  font:500 13px/1.2 system-ui,-apple-system,"SF Pro Text",sans-serif;text-decoration:none;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}
html.icg-m8.icg-m8-ml .icg-m8-mlrow[hidden]{display:none}
html.icg-m8.icg-m8-ml .icg-m8-mlrow.is-static{cursor:default;padding-top:4px;padding-bottom:4px}
html.icg-m8.icg-m8-ml .icg-m8-mlic{display:grid;place-items:center;flex:none;width:22px;height:22px;color:var(--m8-acc)}
html.icg-m8.icg-m8-ml .icg-m8-mlic svg{width:20px;height:20px}
html.icg-m8.icg-m8-ml .icg-m8-mlic img{display:block;width:22px;height:22px;border-radius:6px;object-fit:cover}
html.icg-m8.icg-m8-ml .icg-m8-mlrt{flex:1 1 auto;min-width:0}
html.icg-m8.icg-m8-ml .icg-m8-mlchev{flex:none;margin-left:auto;color:#666;display:grid;place-items:center}
html.icg-m8.icg-m8-ml .icg-m8-mlchev svg{width:18px;height:18px}
html.icg-m8.icg-m8-ml .icg-m8-mlrow.is-static .icg-m8-mlrt{flex:0 0 auto}
html.icg-m8.icg-m8-ml .icg-m8-mllang{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;margin-left:auto;max-width:100%;padding:3px;gap:2px;background:var(--m8-s1);border:1px solid var(--m8-line2);border-radius:22px}
html.icg-m8.icg-m8-ml .icg-m8-mllang a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;min-width:44px;padding:0 8px;border-radius:999px;color:var(--m8-mut);font-weight:600;font-size:13px;text-decoration:none;white-space:nowrap;position:relative}
html.icg-m8.icg-m8-ml .icg-m8-mllang a::before{content:"";position:absolute;inset:-4px -1px}
html.icg-m8.icg-m8-ml .icg-m8-mllang a[aria-current="true"]{background:var(--m8-s3);color:var(--m8-text);box-shadow:inset 0 0 0 1px var(--m8-line2)}
html.icg-m8.icg-m8-ml .icg-m8-mltile.icg-m8-pr,html.icg-m8.icg-m8-ml .icg-m8-mlrow.icg-m8-pr{opacity:.7}
html.icg-m8.icg-m8-ml .icg-m8-lade a:focus-visible,html.icg-m8.icg-m8-ml .icg-m8-lade button:focus-visible{outline:2px solid var(--m8-acct);outline-offset:-2px}
html.icg-m8.icg-m8-ml .icg-m8-mlbtn:focus-visible,html.icg-m8.icg-m8-ml .icg-m8-mlgo:focus-visible{outline:2px solid var(--m8-acct);outline-offset:2px}
/* wizard v2 en afrekenen: geen dock, geen lade (de bar is daar al verborgen/niet gebouwd) */
html.icg-m8.icg-m8-ml body:is(.icg-wiz2-active,:has(.icg-wiz2)) .icg-m8-lade{display:none!important}
}
@media (max-width:340px){html.icg-m8.icg-m8-ml .icg-m8-mltile{font-size:9.5px;letter-spacing:-.02em}}
@media (max-width:760px) and (prefers-reduced-motion:reduce){
html.icg-m8.icg-m8-ml .icg-m8-lade,html.icg-m8.icg-m8-ml .icg-m8-mldim,html.icg-m8.icg-m8-ml .icg-m8-mlsheet,html.icg-m8.icg-m8-ml .icg-m8-mlbtn,html.icg-m8.icg-m8-ml .icg-m8-mlgo{transition:none!important}
}
/* /v8.18 menu + lade (preview) */

/* v8.20 zijmenu variant A "Pillen" (overrides op sectie 2; alleen .icg-m8-drawer) */
@media (max-width:760px){
html.icg-m8 .icg-m8-drawer .icg-m8-drhead{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:2px 0 6px}
html.icg-m8 .icg-m8-drawer .icg-m8-drbrand{display:flex;align-items:center;text-align:left}
html.icg-m8 .icg-m8-drawer .icg-m8-drbrand img{height:30px;width:auto;display:block}
html.icg-m8 .icg-m8-drawer .icg-m8-drclose{position:static;flex:none;width:40px;height:40px;border:0;background:var(--m8-s3);color:var(--m8-text)}
html.icg-m8 .icg-m8-drawer .icg-m8-group{background:none;border:0;border-radius:0;box-shadow:none;overflow:visible;margin-top:0}
html.icg-m8 .icg-m8-drawer .icg-m8-glab{margin:18px 14px 6px;font:650 10.5px/1.3 system-ui,-apple-system,"SF Pro Text","Segoe UI",Roboto,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--m8-mut)}
html.icg-m8 .icg-m8-drawer .icg-m8-row{gap:12px;min-height:44px;padding:0 14px;border-radius:999px;font-size:15px;font-weight:550;line-height:1.3;color:var(--m8-text)}
html.icg-m8 .icg-m8-drawer .icg-m8-row+.icg-m8-row::before{display:none}
html.icg-m8 .icg-m8-drawer .icg-m8-lead{width:18px;height:18px;border-radius:0;background:none;color:var(--m8-mut)}
html.icg-m8 .icg-m8-drawer .icg-m8-row[aria-current="page"]{background:var(--m8-acc);color:var(--m8-ink);font-weight:600}
html.icg-m8 .icg-m8-drawer .icg-m8-row[aria-current="page"] .icg-m8-rt{color:var(--m8-ink)}
html.icg-m8 .icg-m8-drawer .icg-m8-row[aria-current="page"] .icg-m8-lead{color:var(--m8-ink)}
html.icg-m8 .icg-m8-drawer a.icg-m8-row:active,html.icg-m8 .icg-m8-drawer button.icg-m8-row:active,html.icg-m8 .icg-m8-drawer .icg-m8-row.icg-m8-pr{background:var(--m8-s3)}
html.icg-m8 .icg-m8-drawer .icg-m8-row[aria-current="page"]:active,html.icg-m8 .icg-m8-drawer .icg-m8-row[aria-current="page"].icg-m8-pr{background:var(--m8-acc)}
html.icg-m8 .icg-m8-drawer .icg-m8-lang{margin:0 14px}
html.icg-m8 .icg-m8-drawer .icg-m8-drcta{display:flex;align-items:center;justify-content:center;width:100%;height:48px;margin-top:22px;border-radius:999px;border:0;background:var(--m8-acc);color:var(--m8-ink);
  font:650 15px/1 system-ui,-apple-system,"SF Pro Text","Segoe UI",Roboto,sans-serif;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 6px 16px -8px rgba(238,148,65,.6);-webkit-tap-highlight-color:transparent}
html.icg-m8 .icg-m8-drawer .icg-m8-drcta:active{filter:brightness(.92)}
html.icg-m8 .icg-m8-drawer .icg-m8-legal{margin:14px 0 0;text-align:center;font-size:13px;line-height:1.4;color:var(--m8-mut)}
html.icg-m8 .icg-m8-drawer .icg-m8-legal a{color:var(--m8-mut);text-decoration:none;padding:6px 2px}
html.icg-m8 .icg-m8-drawer .icg-m8-note{margin-top:8px}
}
/* /v8.20 zijmenu variant A */

/* v8.21 dock dicht + vervaging erachter: inhoud schuift netjes weg onder Menu + Graden (alleen menu + lade) */
@media (max-width:760px){
html.icg-m8.icg-m8-ml .icg-m8-dock{background:#1a1a1a}
html.icg-m8.icg-m8-ml .icg-m8-mlbtn{background:#2a2a2a}
html.icg-m8.icg-m8-ml .icg-m8-bar::before{content:"";position:absolute;left:-10px;right:-10px;bottom:calc(-16px - env(safe-area-inset-bottom,0px));height:calc(104px + env(safe-area-inset-bottom,0px));
  background:linear-gradient(to bottom,rgba(10,10,10,0),rgba(10,10,10,.9) 60%);pointer-events:none;z-index:-1}
}