/* pamir.kz — уведомление об использовании cookie.
   Подключать последним (после mascot.css). Ничего не блокирует — только
   информирует, согласуется с текстом privacy.html («вы можете отключить
   cookie в настройках браузера»). */
.cookie-banner {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 65;
  display: flex; flex-wrap: wrap; align-items: center; gap: 16px;
  padding: 18px clamp(16px,4vw,32px);
  padding-right: clamp(110px, 14vw, 140px);
  background: var(--ink); color: #f4f6ef;
  box-shadow: 0 -12px 30px rgba(17,18,15,.18);
  transform: translateY(120%);
  transition: transform .4s cubic-bezier(.2,.7,.2,1);
}
.cookie-banner.is-on { transform: none; }
.cookie-banner p { margin: 0; font-size: 14px; line-height: 1.5; flex: 1 1 260px; }
.cookie-banner a { color: var(--lime); text-decoration: underline; }
.cookie-banner .btn-dark { background: var(--lime); color: var(--ink); flex: 0 0 auto; }
.cookie-banner .btn-dark:hover { background: #fff; color: var(--ink); }
/* до этой правки на мобильном (≤640px) правый отступ сбрасывался обратно
   к базовым 16-32px - как раз там, где кнопка WhatsApp сидит поверх
   баннера. Кнопка на мобильном никуда не девается, зазор нужен всегда. */
@media (prefers-reduced-motion: reduce) {
  .cookie-banner { transition: none; }
}