/* ТЕНвизор — плашка согласия на cookie / обработку данных.
   В токенах сайта. Показывается не чаще раза в 5 дней (логика в consent.js).
   Откат: убрать <link> consent.css, <script> consent.js и блок #cookieBanner. */
.ck-banner { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1000; display: flex; justify-content: center;
  padding: 14px; pointer-events: none; }
.ck-banner[hidden] { display: none; }
.ck-inner { pointer-events: auto; max-width: 920px; width: 100%; display: flex; align-items: center; gap: 16px;
  background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-card);
  box-shadow: var(--shadow); padding: 15px 18px; }
.ck-ic { width: 40px; height: 40px; border-radius: 11px; background: var(--green-soft); color: var(--green-700);
  display: flex; align-items: center; justify-content: center; flex: none; }
.ck-ic svg { width: 21px; height: 21px; }
.ck-text { font-size: 13.5px; line-height: 1.5; color: var(--muted); margin: 0; }
.ck-text a { color: var(--green-700); font-weight: 600; text-decoration: none; }
.ck-text a:hover { text-decoration: underline; }
.ck-actions { display: flex; gap: 10px; flex: none; }
.ck-actions .btn { white-space: nowrap; }
@media (max-width: 720px) {
  .ck-inner { flex-direction: column; align-items: flex-start; gap: 13px; }
  .ck-actions { width: 100%; }
  .ck-actions .btn { flex: 1; justify-content: center; text-align: center; }
}
@media (prefers-reduced-motion: no-preference) {
  .ck-show .ck-inner { animation: ckUp .5s cubic-bezier(.22, 1, .36, 1) both; }
  @keyframes ckUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: none; } }
}