#ub-popup-root,#ub-popup-root *{box-sizing:border-box!important;text-align:left!important}
#ub-popup-root{position:fixed;left:24px;bottom:var(--ubp-b,24px);z-index:9995;width:340px;max-width:calc(100vw - 48px);margin:0;padding:0;font-family:'Plus Jakarta Sans',system-ui,sans-serif;transition:bottom .25s ease}
#ub-popup-root[hidden]{display:none!important}
#ub-popup-root .ubp-card{position:relative;overflow:hidden;margin:0;background:#0A1017;border:1px solid rgba(255,255,255,.10);border-top:3px solid var(--ubp-c,#169A47);border-radius:16px;box-shadow:0 16px 40px rgba(8,14,20,.35);animation:ubpIn .3s ease both}
#ub-popup-root .ubp-card.out{animation:ubpOut .25s ease forwards}
@keyframes ubpIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes ubpOut{to{opacity:0;transform:translateY(12px)}}

#ub-popup-root button.ubp-close{position:absolute;top:10px;right:10px;z-index:2;display:inline-flex!important;align-items:center;justify-content:center;width:30px;height:30px;margin:0!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}
#ub-popup-root button.ubp-close:hover{background:rgba(255,255,255,.08)!important;color:#F2F6F4!important}
#ub-popup-root button.ubp-close svg{display:block;width:15px;height:15px}

#ub-popup-root .ubp-hd{display:flex;align-items:center;gap:12px;margin:0;padding:16px 46px 12px 18px}
#ub-popup-root .ubp-logo{width:44px;height:44px;flex:none;border-radius:11px;background:var(--ubp-c,#169A47);display:flex;align-items:center;justify-content:center;overflow:hidden}
#ub-popup-root .ubp-logo img{display:block;max-width:34px;max-height:26px;object-fit:contain;margin:0;border:0}
#ub-popup-root .ubp-eb{display:block;font-size:10.5px;font-weight:700;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;color:#8A97A0}
#ub-popup-root .ubp-name{margin:3px 0 0;font-family:'Poppins',system-ui,sans-serif;font-size:16px;font-weight:600;line-height:1.2;color:#F2F6F4}

#ub-popup-root .ubp-body{display:flex;flex-direction:column;gap:12px;margin:0;padding:0 18px 16px}
#ub-popup-root .ubp-amount{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px}
#ub-popup-root .ubp-pre{font-family:'Poppins',system-ui,sans-serif;font-size:15px;font-weight:600;color:#A9B7C2}
#ub-popup-root .ubp-amt{font-family:'Poppins',system-ui,sans-serif;font-size:34px;font-weight:700;line-height:1;letter-spacing:-.02em;color:#F2F6F4}
#ub-popup-root .ubp-lbl{font-family:'Poppins',system-ui,sans-serif;font-size:14px;font-weight:600;line-height:1.3;color:#6CC08B}
#ub-popup-root .ubp-facts{display:flex;flex-wrap:wrap;gap:6px}
#ub-popup-root .ubp-fact{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:9px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);font-size:12px;font-weight:500;line-height:1.2;color:#A9B7C2;white-space:nowrap}
#ub-popup-root .ubp-fact b{font-weight:700;color:#F2F6F4}

#ub-popup-root a.ubp-btn{display:flex!important;align-items:center;justify-content:center;gap:8px;width:100%;height:46px;margin:0!important;padding:0 18px!important;background:#169A47!important;background-image:none!important;border:1px solid #169A47!important;border-radius:12px!important;box-shadow: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}
#ub-popup-root a.ubp-btn:hover{background:#12833D!important;border-color:#12833D!important}
#ub-popup-root .ubp-arr{display:block;width:15px;height:15px;flex:none;transition:transform .15s ease}
#ub-popup-root a.ubp-btn:hover .ubp-arr{transform:translateX(2px)}
#ub-popup-root a.ubp-more{display:block!important;margin:0!important;padding:0!important;background:none!important;border:0!important;color:#8A97A0!important;font-family:'Plus Jakarta Sans',system-ui,sans-serif!important;font-size:12.5px!important;font-weight:600!important;line-height:1.3!important;text-decoration:none!important;text-align:center!important;transition:color .15s ease}
#ub-popup-root a.ubp-more:hover{color:#F2F6F4!important}
#ub-popup-root .ubp-disc{margin:0;padding:9px 18px 11px;border-top:1px solid rgba(255,255,255,.06);font-size:10.5px;line-height:1.4;color:#6B7680;text-align:center!important}
#ub-popup-root a:focus-visible,#ub-popup-root button:focus-visible{outline:2px solid #6CC08B!important;outline-offset:2px}

/* Cookie- en leeftijdknop omhoog zolang de popup open is (mobiel) */
body.ubp-on #cb-reopen,body.ubp-on #av-reopen{bottom:calc(var(--ubp-h,0px) + 12px)!important;transition:bottom .25s ease}

/* Mobiel: compacte balk onderaan, bonus en knop in één oogopslag */
@media (max-width:640px){
  #ub-popup-root{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));width:auto;max-width:none}
  #ub-popup-root .ubp-card{border-radius:16px;box-shadow:0 10px 30px rgba(8,14,20,.4)}
  #ub-popup-root .ubp-hd{padding:12px 42px 8px 14px;gap:11px}
  #ub-popup-root .ubp-logo{width:40px;height:40px;border-radius:10px}
  #ub-popup-root .ubp-logo img{max-width:30px;max-height:22px}
  #ub-popup-root .ubp-name{display:none}
  #ub-popup-root .ubp-eb{font-size:10px}
  #ub-popup-root .ubp-hd .ubp-amount{margin:2px 0 0}
  #ub-popup-root .ubp-body{padding:0 14px 12px;gap:9px}
  #ub-popup-root .ubp-body .ubp-amount{display:none}
  #ub-popup-root .ubp-amt{font-size:24px}
  #ub-popup-root .ubp-pre{font-size:13px}
  #ub-popup-root .ubp-lbl{font-size:12.5px}
  #ub-popup-root .ubp-facts{display:none}
  #ub-popup-root a.ubp-btn{height:44px}
  #ub-popup-root .ubp-disc{display:none}
  #ub-popup-root button.ubp-close{top:8px;right:8px}
}
@media (min-width:641px){#ub-popup-root .ubp-hd .ubp-amount{display:none}}
@media (prefers-reduced-motion:reduce){#ub-popup-root *{animation:none!important;transition:none!important}}