/* 1.76.397: paginawissel met een korte, rustige glitch (zoals het Edge-logo). De kopbalk blijft stilstaan; alleen de inhoud. */
@keyframes nslVtIn {
	0% { opacity: 0; clip-path: inset(0 0 62% 0); transform: translateX(-3px); }
	30% { opacity: .85; clip-path: inset(38% 0 18% 0); transform: translateX(2px); }
	55% { opacity: 1; clip-path: inset(0 0 0 0); transform: translateX(-1px); }
	100% { opacity: 1; clip-path: inset(0 0 0 0); transform: none; }
}
@keyframes nslVtOut { to { opacity: 0; } }
::view-transition-old(root) { animation: nslVtOut .12s ease-out both; }
::view-transition-new(root) { animation: nslVtIn .26s steps(6, end) both; }

/* Vaste knop op mobiel: pas na het eerste scherm, weg bij de footer. Zwevende knoppen schuiven er netjes boven. */
.nsl-stick { display: none; }
@media (max-width: 600px) {
	.nsl-stick { display: flex; position: fixed; left: 12px; right: 12px; bottom: calc(12px + env(safe-area-inset-bottom)); z-index: 130; gap: 10px; align-items: center; justify-content: space-between; padding: 10px 10px 10px 16px; background: #111112; border: 1px solid #2a2a2c; box-shadow: 0 12px 32px -16px rgba(0, 0, 0, .9); transform: translateY(calc(100% + 24px)); transition: transform .32s cubic-bezier(.2, .8, .2, 1); }
	html.nsl-stick-on .nsl-stick { transform: none; }
	.nsl-stick p { margin: 0; display: grid; gap: 2px; min-width: 0; }
	.nsl-stick p b { color: #fff; font-size: 14px; font-weight: 600; }
	.nsl-stick p span { color: #8a8a8a; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.nsl-stick .nsl-btn { flex: none; padding: 10px 14px; font-size: 14px; }
	html.nsl-stick-on .nsl-wa, html.nsl-stick-on .nsl-music { transform: translateY(-88px); transition: transform .32s cubic-bezier(.2, .8, .2, 1); }
	html.nsl-stick-on.nsl-scrolling .nsl-music:not(.is-on), html.nsl-stick-on.nsl-scrolling .nsl-wa:not(.is-open) { transform: translateY(-76px); }
}
@media (prefers-reduced-motion: reduce) { ::view-transition-new(root), ::view-transition-old(root) { animation: none; } .nsl-stick { transition: none; } }
/* 1.76.401: Toverland-logo linkt naar hun site */
.nsl-tv__logo a { display: block; transition: opacity .2s; }
.nsl-tv__logo a:hover { opacity: .8; }