/* Cookie Consent Banner — fixed bottom bar (full width, never overlaps content) */ #cookie-banner { position: fixed; bottom: 0; left: 0; right: 0; width: 100%; background: var(--bg-surface); border-top: 1px solid var(--border); padding: 16px 24px; z-index: 10000; box-shadow: 0 -6px 30px rgba(0, 0, 0, 0.45); display: none; } .cookie-content { display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; gap: 12px 24px; max-width: 1200px; margin: 0 auto; } .cookie-text { font-size: 0.9rem; color: var(--text-muted); line-height: 1.5; flex: 1 1 320px; min-width: 0; } .cookie-text span { color: var(--text-main); font-weight: 600; } .cookie-policy-link { flex: 0 0 auto; } .cookie-actions { display: flex; gap: 12px; flex: 0 0 auto; } /* When the banner is visible, the JS adds .cookie-banner-visible to so the fixed bar never covers the demo form, hero CTAs or footer. */ body.cookie-banner-visible { padding-bottom: 140px; } @media (max-width: 720px) { #cookie-banner { padding: 16px; } .cookie-content { flex-direction: column; align-items: stretch; } .cookie-actions { flex-direction: column; } body.cookie-banner-visible { padding-bottom: 240px; } }