<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/_DEA71">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/production/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/_UWPA">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/production/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/_DEB71">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/production/EN/_DEB71/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">DEB71</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Residual current device with adjustable 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/_DEB71">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/_UWP3">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/production/EN/_UWP3/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">UWP 3.0</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Universal web platform</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/_UWP3">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/_UWPM">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/production/EN/_UWPM/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">UWP M</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Data concentrator for wireless private 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/_UWPM">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/production/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/_CTA5X">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/production/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/_CTD2X">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/production/EN/_CTD2X/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">CTD2X</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">AC current transformer, up to 600 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/_CTD2X">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/_CTD1X">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/production/EN/_CTD1X/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">CTD1X</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">AC 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/_CTD1X">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/_CTD5S">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/production/EN/_CTD5S/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">CTD5S</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Split core AC current transformer, up to 400 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/_CTD5S">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/production/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/_CTD10H">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/production/EN/_CTD10H/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">CTD10H</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Horizontal AC current transformer, up to 3200 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/_CTD10H">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/production/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/_CTG035">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/production/EN/_CTG035/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">CTG035</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Core balance transformer</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/_CTG035">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/_EM24W15A">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/production/EN/_EM24W15A/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">EM24 W1, 5 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/_EM24W15A">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/production/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/_EM111">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/production/EN/_EM111/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">EM111</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Submeter with touch key-pad</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/_EM111">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/_EM270">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/production/EN/_EM270/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">EM270</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/_EM270">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/production/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/_ET340">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/production/EN/_ET340/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">ET340</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/_ET340">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=2">
    Load More
</a>
</template></turbo-stream>