.cookie-card[hidden] { display: none; }
.cookie-card {
  position: fixed;
  left: 1rem;
  bottom: 1rem;
  z-index: 3000;
  width: min(calc(100% - 2rem), 23rem);
  padding: 1.25rem;
  border: 2px solid #080808;
  border-radius: 1.35rem;
  color: #080808;
  background: #fff;
  box-shadow: 7px 7px 0 #080808;
  font-family: Inter, sans-serif;
}
.cookie-card strong { display: block; margin-bottom: .55rem; font-size: 1rem; }
.cookie-card p { margin: 0 0 .65rem; color: #555; font-size: .76rem; line-height: 1.5; }
.cookie-card > a { font-size: .7rem; color: inherit; }
.cookie-actions { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; margin-top: 1rem; }
.cookie-actions button { min-height: 2.7rem; border: 2px solid #080808; border-radius: 999px; background: #fff; font: 700 .72rem Inter, sans-serif; cursor: pointer; }
.cookie-actions button:last-child { background: #eaff73; }
.cookie-actions button:hover { background: #f4a433; }
@media (max-width: 480px) { .cookie-card { left: .75rem; bottom: .75rem; width: calc(100% - 1.5rem); } }
@media (prefers-reduced-motion: reduce) { .cookie-card *, .cookie-card { transition: none !important; } }