.consent-banner {
  position: fixed;
  z-index: 600;
  right: var(--space-20);
  bottom: var(--space-20);
  width: min(440px, calc(100% - var(--space-40)));
  padding: var(--space-20);
  border: 1px solid var(--c-neutral-700);
  border-radius: var(--radius-md);
  background: var(--bg-dark);
  color: var(--text-on-dark);
  box-shadow: var(--shadow-mega-card);
}

.consent-banner p { font-size: 14px; line-height: 1.55; }
.consent-banner div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-10);
  margin-top: var(--space-16);
}

.consent-banner button {
  min-height: 38px;
  padding: var(--space-8) var(--space-14);
  border: 1px solid var(--c-neutral-600);
  border-radius: var(--radius-pill);
  font: inherit;
  font-size: 13px;
  cursor: pointer;
}

.consent-banner .consent-accept {
  border-color: var(--accent-green);
  background: var(--accent-green);
  color: var(--text-dark);
}

.consent-banner .consent-decline {
  background: transparent;
  color: var(--text-on-dark);
}

.consent-banner a {
  margin-left: auto;
  color: var(--text-on-dark-muted);
  font-size: 12px;
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 520px) {
  .consent-banner { right: var(--space-12); bottom: var(--space-12); width: calc(100% - var(--space-24)); }
  .consent-banner a { width: 100%; margin: var(--space-4) 0 0; }
}