#slb,#slb *{box-sizing:border-box!important;text-align:left!important}
#slb{--slb-t:#169A47;position:fixed;left:0;right:0;bottom:0;z-index:9990;margin:0;padding:0 0 env(safe-area-inset-bottom,0px);background:#0A1017;border-top:3px solid #169A47;box-shadow:0 -6px 20px rgba(8,14,20,.20);font-family:'Plus Jakarta Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased;transform:translateY(115%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s}
#slb.show{transform:translateY(0);visibility:visible;transition:transform .25s ease,visibility 0s}

/* Desktop bovenaan: zwevende kaart onder het menu */
#slb.is-top{left:50%;right:auto;top:var(--slb-top,81px);bottom:auto;width:min(1180px,calc(100% - 48px));padding:0;border:1px solid rgba(255,255,255,.10);border-top:3px solid #169A47;border-radius:16px;overflow:hidden;box-shadow:0 12px 30px rgba(8,14,20,.28);transform:translate(-50%,calc(-100% - var(--slb-top,81px) - 20px))}
#slb.is-top.show{transform:translate(-50%,0)}
#slb.is-top .slb-in{max-width:none;padding:10px 12px 10px 14px}
#slb.is-top .slb-tile{width:42px;height:42px}
#slb.is-top a.slb-cta{height:44px}
#slb .slb-in{display:flex;align-items:center;gap:16px;max-width:1320px;margin:0 auto;padding:13px 50px}

#slb .slb-tile{width:44px;height:44px;flex:none;border-radius:12px;background:var(--slb-t);display:flex;align-items:center;justify-content:center;overflow:hidden}
#slb .slb-tile img{display:block;width:30px;height:30px;object-fit:contain;margin:0;padding:0;border:0}
#slb .slb-txt{flex:1 1 auto;min-width:0}
#slb .slb-eyebrow{display:flex;align-items:center;gap:8px;min-width:0;font-size:10.5px;font-weight:700;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;color:#8A97A0}
#slb .slb-eb-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
#slb .slb-mrate{display:none}
#slb .slb-headline{margin:4px 0 0;font-family:'Poppins',system-ui,sans-serif;font-size:15.5px;font-weight:600;line-height:1.3;color:#F2F6F4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

#slb .slb-rating{display:flex;align-items:center;gap:11px;flex:none}
#slb .slb-rating[hidden]{display:none!important}
#slb .slb-metric{font-family:'Poppins',system-ui,sans-serif;font-size:15px;font-weight:700;line-height:1;color:#F2F6F4;font-variant-numeric:tabular-nums;text-align:right!important}
#slb .slb-metric b{font-weight:700}
#slb .slb-metric span{font-size:11px;font-weight:500;color:#8A97A0}
#slb .slb-metric-lbl{margin:4px 0 0;font-size:10.5px;line-height:1.2;color:#8A97A0;white-space:nowrap;text-align:right!important}
#slb .slb-bar{display:block;width:54px;height:5px;flex:none;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}
#slb .slb-bar-fill{display:block;width:0;height:100%;border-radius:999px;background:#6CC08B}

/* Knop: mat groen, geen lift of glow */
#slb a.slb-cta{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;flex:none;height:46px;margin:0!important;padding:0 22px!important;background:#169A47!important;background-image:none!important;border:1px solid #169A47!important;border-radius:12px!important;box-shadow:none!important;filter:none!important;transform:none!important;color:#fff!important;font-family:'Poppins',system-ui,sans-serif!important;font-size:14.5px!important;font-weight:600!important;line-height:1!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease}
#slb a.slb-cta:hover{background:#12833D!important;border-color:#12833D!important;color:#fff!important}
#slb .slb-arr{display:block;width:15px;height:15px;flex:none;transition:transform .15s ease}
#slb a.slb-cta:hover .slb-arr{transform:translateX(2px)}
#slb button.slb-close{display:inline-flex!important;align-items:center;justify-content:center;width:34px;height:34px;flex:none;margin:0 -6px 0 -4px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:999px!important;box-shadow:none!important;color:#8A97A0!important;cursor:pointer;transition:background-color .15s ease,color .15s ease}
#slb button.slb-close:hover{background:rgba(255,255,255,.08)!important;color:#F2F6F4!important}
#slb button.slb-close svg{display:block;width:16px;height:16px}
#slb a.slb-cta:focus-visible,#slb button.slb-close:focus-visible{outline:2px solid #6CC08B!important;outline-offset:2px}

/* Zwevende knoppen (cookie, leeftijd) omhoog zolang de balk zichtbaar is */
body.slb-on #av-reopen,body.slb-on #cb-reopen,body.slb-on .fs-cc-manager_component-2{bottom:calc(var(--slb-h,80px) + 12px)!important;transition:bottom .25s ease}

/* Sticky zijbalk (#slotside of #provside) blijft boven de balk: op lage schermen iets hoger en compacter */
#slotside,#provside{transition:top .25s ease}
body.slb-tight #slotside,body.slb-tight #provside{gap:12px}
body.slb-tight #slotside a.ss-more,body.slb-tight #provside a.pv-more{display:none!important}

@media (max-width:991px){#slb .slb-in{padding:12px 24px}}
/* Mobiel: zwevende kaart, bonus volledig leesbaar, knop over de hele breedte */
@media (max-width:600px){
  #slb{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));padding:0;border:1px solid rgba(255,255,255,.10);border-top:3px solid #169A47;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(8,14,20,.35);transform:translateY(calc(100% + 30px))}
  #slb .slb-in{display:grid;grid-template-columns:40px minmax(0,1fr) 28px;grid-template-areas:"tile txt close" "cta cta cta";align-items:center;gap:10px 12px;padding:12px 12px 12px 14px}
  #slb .slb-tile{grid-area:tile;width:40px;height:40px;border-radius:10px}
  #slb .slb-tile img{width:28px;height:28px}
  #slb .slb-txt{grid-area:txt}
  #slb .slb-eyebrow{font-size:10px;letter-spacing:.08em}
  #slb .slb-mrate{display:inline-flex;align-items:center;gap:3px;flex:none;padding:2px 6px;border-radius:6px;background:rgba(108,192,139,.14);color:#6CC08B;font-size:10px;letter-spacing:0}
  #slb .slb-mrate:empty{display:none}
  #slb .slb-headline{margin-top:3px;font-size:14.5px;line-height:1.3;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  #slb .slb-rating{display:none!important}
  #slb a.slb-cta{grid-area:cta;width:100%;height:44px;font-size:14.5px!important}
  #slb button.slb-close{grid-area:close;justify-self:end;align-self:start;width:28px;height:28px;margin:-4px -4px 0 0!important}
}
@media (max-width:380px){#slb .slb-eb-x,#slb .slb-mrate{display:none!important}}
@media (prefers-reduced-motion:reduce){#slb,#slb *{transition:none!important}}