.ac-consent[hidden], .ac-consent-manage[hidden] { display: none !important; }
.ac-consent { position: fixed; z-index: 10000; inset: auto auto 20px 20px; width: min(600px, calc(100vw - 40px)); max-height: calc(100dvh - 40px); overflow: auto; box-sizing: border-box; padding: 24px; border: 1px solid var(--line); border-radius: 20px; background: var(--paper, #faf5ef); color: var(--ink, #18302e); box-shadow: 0 12px 50px #18302e33; font: 400 15px/1.55 var(--font-body, sans-serif); }
.ac-consent h2 { font-size: 23px; line-height: 1.2; margin: 0 0 12px; }
.ac-consent p { margin: 0 0 12px; }
.ac-consent .ac-consent-detail { font-size: 13px; color: var(--ink-soft); }
.ac-consent a { text-decoration: underline; text-underline-offset: 3px; }
.ac-consent-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 16px; }
.ac-consent-actions button { min-height: 46px; padding: 10px 12px; border: 1px solid var(--ink); border-radius: 10px; background: var(--paper); color: var(--ink); font: 600 14px/1.3 var(--font-body, sans-serif); cursor: pointer; }
.ac-consent-actions button:hover { background: var(--paper-2); }
.ac-consent :focus-visible, .ac-consent-manage:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
.ac-consent-manage { color: inherit; background: none; border: 0; padding: 0; font: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.ac-consent-open .ac-whatsapp-chat { visibility: hidden; }
@media (max-width: 600px) { .ac-consent { inset: auto 12px 12px; width: auto; max-height: calc(100dvh - 24px); padding: 18px; border-radius: 16px; } .ac-consent h2 { font-size: 21px; } .ac-consent-actions { grid-template-columns: 1fr; } }