document.addEventListener("DOMContentLoaded", () => {
  const searchInput = document.getElementById("serviceSearch");
  const select = document.getElementById("serviceSelect");

  if (!searchInput || !select) return;

  searchInput.addEventListener("input", function () {
    const filter = this.value.toLowerCase();

    Array.from(select.options).forEach(option => {
      option.hidden = !option.text.toLowerCase().includes(filter);
    });
  });
});