#cookie-consent[hidden], #cookie-consent-settings[hidden] { display: none; }
#cookie-consent { position: fixed; z-index: 10000; bottom: 64px; left: 16px; right: 16px; margin: 0 auto; max-width: 960px; max-height: calc(100dvh - 96px); overflow: auto; box-sizing: border-box; display: flex; align-items: center; gap: 24px; padding: 24px; border: 1px solid #cbd5e1; border-radius: 18px; background: #fff; color: #0f172a; box-shadow: 0 12px 48px #0f172a33; font: 14px/1.6 Manrope, Arial, sans-serif; }
#cookie-consent h2 { font-size: 18px; font-weight: 800; margin: 0 0 8px; }
#cookie-consent p { margin: 0 0 8px; }
#cookie-consent a, .analytics-consent-document a { color: #1e40af; text-decoration: underline; text-underline-offset: 3px; }
.cookie-consent-actions { display: flex; flex-direction: column; gap: 10px; flex-shrink: 0; }
#cookie-consent button, #cookie-consent-settings { cursor: pointer; font: inherit; font-weight: 700; border: 1px solid #1e40af; border-radius: 10px; padding: 11px 16px; color: #1e40af; background: #fff; }
#cookie-consent-accept { background: #1e40af !important; color: white !important; }
#cookie-consent-settings { position: fixed; z-index: 9999; left: 16px; bottom: 12px; font: 12px/1.4 Manrope, Arial, sans-serif; box-shadow: 0 2px 12px #0f172a1a; }
#cookie-consent button:focus-visible, #cookie-consent a:focus-visible, #cookie-consent-settings:focus-visible { outline: 3px solid #f59e0b; outline-offset: 3px; }
.analytics-consent-document { max-width: 800px; margin: 40px auto; padding: 0 20px 90px; color: #0f172a; font: 16px/1.7 Arial, sans-serif; }
@media (max-width: 640px) { #cookie-consent { flex-direction: column; align-items: stretch; gap: 12px; padding: 18px; left: 10px; right: 10px; } .cookie-consent-actions { flex-direction: row; flex-wrap: wrap; } .cookie-consent-actions button { flex: 1 1 160px; } }
