/* Аспро.Встречи — баннер согласия на cookie.
   Использует токены сайта из /assets/css/tokens.css и кнопки .btn из style.css. */

.cc {
  position: fixed; z-index: 95;
  left: var(--container-pad); right: var(--container-pad); bottom: var(--container-pad);
  max-width: 760px; margin: 0 auto;
  background: var(--white);
  border: 1px solid var(--divider-color);
  border-radius: var(--radius-2xl);
  box-shadow: var(--shadow-3xl);
  padding: var(--g6);
  display: none;
}
.cc.is-visible { display: block; }

.cc__text { margin: 0; font-size: var(--text-12); line-height: var(--text-12-lh); color: var(--secondary-text-color); }
.cc__text a { font-size: inherit; }

.cc__actions { display: flex; flex-wrap: wrap; gap: var(--g3); margin-top: var(--g5); }
.cc__actions .btn { flex: 0 0 auto; }

.cc__settings { display: none; margin-top: var(--g5); border-top: 1px solid var(--divider-color); padding-top: var(--g5); }
.cc.is-settings .cc__settings { display: block; }
.cc.is-settings .cc__actions--main { display: none; }

.cc__cat { display: flex; gap: var(--g4); align-items: flex-start; padding: var(--g3) 0; }
.cc__cat + .cc__cat { border-top: 1px dashed var(--divider-color); }
.cc__cat input { margin-top: 3px; width: 18px; height: 18px; flex: 0 0 auto; accent-color: var(--brand-blue); }
.cc__cat-title { display: block; font-weight: 600; font-size: var(--text-14, 14px); }
.cc__cat-desc { display: block; margin: 2px 0 0; font-size: var(--text-12); line-height: var(--text-12-lh); color: var(--secondary-text-color); }
.cc__cat input:disabled { opacity: .6; }

@media (max-width: 599px) {
  .cc { padding: var(--g5); }
  .cc__actions .btn { flex: 1 1 100%; }
}