/* =========================================================================
   УВЕДОМЛЕНИЕ О COOKIE

   Подключается и на витрине, и в анкете: решение одно на весь сайт,
   и странно было бы спрашивать на одной странице и молчать на другой.
   Свой файл, а не кусок vitrina.css, — потому что анкета подключает
   только tokens.css и wizard.css.

   Панель тёмная (--ink-2) с внутренним кантом. Тёмная, потому что это
   не часть страницы, а её служебный слой: тот же тон, что у шапки
   и карточек контактов, — читается как «интерфейс сайта», а не как
   всплывшая реклама. Тени нет, как и везде: кант рисуется внутренней.

   Слева внизу, а не поперёк экрана: полоса во всю ширину закрывает
   содержимое и заставляет принять решение раньше, чем человек понял,
   куда попал. Узкая панель в углу ждёт столько, сколько нужно.
   ========================================================================= */
.ck{
  position: fixed; z-index: 120;
  left: 16px; right: 16px; bottom: 16px;
  max-width: 460px;
  background: var(--ink-2); color: var(--on-dark);
  border-radius: var(--r-card);
  box-shadow: inset 0 0 0 1px var(--ink-line);
  padding: clamp(18px, 2.2vw, 24px);
}
@media (min-width: 560px){ .ck{ left: 24px; bottom: 24px; right: auto; width: 460px; } }

/* Появляется не сразу и снизу: мгновенная панель поверх первого экрана
   выглядит как перехват, а не как уведомление */
.ck[hidden]{ display: none; }
.ck{ animation: ckIn .32s var(--ease-out) both; }
@keyframes ckIn{ from{ opacity: 0; transform: translateY(12px); } to{ opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce){ .ck{ animation: none; } }

/* Заголовка у плашки больше нет: текст стал одним абзацем, и
   «Файлы cookie» над ним повторяли бы его же первые слова. Кегль
   поднят на полпункта — без заголовка абзац отвечает за себя сам. */
.ck__text{
  margin: 0 0 18px; font-size: 15px; line-height: 1.5;
  color: var(--on-dark-2);
}
.ck__text a{
  color: #fff; text-decoration: underline; text-underline-offset: 3px;
  text-decoration-color: rgba(255,255,255,.4);
}
.ck__text a:hover{ text-decoration-color: #fff; }

.ck__actions{ display: flex; flex-wrap: wrap; gap: 8px; }
.ck__actions .btn{ min-height: 44px; padding: 11px 18px; font-size: 15px; }

/* Ссылка «файлы cookie» в подвале — ею решение и пересматривают.
   Согласие, которое нельзя отозвать, согласием не считается. */
.ck-reopen{
  background: none; border: none; padding: 0;
  font: inherit; color: inherit; cursor: pointer;
  text-decoration: underline; text-underline-offset: 3px;
  text-decoration-color: transparent;
}
.ck-reopen:hover{ text-decoration-color: currentColor; }