.cookie-panel[hidden], [data-cookie-settings][hidden], [data-cookie-close][hidden] { display: none !important; }
.cookie-panel { position: fixed; z-index: 1000; inset: auto 20px 20px; max-width: 1060px; margin: auto; padding: 24px 28px; border: 1px solid #bcb5aa; border-radius: 16px; background: #fff; color: #252921; box-shadow: 0 8px 45px #25292133; max-height: calc(100dvh - 32px); overflow: auto; }
.cookie-panel h2 { margin: 0 0 8px; font-size: 1.3rem; }
.cookie-panel p { margin: 6px 0 14px; max-width: 80ch; font-size: .95rem; line-height: 1.5; }
.cookie-panel a { color: inherit; text-decoration: underline; }
.cookie-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.cookie-actions button { min-height: 44px; min-width: 145px; padding: 10px 18px; border: 1px solid #334439; border-radius: 8px; background: #334439; color: white; font: inherit; font-weight: 600; cursor: pointer; }
.cookie-actions [data-cookie-close] { background: white; color: #334439; }
.cookie-settings { padding: 0; border: 0; background: none; color: inherit; font: inherit; text-decoration: underline; cursor: pointer; min-height: 44px; }
.cookie-panel button:focus-visible, .cookie-panel a:focus-visible, .cookie-settings:focus-visible { outline: 3px solid #b66b1e; outline-offset: 4px; }
#cookie-status:empty { display: none; }
@media (max-width: 600px) { .cookie-panel { inset: auto 10px 10px; padding: 18px; border-radius: 12px; } .cookie-actions { gap: 10px; } .cookie-actions button { flex: 1; min-width: 120px; } .cookie-panel p { font-size: .88rem; } }