.cookie-banner {
  position: fixed;
  z-index: 1000;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
  width: min(39rem, calc(100% - 2rem));
  margin-left: auto;
  padding: 1.35rem;
  color: #eff5eb;
  background: #1d3218;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 1rem;
  box-shadow: 0 18px 50px rgba(20,38,16,.28);
}
.cookie-banner[hidden] { display: none; }
.cookie-banner h2 { margin: 0 0 .45rem; color: #fff; font: 700 1.3rem/1.2 Georgia, serif; }
.cookie-banner p { margin: 0; color: #d7e2d2; font: .9rem/1.55 system-ui, sans-serif; }
.cookie-banner a { color: #fff; font-weight: 700; }
.cookie-actions { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 1.1rem; }
.cookie-actions button, .map-consent-button {
  appearance: none; border: 1px solid transparent; border-radius: .55rem; padding: .72rem .92rem;
  font: 700 .86rem/1 system-ui, sans-serif; cursor: pointer;
}
.cookie-accept, .map-consent-button { color: #183016; background: #e6c77c; }
.cookie-reject { color: #fff; background: transparent; border-color: rgba(255,255,255,.5)!important; }
.cookie-settings { color: #1d3218; background: #e6c77c; }
.map-consent {
  min-height: 23rem; display: grid; place-items: center; padding: 2rem; text-align: center;
  color: #31502a; background: #e7eee2;
}
.map-consent p { max-width: 24rem; margin: 0 0 1rem; }
@media (max-width: 520px) { .cookie-banner { padding: 1.15rem; } .cookie-actions button { flex: 1; } }