:root{
  --pinkbg-100:#fbecf5;
  --pinkbg-200:#fbdbe7;
  --pinkbg-300:#f8c5da;
  --pinkbg-deep:#f6a7ca;
  --lilac:#eae5f6;
  --lilac-2:#d7daf5;

  --panel:#fdffff;
  --panel-50:#fff3f6;
  --panel-2:#fce9f2;

  --accent:#ee5097;
  --accent-deep:#e12d7c;
  --salmon:#fc5b76;
  --salmon-2:#fc4b63;
  --sun:#fa783e;
  --sun-2:#f56c23;
  --heart:#ff4c5d;
  --peri:#c7cdf0;

  --foreground:#2a2630;
  --foreground-50:#6a6574;
  --quiet:#9b91a1;
  --edge:#f2dae5;

  --invert:#fdffff;
  --white:#fdffff;
  --success:#2eb068;
  --edge-50:rgba(253,255,255,.91);
  --panel-surface:rgba(253,255,255,.9);
  --shroud:rgba(42,38,48,.51);
  --ft-surface:#2a2630;
  --ft:#d9d3db;
  --ft-2:#fdffff;
  --ft-50:#aba0af;
  --ft-edge:rgba(253,255,255,.1);

  --r-sm:14px;
  --r-md:20px;
  --r-lg:28px;
  --r-xl:36px;
  --r-pill:999px;

  --shadow-sm:0 6px 16px -8px rgba(238,80,151,.36);
  --shadow-md:0 18px 38px -18px rgba(238,80,151,.4);
  --shadow-lg:0 30px 60px -24px rgba(225,45,124,.44);

  --heading:"Trebuchet MS","Segoe UI",system-ui,-apple-system,"Helvetica Neue",sans-serif;
  --ff:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;

  --shell:1200px;
  --inset:24px;
  --block-y:clamp(56px,7vw,104px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--ff);margin:0;background:
    radial-gradient(1200px 700px at 85% -8%, var(--pinkbg-300) 0%, transparent 55%),
    radial-gradient(900px 600px at -10% 8%, var(--lilac) 0%, transparent 55%),
    linear-gradient(180deg, var(--pinkbg-100) 0%, var(--panel-50) 40%, var(--pinkbg-100) 100%);line-height:1.6;
  -webkit-font-smoothing:antialiased;
  background-attachment:fixed;color:var(--foreground);
}
img{max-width:100%;display:block}
.locatie-panel{box-shadow:var(--shadow-md);background:var(--lilac);border-radius:var(--r-lg);border:1px solid var(--edge-50);position:relative;aspect-ratio:4/3;overflow:hidden}
.locatie-panel.locatie-defer{cursor:pointer}
.locatie-placeholder{place-items:center;background:linear-gradient(160deg,var(--lilac-2),var(--panel-2));position:absolute;display:grid;inset:0;padding:20px;gap:10px;text-align:center}
.locatie-placeholder p{color:var(--foreground);font-weight:700}
.locatie-locator{filter:drop-shadow(0 10px 12px rgba(252,75,99,.51));color:var(--salmon)}
.locatie-locator svg{width:40px;fill:currentColor;height:40px;stroke:none}
.locatie-panel iframe{border:0;height:100%;inset:0;position:absolute;width:100%}
.locatie-panel.is-on .locatie-placeholder{display:none}
.colofon-row{display:grid;gap:40px;grid-template-columns:1.6fr 1fr 1fr}
.colofon-merk{align-items:center;font-family:var(--heading);margin-bottom:12px;gap:10px;font-weight:800;font-size:1.2rem;display:flex;color:var(--ft-2)}
.colofon-side>p:not(.colofon-naam){color:var(--ft-50);max-width:34ch;font-size:.94rem}
.colofon-naam{font-size:1rem;font-weight:800;color:var(--ft-2);margin-bottom:14px}
.colofon-menu{font-size:.94rem;display:grid;gap:10px}
ul{margin:0;padding:0;list-style:none}
:focus-visible{border-radius:6px;outline:3px solid var(--accent);outline-offset:2px}
button{font-family:inherit}
.accent{background:linear-gradient(92deg,var(--accent),var(--salmon) 60%,var(--sun));-webkit-background-clip:text;color:transparent;background-clip:text}
.pad{flex-wrap:wrap;gap:6px;color:var(--quiet);display:flex;margin-bottom:14px;font-size:.86rem;justify-content:flex-start}
figure{margin:0}

.gebruikers-row{gap:22px;display:grid;grid-template-columns:repeat(4,1fr)}
.nav-overlay{position:fixed;background:var(--shroud);inset:0;transition:opacity .3s ease;z-index:1090;opacity:0;visibility:hidden}
.nav-overlay.open{visibility:visible;opacity:1}

.view-voorpagina{padding-block:clamp(40px,6vw,80px) 20px}
.view-voorpagina h1{font-size:clamp(2rem,4.4vw,3.4rem);font-weight:800}
.view-voorpagina p{font-size:1.08rem;color:var(--foreground-50);margin:16px auto 0}
.ic-full svg{stroke:none;fill:currentColor}
.bullet{font-size:.6rem;line-height:1;color:var(--success)}
::selection{background:rgba(238,80,151,.2)}

.invoer{box-shadow:var(--shadow-md);border-radius:var(--r-lg);padding:clamp(24px,3vw,40px);border:1px solid var(--edge-50);background:var(--panel)}
.invoer-cell{display:grid;margin-bottom:18px;gap:7px}
.invoer-cell label{font-weight:700;font-size:.92rem}
.heading-2{font-size:clamp(1.9rem,3.6vw,3rem);font-weight:800}

.burger{padding:6px;flex-direction:column;z-index:1105;border:none;display:none;cursor:pointer;gap:5px;background:none}
.burger span{width:26px;height:3px;background:var(--foreground);border-radius:2px;transition:transform .3s ease,opacity .3s ease;display:block}
.burger.open span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}

.lees-zone h1{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800}
.lees-zone h2{font-size:1.35rem;font-weight:800;color:var(--accent-deep);margin-top:34px}
.lees-zone p{font-size:1.04rem;color:var(--foreground-50);margin-top:14px}
.lees-zone p a{font-weight:600}
.lees-zone ul{margin-top:14px;gap:10px;display:grid}
.lees-zone li{position:relative;color:var(--foreground-50);padding-left:24px}
.lees-zone li::before{left:0;width:10px;content:"";background:var(--salmon);border-radius:50%;height:10px;top:.5em;position:absolute}
.lees-hulp>.container>h2{margin-bottom:28px;text-align:center}

.feiten{align-items:start;display:grid;gap:clamp(28px,4vw,48px);grid-template-columns:1.2fr 1fr}
.feiten-facts{grid-template-columns:1fr 1fr;gap:16px;display:grid}
.slot{display:flex;justify-content:space-between;font-size:.9rem;gap:12px;color:var(--foreground-50)}

.zweef-cta{background:var(--panel);width:300px;right:22px;max-width:calc(100vw - 44px);box-shadow:var(--shadow-lg);border-radius:var(--r-lg);bottom:22px;z-index:80;border:1px solid var(--edge-50);position:fixed;padding:20px}
.zweef-x{border-radius:50%;display:grid;cursor:pointer;border:none;background:var(--panel-2);height:28px;width:28px;top:12px;right:12px;padding:0;color:var(--foreground-50);position:absolute;line-height:1;font-size:1.1rem;place-items:center}
.zweef-x:hover{background:var(--accent);color:var(--invert)}
.zweef-naam{font-family:var(--heading);padding-right:26px;font-weight:800;font-size:1.04rem}
.zweef-alinea{color:var(--foreground-50);font-size:.86rem;margin-top:4px;margin-bottom:14px}
.zweef-trigger{display:none;height:60px;align-items:center;color:var(--invert);background:linear-gradient(135deg,var(--accent),var(--salmon));justify-content:center;box-shadow:var(--shadow-lg);cursor:pointer;right:22px;bottom:22px;position:fixed;z-index:80;width:60px;border-radius:50%;border:none}
.zweef-trigger svg{height:26px;stroke:none;fill:currentColor;width:26px}
.fact{padding:14px 16px;border-radius:var(--r-md);background:var(--panel);align-items:center;display:flex;box-shadow:var(--shadow-sm);border:1px solid var(--edge-50);gap:12px}
.fact-ic{width:40px;place-items:center;flex:none;height:40px;color:var(--accent);background:var(--panel-2);border-radius:12px;display:grid}
.fact-ic svg{height:18px;width:18px}
.fact-alinea dt{letter-spacing:.05em;color:var(--quiet);font-size:.78rem;text-transform:uppercase}
.fact-alinea dd{font-family:var(--heading);margin:2px 0 0;font-weight:800;font-size:.98rem}
.hulp-cell{background:var(--panel);border-radius:var(--r-md);border:1px solid var(--edge);box-shadow:var(--shadow-sm);margin-bottom:14px;overflow:hidden}
.hulp-cell summary{font-family:var(--heading);display:flex;color:var(--foreground);gap:16px;font-weight:800;align-items:center;font-size:1.05rem;justify-content:space-between;list-style:none;cursor:pointer;padding:20px 22px}
.hulp-cell summary::-webkit-details-marker{display:none}
.hulp-cell summary::after{width:30px;content:"+";flex:none;display:grid;font-size:1.2rem;background:var(--panel-2);height:30px;place-items:center;border-radius:50%;color:var(--accent);transition:transform .25s ease}
.hulp-cell[open] summary::after{transform:rotate(45deg);background:var(--accent);color:var(--invert)}
.hulp-ans{color:var(--foreground-50);padding:0 22px 20px}
.rights{border-top:1px solid var(--ft-edge);font-size:.86rem;color:var(--ft-50);padding-top:22px;margin-top:34px}
.zone{padding-block:var(--block-y)}
.zone--second{background:var(--panel-2)}
.council-naam{font-family:var(--heading);font-weight:800;margin-bottom:14px}
.council-entry{align-items:flex-start;display:flex;margin-top:10px;font-size:.94rem;color:var(--foreground-50);gap:10px}
.council-entry .locator{flex:none;color:var(--accent)}
.council-entry .locator svg{width:16px;height:16px}
.gebruiker-video-play{padding-left:6px;background:rgba(1,1,1,.51);top:50%;box-shadow:var(--shadow-md);display:grid;position:absolute;font-size:1.9rem;border-radius:50%;line-height:1;border:none;left:50%;cursor:pointer;width:78px;transform:translate(-50%,-50%);z-index:3;height:78px;transition:transform .15s ease,background .15s ease;color:#fdffff;place-items:center}
.gebruiker-video-play:hover{background:rgba(1,1,1,.68);transform:translate(-50%,-50%) scale(1.07)}
.gebruiker-sidebar{top:96px;position:sticky}
.gebruiker-intro{flex-wrap:wrap;margin-top:14px;gap:12px;display:flex;align-items:center}
.gebruiker-intro .chip-tag{flex:none}
.gebruiker-lokaas{font-family:var(--heading);line-height:1.1;font-weight:800;font-size:clamp(1.7rem,3.2vw,2.3rem)}
.gebruiker-lokaas span{font-weight:600;font-size:.62em;color:var(--quiet)}
.gebruiker-klein{margin-top:10px;font-size:1.02rem;color:var(--foreground-50);align-items:center;display:flex;gap:7px}
.gebruiker-klein .locator svg{height:18px;width:18px;color:var(--accent)}
.gebruiker-klein a{color:var(--accent-deep);border-bottom:1px solid transparent;transition:border-color .15s ease;font-weight:600;text-decoration:none}
.gebruiker-klein a:hover{border-bottom-color:currentColor}
.gebruiker-facts{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}
.gebruiker-sidebar .lokaas{margin-top:18px}
.gebruiker-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.troeven-list{gap:10px;margin-top:14px;display:grid}
.troeven-list li{color:var(--foreground);padding-left:24px;position:relative}
.troeven-list li::before{background:var(--salmon);position:absolute;content:"";height:10px;width:10px;left:0;border-radius:50%;top:.5em}
.nav-entry{transition:background .18s,color .18s;font-weight:600;font-size:.96rem;color:var(--foreground);padding:9px 14px;border-radius:var(--r-pill)}
.nav-entry:hover{background:var(--panel-2);color:var(--accent-deep)}
.nav-ster{color:var(--foreground);position:relative;display:inline-flex;background:none;font-weight:600;transition:background .18s ease,color .18s ease;border:none;font-size:.96rem;padding:9px 12px;text-decoration:none;gap:7px;border-radius:var(--r-pill);align-items:center;cursor:pointer}
.nav-ster:hover{background:var(--panel-2);color:var(--accent-deep)}
.nav-ster svg{width:20px;height:20px;color:var(--accent)}
.nav-ster:hover svg{color:var(--accent-deep)}
.nav-ster__alinea{white-space:nowrap}
.nav-ster .messenger-chip{top:auto;position:static;right:auto}
.nav-ster-mob{display:flex;padding:14px 2px;text-align:left;width:100%;cursor:pointer;gap:9px;font-weight:600;background:none;align-items:center;border:none;font-size:15px;border-bottom:1px solid var(--edge);text-decoration:none;color:var(--foreground)}
.nav-ster-mob:hover{color:var(--accent-deep)}
.nav-ster-mob svg{height:18px;color:var(--accent);width:18px}
.video-frame{background:#010101;pointer-events:none;height:100%;width:100%;display:block;object-fit:cover}
.video-bullet{font-size:.64rem;pointer-events:none;background:rgba(1,1,1,.53);padding-left:2px;display:grid;box-shadow:var(--shadow-sm);width:28px;position:absolute;height:28px;transform:translate(-50%,-50%);top:50%;line-height:1;place-items:center;left:50%;color:#fdffff;border-radius:50%}
.video-chip{position:absolute;bottom:12px;background:rgba(1,1,1,.61);box-shadow:var(--shadow-sm);color:#fdffff;z-index:2;font-weight:700;letter-spacing:.02em;display:inline-flex;left:12px;border-radius:var(--r-pill);gap:4px;padding:5px 9px;font-size:.7rem;align-items:center}
.feiten-council{border-radius:var(--r-lg);border:1px solid var(--edge-50);padding:24px;box-shadow:var(--shadow-md);background:var(--panel)}
.main-nav{margin-left:auto;gap:8px;display:flex;align-items:center}

.lees{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px);align-items:center}
.lees__alinea>p:not(.topline){margin-top:16px;font-size:1.04rem;color:var(--foreground-50)}
.lees__slogan{color:var(--accent-deep);font-family:var(--heading);font-size:1.1rem;font-weight:800;margin-top:22px}
.lees-zone .pad{display:flex}.lees-zone .pad li{padding-left:0}.lees-zone .pad li::before{display:none}
.lees__alinea .btn{margin-top:26px}
.invoer-klein{font-weight:700}
.invoer-klein--full{color:var(--success)}
.invoer-klein--off{color:var(--accent-deep)}
.head-zone{max-width:640px;text-align:center;margin:0 auto 44px}

.invoer-holder{max-width:640px}
.invoer-placeholder{width:1px;left:-9999px;height:1px;overflow:hidden;position:absolute}
svg{display:block}

.site-colofon{color:var(--ft);background:var(--ft-surface)}
.site-colofon .container{padding-block:56px 22px}
.site-colofon a{color:var(--ft)}
.site-colofon a:hover{color:var(--ft-2)}
.pad a:hover{color:var(--accent-deep)}

.btn{
  display:inline-flex;gap:9px;font-weight:700;border:1.5px solid transparent;
  justify-content:center;white-space:nowrap;text-align:center;font-size:1rem;
  cursor:pointer;border-radius:var(--r-pill);padding:14px 26px;align-items:center;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease;
}
.btn svg{width:18px;height:18px}
.btn--sm{padding:10px 18px;font-size:.9rem}
.btn--big{font-size:1.06rem;padding:17px 32px}
.btn--full{width:100%}
.btn--primary{box-shadow:0 14px 26px -12px rgba(252,75,99,.73);background:linear-gradient(95deg,var(--sun),var(--salmon) 55%,var(--accent));color:var(--invert)}
.btn--primary:hover{transform:translateY(-2px);color:var(--invert);box-shadow:0 20px 34px -12px rgba(252,75,99,.83)}
.btn--light{background:var(--panel);color:var(--accent);border-color:var(--edge)}
.btn--light:hover{transform:translateY(-2px);color:var(--accent-deep);background:var(--panel-2)}
.btn--clear{color:var(--accent-deep);background:var(--white)}
.btn--clear:hover{box-shadow:var(--shadow-md);color:var(--accent-deep);transform:translateY(-2px)}

.site-titelbalk{position:sticky;z-index:60;border-bottom:1px solid var(--edge);background:var(--panel);top:0}
.site-titelbalk__core{padding-block:12px;display:flex;gap:20px;min-height:74px;align-items:center;justify-content:space-between}

.container{padding-inline:var(--inset);margin-inline:auto;max-width:var(--shell)}
.pad li:not(:last-child)::after{color:var(--quiet);content:"\00203a";margin-left:6px}
.pad a{color:var(--foreground-50)}
h1,h2,h3,h4{color:var(--foreground);font-family:var(--heading);line-height:1.12;margin:0;letter-spacing:-.01em}
.merk,.nav-entry,.sidebar-mob a,.btn,.pad a,.site-colofon a,.nabijheid-menu a,.gebruiker__messenger{text-decoration:none}
.input-entry{grid-template-columns:1fr 1fr;gap:18px;display:grid}
.input{color:var(--foreground);border-radius:var(--r-sm);transition:border-color .16s,box-shadow .16s;font-family:inherit;padding:13px 16px;border:1.5px solid var(--edge);background:var(--panel-50);font-size:1rem;width:100%}
.input:focus{outline:none;box-shadow:0 0 0 3px rgba(238,80,151,.16);border-color:var(--accent)}
textarea.input{min-height:140px;resize:vertical}
.times{display:grid;margin-top:10px;gap:4px}
.sidebar-mob{padding:84px 22px 22px;top:0;box-shadow:-6px 0 30px rgba(42,38,48,.22);height:100vh;height:100dvh;z-index:1100;background:var(--panel);max-width:320px;position:fixed;right:-100%;width:80%;transition:right .3s ease;overflow-y:auto}
.sidebar-mob.open{right:0}
.sidebar-mob nav{flex-direction:column;display:flex}
.sidebar-mob a:not(.btn){font-weight:600;padding:14px 2px;color:var(--foreground);font-size:15px;border-bottom:1px solid var(--edge)}
.sidebar-mob a:not(.btn):hover{color:var(--accent-deep)}
.sidebar-mob a.btn{margin-top:22px}
.topline{color:var(--accent);margin-bottom:10px;font-weight:800;letter-spacing:.1em;font-size:.8rem;text-transform:uppercase}

.cta__box{align-items:center;box-shadow:var(--shadow-lg);overflow:hidden;position:relative;border-radius:var(--r-xl);display:flex;gap:30px;background:linear-gradient(100deg,var(--accent-deep),var(--salmon) 60%,var(--sun));padding:clamp(38px,5vw,64px);justify-content:space-between;color:var(--invert);flex-wrap:wrap}
.cta__blob{background:rgba(253,255,255,.11);height:320px;right:-90px;border-radius:50%;position:absolute;width:320px;top:-120px}
.cta__alinea{position:relative;z-index:2}
.cta__alinea h2{max-width:16ch;color:var(--invert)}
.cta__alinea p{margin-top:10px;color:rgba(253,255,255,.9);max-width:46ch}
.cta__box .btn{position:relative;z-index:2}

.messenger-chip{padding:0 6px;display:grid;min-width:22px;line-height:1;font-size:.72rem;border-radius:var(--r-pill);top:-3px;background:var(--heart);border:2px solid var(--panel);font-weight:800;position:absolute;color:var(--invert);box-shadow:var(--shadow-sm);place-items:center;right:-3px;height:22px}
.messenger-chip[hidden]{display:none}

.placeholder{padding-block:clamp(60px,10vw,140px);text-align:center}
.placeholder__num{line-height:.9;font-family:var(--heading);font-weight:800;font-size:clamp(6rem,20vw,13rem)}
.placeholder__block{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:30px}

.vinder-invoer{padding:12px;box-shadow:var(--shadow-md);background:var(--panel);gap:12px;display:flex;margin:0 auto;border-radius:var(--r-pill);border:1px solid var(--edge-50)}
.vinder-invoer .input{background:transparent;border:none;box-shadow:none;font-size:1.06rem}
.vinder-invoer .input:focus{box-shadow:none}
.vinder-invoer+.nabijheid{margin-top:40px}

.nabijheid{flex-direction:column;gap:32px;display:flex}
.nabijheid-block h2{color:var(--foreground);font-size:1.15rem;margin-bottom:16px;font-weight:800}
.nabijheid-menu{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.nabijheid-menu a{align-items:center;font-size:.92rem;gap:10px;justify-content:space-between;font-weight:600;transition:transform .14s,box-shadow .14s,color .14s;border:1px solid var(--edge);padding:13px 16px;color:var(--foreground);background:var(--panel);display:flex;box-shadow:var(--shadow-sm);border-radius:var(--r-md)}
.nabijheid-menu a:hover{transform:translateY(-3px);color:var(--accent-deep);box-shadow:var(--shadow-md)}
.nabijheid-menu a .locator{display:grid;color:var(--accent);place-items:center;flex:none}
.nabijheid-menu a .locator svg{width:16px;height:16px}
.gebruiker__ster{place-items:center;box-shadow:var(--shadow-sm);cursor:pointer;z-index:2;display:grid;background:var(--panel-surface);color:var(--salmon);top:12px;height:36px;width:36px;border-radius:50%;transition:transform .16s,background .16s,color .16s;border:none;right:12px;position:absolute}
.gebruiker__ster svg{width:18px;height:18px}
.gebruiker__ster:hover{transform:scale(1.08)}
.gebruiker__ster.full{background:var(--salmon);color:var(--invert)}
.gebruiker__ster.full svg{fill:currentColor}
.gebruiker-frame__ster{top:14px;width:46px;height:46px;right:14px}
.gebruiker-frame__ster svg{width:21px;height:21px}
.gebruiker__core{padding:16px 18px}
.gebruiker__naam{font-family:var(--heading);font-weight:800;font-size:1.12rem}
.gebruiker__naam a{text-decoration:none;color:inherit;outline-offset:3px}
.gebruiker__naam a::after{position:absolute;inset:0;content:"";z-index:1}
.gebruiker__naam span{font-weight:600;color:var(--quiet)}
.gebruiker__place{font-size:.88rem;margin-top:4px;gap:6px;display:flex;align-items:center;color:var(--foreground-50)}
.gebruiker__place .locator svg{color:var(--accent);height:14px;width:14px}
.gebruiker__messenger{box-shadow:var(--shadow-sm);color:var(--invert);font-weight:700;width:100%;padding:9px 14px;display:inline-flex;background:linear-gradient(135deg,var(--accent),var(--salmon));gap:7px;z-index:2;align-items:center;margin-top:12px;transition:transform .16s ease,box-shadow .16s ease;font-size:.9rem;justify-content:center;border-radius:var(--r-pill);position:relative}
.gebruiker__messenger svg{width:16px;height:16px}
.gebruiker__messenger:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}
.gebruiker-row{margin-top:22px;align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;gap:clamp(24px,4vw,52px)}
.gebruiker-side{min-width:0}
.gebruiker-frame{background:linear-gradient(160deg,var(--pinkbg-200),var(--lilac-2));border-radius:var(--r-lg);position:relative;box-shadow:var(--shadow-md);margin:0;overflow:hidden}
.gebruiker-frame img{height:auto;width:100%;display:block;aspect-ratio:4/5;object-fit:cover}
.gebruiker-pager{color:var(--accent-deep);background:var(--panel-surface);transition:transform .15s ease,background .15s ease;box-shadow:var(--shadow-md);border-radius:50%;position:absolute;display:grid;place-items:center;height:44px;z-index:2;width:44px;top:50%;cursor:pointer;transform:translateY(-50%);border:none}
.gebruiker-pager:hover{transform:translateY(-50%) scale(1.07);background:var(--panel-surface)}
.gebruiker-pager svg{height:22px;width:22px}
.gebruiker-prev{left:12px}
.gebruiker-next{right:12px}
.gebruiker-track{flex-wrap:wrap;gap:10px;display:flex;margin-top:12px}
.gebruiker-cell{transition:transform .15s ease,border-color .15s ease;border:2px solid transparent;background:var(--panel-2);aspect-ratio:3/4;width:72px;box-shadow:var(--shadow-sm);border-radius:var(--r-sm);flex:0 0 auto;cursor:pointer;overflow:hidden;padding:0}
.gebruiker-cell img{object-fit:cover;width:100%;display:block;height:100%}
.gebruiker-cell:hover{transform:translateY(-2px)}
.gebruiker-cell.full{border-color:var(--accent)}
.gebruiker-side [hidden]{display:none!important}
.gebruiker-video{width:100%;height:auto;object-fit:contain;background:#010101;max-height:70vh;display:block}
.gebruiker-cell--video{position:relative}
.lokaas{font-size:1.06rem;margin-top:14px;color:var(--foreground-50)}
.gebruiker-panel{transition:transform .2s ease,box-shadow .2s ease;position:relative;box-shadow:var(--shadow-md);background:var(--panel);border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--edge-50)}
.gebruiker-panel:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.gebruiker__avatar{overflow:hidden;aspect-ratio:1/1;background:linear-gradient(160deg,var(--pinkbg-200),var(--lilac-2));position:relative}
.gebruiker__avatar img{height:100%;display:block;width:100%;object-fit:cover}
.gebruiker__chip{border-radius:var(--r-pill);gap:6px;top:12px;left:12px;display:inline-flex;position:absolute;padding:5px 10px;color:var(--success);box-shadow:var(--shadow-sm);background:var(--panel-surface);align-items:center;z-index:2;font-weight:700;font-size:.72rem}

.chip-tag{background:var(--panel);font-weight:700;font-size:.82rem;border:1px solid var(--edge);color:var(--accent);letter-spacing:.06em;border-radius:var(--r-pill);box-shadow:var(--shadow-sm);align-items:center;display:inline-flex;padding:8px 16px;gap:8px}
.chip-tag svg{color:var(--salmon);height:16px;width:16px}
p{margin:0}
.merk{font-family:var(--heading);display:flex;align-items:center;letter-spacing:-.02em;font-weight:800;font-size:1.28rem;gap:11px;color:var(--foreground)}
.merk:hover{color:var(--foreground)}
.merk__icon{flex-shrink:0;width:42px;box-shadow:0 8px 18px -8px rgba(238,80,151,.82);color:var(--invert);height:42px;display:inline-flex;background:linear-gradient(135deg,var(--accent),var(--salmon) 55%,var(--sun));align-items:center;border-radius:14px;justify-content:center}
.merk__icon svg{width:22px;height:22px}

@media (max-width:980px){
  .gebruikers-row{grid-template-columns:repeat(3,1fr)}
  .gebruiker-row{grid-template-columns:1fr}
  .gebruiker-frame{width:100%;max-width:380px;justify-self:start}
  .gebruiker-sidebar{position:static}
  .lees,.feiten{grid-template-columns:1fr}
  .colofon-row{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .main-nav{display:none}
  .burger{display:flex;position:fixed;top:22px;right:18px}
}
@media (min-width:861px){
  .sidebar-mob,.nav-overlay{display:none}
}
@media (max-width:600px){
  :root{--block-y:clamp(30px,7vw,48px)}
  .colofon-row,.input-entry{grid-template-columns:1fr}
  .gebruikers-row{grid-template-columns:repeat(2,1fr);gap:12px}
  .gebruiker__core{padding:16px 10px}
  .cta__box{flex-direction:column;align-items:stretch;padding:32px 24px}
  .cta__box .btn{width:100%;white-space:normal}
  .vinder-invoer{flex-direction:column;border-radius:var(--r-lg)}
  .vinder-invoer .btn{width:100%}
  .zone--gebruiker{padding-top:0}
  .gebruiker-frame img{aspect-ratio:1/1;max-height:46vh}
  .gebruiker-row{margin-top:0}
  .gebruiker-sidebar{display:flex;flex-direction:column;margin-top:14px}
  .gebruiker-intro{order:1;margin-top:0}
  .gebruiker-klein{order:2}
  .gebruiker-list{order:3;margin-top:16px;gap:10px}
  .gebruiker-list .btn{flex:1 1 auto}
  .gebruiker-track{display:none}
  .gebruiker-facts{order:4}
  .gebruiker-sidebar .lokaas{order:5}
  .feiten-facts{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
  .fact{padding:11px 12px;gap:8px;flex-direction:column;align-items:flex-start}
  .fact-ic{width:34px;height:34px}
  .fact-alinea{min-width:0}
  .fact-alinea dd{font-size:.92rem;overflow-wrap:anywhere}
}
