document.addEventListener("DOMContentLoaded", () => {
	const floaties = document.getElementById("floaties");
	if (!floaties) return;

	let lastScrollY = 0;

	const handleScroll = () => {
		const currentScrollY = window.scrollY;

		if (currentScrollY > lastScrollY) {
			setTimeout(() => {
				floaties.classList.add("hidden");
			}, 300);
		} else {
			setTimeout(() => {
				floaties.classList.remove("hidden");
			}, 400);
		}

		lastScrollY = currentScrollY;
	};

	window.addEventListener("scroll", handleScroll);
});