.analytics-consent[hidden], .analytics-consent button[hidden] { display: none; }
.analytics-consent { position: fixed; z-index: 100; inset: auto 20px 82px auto; width: min(540px, calc(100% - 40px)); max-height: calc(100svh - 120px); overflow: auto; padding: 24px; background: #241b17; color: #f5ecdf; border: 1px solid #b49a72; box-shadow: 0 8px 30px #0006; }
.analytics-consent h2 { font: 500 1.2rem/1.3 sans-serif; margin: 0 0 12px; }
.analytics-consent p { font: 400 .9375rem/1.65 sans-serif; margin: 0 0 12px; }
.analytics-consent a { font: 400 .875rem/1.5 sans-serif; color: #ead0a5; text-decoration: underline; }
.analytics-consent__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.analytics-consent button, .analytics-settings { font: 500 .875rem/1.4 sans-serif; color: #f5ecdf; background: transparent; border: 1px solid #b49a72; padding: 10px 14px; min-height: 44px; cursor: pointer; }
.analytics-settings { display: block; margin: 24px auto 0; }
.analytics-consent button:hover, .analytics-settings:hover { background: #403027; }
.analytics-consent :focus-visible, .analytics-settings:focus-visible { outline: 2px solid #f5ecdf; outline-offset: 4px; }
@media (max-width: 540px) { .analytics-consent { padding: 18px; right: 12px; width: calc(100% - 24px); } }