/* Уведомление об использовании cookie. Класс с префиксом ubc-cc, чтобы
   не столкнуться со стилями самих сайтов. Цвета задаются переменными
   на .ubc-cc, их переопределяет вставка под конкретный сайт. */
.ubc-cc{
  --cc-bg:#13171c;
  --cc-ink:#fff;
  --cc-accent:#f5f818;
  --cc-accent-ink:#13171c;

  position:fixed;
  left:16px;
  right:16px;
  bottom:16px;
  z-index:9999;
  display:none;
  box-sizing:border-box;
  max-width:720px;
  margin:0 auto;
  padding:16px 18px;
  border-radius:12px;
  background:var(--cc-bg);
  color:var(--cc-ink);
  box-shadow:0 10px 34px rgba(0,0,0,.28);
  font-size:14px;
  line-height:1.5;
}
.ubc-cc.is-open{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:14px;
  animation:ubc-cc-in .28s cubic-bezier(.22,1,.36,1) both;
}
.ubc-cc *{box-sizing:border-box}
.ubc-cc__text{flex:1 1 280px;margin:0}
.ubc-cc__text a{color:var(--cc-accent);text-decoration:underline}
.ubc-cc__btn{
  flex:0 0 auto;
  appearance:none;
  border:0;
  cursor:pointer;
  padding:11px 22px;
  border-radius:8px;
  background:var(--cc-accent);
  color:var(--cc-accent-ink);
  font:inherit;
  font-weight:700;
  line-height:1;
  transition:transform .12s ease, filter .12s ease;
}
.ubc-cc__btn:hover{filter:brightness(1.08)}
.ubc-cc__btn:active{transform:translateY(1px)}
.ubc-cc__btn:focus-visible{outline:2px solid var(--cc-accent);outline-offset:3px}

@keyframes ubc-cc-in{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:none}
}

@media (prefers-reduced-motion:reduce){
  .ubc-cc.is-open{animation:none}
  .ubc-cc__btn{transition:none}
}

@media (max-width:480px){
  .ubc-cc{padding:14px 16px;font-size:13px}
  /* 44px — минимальный размер тач-таргета, замерено на 390px: было 37 */
  .ubc-cc__btn{width:100%;padding:14px 18px;min-height:44px}
}

/* цвета под FRUDDY */
.ubc-cc{--cc-bg:#07452b;--cc-accent:#f5f818;--cc-accent-ink:#1f2631}