#bmdock,#bmdock *{box-sizing:border-box!important;text-align:left!important}
#bmdock{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;transform:translateY(115%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s}
#bmdock.show{transform:translateY(0);visibility:visible;transition:transform .25s ease,visibility 0s}
#bmdock .bmd-in{display:flex;align-items:center;gap:16px;max-width:1320px;margin:0 auto;padding:13px 40px}

#bmdock .bmd-tile{width:44px;height:44px;flex:none;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
#bmdock .bmd-tile img{display:block;width:32px;height:32px;object-fit:contain;margin:0;border:0;border-radius:0}
#bmdock .bmd-txt{flex:1 1 auto;min-width:0}
#bmdock .bmd-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}
#bmdock .bmd-eb-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
#bmdock .bmd-mrate{display:none}
#bmdock .bmd-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}

#bmdock .bmd-rating{display:flex;align-items:center;gap:11px;flex:none}
#bmdock .bmd-rating[hidden]{display:none}
#bmdock .bmd-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}
#bmdock .bmd-metric b{font-weight:700}
#bmdock .bmd-metric span{font-size:11px;font-weight:500;color:#8A97A0}
#bmdock .bmd-metric-lbl{margin:4px 0 0;font-size:10.5px;line-height:1.2;color:#8A97A0;white-space:nowrap;text-align:right!important}
#bmdock .bmd-bar{display:block;width:54px;height:5px;flex:none;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}
#bmdock .bmd-bar-fill{display:block;width:0;height:100%;border-radius:999px;background:#6CC08B}

#bmdock .bmd-act{display:flex;flex-direction:column;align-items:center;gap:5px;flex:none}
#bmdock .bmd-dis{font-size:10px;font-weight:500;line-height:1.2;color:#8A97A0;white-space:nowrap;text-align:center!important}

/* Knop: mat groen, geen lift of glow */
#bmdock a.bmd-cta{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;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}
#bmdock a.bmd-cta:hover{background:#12833D!important;border-color:#12833D!important;color:#fff!important}
#bmdock .bmd-arr{display:block;width:15px;height:15px;flex:none;transition:transform .15s ease}
#bmdock a.bmd-cta:hover .bmd-arr{transform:translateX(2px)}
#bmdock button.bmd-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}
#bmdock button.bmd-close:hover{background:rgba(255,255,255,.08)!important;color:#F2F6F4!important}
#bmdock button.bmd-close svg{display:block;width:16px;height:16px}
#bmdock a.bmd-cta:focus-visible,#bmdock button.bmd-close:focus-visible{outline:2px solid #6CC08B!important;outline-offset:2px}

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

/* Tablet: waardering weg, meer ruimte voor de bonus */
@media (max-width:900px){
  #bmdock .bmd-in{padding:12px 20px}
  #bmdock .bmd-rating{display:none}
  #bmdock .bmd-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}
}

/* Mobiel: zwevende kaart (zoals de andere claimbalken), knop over de hele breedte */
@media (max-width:600px){
  #bmdock{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))}
  #bmdock .bmd-in{display:grid;grid-template-columns:40px minmax(0,1fr) 28px;grid-template-areas:"tile txt close" "act act act";align-items:center;gap:10px 12px;padding:12px 12px 10px 14px}
  #bmdock .bmd-tile{grid-area:tile;width:40px;height:40px;border-radius:10px}
  #bmdock .bmd-tile img{width:29px;height:29px}
  #bmdock .bmd-txt{grid-area:txt}
  #bmdock .bmd-eyebrow{font-size:10px;letter-spacing:.08em}
  #bmdock .bmd-headline{margin-top:3px;font-size:14.5px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  #bmdock .bmd-act{grid-area:act;align-items:stretch;gap:6px}
  #bmdock a.bmd-cta{width:100%;height:44px;font-size:14.5px!important}
  #bmdock button.bmd-close{grid-area:close;justify-self:end;align-self:start;width:28px;height:28px;margin:-4px -4px 0 0!important}
}
@media (prefers-reduced-motion:reduce){#bmdock,#bmdock *{transition:none!important}}