.cookie-banner[hidden] { display: none !important; }
.cookie-banner { position: fixed; z-index: 9999; bottom: 20px; left: 50%; transform: translateX(-50%); width: min(880px, calc(100% - 32px)); display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 20px 22px; border: 1px solid rgba(161,187,211,.24); border-radius: 16px; background: #111c2b; color: #f4f8fb; box-shadow: 0 16px 55px rgba(0,0,0,.5); font: 14px/1.5 Inter, system-ui, sans-serif; }
.cookie-banner strong { font-size: 1rem; }
.cookie-banner p { margin: 6px 0 0; color: #c1cdd9; font: inherit; }
.cookie-banner a { color: #00e5a3; }
.cookie-actions { display: flex; gap: 10px; flex-shrink: 0; }
.cookie-actions button, .cookie-preferences { cursor: pointer; font: inherit; }
.cookie-actions button { min-width: 90px; padding: 10px 14px; border: 1px solid #8ba0b8; border-radius: 9px; background: transparent; color: #f4f8fb; font-weight: 600; }
.cookie-actions button:hover { border-color: #00e5a3; }
.cookie-actions button:focus-visible, .cookie-preferences:focus-visible { outline: 2px solid #00e5a3; outline-offset: 3px; }
.cookie-preferences { display: block; margin: 12px auto; padding: 4px 8px; border: 0; background: transparent; color: #a7b7c8; font-size: .85rem; text-decoration: underline; }
@media (max-width: 650px) { .cookie-banner { align-items: stretch; flex-direction: column; gap: 14px; bottom: 12px; padding: 16px; } .cookie-actions { display: flex; } .cookie-actions button { flex: 1 1 0; } }