#cerez-bandi {
  position: fixed;
  inset: auto 0 0;
  z-index: 2147483000;
  max-height: 80vh;
  overflow-y: auto;
  padding: 16px max(16px, calc((100vw - 1200px) / 2));
  border-top: 1px solid #cfd6e0;
  background: #fff;
  color: #172b4d;
  box-shadow: 0 -2px 12px #0002;
  font: 14px/1.5 system-ui, sans-serif;
  text-align: left;
}
#cerez-bandi h2 { margin: 0 0 6px; font: 600 16px/1.5 system-ui, sans-serif; }
#cerez-bandi p { margin: 0 0 12px; }
#cerez-bandi a { color: inherit; text-decoration: underline; }
.cerez-actions { display: flex; flex-wrap: wrap; gap: 12px; }
#cerez-bandi button {
  padding: 10px 16px;
  border: 1px solid #1f3a5f;
  border-radius: 6px;
  background: #fff;
  color: #1f3a5f;
  cursor: pointer;
  font: inherit;
}
#cerez-bandi :focus-visible { outline: 2px solid #1f3a5f; outline-offset: 3px; }

.cerez-preferences { padding: 0 24px 24px; text-align: center; }
.cerez-preferences a { color: #00677e; text-decoration: underline; }
footer.bg-inverse-surface .cerez-preferences a { color: #d3e4fe; }
.cerez-preferences a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }