/* Klantlogo's onder de hero: kop gecentreerd, band over de volle breedte met zachte randen.
   Logo's zijn grijs op een lichte ondergrond (witte logo-achtergronden vallen weg); kleur op hover/focus. */
.bezo-logo-strip { --paper-100:#eff1f3; --paper-200:#e3e6ea; --ink-500:#5b636b; --ink-700:#2b3035; --blue:#1b5fa8; background:var(--paper-100); border-block:1px solid var(--paper-200); padding:26px 0 22px; font-family:'IBM Plex Sans',Arial,sans-serif; }
.bezo-logo-strip * { box-sizing:border-box; }
.bezo-logo-strip [hidden] { display:none!important; }
.bzk-inner { position:relative; max-width:none; margin:0; padding:0; display:block; }
.bzk-label { margin:0 0 10px; padding:0 20px; text-align:center; color:var(--ink-700); font:600 clamp(16px,1.3vw,18px)/1.3 'IBM Plex Sans',Arial,sans-serif; letter-spacing:0; text-transform:none; text-wrap:balance; }

/* de band */
.bzk-viewport { overflow-x:auto; scrollbar-width:none; overscroll-behavior-x:contain; -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%); mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%); }
.bzk-viewport::-webkit-scrollbar { display:none; }
.bzk-track { display:flex; width:max-content; min-width:100%; }
.bzk-reeks { display:flex; align-items:center; flex-shrink:0; list-style:none; margin:0; padding:0; }
.bzk-reeks[hidden] { display:none; }
.bzk-logo { display:flex; align-items:center; justify-content:center; width:220px; height:72px; padding:0 32px; flex-shrink:0; color:var(--ink-500); font-family:'Barlow Condensed',Arial,sans-serif; font-size:24px; text-align:center; }
.bzk-logo img { width:auto; height:auto; max-width:150px; max-height:50px; object-fit:contain; filter:grayscale(1); opacity:.62; transition:filter 240ms ease,opacity 240ms ease; }
.bzk-logo:hover img,.bzk-logo:focus img,.bzk-logo:active img { filter:grayscale(0); opacity:1; }
.bzk-logo:focus-visible { outline:2px solid var(--blue); outline-offset:-4px; border-radius:4px; }

/* bediening: alleen een kleine pauzeknop rechtsboven (pijlen zijn weggelaten; vegen en toetsenbord werken) */
.bzk-bediening { position:absolute; top:-14px; right:20px; display:flex; margin:0; }
.bzk-bediening button { min-width:44px; min-height:44px; padding:8px 12px; border:0; border-radius:4px; background:transparent; color:var(--ink-500); font:inherit; font-size:12px; cursor:pointer; }
.bzk-bediening button:first-child, .bzk-bediening button:last-child { display:none; }
.bzk-bediening button:hover { color:var(--blue); }
.bzk-bediening button:focus-visible { outline:2px solid var(--blue); outline-offset:-3px; }

/* terugval: alleen tekst, zolang er geen logo's zijn */
.bzk-fallback { display:flex; flex-wrap:wrap; justify-content:center; gap:16px 28px; list-style:none; margin:0; padding:0 20px; color:#15171a; font-family:'Barlow Condensed',Arial,sans-serif; font-size:20px; }
.bzk-fallback small { font:11px 'IBM Plex Mono',monospace; color:var(--ink-500); margin-left:8px; }

@media (max-width:640px) {
  .bezo-logo-strip { padding:22px 0 18px; }
  .bzk-label { margin-bottom:8px; }
  .bzk-logo { width:170px; height:64px; padding:0 22px; }
  .bzk-logo img { max-width:124px; max-height:44px; }
  .bzk-bediening { right:8px; }
}
@media (prefers-reduced-motion:reduce) { .bzk-logo img { transition:none; } }