.analytics-consent { position: fixed; z-index: 1000; bottom: 16px; left: 16px; right: 16px; max-width: 860px; margin: auto; padding: 24px; background: #fffdf8; color: #3b2a20; border: 1px solid #bca78a; border-radius: 20px; box-shadow: 0 8px 32px #3b2a2030; font: 600 16px/1.5 Nunito, sans-serif; max-height: calc(100dvh - 32px); overflow: auto; }
.analytics-consent[hidden] { display: none; }
.analytics-consent strong { font-size: 20px; }
.analytics-consent p { margin: 8px 0 18px; }
.analytics-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.analytics-actions button { flex: 1; min-width: 170px; min-height: 48px; padding: 12px 18px; border: 2px solid #2f5d50; border-radius: 999px; background: #fffdf8; color: #2f5d50; font: 800 16px/1.4 Nunito, sans-serif; cursor: pointer; }
.analytics-actions button[data-consent="granted"] { background: #2f5d50; color: #fffdf8; }
.analytics-settings { display: block; margin: 16px auto 0; padding: 12px; background: transparent; border: 0; color: #3b2a20; font: 700 15px/1.5 Nunito, sans-serif; text-decoration: underline; cursor: pointer; }
.analytics-consent a { color: #2f5d50; text-decoration: underline; }
.analytics-actions button:focus-visible, .analytics-settings:focus-visible { outline: 3px solid #b5462f; outline-offset: 3px; }
@media (max-width: 480px) { .analytics-consent { padding: 18px; } .analytics-actions { flex-direction: column; } }