@layer components {
    .site-header {          /* базовое состояние */
        @apply bg-transparent pointer-events-none;
    }
    .site-header.scrolled { /* после прокрутки */
        @apply bg-white/90 backdrop-blur border-b border-gray-200 shadow-sm pointer-events-auto;
    }
}