.cb-wrap{position:fixed;left:0;right:0;bottom:0;z-index:100;display:flex;justify-content:center;padding:18px;box-sizing:border-box}
.cb{width:min(1080px,100%);background:#FFFFFF;border-radius:20px;border-top:6px solid #FECB0A;box-shadow:0 24px 60px rgba(0,0,0,.4);padding:22px 24px;box-sizing:border-box;display:flex;gap:22px;align-items:center;animation:cbin .5s cubic-bezier(.2,.8,.3,1.2) both}
@keyframes cbin{from{opacity:0;translate:0 40px}to{opacity:1;translate:0 0}}
.cb-btn{border:none;border-radius:999px;padding:13px 22px;font:inherit;font-weight:700;font-size:15px;cursor:pointer;white-space:nowrap}
.cb-btn:focus-visible,.cb a:focus-visible,.tg:focus-visible{outline:3px solid #164C58;outline-offset:3px}
.cb a{color:#0B7380;font-weight:700}
.tg{width:52px;height:30px;border-radius:999px;border:none;position:relative;cursor:pointer;flex-shrink:0;transition:background-color .2s ease}
.tg span{position:absolute;top:3px;width:24px;height:24px;border-radius:999px;background:#FFFFFF;box-shadow:0 2px 6px rgba(0,0,0,.25);transition:left .2s ease}
.row{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;padding:14px 0;border-bottom:1px solid #EEF1F1}
.toast{position:fixed;left:50%;bottom:24px;translate:-50% 0;background:#123F49;color:#FFFFFF;border-radius:999px;padding:12px 18px;display:flex;gap:14px;align-items:center;box-shadow:0 12px 30px rgba(0,0,0,.35);font-size:14px;font-weight:700;animation:cbin .4s ease both}
@media (max-width:760px){
.cb-wrap{padding:10px}
.cb{flex-direction:column;align-items:stretch;gap:14px;padding:18px 16px;max-height:calc(100dvh - 20px);overflow:auto}
.cb-actions{flex-direction:column!important}
.cb-btn{width:100%}
.cb-wrap:not([style]) .cb-actions .cb-btn:first-child{order:3}
.toast{width:calc(100% - 32px);justify-content:space-between;box-sizing:border-box;border-radius:16px}
}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* Site pop-up: pinned to the bottom of the screen on every page, centred. The design's
preview wrapper (full-height teal) is not part of the banner. */
#tm-consent-root{position:fixed;left:0;right:0;bottom:0;z-index:9999;pointer-events:none;display:flex;justify-content:center}
#tm-consent-root:not([hidden]){display:flex}
#tm-consent-root>div{min-height:0!important;height:auto!important;width:100%;background:transparent!important;position:static!important;overflow:visible!important;display:flex;justify-content:center}
#tm-consent-root .cb-wrap{position:static!important;padding:14px!important;box-sizing:border-box;display:flex;justify-content:center;width:100%}
#tm-consent-root .cb,#tm-consent-root button,#tm-consent-root a{pointer-events:auto}