<turbo-stream action="replace" target="products-container"><template>  <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 mt-4">
        

  <div class="relative flex flex-col sm:flex-row bg-white p-4 rounded-lg shadow hover:shadow-md transition-all duration-150 hover:bg-blue-100">
    <div class="flex flex-row items-start gap-4 sm:gap-4 flex-1">
      <a data-turbo="false" class="flex gap-4 flex-1 items-start" href="/products/samsung-27-odyssey-g55c-qhd-165hz-1ms-mprt-curved-gaming-monitor-ls27cg556enxza">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/55280/fbdd48589dccd2c0.jpeg" alt="SAMSUNG 27” Odyssey G55C QHD 165Hz 1ms(MPRT) Curved Gaming Monitor - LS27CG556ENXZA" class="w-24 h-24 sm:w-28 sm:h-28 object-contain flex-shrink-0 rounded" />

        <div class="flex-1">
          <h2 class="text-base font-semibold text-gray-900 leading-snug mb-2">
            SAMSUNG 27” Odyssey G55C QHD 165Hz 1ms(MPRT) Curved Gaming Monitor - LS27CG556ENXZA
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$249.00</span>
              <span class="text-green-600 text-sm font-semibold">$179.00</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-28%</span>
            </div>

            <p class="text-sm text-gray-500 mb-2">
              • View in 3D
                (<span class="text-green-600">Samsung</span>)
            </p>
        </div>
</a>    </div>

    <div class="flex items-center mt-2 sm:mt-0 sm:ml-4 ml-auto">
        <div class="flex gap-2 flex-wrap justify-end">
          <a target="_blank" rel="nofollow" class="bg-green-600 hover:bg-green-700 text-white text-xs font-semibold px-4 py-2 rounded transition flex items-center justify-center" href="https://goto.walmart.com/c/6590654/568844/9383?veh=aff&amp;sourceid=imp_000011112222333344&amp;u=https%3A%2F%2Fwww.walmart.com%2Fip%2F5329046686">
            <i class="fa-solid fa-tag mr-1"></i> See Deal
</a>        </div>
    </div>
  </div>

  </div>

  <div class="mt-6 flex justify-center col-span-full">
    <nav class="pagy-nav pagination"><span class="page prev"><a href="/?page=277"   rel="prev" aria-label="previous">&lsaquo;&nbsp;Prev</a></span> <span class="page"><a href="/?page=1"   >1</a></span> <span class="page gap">&hellip;</span> <span class="page"><a href="/?page=274"   >274</a></span> <span class="page"><a href="/?page=275"   >275</a></span> <span class="page"><a href="/?page=276"   >276</a></span> <span class="page"><a href="/?page=277"   rel="prev" >277</a></span> <span class="page active">278</span> <span class="page next disabled">Next&nbsp;&rsaquo;</span></nav>
  </div>
</template></turbo-stream>