/* Styles for hide/show header */ .site-header { will-change: transform; transition: transform 320ms cubic-bezier(.2,.8,.2,1), box-shadow 220ms ease; transform: translateY(0); z-index: 120; } /* hidden = slide up */ .site-header--hidden { transform: translateY(-110%); box-shadow: none !important; } /* visible = normal */ .site-header--visible { transform: translateY(0); box-shadow: 0 6px 20px rgba(11,18,32,0.06); } /* safety: when mobile menu open, keep visible */ .site-header--force-visible { transform: translateY(0) !important; } /* Respect reduced motion preferences */ @media (prefers-reduced-motion: reduce) { .site-header, .site-header--hidden, .site-header--visible { transition: none !important; transform: translateY(0) !important; } } /* === Рівні кнопки CTA: однаковий розмір (відповідальний і адаптивний) === */ /* Встав у свій CSS або