.cookie-banner[hidden] { display: none !important; }
.cookie-banner {
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 35;
  width: min(36rem, calc(100% - 6rem));
  max-height: calc(100dvh - 2rem);
  overflow: auto;
  padding: 1.25rem;
  border: 2px solid #272918;
  border-radius: .8rem;
  background: #f7f3e7;
  color: #272918;
  box-shadow: 0 6px 30px rgb(0 0 0 / .22);
}
.cookie-banner h2 { font-size: 1.3rem; line-height: 1.3; letter-spacing: -.02em; margin: 0 0 .65rem; }
.cookie-banner p { margin: 0 0 1rem; font-size: 1rem; overflow-wrap: anywhere; }
.cookie-banner a { text-decoration: underline; }
.cookie-actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.cookie-actions button, .cookie-entry button { min-height: 44px; padding: .7rem 1rem; font: inherit; line-height: 1.4; cursor: pointer; }
.cookie-actions button { flex: 1 1 10rem; min-width: 0; border: 2px solid #272918; border-radius: .5rem; color: #fff; background: #272918; overflow-wrap: anywhere; }
.cookie-entry { margin-top: 1rem; }
.cookie-entry button { color: inherit; border: 1px solid currentColor; border-radius: .4rem; background: transparent; }
@media (max-width: 600px) {
  .cookie-banner { width: calc(100% - 32px); bottom: 88px; max-height: calc(100dvh - 104px); }
}