Estructura HTML Catálogo Productos WA GS

<div id="preloader" class="loadingio-spinner-rolling-zt8qwybayi">
  <div class="ldio-pk6mhbe1fco">
    <div></div>
  </div>
</div>

<div id="contenedor-buscador" style="display: none;">
  <div class="input-container">
     <input type="text" id="buscar-producto" placeholder="Buscar producto...">
     <button id="limpiar-busqueda" style="display: none;">&amp;#xe051;</button>
    </div>
</div>

<div id="categorias-contenedor" class="categorias-contenedor"></div>
<div id="contenedor-productos" class="contenedor-productos"></div>
<div id="mensaje-no-encontrado" style="display: none;">No se encontraron productos.</div>