/* =========================================================================
   Onlangs vervuld — embedded band (homepage + werkgeverspagina).
   Eén doorlopende strook met "VERVULD"-kaarten, per stad gefilterd.
   Social proof: laat zien dat we écht mensen plaatsen. Niet klikbaar.
   ========================================================================= */
.vb-sec{
  background:
    radial-gradient(900px 500px at 82% -20%, rgba(0,164,95,.10), transparent 60%),
    linear-gradient(160deg,#f6f1e7 0%, #efe7d7 100%);
  color:#10231a;padding:54px 0 58px;overflow:hidden;
}
.vb-head{max-width:1200px;margin:0 auto 26px;padding:0 24px;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:800;
  letter-spacing:.14em;font-size:14px;color:var(--green-700,#0c7d4a);text-transform:uppercase;}
.vb-eyebrow .d{width:11px;height:11px;border-radius:50%;background:var(--amber,#F2B203);
  box-shadow:0 0 0 5px rgba(242,178,3,.18);}
.vb-head h2{font-size:30px;font-weight:800;line-height:1.12;margin-top:10px;letter-spacing:-.01em;}
.vb-head h2 em{font-style:normal;color:var(--green,#00A45F);}
.vb-head .vb-sub{font-size:15px;font-weight:600;color:#5a6b62;text-align:right;max-width:300px;}

.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,#efe7d7,transparent);}
.vb-track::after{right:0;background:linear-gradient(270deg,#efe7d7,transparent);}

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

.vb-card{position:relative;flex:none;width:340px;min-height:150px;border-radius:20px;
  background:#fff;color:#0e1a14;padding:22px 24px;overflow:hidden;
  box-shadow:0 18px 38px -26px rgba(12,58,38,.4);border:1px solid rgba(12,58,38,.07);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:var(--green,#00A45F);}
.vb-card .vb-pin{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:12.5px;
  color:var(--green-700,#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:15px;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-stamp{position:absolute;right:-4px;bottom:14px;transform:rotate(-8deg);
  font-weight:800;font-size:18px;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:40px 0 44px;}
  .vb-head h2{font-size:24px;}
  .vb-head .vb-sub{display:none;}
  .vb-card{width:280px;min-height:130px;padding:18px 20px;}
  .vb-card h3{font-size:18px;}
}
@media (prefers-reduced-motion:reduce){
  .vb-track{overflow-x:auto;}
}