.was-consent, .was-consent * { box-sizing: border-box; }
.was-consent { position: fixed; z-index: 10000; inset: auto 16px 16px; max-width: 580px; padding: 22px; background: #fff6df; color: #211b19; border: 2px solid #211b19; box-shadow: 8px 8px 0 #211b19; font: 16px/1.45 system-ui, sans-serif; }
.was-consent h2 { margin: 0 0 8px; font: 700 22px/1.15 system-ui, sans-serif; }
.was-consent p { margin: 0 0 16px; }
.was-consent a { color: inherit; text-decoration: underline; }
.was-consent__actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.was-consent button { min-height: 44px; padding: 8px 13px; border: 2px solid #211b19; background: transparent; color: #211b19; font: 700 14px/1.2 system-ui, sans-serif; cursor: pointer; }
.was-consent button:focus-visible, .was-consent a:focus-visible, .was-consent summary:focus-visible { outline: 3px solid #f54c32; outline-offset: 3px; }
.was-consent button[data-consent-action="accept"], .was-consent button[data-consent-action="reject"] { background: #211b19; color: #fff6df; }
.was-consent button[data-consent-action="settings"], .was-consent button[data-consent-action="save"] { grid-column: 1 / -1; }
.was-consent__settings { margin: 12px 0 18px; padding: 12px 0; border-top: 1px solid #211b19; border-bottom: 1px solid #211b19; }
.was-consent__setting { padding: 8px 0; }
.was-consent__setting + .was-consent__setting { border-top: 1px solid #d7c9ae; }
.was-consent__settings label { display: flex; align-items: center; font-weight: 700; cursor: pointer; }
.was-consent__settings input { width: 20px; height: 20px; margin: 0 10px 0 0; accent-color: #f54c32; }
.was-consent__settings details { margin: 4px 0 0 30px; }
.was-consent__settings summary { width: fit-content; font-size: 14px; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.was-consent__settings details p { margin: 7px 0 0; font-size: 14px; }
.was-privacy-links { display: inline-flex; gap: 8px; align-items: center; flex-wrap: wrap; font: 14px/1.4 system-ui, sans-serif; }
.was-privacy-links a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.was-privacy-links a:focus-visible { outline: 3px solid #f54c32; outline-offset: 3px; }
@media (max-width: 640px) { .was-consent { inset: auto 8px 8px; max-height: calc(100dvh - 16px); overflow-y: auto; padding: 16px; box-shadow: 4px 4px 0 #211b19; } }