.demo-banner { position: sticky; top: 0; z-index: 100000; display: flex; gap: 14px; align-items: center; justify-content: center; padding: 10px 16px; background: #f6a84b; color: #211507; font-family: system-ui,sans-serif; font-size: 13px; box-shadow: 0 2px 10px #0005; }
.demo-banner strong { letter-spacing: .12em; }
.demo-banner button { width: auto; flex: none; border: 1px solid #5a3d20; border-radius: 8px; background: #fff3; color: #211507; padding: 5px 10px; font-size: 12px; }
.demo-banner span { max-width: 70ch; }
html[data-demonstratie] .home--tv { top: 52px; height: calc(100dvh - 52px); }
@media (max-width: 700px) { .demo-banner { flex-wrap: wrap; gap: 5px 12px; text-align: center; } .demo-banner span { flex-basis: 100%; order: 3; font-size: 11px; } }