.site-cookie-consent {
  --cookie-surface: #ffffff;
  --cookie-ink: #172033;
  --cookie-muted: #526176;
  --cookie-accent: #315bd8;
  --cookie-border: rgba(23, 32, 51, 0.16);
  position: fixed;
  z-index: 2147483000;
  right: max(20px, env(safe-area-inset-right));
  bottom: max(20px, env(safe-area-inset-bottom));
  width: min(470px, calc(100vw - 32px));
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: end;
  padding: 20px;
  color: var(--cookie-ink);
  background: var(--cookie-surface);
  border: 1px solid var(--cookie-border);
  border-radius: 16px;
  box-shadow: 0 20px 56px rgba(15, 23, 42, 0.22);
  font-family: inherit;
  animation: site-cookie-consent-enter 240ms ease-out both;
}

.site-cookie-consent[data-cookie-theme="happ"] { --cookie-accent: #315bd8; --cookie-surface: #fdfefe; }
.site-cookie-consent[data-cookie-theme="incy"] { --cookie-accent: #0c8b65; --cookie-surface: #fbfffd; }
.site-cookie-consent[data-cookie-theme="nasa"] { --cookie-accent: #0d7963; --cookie-surface: #fbfdfc; }
.site-cookie-consent[data-cookie-theme="violet"] { --cookie-accent: #5b4bc4; --cookie-surface: #fdfcff; }

.site-cookie-consent strong { display: block; font-size: 1rem; font-weight: 800; line-height: 1.2; }
.site-cookie-consent p { margin: 7px 0 8px; color: var(--cookie-muted); font-size: 0.88rem; line-height: 1.45; }
.site-cookie-consent a { color: var(--cookie-accent); font-size: 0.84rem; font-weight: 700; text-underline-offset: 3px; }
.site-cookie-consent__actions { display: grid; gap: 8px; min-width: 154px; }
.site-cookie-consent button { min-height: 40px; padding: 9px 13px; border-radius: 10px; font: inherit; font-size: 0.84rem; font-weight: 750; line-height: 1.2; cursor: pointer; }
.site-cookie-consent__secondary { color: var(--cookie-ink); background: transparent; border: 1px solid var(--cookie-border); }
.site-cookie-consent__primary { color: #fff; background: var(--cookie-accent); border: 1px solid var(--cookie-accent); }
.site-cookie-consent button:focus-visible, .site-cookie-consent a:focus-visible { outline: 3px solid color-mix(in srgb, var(--cookie-accent) 42%, transparent); outline-offset: 3px; }
.site-cookie-consent--leaving { animation: site-cookie-consent-leave 180ms ease-in both; }
@keyframes site-cookie-consent-enter { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
@keyframes site-cookie-consent-leave { to { opacity: 0; transform: translateY(8px); } }
@media (max-width: 560px) {
  .site-cookie-consent { right: 12px; bottom: max(12px, env(safe-area-inset-bottom)); left: 12px; width: auto; grid-template-columns: 1fr; gap: 14px; padding: 18px; border-radius: 14px; }
  .site-cookie-consent__actions { grid-template-columns: 1fr 1fr; min-width: 0; }
}
@media (prefers-reduced-motion: reduce) { .site-cookie-consent, .site-cookie-consent--leaving { animation: none; } }
