.cookie-banner-center {
  position: fixed;
  bottom: 1.5rem;
  left: 50%;
  transform: translateX(-50%) translateY(120%);
  width: calc(100% - 3rem);
  max-width: 460px;
  background: rgba(255, 247, 237, 0.96);
  color: #1f2933;
  border-radius: 1.5rem;
  box-shadow: 0 24px 60px rgba(49, 37, 21, 0.22);
  padding: 1.5rem;
  z-index: 99999;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 15px;
  line-height: 1.5;
  border: 1px solid rgba(194, 65, 12, 0.16);
  transition: transform .3s ease, opacity .3s ease;
  opacity: 0;
}
.cookie-banner-center[hidden] { display: none; }
.cookie-banner-center.show { transform: translateX(-50%) translateY(0); opacity: 1; }
.cookie-header { display: flex; align-items: center; gap: .8rem; margin-bottom: .8rem; }
.cookie-mark { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(135deg, #00B4D8, #C2410C, #4D7C0F); color: #fff; box-shadow: 0 10px 26px rgba(0,180,216,.22); }
.cookie-title { margin: 0; color: #31251a; font-size: 1.18rem; font-weight: 750; }
.cookie-text { margin: 0 0 1rem; color: #4b5563; }
.cookie-text a { color: #C2410C; font-weight: 700; text-decoration: underline; }
.cookie-buttons { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
.cookie-btn { border: 0; border-radius: .85rem; padding: .85rem 1rem; font-weight: 750; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.cookie-btn:hover { transform: translateY(-1px); }
.cookie-btn.accept { background: #00B4D8; color: #fff; box-shadow: 0 10px 24px rgba(0,180,216,.26); }
.cookie-btn.reject { background: #C2410C; color: #fff; box-shadow: 0 10px 24px rgba(194,65,12,.22); }
.cookie-btn.manage { grid-column: span 2; background: #4D7C0F; color: #fff; }
.cookie-btn.full { width: 100%; margin-top: 1rem; }
.cookie-back-btn { width: 38px; height: 38px; border: 0; border-radius: 50%; cursor: pointer; background: #C2410C; color: white; font-size: 20px; line-height: 1; }
.cookie-icon { position: fixed; left: 1.25rem; bottom: 1.25rem; width: 58px; height: 58px; border: 0; border-radius: 50%; display: grid; place-items: center; cursor: pointer; background: linear-gradient(135deg, #00B4D8, #C2410C, #4D7C0F); box-shadow: 0 14px 34px rgba(0, 180, 216, 0.35); z-index: 99998; opacity: 0; pointer-events: none; transition: transform .25s ease, opacity .25s ease; font-size: 25px; }
.cookie-icon.show { opacity: 1; pointer-events: auto; }
.cookie-icon:hover { transform: scale(1.08) rotate(6deg); }
.cookie-settings-panel[hidden] { display: none; }
.cookie-toggle-item { display: flex; justify-content: space-between; gap: 1rem; align-items: center; padding: 1rem 0; border-bottom: 1px solid rgba(77,124,15,.15); }
.toggle-title { font-weight: 750; color: #31251a; }
.toggle-desc { font-size: .88rem; color: #64748b; margin-top: .2rem; }
.toggle-switch { position: relative; display: inline-block; width: 52px; height: 28px; flex: 0 0 auto; }
.toggle-switch input { opacity: 0; width: 0; height: 0; }
.slider { position: absolute; cursor: pointer; inset: 0; background: #cbd5e1; transition: .25s; border-radius: 999px; }
.slider:before { position: absolute; content: ""; height: 22px; width: 22px; left: 3px; bottom: 3px; background: white; transition: .25s; border-radius: 50%; box-shadow: 0 2px 5px rgba(0,0,0,.16); }
input:checked + .slider { background: #00B4D8; }
input:checked + .slider:before { transform: translateX(24px); }
@media (max-width: 480px) {
  .cookie-banner-center { left: 1rem; right: 1rem; bottom: 1rem; width: auto; transform: translateY(120%); padding: 1.2rem; }
  .cookie-banner-center.show { transform: translateY(0); }
  .cookie-buttons { grid-template-columns: 1fr; }
  .cookie-btn.manage { grid-column: auto; }
}
