/* Cookie-consent баннер (RODO) — задача 4.3. Токены-only, см. tokens.css.
   Не блокирует страницу: fixed-карточка снизу, без затемнения фона. */

.consent-banner {
  position: fixed;
  inset-inline: 0;
  bottom: 0;
  z-index: 2000;
  display: flex;
  justify-content: flex-end;
  padding: var(--sp-3);
  pointer-events: none;
}
.consent-banner[hidden] { display: none; }

.consent-banner__card {
  pointer-events: auto;
  width: 100%;
  max-width: 420px;
  background: var(--c-bg);
  color: var(--c-ink);
  border: 1px solid var(--c-line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-card);
  padding: var(--sp-3) var(--sp-4);
}

.consent-banner__text {
  margin: 0 0 var(--sp-3);
  font-size: var(--fs-small);
  line-height: 1.5;
  color: var(--c-ink);
}

.consent-banner__link {
  color: var(--c-accent);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.consent-banner__link:hover { color: var(--c-accent-hover); }

.consent-banner__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-2);
  justify-content: flex-end;
}

@media (max-width: 700px) {
  .consent-banner { padding: 0; justify-content: stretch; }
  .consent-banner__card {
    max-width: none;
    border-radius: var(--radius) var(--radius) 0 0;
    border-inline: 0;
    border-bottom: 0;
  }
  .consent-banner__actions { flex-direction: column; }
  .consent-banner__actions .btn { width: 100%; }
}