#privacy-choices { position: fixed; z-index: 1000; inset: auto 0 0; box-sizing: border-box; max-height: 70dvh; overflow: auto; padding: .8rem max(1rem, calc((100vw - 1200px) / 2)); border-top: 1px solid #5b4a3f; color: #231c19; background: #f5e6db; box-shadow: 0 -3px 18px rgb(35 28 25 / .08); font: .875rem/1.5 system-ui, sans-serif; }
#privacy-choices[hidden], #privacy-choices [hidden] { display: none; }
.privacy-summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
#privacy-choices p { margin: 0; }
#privacy-choices a { color: inherit; text-decoration: underline; text-underline-offset: .15em; }
.privacy-actions { display: flex; gap: .5rem; flex-shrink: 0; }
#privacy-choices button { min-height: 44px; padding: .5rem .8rem; border: 1px solid #5b4a3f; border-radius: .15rem; background: transparent; color: #231c19; font: inherit; cursor: pointer; }
#privacy-choices button:hover { background: #e8d6c7; }
#privacy-details { padding-top: 1rem; border-top: 1px solid #c5b5a8; margin-top: .8rem; }
#privacy-details label { display: block; margin: .7rem 0; }
#privacy-details input { width: 1.1rem; height: 1.1rem; accent-color: #5b4a3f; }
#privacy-choices :focus-visible, [data-cookie-settings]:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
button[data-cookie-settings] { color: inherit; background: none; border: 0; padding: .25rem; font: inherit; text-decoration: underline; cursor: pointer; }
@media (max-width: 800px) { .privacy-summary { flex-direction: column; align-items: stretch; gap: .6rem; } .privacy-actions { flex-wrap: wrap; } .privacy-actions button { flex: 1; padding: .5rem; } }