#cookie-banner {
  position: fixed !important;
  inset: auto 20px 20px auto !important;
  z-index: 9999 !important;
  width: min(520px, calc(100vw - 32px)) !important;
  max-height: calc(100dvh - 32px);
  overflow: auto;
  display: block !important;
  padding: 0 !important;
  border: 1px solid rgba(164, 180, 209, .22) !important;
  border-radius: 18px !important;
  background: #0d1420 !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .46) !important;
  backdrop-filter: none !important;
  opacity: 0;
  transform: translateY(18px) !important;
  pointer-events: none;
  transition: opacity 180ms ease-out, transform 180ms ease-out !important;
  color: #f4f7ff;
  font-family: 'Outfit', sans-serif;
}
#cookie-banner.visible { opacity: 1 !important; transform: translateY(0) !important; pointer-events: auto; }
.cookie-center-head { display: flex; align-items: flex-start; gap: 13px; padding: 20px 20px 16px; border-bottom: 1px solid rgba(164,180,209,.14); }
.cookie-center-icon { display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; border-radius: 10px; color: #8fb1ff; background: #162542; }
.cookie-center-title { flex: 1; }
.cookie-center-title strong { display: block; margin: 0 0 4px !important; color: #f4f7ff !important; font-size: 16px !important; }
.cookie-center-title p { margin: 0; color: #9daecc; font-size: 12px; line-height: 1.55; }
.cookie-center-close { display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 1px solid rgba(164,180,209,.18); border-radius: 9px; background: #101a29; color: #bdc9dc; cursor: pointer; }
.cookie-center-close:hover { color: #fff; border-color: #4f7ef8; }
.cookie-center-body { display: grid; gap: 10px; padding: 16px 20px; }
.cookie-category { display: flex; align-items: center; gap: 14px; padding: 13px; border: 1px solid rgba(164,180,209,.14); border-radius: 12px; background: #101a29; }
.cookie-category-copy { flex: 1; }
.cookie-category-copy strong { display: flex !important; align-items: center; gap: 7px; margin: 0 0 3px !important; color: #e8eef9 !important; font-size: 13px !important; }
.cookie-category-copy p { margin: 0; color: #91a2bd; font-size: 11px; line-height: 1.45; }
.cookie-required { color: #62ddb0; font-size: 10px; font-weight: 800; }
.cookie-switch { position: relative; flex: 0 0 42px; width: 42px; height: 24px; }
.cookie-switch input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.cookie-switch span { position: absolute; inset: 0; border-radius: 999px; background: #27364c; cursor: pointer; transition: background 180ms ease-out; }
.cookie-switch span::after { content: ''; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; transition: transform 180ms ease-out; }
.cookie-switch input:checked + span { background: #4f7ef8; }
.cookie-switch input:checked + span::after { transform: translateX(18px); }
.cookie-switch input:focus-visible + span { outline: 2px solid #8fb1ff; outline-offset: 2px; }
.cookie-switch input:disabled + span { background: #21765d; cursor: not-allowed; }
.cookie-center-links { padding: 0 20px 15px; color: #9daecc; font-size: 11px; }
.cookie-center-links a { color: #9fb9ff !important; text-decoration: none; }
.cookie-center-links a:hover { text-decoration: underline; }
.cookie-actions, .ck-actions { display: grid !important; grid-template-columns: 1fr 1fr; gap: 8px !important; padding: 16px 20px 20px; border-top: 1px solid rgba(164,180,209,.14); }
.cookie-btn, .ck-btn { min-height: 40px; padding: 9px 12px !important; border: 1px solid rgba(164,180,209,.22) !important; border-radius: 10px !important; font: 700 12px 'Outfit',sans-serif !important; cursor: pointer; transition: transform 180ms ease-out,border-color 180ms ease-out !important; }
.cookie-btn-decline, .ck-decline { color: #c3d0e4 !important; background: #101a29 !important; }
.cookie-btn-save, .ck-save { color: #dce7fb !important; background: #16223a !important; }
.cookie-btn-accept, .ck-accept { grid-column: 1/-1; color: #fff !important; background: #4f7ef8 !important; border-color: #4f7ef8 !important; box-shadow: none !important; }
.cookie-btn:hover, .ck-btn:hover { transform: translateY(-1px); border-color: #4f7ef8 !important; }
@media (max-width: 600px) {
  #cookie-banner { inset: auto 12px 12px !important; width: auto !important; }
  .cookie-actions, .ck-actions { grid-template-columns: 1fr; }
  .cookie-btn-accept, .ck-accept { grid-column: auto; }
}
@media (prefers-reduced-motion: reduce) {
  #cookie-banner, .cookie-switch span, .cookie-switch span::after, .cookie-btn, .ck-btn { transition: none !important; }
  .cookie-btn:hover, .ck-btn:hover { transform: none; }
}