/* ==========================================================================
   Cookie-баннер

   Обе кнопки одного размера и одинаково заметны: по закону РК отказ
   не может быть спрятан или затруднён.
   ========================================================================== */

.cookie-banner {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: var(--z-cookie);
  padding-block: var(--space-4);
  background-color: var(--color-bg);
  border-top: var(--border);
  box-shadow: var(--shadow-card-hover);
}

.cookie-banner__inner {
  display: grid;
  gap: var(--space-4);
  align-items: center;
}

@media (min-width: 1024px) {
  .cookie-banner__inner {
    grid-template-columns: 1fr auto;
    gap: var(--space-6);
  }
}

.cookie-banner__text {
  font-size: var(--fs-caption);
  color: var(--color-text);
}

.cookie-banner__text p:last-child {
  margin-bottom: 0;
}

.cookie-banner__policy {
  display: inline-block;
  margin-top: var(--space-2);
  color: var(--color-navy);
}

.cookie-banner__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

/* Кнопки на всю ширину на узких экранах, но обе одинаковые. */
.cookie-banner__actions .btn {
  flex: 1 1 auto;
  min-width: 140px;
}

@media (min-width: 480px) {
  .cookie-banner__actions .btn {
    flex: 0 0 auto;
  }
}