.cookie-panel[hidden] { display: none; }
.cookie-panel { position: fixed; inset: auto 16px 16px; z-index: 10000; max-width: 720px; margin-inline: auto; padding: 24px; color: #101820; background: #f1ede3; border: 1px solid #101820; border-radius: 16px; box-shadow: 0 8px 40px #0003; max-height: 85dvh; overflow: auto; }
.cookie-panel h2 { font-size: 1.35rem; margin-bottom: 12px; }
.cookie-panel p { font-size: 1rem; line-height: 1.6; margin-bottom: 16px; }
.cookie-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.cookie-panel .cookie-choice { flex: 1 1 200px; min-height: 48px; padding: 12px 20px; border: 2px solid #101820; border-radius: 999px; font-weight: 700; background: #101820; color: #fff; }
.cookie-panel a { text-decoration: underline; }
.cookie-settings { text-decoration: underline; min-height: 44px; text-align: left; }
.cookie-panel button:focus-visible, .cookie-settings:focus-visible { outline: 3px solid #ff5b35; outline-offset: 3px; }
@media (max-width: 480px) { .cookie-panel { inset-inline: 8px; bottom: 8px; padding: 18px; } }