.cookie-banner {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 40px);
  max-width: 1100px;
  background: linear-gradient(135deg, #0a0f1f, #050816);
  color: #e6f1ff;
  padding: 22px 26px;
  border-radius: 14px;
  z-index: 9999;
  display: none;
  box-shadow: 0 15px 45px rgba(0, 195, 255, 0.25);
  backdrop-filter: blur(10px);
  animation: slideUp 0.6s ease-out;
}

@keyframes slideUp {
  from {
    transform: translate(-50%, 40px);
    opacity: 0;
  }
  to {
    transform: translate(-50%, 0);
    opacity: 1;
  }
}

.cookie-content {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.cookie-content h4 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: #7fd4ff;
}

.cookie-content p {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: #cfdcff;
}

/* Cookie Options */
.cookie-options {
  margin-top: 6px;
}

.cookie-options label {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  cursor: pointer;
  color: #e6f1ff;
}

.cookie-options input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: #4fc3f7;
  cursor: pointer;
}

/* Buttons */
.cookie-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 10px;
}

.cookie-buttons button {
  padding: 10px 18px;
  border-radius: 30px;
  border: 1px solid transparent;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  transition: all 0.3s ease;
}

/* Accept All */
.cookie-buttons button:nth-child(1) {
  background: linear-gradient(135deg, #4fc3f7, #0288d1);
  color: #041421;
  box-shadow: 0 8px 20px rgba(79, 195, 247, 0.35);
}

.cookie-buttons button:nth-child(1):hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(79, 195, 247, 0.5);
}

/* Reject All */
.cookie-buttons button:nth-child(2) {
  background: transparent;
  border: 1px solid #4fc3f7;
  color: #7fd4ff;
}

.cookie-buttons button:nth-child(2):hover {
  background: rgba(79, 195, 247, 0.12);
}

/* Save Preferences */
.cookie-buttons button:nth-child(3) {
  background: transparent;
  color: #a7c7ff;
}

.cookie-buttons button:nth-child(3):hover {
  color: #4fc3f7;
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .cookie-banner {
    bottom: 15px;
    padding: 18px;
  }

  .cookie-buttons {
    flex-direction: column;
  }

  .cookie-buttons button {
    width: 100%;
  }
}

















/*.cookie-banner {*/
/*  position: fixed;*/
/*  bottom: 0;*/
/*  left: 0;*/
/*  width: 100%;*/
/*  background: #000;*/
/*  color: #fff;*/
/*  padding: 20px;*/
/*  z-index: 9999;*/
/*  display: none;*/
/*}*/

/*.cookie-content {*/
/*  max-width: 1100px;*/
/*  margin: auto;*/
/*}*/

/*.cookie-content h4 {*/
/*  margin: 0 0 10px;*/
/*  font-size: 18px;*/
/*}*/

/*.cookie-options label {*/
/*  display: block;*/
/*  margin-bottom: 8px;*/
/*  font-size: 14px;*/
/*}*/

/*.cookie-buttons {*/
/*  margin-top: 15px;*/
/*}*/

/*.cookie-buttons button {*/
/*  background: orange;*/
/*  border: none;*/
/*  color: #000;*/
/*  padding: 8px 15px;*/
/*  margin-right: 8px;*/
/*  cursor: pointer;*/
/*  font-weight: bold;*/
/*}*/

/*.cookie-buttons button:hover {*/
/*  opacity: 0.9;*/
/*}*/