<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/_CTD1X">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/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/_EISH">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/EN/_EISH/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">EISH</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">1-phase true RMS AC ON/OFF 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/_EISH">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/staging/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/_ET330">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/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/_SH2D">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/EN/_SH2D/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">SH2-D</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Universal dimmer</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/_SH2D">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/_SH2MCG">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/EN/_SH2MCG/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">SH2-MCG</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Dupline® bus master channel generator </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/_SH2MCG">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/staging/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/_TCD06BS">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/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/_UWPM">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/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/_WM30">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/EN/_WM30/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">WM30</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Extended 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/_WM30">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/staging/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/_CTG035">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/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/_EM111">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/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/_EM271">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/EN/_EM271/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">EM271</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/_EM271">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/_ET272">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/EN/_ET272/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">ET272</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/_ET272">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/_OPTOPROG">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/EN/_OPTOPROG/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">OptoProg</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Configuration 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/_OPTOPROG">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/staging/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/staging/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/_DIA02">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/EN/_DIA02/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">DIA02</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/_DIA02">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/staging/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>


</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>