/* Банер згоди на cookie: до згоди маркетингові скрипти не підключаються. */

.cookie {
  position: fixed;
  inset: auto var(--space-3) calc(env(safe-area-inset-bottom) + var(--space-3));
  z-index: var(--z-cookie);
  display: grid;
  gap: var(--space-3);
  padding: var(--space-4);
  border: 1px solid var(--c-border-hi);
  border-radius: var(--radius);
  background: var(--c-surface);
  box-shadow: var(--shadow);
}

.cookie__text {
  color: var(--c-text-secondary);
  font-size: var(--fs-sm);
}

.cookie__link {
  color: var(--c-accent);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.cookie__accept {
  width: 100%;
}

@media (min-width: 768px) {
  .cookie {
    inset: auto auto var(--space-5) var(--space-5);
    grid-template-columns: 1fr auto;
    align-items: center;
    max-width: 640px;
    gap: var(--space-5);
  }

  .cookie__accept {
    width: auto;
    min-width: 140px;
  }
}