.analytics-consent[hidden], .analytics-preferences[hidden] { display: none !important; }
.analytics-consent { position: fixed; z-index: 1040; bottom: 20px; left: 20px; right: 88px; max-width: 1100px; margin: auto; display: flex; align-items: center; gap: 24px; padding: 24px; color: #253138; background: #fff; border: 1px solid #dfe3e5; border-radius: 4px; box-shadow: 0 6px 32px #0003; }
.analytics-consent h2 { margin: 0 0 8px; font-size: 19px; }
.analytics-consent p { margin: 0; font-size: 13px; line-height: 1.6; }
.analytics-consent a { color: inherit; text-decoration: underline; }
.analytics-consent-actions { display: flex; gap: 10px; flex-shrink: 0; }
.analytics-consent-actions .button { min-height: 44px; border: 1px solid #253138; white-space: nowrap; font-size: 12px; }
.analytics-consent-actions .button { color: #253138; background: #fff; min-width: 150px; }
.analytics-consent-actions .button:hover, .analytics-consent-actions .button:focus-visible { color: #253138; background: #ffdf00; }
.analytics-consent small { display: block; margin-top: 8px; font-size: 11px; }
.analytics-preferences { position: fixed; z-index: 1030; left: 16px; bottom: 12px; min-height: 36px; padding: 7px 12px; border: 1px solid #dfe3e5; border-radius: 4px; color: #253138; background: #fff; font-size: 11px; box-shadow: 0 2px 8px #0001; }
@media (max-width: 991px) { .analytics-consent { flex-direction: column; align-items: stretch; gap: 16px; } .analytics-consent-actions .button { flex: 1; } }
@media (max-width: 575px) { .analytics-consent { left: 12px; right: 12px; bottom: 80px; padding: 18px; max-height: calc(100dvh - 100px); overflow-y: auto; } .analytics-consent-actions { flex-direction: column; } }