.cookie-consent[hidden], [data-cookie-settings][hidden], #cookie-close[hidden] { display: none; }
.cookie-consent { position: fixed; bottom: 1rem; left: 1rem; right: 1rem; z-index: 100; max-width: 46rem; margin: auto; padding: 1.5rem; background: #fff; color: #1e293b; border: 1px solid #c7d2fe; border-radius: 1rem; box-shadow: 0 8px 40px #0f172a33; max-height: 85vh; overflow-y: auto; }
.cookie-consent h2 { font-size: 1.25rem; font-weight: 700; margin-bottom: .5rem; }
.cookie-consent p { line-height: 1.6; margin-bottom: .75rem; }
.cookie-consent a { color: #4338ca; text-decoration: underline; }
.cookie-actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.cookie-actions button { padding: .7rem 1rem; border: 1px solid #4338ca; border-radius: .5rem; background: #4338ca; color: white; font-weight: 600; min-height: 44px; }
.cookie-actions button:hover { background: #3730a3; }
.cookie-actions button:focus-visible, [data-cookie-settings]:focus-visible { outline: 3px solid #818cf8; outline-offset: 3px; }
[data-cookie-settings] { text-decoration: underline; }
@media (max-width: 480px) { .cookie-consent { padding: 1rem; } .cookie-actions button { flex: 1 1 100%; } }