/* Панель выбора cookie (consent.js) — общая для всех страниц consultp.ru */

.cookie {
  position: fixed;
  left: 20px;
  bottom: 20px;
  z-index: 90;
  width: min(430px, calc(100vw - 40px));
  padding: 18px 20px 20px;
  border-radius: 18px;
  background: #fff;
  color: #23282d;
  box-shadow: 0 18px 50px rgba(15, 30, 42, .22), 0 0 0 1px rgba(15, 30, 42, .05);
  font: 400 14px/1.5 "Inter", Arial, sans-serif;
  animation: cookie-in .5s cubic-bezier(.32, .72, 0, 1) both;
}
.cookie__text { margin: 0 0 14px; }
.cookie__text a { color: #4e819f; text-decoration: underline; text-underline-offset: 2px; }
.cookie__text a:hover { color: #23282d; }

.cookie__actions { display: flex; flex-wrap: wrap; gap: 8px; }
.cookie__btn {
  flex: 1 1 auto;
  height: 42px;
  padding: 0 16px;
  border: 0;
  border-radius: 21px;
  background: #eef2f5;
  color: #23282d;
  font: 600 14px/1 "Inter", Arial, sans-serif;
  cursor: pointer;
  transition: background-color .2s, color .2s;
}
.cookie__btn:hover { background: #e2e8ed; }
.cookie__btn--main { background: #72abca; color: #fff; }
.cookie__btn--main:hover { background: #5f9bbd; }
.cookie__btn:focus-visible { outline: 2px solid #4e819f; outline-offset: 2px; }

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

@media (max-width: 480px) {
  .cookie { left: 10px; bottom: 10px; width: calc(100vw - 20px); }
}

@media (prefers-reduced-motion: reduce) {
  .cookie { animation: none; }
}