/* Баннер cookie — в цветах сайта, снизу экрана, не перекрывает всю страницу */
.cookie {
  position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 80;
  max-width: 560px; margin-left: auto;
  background: var(--navy, #16202E); color: #fff;
  border-radius: 20px; padding: 20px 22px;
  box-shadow: 0 24px 60px -20px rgba(0, 0, 0, .55);
  display: grid; gap: 14px;
  font: 400 14px/1.5 var(--f-body, system-ui, sans-serif);
  animation: cookie-in .3s ease;
}
@keyframes cookie-in { from { opacity: 0; transform: translateY(12px); } }
.cookie__text { margin: 0; color: rgba(255, 255, 255, .85); }
.cookie__text a { color: var(--accent, #C6E46A); }
.cookie__settings { display: grid; gap: 10px; padding: 12px 14px; border-radius: 14px; background: rgba(255, 255, 255, .06); }
.cookie__settings[hidden] { display: none; }
.cookie__opt { display: flex; gap: 10px; align-items: flex-start; cursor: pointer; color: rgba(255, 255, 255, .85); }
.cookie__opt input { width: 18px; height: 18px; margin: 1px 0 0; accent-color: var(--accent, #C6E46A); flex: none; }
.cookie__btns { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.btn--ghost-dark { background: transparent; border-color: rgba(255, 255, 255, .35); color: #fff; }
.btn--ghost-dark:hover { border-color: #fff; }
.cookie__cfg {
  background: none; border: 0; padding: 6px 4px; margin-left: auto; cursor: pointer;
  color: rgba(255, 255, 255, .75); font: 500 14px/1.2 var(--f-body, system-ui, sans-serif);
  text-decoration: underline; text-underline-offset: 3px;
}
.cookie__cfg:hover { color: #fff; }

/* ссылки в подвале */
.footer__links { display: flex; flex-wrap: wrap; gap: 6px 22px; }
.footer__cookie { background: none; border: 0; padding: 0; color: inherit; font: inherit; cursor: pointer; }
.footer__cookie:hover { color: #fff; }

@media (max-width: 560px) {
  .cookie { left: 8px; right: 8px; bottom: 8px; padding: 16px; }
  .cookie__btns .btn { flex: 1 1 auto; }
  .cookie__cfg { margin-left: 0; width: 100%; text-align: center; }
}