<turbo-stream action="append" target="products-wrapper"><template>
    <div class="group relative bg-white border border-gray-200 rounded-lg shadow-lg hover:shadow-xl overflow-hidden">
  <div class="mt-2">
    <a data-turbo-frame="_top" href="/catalog/products/_WM50">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/production/EN/_WM50/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">WM50</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">High density meter with power analysis</p>
    </div>
  </div>
  <div class="p-2 text-center text-white bg-gray-500 transition-colors group-hover:bg-primary">
    <a class="font-medium" data-turbo-frame="_top" href="/catalog/products/_WM50">VIEW &rsaquo;</a>
  </div>
  <div class="absolute top-4 right-0 flex flex-col justify-between items-center gap-2">
    <div class="bg-gray-50 mr-2 rounded-full">
      
    </div>
  </div>
</div>

  <div class="group relative bg-white border border-gray-200 rounded-lg shadow-lg hover:shadow-xl overflow-hidden">
  <div class="mt-2">
    <a data-turbo-frame="_top" href="/catalog/products/_SBQ">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/production/EN/_SBQ/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">SBQ</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Extended range PIR sensor, long distance</p>
    </div>
  </div>
  <div class="p-2 text-center text-white bg-gray-500 transition-colors group-hover:bg-primary">
    <a class="font-medium" data-turbo-frame="_top" href="/catalog/products/_SBQ">VIEW &rsaquo;</a>
  </div>
  <div class="absolute top-4 right-0 flex flex-col justify-between items-center gap-2">
    <div class="bg-gray-50 mr-2 rounded-full">
      
    </div>
  </div>
</div>

  <div class="group relative bg-white border border-gray-200 rounded-lg shadow-lg hover:shadow-xl overflow-hidden">
  <div class="mt-2">
    <a data-turbo-frame="_top" href="/catalog/products/_EM24">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/production/EN/_EM24/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">EM24</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Main and submeter</p>
    </div>
  </div>
  <div class="p-2 text-center text-white bg-gray-500 transition-colors group-hover:bg-primary">
    <a class="font-medium" data-turbo-frame="_top" href="/catalog/products/_EM24">VIEW &rsaquo;</a>
  </div>
  <div class="absolute top-4 right-0 flex flex-col justify-between items-center gap-2">
    <div class="bg-gray-50 mr-2 rounded-full">
      
    </div>
  </div>
</div>

  <div class="group relative bg-white border border-gray-200 rounded-lg shadow-lg hover:shadow-xl overflow-hidden">
  <div class="mt-2">
    <a data-turbo-frame="_top" href="/catalog/products/_SH2RE">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/production/EN/_SH2RE/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">SH2-RE</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Output Relay</p>
    </div>
  </div>
  <div class="p-2 text-center text-white bg-gray-500 transition-colors group-hover:bg-primary">
    <a class="font-medium" data-turbo-frame="_top" href="/catalog/products/_SH2RE">VIEW &rsaquo;</a>
  </div>
  <div class="absolute top-4 right-0 flex flex-col justify-between items-center gap-2">
    <div class="bg-gray-50 mr-2 rounded-full">
      
    </div>
  </div>
</div>

  <div class="group relative bg-white border border-gray-200 rounded-lg shadow-lg hover:shadow-xl overflow-hidden">
  <div class="mt-2">
    <a data-turbo-frame="_top" href="/catalog/products/_EM210">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/production/EN/_EM210/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">EM210</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Quick-fit main metering solution</p>
    </div>
  </div>
  <div class="p-2 text-center text-white bg-gray-500 transition-colors group-hover:bg-primary">
    <a class="font-medium" data-turbo-frame="_top" href="/catalog/products/_EM210">VIEW &rsaquo;</a>
  </div>
  <div class="absolute top-4 right-0 flex flex-col justify-between items-center gap-2">
    <div class="bg-gray-50 mr-2 rounded-full">
      
    </div>
  </div>
</div>

  <div class="group relative bg-white border border-gray-200 rounded-lg shadow-lg hover:shadow-xl overflow-hidden">
  <div class="mt-2">
    <a data-turbo-frame="_top" href="/catalog/products/_EM540">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/production/EN/_EM540/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">EM540</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Compact energy analyser</p>
    </div>
  </div>
  <div class="p-2 text-center text-white bg-gray-500 transition-colors group-hover:bg-primary">
    <a class="font-medium" data-turbo-frame="_top" href="/catalog/products/_EM540">VIEW &rsaquo;</a>
  </div>
  <div class="absolute top-4 right-0 flex flex-col justify-between items-center gap-2">
    <div class="bg-gray-50 mr-2 rounded-full">
      
    </div>
  </div>
</div>

  <div class="group relative bg-white border border-gray-200 rounded-lg shadow-lg hover:shadow-xl overflow-hidden">
  <div class="mt-2">
    <a data-turbo-frame="_top" href="/catalog/products/_ET330">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/production/EN/_ET330/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">ET330</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Main and submeter</p>
    </div>
  </div>
  <div class="p-2 text-center text-white bg-gray-500 transition-colors group-hover:bg-primary">
    <a class="font-medium" data-turbo-frame="_top" href="/catalog/products/_ET330">VIEW &rsaquo;</a>
  </div>
  <div class="absolute top-4 right-0 flex flex-col justify-between items-center gap-2">
    <div class="bg-gray-50 mr-2 rounded-full">
      
    </div>
  </div>
</div>

  <div class="group relative bg-white border border-gray-200 rounded-lg shadow-lg hover:shadow-xl overflow-hidden">
  <div class="mt-2">
    <a data-turbo-frame="_top" href="/catalog/products/_SH2DSP">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/production/EN/_SH2DSP/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">SH2 DSP</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Modem expansion module</p>
    </div>
  </div>
  <div class="p-2 text-center text-white bg-gray-500 transition-colors group-hover:bg-primary">
    <a class="font-medium" data-turbo-frame="_top" href="/catalog/products/_SH2DSP">VIEW &rsaquo;</a>
  </div>
  <div class="absolute top-4 right-0 flex flex-col justify-between items-center gap-2">
    <div class="bg-gray-50 mr-2 rounded-full">
      
    </div>
  </div>
</div>

  <div class="group relative bg-white border border-gray-200 rounded-lg shadow-lg hover:shadow-xl overflow-hidden">
  <div class="mt-2">
    <a data-turbo-frame="_top" href="/catalog/products/_TCD06BS">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/production/EN/_TCD06BS/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">TCD06BS</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">6-channel split-core current sensing unit</p>
    </div>
  </div>
  <div class="p-2 text-center text-white bg-gray-500 transition-colors group-hover:bg-primary">
    <a class="font-medium" data-turbo-frame="_top" href="/catalog/products/_TCD06BS">VIEW &rsaquo;</a>
  </div>
  <div class="absolute top-4 right-0 flex flex-col justify-between items-center gap-2">
    <div class="bg-gray-50 mr-2 rounded-full">
      
    </div>
  </div>
</div>

  <div class="group relative bg-white border border-gray-200 rounded-lg shadow-lg hover:shadow-xl overflow-hidden">
  <div class="mt-2">
    <a data-turbo-frame="_top" href="/catalog/products/_VMUMC">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/production/EN/_VMUMC/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">VMU MC</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Pulse concentrator</p>
    </div>
  </div>
  <div class="p-2 text-center text-white bg-gray-500 transition-colors group-hover:bg-primary">
    <a class="font-medium" data-turbo-frame="_top" href="/catalog/products/_VMUMC">VIEW &rsaquo;</a>
  </div>
  <div class="absolute top-4 right-0 flex flex-col justify-between items-center gap-2">
    <div class="bg-gray-50 mr-2 rounded-full">
      
    </div>
  </div>
</div>

  <div class="group relative bg-white border border-gray-200 rounded-lg shadow-lg hover:shadow-xl overflow-hidden">
  <div class="mt-2">
    <a data-turbo-frame="_top" href="/catalog/products/_WM20">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/production/EN/_WM20/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">WM20</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Basic modular main meter with power analysis</p>
    </div>
  </div>
  <div class="p-2 text-center text-white bg-gray-500 transition-colors group-hover:bg-primary">
    <a class="font-medium" data-turbo-frame="_top" href="/catalog/products/_WM20">VIEW &rsaquo;</a>
  </div>
  <div class="absolute top-4 right-0 flex flex-col justify-between items-center gap-2">
    <div class="bg-gray-50 mr-2 rounded-full">
      
    </div>
  </div>
</div>

  <div class="group relative bg-white border border-gray-200 rounded-lg shadow-lg hover:shadow-xl overflow-hidden">
  <div class="mt-2">
    <a data-turbo-frame="_top" href="/catalog/products/_SHXLS4">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/production/EN/_SHXLS4/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">SHx-LS4</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Light switch with integrated sensors</p>
    </div>
  </div>
  <div class="p-2 text-center text-white bg-gray-500 transition-colors group-hover:bg-primary">
    <a class="font-medium" data-turbo-frame="_top" href="/catalog/products/_SHXLS4">VIEW &rsaquo;</a>
  </div>
  <div class="absolute top-4 right-0 flex flex-col justify-between items-center gap-2">
    <div class="bg-gray-50 mr-2 rounded-full">
      
    </div>
  </div>
</div>

  <div class="group relative bg-white border border-gray-200 rounded-lg shadow-lg hover:shadow-xl overflow-hidden">
  <div class="mt-2">
    <a data-turbo-frame="_top" href="/catalog/products/_SH2WBU">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/production/EN/_SH2WBU/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">SH2-WBU</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Wireless access point and router</p>
    </div>
  </div>
  <div class="p-2 text-center text-white bg-gray-500 transition-colors group-hover:bg-primary">
    <a class="font-medium" data-turbo-frame="_top" href="/catalog/products/_SH2WBU">VIEW &rsaquo;</a>
  </div>
  <div class="absolute top-4 right-0 flex flex-col justify-between items-center gap-2">
    <div class="bg-gray-50 mr-2 rounded-full">
      
    </div>
  </div>
</div>

  <div class="group relative bg-white border border-gray-200 rounded-lg shadow-lg hover:shadow-xl overflow-hidden">
  <div class="mt-2">
    <a data-turbo-frame="_top" href="/catalog/products/_SHSUCOT">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/production/EN/_SHSUCOT/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">SHS-UCOT</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Room sensor</p>
    </div>
  </div>
  <div class="p-2 text-center text-white bg-gray-500 transition-colors group-hover:bg-primary">
    <a class="font-medium" data-turbo-frame="_top" href="/catalog/products/_SHSUCOT">VIEW &rsaquo;</a>
  </div>
  <div class="absolute top-4 right-0 flex flex-col justify-between items-center gap-2">
    <div class="bg-gray-50 mr-2 rounded-full">
      
    </div>
  </div>
</div>

  <div class="group relative bg-white border border-gray-200 rounded-lg shadow-lg hover:shadow-xl overflow-hidden">
  <div class="mt-2">
    <a data-turbo-frame="_top" href="/catalog/products/_EM530">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/production/EN/_EM530/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">EM530</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Compact energy analyser</p>
    </div>
  </div>
  <div class="p-2 text-center text-white bg-gray-500 transition-colors group-hover:bg-primary">
    <a class="font-medium" data-turbo-frame="_top" href="/catalog/products/_EM530">VIEW &rsaquo;</a>
  </div>
  <div class="absolute top-4 right-0 flex flex-col justify-between items-center gap-2">
    <div class="bg-gray-50 mr-2 rounded-full">
      
    </div>
  </div>
</div>

  <div class="group relative bg-white border border-gray-200 rounded-lg shadow-lg hover:shadow-xl overflow-hidden">
  <div class="mt-2">
    <a data-turbo-frame="_top" href="/catalog/products/_MCETH">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/production/EN/_MCETH/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">MCETH</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Ethernet communication modul</p>
    </div>
  </div>
  <div class="p-2 text-center text-white bg-gray-500 transition-colors group-hover:bg-primary">
    <a class="font-medium" data-turbo-frame="_top" href="/catalog/products/_MCETH">VIEW &rsaquo;</a>
  </div>
  <div class="absolute top-4 right-0 flex flex-col justify-between items-center gap-2">
    <div class="bg-gray-50 mr-2 rounded-full">
      
    </div>
  </div>
</div>

  <div class="group relative bg-white border border-gray-200 rounded-lg shadow-lg hover:shadow-xl overflow-hidden">
  <div class="mt-2">
    <a data-turbo-frame="_top" href="/catalog/products/_MFI6O6">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/production/EN/_MFI6O6/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">MFI6O6</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Opto-mos output and digital Input</p>
    </div>
  </div>
  <div class="p-2 text-center text-white bg-gray-500 transition-colors group-hover:bg-primary">
    <a class="font-medium" data-turbo-frame="_top" href="/catalog/products/_MFI6O6">VIEW &rsaquo;</a>
  </div>
  <div class="absolute top-4 right-0 flex flex-col justify-between items-center gap-2">
    <div class="bg-gray-50 mr-2 rounded-full">
      
    </div>
  </div>
</div>

  <div class="group relative bg-white border border-gray-200 rounded-lg shadow-lg hover:shadow-xl overflow-hidden">
  <div class="mt-2">
    <a data-turbo-frame="_top" href="/catalog/products/_TCD12">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/production/EN/_TCD12/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">TCD12</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Submeter split-core current sensing for WM50</p>
    </div>
  </div>
  <div class="p-2 text-center text-white bg-gray-500 transition-colors group-hover:bg-primary">
    <a class="font-medium" data-turbo-frame="_top" href="/catalog/products/_TCD12">VIEW &rsaquo;</a>
  </div>
  <div class="absolute top-4 right-0 flex flex-col justify-between items-center gap-2">
    <div class="bg-gray-50 mr-2 rounded-full">
      
    </div>
  </div>
</div>

  <div class="group relative bg-white border border-gray-200 rounded-lg shadow-lg hover:shadow-xl overflow-hidden">
  <div class="mt-2">
    <a data-turbo-frame="_top" href="/catalog/products/_TCDMM">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/production/EN/_TCDMM/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">TCD MM</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">The current sensors for EM271</p>
    </div>
  </div>
  <div class="p-2 text-center text-white bg-gray-500 transition-colors group-hover:bg-primary">
    <a class="font-medium" data-turbo-frame="_top" href="/catalog/products/_TCDMM">VIEW &rsaquo;</a>
  </div>
  <div class="absolute top-4 right-0 flex flex-col justify-between items-center gap-2">
    <div class="bg-gray-50 mr-2 rounded-full">
      
    </div>
  </div>
</div>

  <div class="group relative bg-white border border-gray-200 rounded-lg shadow-lg hover:shadow-xl overflow-hidden">
  <div class="mt-2">
    <a data-turbo-frame="_top" href="/catalog/products/_WM15">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/production/EN/_WM15/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">WM15</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Main and submeter</p>
    </div>
  </div>
  <div class="p-2 text-center text-white bg-gray-500 transition-colors group-hover:bg-primary">
    <a class="font-medium" data-turbo-frame="_top" href="/catalog/products/_WM15">VIEW &rsaquo;</a>
  </div>
  <div class="absolute top-4 right-0 flex flex-col justify-between items-center gap-2">
    <div class="bg-gray-50 mr-2 rounded-full">
      
    </div>
  </div>
</div>


</template></turbo-stream>
<turbo-stream action="update" target="load-more"><template>
    <a data-turbo-method="get" data-turbo-stream="true" class="inline-flex items-center gap-x-1.5 rounded-full bg-gray-800 py-3 px-5 text-sm text-white" href="/catalog?page=4">
    Load More
</a>
</template></turbo-stream>