script>
document.addEventListener("DOMContentLoaded", function () {
const header = document.querySelector('.header');
window.addEventListener('scroll', function () {
if (window.scrollY > 600) { // Adjust threshold if needed
header.classList.add('scrolled');
} else {
header.classList.remove('scrolled');
}
});
});
}