<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/plano-double-sided-satchel-sandstone-green-one-size-112000">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/17732/259e3f880de64463.jpg" alt="Plano Double Sided Satchel, Sandstone &amp; Green, one Size (112000)" 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">
            Plano Double Sided Satchel, Sandstone &amp; Green, one Size (112000)
          </h2>

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

            <p class="text-sm text-gray-500 mb-2">
              • 
            </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://www.amazon.com/dp/B001ECQPU2?tag=dealhuntnow-20">
            <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=374"   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=371"   >371</a></span> <span class="page"><a href="/?page=372"   >372</a></span> <span class="page"><a href="/?page=373"   >373</a></span> <span class="page"><a href="/?page=374"   rel="prev" >374</a></span> <span class="page active">375</span> <span class="page next disabled">Next&nbsp;&rsaquo;</span></nav>
  </div>
</template></turbo-stream>