:root { --bdf-cookie-green: #163f34; --bdf-cookie-cream: #fbf8f1; --bdf-cookie-coral: #ed715b; }
.bdf-cookie-layer[hidden], .bdf-cookie-banner[hidden], .bdf-cookie-error[hidden] { display: none !important; }
.bdf-cookie-layer { position: fixed; inset: 0; z-index: 2147483000; display: flex; align-items: flex-end; justify-content: center; padding: 18px; background: rgba(8, 25, 21, .38); backdrop-filter: blur(3px); }
.bdf-cookie-banner { width: min(760px, 100%); display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 22px; padding: 22px; border: 1px solid rgba(22, 63, 52, .18); border-radius: 16px; background: var(--bdf-cookie-cream); color: #14231f; box-shadow: 0 22px 70px rgba(8, 25, 21, .28); }
.bdf-cookie-copy h2 { margin: 0 0 6px; font: 700 1.35rem/1.1 Georgia, serif; color: var(--bdf-cookie-green); }
.bdf-cookie-copy p { margin: 0; line-height: 1.5; }
.bdf-cookie-copy a { color: var(--bdf-cookie-green); font-weight: 700; }
.bdf-cookie-actions { display: flex; gap: 10px; align-items: center; }
.bdf-cookie-button { min-height: 46px; padding: 11px 16px; border: 2px solid var(--bdf-cookie-green); border-radius: 999px; background: var(--bdf-cookie-green); color: white; font: inherit; font-weight: 800; cursor: pointer; }
.bdf-cookie-button:hover, .bdf-cookie-button:focus-visible { outline: 3px solid rgba(237, 113, 91, .35); outline-offset: 2px; }
.bdf-cookie-button-secondary { background: transparent; color: var(--bdf-cookie-green); }
.bdf-cookie-error { grid-column: 1 / -1; margin: 0; color: #a32d20; font-weight: 700; }
@media (max-width: 720px) { .bdf-cookie-layer { padding: 10px; } .bdf-cookie-banner { grid-template-columns: 1fr; gap: 16px; padding: 19px; } .bdf-cookie-actions { display: grid; grid-template-columns: 1fr 1fr; } }
@media (prefers-reduced-motion: reduce) { .bdf-cookie-layer { backdrop-filter: none; } }