.cookie-banner { position: fixed; z-index: 1000; left: var(--space-3); right: var(--space-3); bottom: var(--space-3); background: var(--c-fg); color: var(--c-bg); border-top: 3px solid var(--c-accent); box-shadow: 0 16px 40px rgba(30,42,45,.22); padding: var(--space-3); }
.cookie-banner[hidden], .cookie-dialog[hidden] { display: none; }
.cookie-banner__inner { max-width: 1180px; margin-inline: auto; display: flex; align-items: center; gap: var(--space-3); }
.cookie-banner__copy { flex: 1; }
.cookie-banner h2 { font: 600 1.1rem var(--font-display); margin-bottom: var(--space-1); }
.cookie-banner p { color: var(--c-accent-soft); font-size: .9rem; line-height: 1.5; }
.cookie-banner a { color: var(--c-bg); text-underline-offset: 3px; }
.cookie-banner__actions { display: flex; align-items: center; gap: var(--space-1); flex-wrap: wrap; }
.cookie-button { border: 1px solid var(--c-accent-soft); border-radius: var(--radius-sm); padding: .7rem 1rem; font: 600 .84rem var(--font-body); cursor: pointer; }
.cookie-button--primary { background: var(--c-accent); color: var(--c-fg); border-color: var(--c-accent); }
.cookie-button--secondary { background: transparent; color: var(--c-bg); }
.cookie-dialog { position: fixed; z-index: 1000; inset: 0; background: rgba(30,42,45,.45); display: grid; place-items: center; padding: var(--space-3); }
.cookie-dialog__panel { max-width: 560px; width: 100%; background: var(--c-bg); color: var(--c-fg); padding: var(--space-4); border-radius: var(--radius-md); box-shadow: 0 20px 60px rgba(30,42,45,.3); }
.cookie-dialog h2 { font: 600 1.5rem var(--font-display); margin-bottom: var(--space-2); }
.cookie-dialog p { color: var(--c-muted); margin-bottom: var(--space-3); }
.cookie-option { display: flex; align-items: flex-start; gap: var(--space-1); padding: var(--space-1) 0; }
.cookie-option input { margin-top: .25rem; accent-color: var(--c-accent); }
.cookie-dialog__actions { display: flex; justify-content: flex-end; gap: var(--space-1); margin-top: var(--space-3); }
@media (max-width: 640px) { .cookie-banner { left: 0; right: 0; bottom: 0; } .cookie-banner__inner, .cookie-banner__actions { flex-direction: column; align-items: stretch; } .cookie-button { width: 100%; } .cookie-dialog__actions { flex-direction: column; } }