[data-marketing-consent][hidden] { display: none !important; }
.marketing-consent { position: fixed; right: 12px; bottom: 12px; left: 12px; z-index: 100; display: grid; gap: 14px; max-width: 760px; margin: auto; padding: 16px; border: 2px solid #18152a; background: #fff8e8; color: #18152a; box-shadow: 7px 7px 0 #ff5e5e; }
.marketing-consent h2 { margin: 0; font: 800 20px/.95 Bricolage Grotesque, sans-serif; letter-spacing: -.03em; }
.marketing-consent p { max-width: 650px; margin: 6px 0 0; font: 13px/1.4 'DM Sans', sans-serif; }
.marketing-consent-actions { display: flex; flex-wrap: wrap; gap: 9px; }
.marketing-consent button, .consent-manage { min-height: 42px; border: 2px solid #18152a; padding: 9px 13px; color: #18152a; background: transparent; font: 700 12px/1 'DM Sans', sans-serif; cursor: pointer; }
.marketing-consent button[data-consent="grant"] { background: #caff3d; box-shadow: 4px 4px 0 #18152a; }
.marketing-consent button:hover, .consent-manage:hover { transform: translate(1px, 1px); }
.consent-manage { min-height: 0; border: 0; padding: 0; color: inherit; text-decoration: underline; text-underline-offset: 3px; }
@media (min-width: 700px) { .marketing-consent { grid-template-columns: 1fr auto; align-items: center; } }