.chta-consent {
  position: fixed;
  left: 1rem;
  bottom: 1rem;
  z-index: 9999;
  max-width: min(20rem, calc(100vw - 2rem));
  padding: 0.85rem 0.95rem;
  border: 1px solid var(--line, #2a221c);
  border-radius: var(--radius-md, 0.8rem);
  background: color-mix(in srgb, var(--bg-raise, #161311) 92%, transparent);
  backdrop-filter: blur(10px);
  box-shadow: 0 12px 40px rgb(0 0 0 / 0.35);
  color: var(--muted, #b5a090);
  font-family: var(--font-body, "Inter", system-ui, sans-serif);
  font-size: 0.78rem;
  line-height: 1.45;
  animation: chta-consent-in 0.35s var(--ease, cubic-bezier(0.16, 1, 0.3, 1));
}

.chta-consent[hidden] {
  display: none !important;
}

.chta-consent p {
  margin: 0 0 0.65rem;
}

.chta-consent a {
  color: var(--tan, #e0c4a0);
  text-decoration: none;
}

.chta-consent a:hover {
  text-decoration: underline;
}

.chta-consent-actions {
  display: flex;
  gap: 0.45rem;
}

.chta-consent-actions button {
  flex: 1;
  border: 1px solid var(--line, #2a221c);
  border-radius: var(--radius-sm, 0.55rem);
  padding: 0.38rem 0.55rem;
  font: inherit;
  font-size: 0.74rem;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s, color 0.15s;
}

.chta-consent-decline {
  background: transparent;
  color: var(--muted, #b5a090);
}

.chta-consent-decline:hover {
  border-color: var(--muted, #b5a090);
  color: var(--ink, #f5f0ea);
}

.chta-consent-accept {
  background: var(--fur, #6b4423);
  border-color: var(--fur, #6b4423);
  color: var(--ink, #f5f0ea);
}

.chta-consent-accept:hover {
  background: #7d5029;
  border-color: #7d5029;
}

@keyframes chta-consent-in {
  from {
    opacity: 0;
    transform: translateY(0.45rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 480px) {
  .chta-consent {
    left: 0.75rem;
    right: 0.75rem;
    bottom: 0.75rem;
    max-width: none;
  }
}