.cookie-banner{
  position:fixed;left:1rem;right:1rem;bottom:1rem;
  z-index:9000;
  max-width:480px;
  background:#0f1115;color:#fff;
  border:1px solid rgba(255,255,255,.08);
  border-left:4px solid #c81d2a;
  border-radius:10px;
  padding:1.2rem 1.3rem;
  box-shadow:0 18px 40px rgba(0,0,0,.4);
  font-family:'Inter','Helvetica Neue',Arial,sans-serif;
  font-size:.88rem;
  line-height:1.5;
  transform:translateY(140%);
  transition:transform .3s ease;
}
.cookie-banner.is-visible{transform:translateY(0)}
.cookie-banner h4{
  font-size:1rem;font-weight:700;margin:0 0 .4rem;
  color:#fff;letter-spacing:.02em;
}
.cookie-banner p{margin:0 0 .9rem;color:#9aa0a8;font-size:.85rem}
.cookie-banner a{color:#c81d2a;text-decoration:underline}
.cookie-actions{display:flex;flex-wrap:wrap;gap:.5rem}
.cookie-btn{
  flex:1;min-width:100px;
  padding:.65rem .9rem;
  border:none;border-radius:6px;
  font-family:inherit;font-weight:600;font-size:.78rem;
  text-transform:uppercase;letter-spacing:.06em;
  cursor:pointer;
  transition:background .2s ease,opacity .2s ease;
}
.cookie-btn-primary{background:#c81d2a;color:#fff}
.cookie-btn-primary:hover{background:#9b1422}
.cookie-btn-secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.25)}
.cookie-btn-secondary:hover{background:rgba(255,255,255,.06)}
.cookie-btn-link{background:none;color:#9aa0a8;text-decoration:underline;flex:none}
.cookie-btn-link:hover{color:#fff}

@media(max-width:560px){
  .cookie-banner{left:.7rem;right:.7rem;bottom:.7rem;padding:1rem}
  .cookie-btn{font-size:.72rem}
}