#cookie-banner[hidden], #cookie-manager[hidden] { display: none !important; }
#cookie-banner, #cookie-manager { font: 15px/1.6 system-ui, sans-serif; color: #102b33; box-sizing: border-box; }
#cookie-banner { position: fixed; inset: auto 0 0; z-index: 1100; display: flex; align-items: center; gap: 24px; background: #d9eff0; padding: 16px 20px; box-shadow: 0 -2px 8px #0002; }
#cookie-banner p { flex: 1; margin: 0; }
#cookie-banner a { color: #006978; }
.cookie-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 8px; }
.cookie-actions button { font: inherit; cursor: pointer; border: 1px solid #24383c; background: white; color: #102b33; padding: 7px 16px; border-radius: 6px; }
#cookie-close { padding: 3px 10px; font-size: 26px; border: 0; background: transparent; }
#cookie-manager { position: fixed; z-index: 1101; bottom: 24px; right: 24px; width: min(480px, calc(100% - 32px)); max-height: calc(100dvh - 48px); overflow-y: auto; padding: 22px; background: white; border: 1px solid #a5c6cc; border-radius: 10px; box-shadow: 0 4px 24px #0003; }
#cookie-manager h2 { font-size: 20px; margin: 0 0 12px; }
#cookie-manager p { margin: 0 0 12px; }
body { padding-bottom: calc(var(--site-footer-height, 65px) + var(--cookie-banner-height, 0px) + 12px) !important; }
.site-footer { bottom: var(--cookie-banner-height, 0px) !important; }
@media (max-width: 900px) { #cookie-banner { flex-direction: column; align-items: stretch; gap: 8px; padding: 12px 16px; max-height: 50dvh; overflow-y: auto; } }