/* ============================================================
   module_block_cookie_consent — окно «Пара слов о cookie»
   Левый нижний угол на всех страницах. Палитра — переменные темы NEO.
   ⚠ Глобальное правило темы svg{width:1rem;height:1rem} — размер задаём явно.
   ============================================================ */

.ckc {
    position: fixed;
    left: 18px;
    bottom: 18px;
    z-index: 95;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: min(340px, calc(100vw - 36px));
    padding: 16px 18px;
    border: 1px solid var(--transparent-10-w, rgba(255, 255, 255, .1));
    border-radius: var(--br-16, 16px);
    background: var(--card, #1f1f28);
    box-shadow: var(--box-shadow-b-30, 0 8px 17px rgba(0, 0, 0, .3));
    color: var(--text-default, #fff);
    font-family: var(--font-family-2, inherit);
    transform: translateY(12px);
    opacity: 0;
    transition: opacity .3s ease, transform .3s ease;
}
.ckc--in { opacity: 1; transform: translateY(0); }

.ckc__title {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: var(--font-size-m, 14px);
    font-weight: var(--font-weight-7, 700);
    line-height: 1.2;
}
.ckc__icon {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    fill: var(--money, #f4ca80);
}

.ckc__text {
    font-size: var(--font-size-s, 12px);
    line-height: 1.55;
    color: var(--text-secondary, #9fa2b9);
}
.ckc__text a { color: var(--money, #f4ca80); text-decoration: none; }
.ckc__text a:hover { text-decoration: underline; }

.ckc__actions { display: flex; align-items: center; gap: 8px; }
.ckc__hide,
.ckc__confirm {
    flex: 1 1 auto;
    padding: 9px 14px;
    border: 1px solid transparent;
    border-radius: var(--br-10, 10px);
    font-family: inherit;
    font-size: var(--font-size-s, 12px);
    font-weight: var(--font-weight-6, 600);
    line-height: 1.2;
    cursor: pointer;
    transition: var(--transition-ease-2, all .2s ease);
}
.ckc__hide {
    background: transparent;
    border-color: var(--transparent-10-w, rgba(255, 255, 255, .1));
    color: var(--text-secondary, #9fa2b9);
}
.ckc__hide:hover { background: var(--transparent-5-w, rgba(255, 255, 255, .05)); color: var(--text-default, #fff); }
.ckc__confirm { background: var(--span, #76ab29); color: #fff; }
.ckc__confirm:hover { filter: brightness(1.1); }

/* Атрибут hidden обязан работать: у окна авторский display:flex, который
   перекрывает браузерный [hidden]{display:none}. */
.ckc[hidden] { display: none !important; }

/* На десктопе слева стоит сайдбар темы (5rem, z-index 100) — окно сдвигаем за него */
@media (min-width: 769px) {
    .ckc { left: calc(5rem + 18px); }
}
/* До 768px тема показывает нижнюю панель .tabbar_mobile (64px) */
@media (max-width: 768px) {
    .ckc { left: 10px; bottom: 78px; width: calc(100vw - 20px); }
}

@media (prefers-reduced-motion: reduce) {
    .ckc { transition: none; }
}