<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/_SB2DALI">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/EN/_SB2DALI/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">SB2-DALI</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Dupline® bus interface to DALI controller </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/_SB2DALI">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/staging/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/_SHDW">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/EN/_SHDW/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">SHD-W</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Wireless magnetic 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/_SHDW">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/_SHQ">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/EN/_SHQ/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">SHQ</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Extended range PIR sensor, short 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/_SHQ">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/_TCD06BX">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/EN/_TCD06BX/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">TCD06BX</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">6-channel solid-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/_TCD06BX">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/staging/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/_VMUOC">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/EN/_VMUOC/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">VMU OC</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Digital inputs integration</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/_VMUOC">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/staging/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>

  <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/_XAP10">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/EN/_XAP10/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">XAP 1.0</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Controller and gateway, web HMI, PLC</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/_XAP10">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/staging/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/_CTD10H">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/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/_DLIP360LM">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/EN/_DLIP360LM/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">DLI-P360</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">DALI-2 PIR sensor with built-in light and temperature sensing</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/_DLIP360LM">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/staging/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/_EM112">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/EN/_EM112/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">EM112</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/_EM112">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/staging/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/_MC485232">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/EN/_MC485232/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">MC485232</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Communication module RS485 RS232</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/_MC485232">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/staging/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/_SH2RE">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/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/_SIUMBM02">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/EN/_SIUMBM02/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">SIU MBM02</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Wired-wireless M-Bus data aggregator</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/_SIUMBM02">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/_TCD3X">
      <img class="object-contain mx-auto h-56 transition-transform group-hover:scale-110" src="https://gavazzicontrols-3d.com/3dpet/staging/EN/_TCD3X/img/catalog.png" />
</a>    <div class="p-5">
      <h5 class="mb-2 text-xl font-semibold tracking-tight text-gray-900">TCD3X</h5>
      <p class="h-16 font-normal text-gray-700 text-wrap overflow-hidden">Triple solid core current 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/_TCD3X">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>