.ybo-marketing-consent[hidden], .ybo-marketing-preferences[hidden] { display: none; }
.ybo-marketing-consent { position: fixed; inset: auto 1rem 1rem; z-index: 10000; max-width: 62rem; max-height: calc(100dvh - 2rem); overflow: auto; margin: auto; display: flex; flex-direction: column; align-items: stretch; gap: 1rem; padding: 1.25rem; border: 1px solid var(--border, #d1d5db); border-radius: 1rem; color: var(--foreground, #171717); background: var(--card-bg, #fff); box-shadow: 0 8px 32px #0002; font-size: .875rem; line-height: 1.5; }
.ybo-marketing-consent p { margin: .5rem 0 0; }
.ybo-marketing-consent a { text-decoration: underline; }
.ybo-marketing-consent-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.ybo-marketing-consent-actions button { flex: 1; min-height: 44px; }
.ybo-consent-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; margin-top: .75rem; }
.ybo-consent-options label { display: flex; align-items: flex-start; gap: .5rem; border: 1px solid var(--border, #d1d5db); border-radius: .5rem; padding: .75rem; cursor: pointer; }
.ybo-consent-options input { width: 1rem; height: 1rem; flex-shrink: 0; margin-top: .25rem; accent-color: var(--primary, #334155); }
.ybo-consent-options small { display: block; margin-top: .25rem; font-size: .75rem; }
.ybo-marketing-consent button:focus-visible, .ybo-consent-options input:focus-visible, .ybo-marketing-preferences:focus-visible { outline: 3px solid var(--primary, #334155); outline-offset: 3px; }
.ybo-marketing-preferences { position: fixed; inset: auto auto .5rem .5rem; z-index: 40; border: 1px solid var(--border, #d1d5db); border-radius: .5rem; padding: .375rem .625rem; color: var(--foreground, #171717); background: var(--card-bg, #fff); font-size: .75rem; cursor: pointer; }
@media (max-width: 640px) { .ybo-marketing-consent { inset: auto .5rem .5rem; padding: 1rem; gap: .75rem; max-height: calc(100dvh - 1rem); } .ybo-consent-options { grid-template-columns: 1fr; gap: .5rem; } .ybo-consent-options label { padding: .5rem; } .ybo-marketing-consent-actions { flex-direction: column; } }