/* Панель согласия на файлы cookie — перенесено с carscan.app 09.09.2026,
   тот же вид «один в один» по прямой просьбе владельца. Цвета — свои
   значения тех же переменных (--ink/--dim/--line/--bg/--card/--blue/
   --blue-fill/--on-blue), заданные напрямую: своих таких переменных у
   темы сайта нет.

   ⚠️ Панель НЕ перекрывает страницу и не блокирует прокрутку: читать
   сайт можно, не отвечая. Окно настроек — блокирует, но его человек
   открыл сам. */
.cc {
    position: fixed; z-index: 9000;
    left: 0; right: 0; bottom: 0;
    display: flex; justify-content: center;
    padding: 14px;
    pointer-events: none;
}
.cc-box {
    pointer-events: auto;
    width: 100%; max-width: 560px;
    background: #FFFFFF; color: #0B1220;
    border: 1px solid #E6E9F0; border-radius: 18px;
    box-shadow: 0 18px 50px rgba(15, 23, 42, .28);
    padding: 20px 22px;
    font-family: inherit;
}
.cc-title { font-size: 18px; letter-spacing: -.01em; margin: 0 0 8px; font-weight: 700; }
.cc-text { font-size: 14px; line-height: 1.55; color: #4E5768; margin: 0 0 14px; }
.cc-text a { color: #0B5E90; text-decoration: underline; text-underline-offset: 2px; }
.cc-text b { color: #0B1220; }

/* ⚠️ Кнопки ОДНОГО размера и веса — отказаться должно быть так же легко,
   как согласиться. */
.cc-btns { display: flex; flex-wrap: wrap; gap: 8px; }
.cc-btn {
    flex: 1 1 auto; min-width: 120px;
    font: inherit; font-size: 14px; font-weight: 600;
    padding: 11px 16px; border-radius: 12px; cursor: pointer;
    border: 1px solid #E6E9F0; background: #F6F7FB; color: #0B1220;
}
.cc-btn:hover { border-color: #0B5E90; }
.cc-btn:focus-visible { outline: 2px solid #0B5E90; outline-offset: 2px; }
.cc-yes { background: #0B5E90; border-color: #0B5E90; color: #fff; }
.cc-yes:hover { filter: brightness(1.08); border-color: #0B5E90; }

/* ── окно настроек ── */
.cc-modal {
    top: 0; align-items: center;
    background: rgba(15, 23, 42, .5);
    pointer-events: auto;
    overflow-y: auto; padding: 24px 14px;
}
.cc-wide { max-width: 640px; }
html.cc-locked { overflow: hidden; }

.cc-group {
    border: 1px solid #E6E9F0; border-radius: 14px;
    padding: 14px 16px; margin-bottom: 10px;
}
.cc-fixed { background: #F6F7FB; }
.cc-head { display: flex; align-items: center; gap: 10px; cursor: pointer; }
.cc-fixed .cc-head { cursor: default; }
.cc-head input { width: 18px; height: 18px; accent-color: #0B5E90; flex: 0 0 auto; }
.cc-name { font-weight: 700; font-size: 15px; }
.cc-always, .cc-none, .cc-count {
    font-size: 12px; color: #4E5768;
    border: 1px solid #E6E9F0; border-radius: 999px; padding: 2px 9px;
}
.cc-why { font-size: 13px; line-height: 1.5; color: #4E5768; margin: 8px 0 0; }
.cc-more { margin: 14px 0; }

@media (max-width: 520px) {
    .cc { padding: 10px; }
    .cc-box { padding: 16px 15px; }
    .cc-btn { flex: 1 1 100%; }
}

/* ── страница /cookies-policy/: таблица файлов и карточки категорий ── */
.cc-page .doccard {
    border: 1px solid #E6E9F0; border-radius: 14px;
    padding: 16px 18px; margin: 0 0 16px;
    background: #FFFFFF;
}
.cc-page .doccard h2 { font-size: 17px; margin: 0 0 8px; }
.cc-page .offerbadge {
    display: flex; flex-wrap: wrap; gap: 8px;
    margin: 14px 0 22px;
}
.cc-page .offerbadge span {
    font-size: 13px; color: #4E5768;
    border: 1px solid #E6E9F0; border-radius: 999px; padding: 5px 12px;
    background: #F6F7FB;
}
.cc-tablewrap { overflow-x: auto; }
.cc-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.cc-table th, .cc-table td { text-align: left; padding: 9px 10px; border-bottom: 1px solid #E6E9F0; vertical-align: top; }
.cc-table th { font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: #4E5768; }
.cc-table code { font-size: 13px; background: #F6F7FB; padding: 2px 6px; border-radius: 6px; }
.cc-table tr:last-child td { border-bottom: 0; }