/* ================= COOKIE ================= */
#cookie-banner{
  position:fixed;
  bottom:20px;
  left:50%;
  transform:translateX(-50%);
  max-width:960px;
  width:calc(100% - 40px);
  background:#020617;
  color:#e5e7eb;
  padding:18px 22px;
  border-radius:16px;
  box-shadow:0 10px 30px rgba(0,0,0,.25);
  display:flex;
  gap:16px;
  align-items:center;
  justify-content:space-between;
  z-index:9999;
  font-size:14px;
}

#cookie-banner a{
  color:var(--primary);
  text-decoration:underline;
}

.cookie-actions{
  display:flex;
  gap:10px;
  flex-shrink:0;
}

#cookie-accept{
  background:var(--primary);
  color:#022c22;
  border:none;
  padding:8px 14px;
  border-radius:10px;
  font-weight:600;
  cursor:pointer;
}

#cookie-reject{
  background:transparent;
  color:#cbd5f5;
  border:1px solid #334155;
  padding:8px 14px;
  border-radius:10px;
  cursor:pointer;
}

@media (max-width: 640px){
  #cookie-banner{
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    text-align: left;
  }

  .cookie-actions{
    width: 100%;
    justify-content: flex-end;
  }

  #cookie-accept,
  #cookie-reject{
    flex: 1;
    text-align: center;
  }
}