/* Б-новый Баннер cookies. Источник: новый макет (задача 6.3), тексты — skvoznye-elementy.md, раздел 8 */

.b-cookie {
  position: fixed;
  right: var(--space-2);
  bottom: calc(var(--sticky-cta-height) + var(--space-2));
  left: var(--space-2);
  z-index: var(--z-cookie);
  display: grid;
  gap: var(--space-3);
  padding: var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-lg);
  font-size: var(--fs-small);
  animation: b-cookie-in var(--dur-slow) var(--ease-standard);
}

@keyframes b-cookie-in {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
}

.b-cookie__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.b-cookie__actions .c-btn {
  flex: 1;
}

.b-cookie__form {
  display: grid;
  gap: var(--space-4);
}

.b-cookie__title {
  padding-right: var(--space-8);
  font-size: var(--fs-h3);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--ls-heading);
}

.b-cookie__form .c-btn {
  justify-self: start;
}

body[data-page="demo"] .b-cookie,
body[data-page="spasibo"] .b-cookie {
  display: none;
}

@media (min-width: 768px) {
  .b-cookie {
    right: auto;
    bottom: var(--space-5);
    left: var(--space-5);
    max-width: 26rem;
  }

  .b-cookie__actions .c-btn {
    flex: none;
  }
}