/* =========================================================================
   Vervuld-band — Delistaff.com (netwerkbreed). Toont vervulde plaatsingen
   over ALLE lokale jobboards samen, met stadslabel + branche (geanonimiseerd).
   Donkere Delistaff-stijl. Marquee via JS (vervuld-band.js).
   ========================================================================= */
.vb-sec{
  background:
    radial-gradient(900px 520px at 84% -20%, rgba(64,223,165,.16), transparent 60%),
    linear-gradient(160deg,#16201b 0%, #101311 70%);
  color:#fff;padding:60px 0 64px;overflow:hidden;
}
.vb-head{max-width:1440px;margin:0 auto 28px;padding:0 32px;display:flex;
  align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.vb-eyebrow{display:inline-flex;align-items:center;gap:11px;font-weight:700;
  letter-spacing:.16em;font-size:13px;color:#40dfa5;text-transform:uppercase;}
.vb-eyebrow .d{width:10px;height:10px;border-radius:50%;background:#40dfa5;
  box-shadow:0 0 0 5px rgba(64,223,165,.18);}
.vb-head h2{font-size:clamp(26px,3.4vw,40px);font-weight:800;line-height:1.04;
  margin-top:12px;letter-spacing:-.03em;}
.vb-head h2 em{font-style:normal;color:#40dfa5;}
.vb-head .vb-sub{font-size:15px;font-weight:500;color:rgba(255,255,255,.6);text-align:right;max-width:320px;}

.vb-track{position:relative;}
.vb-track::before,.vb-track::after{content:"";position:absolute;top:0;bottom:0;width:90px;z-index:3;pointer-events:none;}
.vb-track::before{left:0;background:linear-gradient(90deg,#101311,transparent);}
.vb-track::after{right:0;background:linear-gradient(270deg,#101311,transparent);}

.vb-row{display:flex;width:max-content;gap:20px;}

.vb-card{position:relative;flex:none;width:330px;min-height:150px;border-radius:20px;
  background:#fff;color:#0e1a14;padding:22px 24px;overflow:hidden;
  box-shadow:0 22px 44px -24px rgba(0,0,0,.6);display:flex;flex-direction:column;
  justify-content:space-between;gap:12px;}
.vb-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:#00A45F;}
.vb-card .vb-pin{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:12.5px;
  color:#0c7d4a;text-transform:uppercase;letter-spacing:.05em;}
.vb-card .vb-pin svg{width:14px;height:14px;}
.vb-card h3{font-size:21px;font-weight:800;line-height:1.15;color:#10231a;max-width:90%;}
.vb-card .vb-emp{font-size:14.5px;font-weight:600;color:#5a6b62;}
.vb-card .vb-lbl{display:block;font-size:10.5px;font-weight:800;letter-spacing:.12em;
  text-transform:uppercase;color:#9aa6a0;margin-bottom:2px;}
.vb-card .vb-tag{position:absolute;top:22px;right:24px;font-size:11px;font-weight:800;
  letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#00A45F;
  padding:5px 11px;border-radius:999px;}
.vb-card .vb-stamp{position:absolute;right:-4px;bottom:14px;transform:rotate(-8deg);
  font-weight:800;font-size:17px;letter-spacing:.06em;color:#d8372a;border:3px solid #d8372a;
  border-radius:9px;padding:4px 12px;text-transform:uppercase;background:rgba(216,55,42,.06);opacity:.92;}
.vb-card .vb-stamp::after{content:"✓";margin-left:7px;}

@media (max-width:680px){
  .vb-sec{padding:44px 0 48px;}
  .vb-head .vb-sub{display:none;}
  .vb-card{width:280px;min-height:132px;padding:18px 20px;}
  .vb-card h3{font-size:18px;}
}
@media (prefers-reduced-motion:reduce){ .vb-track{overflow-x:auto;} }