.consent-layer[hidden] { display: none; }
.consent-layer {
  position: fixed;
  z-index: 1000;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 14px;
  pointer-events: none;
}
.consent-banner {
  max-width: 720px;
  margin: 0 auto;
  padding: 18px;
  border: 1px solid rgba(31, 42, 51, .16);
  border-radius: 16px;
  background: #fffdf8;
  box-shadow: 0 12px 40px rgba(31, 42, 51, .18);
  color: #1f2a33;
  pointer-events: auto;
}
.consent-banner h2 { margin: 0 0 8px; font-size: 1.05rem; }
.consent-banner p { margin: 0; line-height: 1.55; font-size: .92rem; }
.consent-policy-link { color: inherit; text-decoration: underline; font-weight: 700; }
.consent-actions { display: flex; gap: 10px; margin-top: 14px; }
.consent-button {
  flex: 1 1 0;
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid #1f2a33;
  border-radius: 10px;
  background: #fffdf8;
  color: #1f2a33;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.consent-button:hover, .consent-button:focus-visible { background: #eef4ee; outline: 3px solid rgba(60, 100, 75, .28); outline-offset: 2px; }
@media (max-width: 480px) { .consent-actions { flex-direction: column; } }