<script>
document.addEventListener("DOMContentLoaded", function() {
  const cards = document.querySelectorAll(".elementor-widget-image-box");
  const sections = document.querySelectorAll("[id^='products-']");

  cards.forEach(card => {
    card.addEventListener("click", function() {
      let targetId = "";

      if (card.classList.contains("category-manto")) targetId = "products-manto";
      if (card.classList.contains("category-plastico")) targetId = "products-plastico";
      if (card.classList.contains("category-shishebolor")) targetId = "products-shishebolor";
      if (card.classList.contains("category-shalvar")) targetId = "products-shalvar";

      sections.forEach(sec => sec.style.display = "none");
      if (targetId) document.getElementById(targetId).style.display = "block";
    });
  });
});
</script>