/* BAKKER V21 — centraal, bewust beperkt tot vier dienstenpagina's. */
:root { --bakker-cta-yellow: #FFBF00; --bakker-cta-navy: #061c30; }
body.bakker-v21 .bakker-v21-service .subhero a.pill,
body.bakker-v21 .bakker-v21-auto .subhero a.pill,
body.bakker-v21 .bakker-v21-service .formbox a.pill,
body.bakker-v21 .bakker-v21-auto .formbox a.pill,
body.bakker-v21 .bakker-v21-service .section a.pill,
body.bakker-v21 .bakker-v21-auto .section a.pill,
body.bakker-v21 .bk-sp-page .section a.pill {
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  max-width:100%;
  min-height:48px;
  margin-top:18px;
  padding:13px 22px;
  border:0;
  border-radius:10px;
  background-color:var(--bakker-cta-yellow);
  color:var(--bakker-cta-navy);
  font-family:Lato,Arial,sans-serif;
  font-size:16px;
  font-weight:800;
  line-height:1.3;
  text-align:center;
  text-decoration:none;
  white-space:normal;
  cursor:pointer;
  transition:filter .15s ease;
}
body.bakker-v21 .bakker-v21-service a.pill:hover,
body.bakker-v21 .bakker-v21-auto a.pill:hover,
body.bakker-v21 .bk-sp-page a.pill:hover {filter:brightness(.96);color:var(--bakker-cta-navy)}
body.bakker-v21 .bakker-v21-service a.pill:focus-visible,
body.bakker-v21 .bakker-v21-auto a.pill:focus-visible,
body.bakker-v21 .bk-sp-page a.pill:focus-visible {outline:3px solid var(--bakker-cta-yellow);outline-offset:4px}
@media(max-width:600px){
 body.bakker-v21 .bakker-v21-service .subhero a.pill,
 body.bakker-v21 .bakker-v21-auto .subhero a.pill {min-height:48px;padding:13px 18px}
}
@media(prefers-reduced-motion:reduce){
 body.bakker-v21 .bakker-v21-service a.pill,
 body.bakker-v21 .bakker-v21-auto a.pill {transition:none}
}

/* BAKKER 1.6.19 – fotoverhoudingen en consistente productkaarten. */
.bakker-v21-service .catcard img,.bakker-v21-auto .catcard img{display:block;width:100%;height:220px;object-fit:cover;aspect-ratio:16/10}
.bakker-v21-service .catcard .body,.bakker-v21-auto .catcard .body{position:relative}
@media(max-width:600px){.bakker-v21-service .catcard img,.bakker-v21-auto .catcard img{height:auto;aspect-ratio:16/10}}
