
.cookie-banner-center {
  position: fixed;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%) translateY(120%);
  width: calc(100% - 4rem);
  max-width: 480px;
  background: linear-gradient(135deg, #F8FDFF, #E0F2FE 50%, #CBD5E1);
  color: #082F49;
  border: 1px solid rgba(148,163,184,.65);
  border-radius: 24px;
  box-shadow: 0 24px 70px rgba(8,47,73,.22);
  padding: 1.15rem;
  z-index: 9999;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 1.45;
  transition: all 0.4s ease;
  opacity: 0;
}
.cookie-banner-center.show { transform: translateX(-50%) translateY(0); opacity: 1; }
.cookie-title { font-size: 18px; font-weight: 800; margin: 0 0 .75rem; color: #082F49; }
.cookie-text { color: #334155; margin: 0 0 1rem; padding: .75rem; background: rgba(255,255,255,.78); border: 1px solid rgba(203,213,225,.8); border-radius: 16px; }
.cookie-text a { color: #047857; font-weight: 700; text-decoration: underline; }
.cookie-buttons { display: flex; flex-direction: column; gap: .6rem; margin-top: 1rem; }
.cookie-btn { padding: .7rem 1rem; background: #fff; border: 1px solid rgba(148,163,184,.65); border-radius: 999px; color: #082F49; font-size: 14px; font-weight: 700; cursor: pointer; transition: all .2s ease; }
.cookie-btn:hover { transform: translateY(-1px); box-shadow: 0 10px 22px rgba(8,47,73,.12); }
.cookie-btn.accept { background: linear-gradient(90deg, #38BDF8, #047857); color: #fff; border: 0; }
.cookie-icon { position: fixed; bottom: 2rem; left: 2rem; width: 52px; height: 52px; background: linear-gradient(135deg, #38BDF8, #047857); border: 1px solid rgba(255,255,255,.85); border-radius: 18px; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0; pointer-events: none; z-index: 9998; font-size: 24px; color: white; box-shadow: 0 15px 35px rgba(8,47,73,.22); }
.cookie-icon.show { opacity: 1; pointer-events: all; }
.cookie-toggle-item { padding: .85rem 0; border-bottom: 1px solid rgba(148,163,184,.35); }
.cookie-back-btn { background: #fff; border: 1px solid rgba(148,163,184,.65); border-radius: 999px; font-size: 16px; width: 32px; height: 32px; cursor: pointer; }
.toggle-title { font-weight: 800; color: #082F49; }
.toggle-desc { color: #475569; font-size: 13px; }
@media (max-width: 480px) { .cookie-banner-center { bottom: 1rem; left: 1rem; right: 1rem; width: auto; transform: translateY(120%); } .cookie-banner-center.show { transform: translateY(0); } }
