.marketing-consent-banner[hidden], .marketing-consent-banner [hidden] { display: none !important; }
.marketing-consent-banner {
    position: fixed; z-index: 1100; inset: auto 1rem 1rem;
    margin: 0 auto; max-width: 960px; padding: 1.25rem;
    background: #181712; color: #f5f0df; border: 1px solid #a99052;
    box-shadow: 0 8px 36px #0009; font: 14px/1.5 system-ui, sans-serif;
    max-height: calc(100dvh - 2rem); overflow-y: auto;
}
.marketing-consent-banner h2 { color: #e6cf93; font: 600 19px/1.3 system-ui, sans-serif; margin: 0 0 .75rem; }
.marketing-consent-banner p { margin: 0 0 .65rem; }
.marketing-consent-banner a { color: #f3d78f; text-decoration: underline; }
.marketing-consent-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1rem; }
.marketing-consent-actions button {
    flex: 1 1 180px; min-height: 44px; padding: .65rem 1rem;
    border: 1px solid #d5bd7c; border-radius: 3px; background: #28251c;
    color: #fff4d7; font: 600 14px/1.4 system-ui, sans-serif; cursor: pointer;
}
.marketing-consent-actions button:hover { background: #403825; }
.marketing-consent-actions button:focus-visible, [data-marketing-preferences]:focus-visible { outline: 3px solid #ffe6a2; outline-offset: 3px; }
.marketing-consent-actions .marketing-consent-close { flex: 0 1 auto; font-weight: 400; }
@media (max-width: 480px) {
    .marketing-consent-banner { inset: auto .5rem .5rem; padding: 1rem; max-height: calc(100dvh - 1rem); }
    .marketing-consent-actions button { flex-basis: 100%; }
}