/* Баннер согласия на cookie.
   Отдельный файл, а не блок в styles.css, потому что баннер обязан выглядеть
   одинаково на ВСЕХ публичных страницах, а styles.css грузят не все: у
   юр-страниц свои инлайн-стили, у /rpc и /timer — своя вёрстка. Поэтому здесь
   всё самодостаточно: токены Red Luxe берутся через var() с запасным
   литералом, если на странице переменных нет.
   Прежний блок .cc-cookie удалён из styles.css — два источника правды
   разъезжаются при первой же правке. */

.cc-cookie{
  position:fixed; left:0; right:0; bottom:0; z-index:9999; display:none;
  padding:14px clamp(20px,4vw,40px);
  background:rgba(14,15,20,.94);
  -webkit-backdrop-filter:saturate(140%) blur(14px);
  backdrop-filter:saturate(140%) blur(14px);
  border-top:1px solid var(--line-strong, rgba(255,255,255,.14));
  box-shadow:0 -18px 46px rgba(0,0,0,.45);
}
.cc-cookie.is-open{ display:block; }

.cc-cookie-inner{
  max-width:var(--container,1200px); margin:0 auto;
  display:flex; align-items:center; gap:14px 22px; flex-wrap:wrap;
}
.cc-cookie-text{
  flex:1 1 380px; min-width:0; margin:0;
  color:var(--ink-2, rgba(255,255,255,.60));
  font-family:var(--font-ui, 'Manrope', system-ui, -apple-system, sans-serif);
  font-size:14px; line-height:1.5;
}
.cc-cookie-text a{ color:var(--red-ink,#FF5965); text-decoration:underline; }
.cc-cookie-text b{ color:#fff; font-weight:600; }

.cc-cookie-actions{ flex:0 0 auto; display:flex; gap:10px; flex-wrap:wrap; }

/* Обе кнопки одного размера и на первом экране: отказ, до которого надо
   докопаться, Роскомнадзор согласием не считает. Вторичная — графитом
   (призрачные запрещены принципами Red Luxe), а не второй краской. */
.cc-cookie-btn{
  flex:0 0 auto; border:0; cursor:pointer;
  border-radius:var(--r-pill,999px);
  padding:12px 24px; min-width:190px;
  color:#fff;
  font-family:var(--font-ui, 'Manrope', system-ui, -apple-system, sans-serif);
  font-weight:700; font-size:14.5px; line-height:1.2;
  background:var(--red-grad, linear-gradient(135deg,#FF2E3C 0%,#E0121F 52%,#A60D17 100%));
  box-shadow:var(--shadow-cta, 0 16px 40px rgba(228,18,30,.35));
  transition:filter .16s ease, background-color .16s ease;
}
.cc-cookie-btn:hover{ filter:brightness(1.06); }
.cc-cookie-btn--sec{
  background:#191B22;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  color:rgba(255,255,255,.88); font-weight:600;
}
.cc-cookie-btn--sec:hover{ background:#20232B; filter:none; }

@media(max-width:640px){
  .cc-cookie{ padding:14px 18px calc(14px + env(safe-area-inset-bottom,0px)); }
  /* На телефоне баннер закрывает контент, поэтому текст поджимаем: иначе он
     съедает две трети экрана и человек жмёт «Принять все», не читая. */
  .cc-cookie-text{ font-size:13px; line-height:1.45; }
  .cc-cookie-actions{ width:100%; }
  .cc-cookie-btn{ flex:1 1 100%; min-width:0; padding:11px 20px; }
}