.consent-banner[hidden] { display: none; }
.consent-banner { position: fixed; z-index: 10000; inset: auto max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)); width: min(760px, calc(100% - 32px)); margin-inline: auto; padding: 16px; border: 1px solid #b7c8bd; border-radius: 12px; background: #fffdf7; color: #18382b; box-shadow: 0 12px 40px #071c1880; font: 14px/1.5 system-ui, sans-serif; }
.consent-banner p { margin: 0 0 12px; }
.consent-banner-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.consent-banner button { min-height: 42px; padding: 9px 14px; border: 1px solid #2d6548; border-radius: 7px; background: #15583b; color: white; font: inherit; font-weight: 650; cursor: pointer; }
.consent-banner button[data-choice="reject"] { background: #fff; color: #244534; }
.consent-banner a { margin-left: auto; color: #15583b; text-underline-offset: 3px; }
.consent-banner button:focus-visible, .consent-banner a:focus-visible { outline: 3px solid #b78122; outline-offset: 2px; }
@media (max-width: 520px) { .consent-banner { inset-inline: 8px; bottom: max(8px, env(safe-area-inset-bottom)); width: auto; padding: 13px; } .consent-banner-actions { display: grid; grid-template-columns: 1fr 1fr; } .consent-banner button { padding-inline: 8px; font-size: 13px; } .consent-banner a { grid-column: 1 / -1; margin: 3px 0 0; } }
@media (prefers-reduced-motion: reduce) { .consent-banner * { scroll-behavior: auto; } }