/* consent banner + cookie choices — tokens only; the buttons are the page's own .btn geometry (never re-sized here) */
.cnb{position:fixed;left:0;right:0;bottom:0;z-index:190;background:var(--bg-2);border-top:1px solid var(--line);box-shadow:0 -8px 30px rgba(0,0,0,.18)}
.cnb[hidden],.cnb.cnb--yield{display:none}
.cnb-inner{max-width:1180px;margin:0 auto;padding:14px 20px;display:flex;gap:16px 24px;align-items:center;flex-wrap:wrap}
.cnb-text{margin:0;flex:1 1 420px;font-size:14px;line-height:1.5;color:var(--text)}
.cnb-text a{color:var(--text);text-decoration:underline;text-underline-offset:2px}
.cnb-acts{display:flex;gap:10px;flex-wrap:wrap}
.cnd{border:1px solid var(--line);border-radius:14px;background:var(--bg-2);color:var(--text);padding:22px 24px;max-width:560px;width:calc(100vw - 32px)}
.cnd::backdrop{background:rgba(0,0,0,.5)}
.cnd h2{margin:0 0 6px;font-size:22px;line-height:1.2;font-weight:500}
.cnd-intro{margin:0 0 16px;font-size:14px;line-height:1.5;color:var(--muted)}
.cnd-list{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:12px}
.cnd-list label{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:start;cursor:pointer}
.cnd-list input{margin-top:3px}
.cnd-name{font-size:14.5px;font-weight:500;color:var(--text)}
.cnd-on{font-size:12.5px;color:var(--muted);margin-left:8px}
.cnd-desc{grid-column:2;font-size:13px;line-height:1.45;color:var(--muted)}
.cnd-acts{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
@media (max-width:640px){.cnb-inner{padding:12px 16px}.cnb-acts{width:100%}.cnb-acts .btn{flex:1 1 auto;justify-content:center}}
/* SON-4728 — the banner never covers the Contact Center: while it is up, the desktop launcher and its panel ride above it,
   and on mobile the banner sits above the fixed action bar (whose Contact Center icon it used to cover). Measured by the
   script below; the launcher never waits for a cookie decision. */
html.cnb-open .chat-fab{bottom:calc(var(--contact-center-fab-bottom,26px) + var(--cnb-h,0px)) !important}
html.cnb-open .vy-panel{bottom:calc(var(--contact-center-panel-bottom,98px) + var(--cnb-h,0px)) !important}
.cnb{bottom:var(--cnb-mbar,0px)}