<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/_VMUC">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/EN/_VMUC/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">VMU C</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Gateway and webserver</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/_VMUC">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/_WM40">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/EN/_WM40/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">WM40</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Advanced 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/_WM40">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/_CTA5X">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/EN/_CTA5X/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">CTA5X</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Compact AC split core current transformer, up to 300 A</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/_CTA5X">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/_DEA71">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/EN/_DEA71/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">DEA71</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Residual current device with fixed settings</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/_DEA71">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/_EM24W165A">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/EN/_EM24W165A/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">EM24 W1, 65 A</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Wireless 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/_EM24W165A">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/staging/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/_EM530">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/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/_MCPB">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/EN/_MCPB/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">MCPB</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Profibus/Modbus RTU communication 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/_MCPB">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/staging/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/_SHJWRE">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/EN/_SHJWRE/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">SHJ-WRE</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Wireless relay and energy measurement</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/_SHJWRE">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/_SHXTEMDIS">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/EN/_SHXTEMDIS/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">SHx-TEMDIS</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Temperature controller with display</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/_SHXTEMDIS">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/_DIA53">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/EN/_DIA53/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">DIA53</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">1-Phase AC Over Current</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/_DIA53">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/_UWPA">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/EN/_UWPA/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">UWP A</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">LoRaWAN® meter adapter for public networks </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/_UWPA">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/_VMUB">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/EN/_VMUB/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">VMU B</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">M-Bus adapter</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/_VMUB">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/staging/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/_CTD8H">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/EN/_CTD8H/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">CTD8H</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Horizontal AC current transformer, up to 2500 A</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/_CTD8H">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/_CTD8V">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/EN/_CTD8V/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">CTD8V</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Vertical AC current transformer, up to 2500 A</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/_CTD8V">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/_EM280">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/EN/_EM280/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">EM280</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Quick-fit sub 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/_EM280">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/_ET112">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/EN/_ET112/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">ET112</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">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/_ET112">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/_DIB01">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/EN/_DIB01/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">DIB01</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">1-phase true RMS ac/dc over current monitoring 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/_DIB01">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=3">
    Load More
</a>
</template></turbo-stream>