.cookie-banner {
  position: fixed;
  z-index: 1100;
  left: 18px;
  bottom: 18px;
  width: min(410px, calc(100vw - 36px));
  padding: 13px 14px;
  border: 1px solid rgba(190, 148, 55, .38);
  border-radius: 13px;
  background: rgba(7, 19, 29, .97);
  box-shadow: 0 20px 60px rgba(0, 0, 0, .3);
  color: #f4f7f8;
  opacity: 0;
  transform: translateY(12px);
  transition: opacity .18s ease, transform .18s ease;
}

.cookie-banner.is-visible { opacity: 1; transform: translateY(0); }
.cookie-banner.is-closing { opacity: 0; transform: translateY(8px); }
.cookie-banner p { margin: 0; font-size: 12px; line-height: 1.45; }
.cookie-banner a { color: #e2ba59; }
.cookie-banner__actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.cookie-banner__button {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid #d4aa48;
  border-radius: 8px;
  background: #d4aa48;
  color: #101820;
  cursor: pointer;
  font: inherit;
  font-size: 11px;
  font-weight: 750;
}
.cookie-banner__button--secondary { background: transparent; color: #f4f7f8; }
.legal-cookie-settings {
  margin-top: 12px;
  padding: 0;
  border: 0;
  border-bottom: 1px solid currentColor;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
}

@media (max-width: 620px) {
  .cookie-banner {
    left: 12px;
    bottom: calc(12px + env(safe-area-inset-bottom));
    width: min(390px, calc(100vw - 24px));
    max-height: calc(100dvh - 24px - env(safe-area-inset-bottom));
    padding: 12px 13px;
    overflow-y: auto;
  }
  .cookie-banner__actions { display: grid; grid-template-columns: 1fr 1fr; }
  .cookie-banner__button { padding: 0 8px; }
}