<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/costco-4201005571">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/38296/17fc2a995bd44b6f.jpg" alt="Sleep Science 13&quot; Bamboo Cool Luxe Firm King Memory Foam Mattress with Adjustable Base" 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">
            Sleep Science 13&quot; Bamboo Cool Luxe Firm King Memory Foam Mattress with Adjustable Base
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$2499.99</span>
              <span class="text-green-600 text-sm font-semibold">$1999.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-20%</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.costco.com/sleep-science-13-bamboo-cool-luxe-firm-king-memory-foam-mattress-with-adjustable-base.product.4201005571.html">
            <i class="fa-solid fa-tag mr-1"></i> See Deal
</a>        </div>
    </div>
  </div>

        

  <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-green-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/beats-by-dr-dre-solo3-casual-listening-active-noise-cancellation-bluetooth-on-ear-headphones-black">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/38289/6389ec3332690e59.jpeg" alt="Beats by Dr. Dre Solo3 Casual Listening Active Noise Cancellation Bluetooth On-Ear Headphones, Black" 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">
            Beats by Dr. Dre Solo3 Casual Listening Active Noise Cancellation Bluetooth On-Ear Headphones, Black
          </h2>

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

            <p class="text-sm text-gray-500 mb-2">
              • Over-Ear and On-Ear Headphones
                (<span class="text-green-600">Beats by Dr. Dre</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%2F604599575">
            <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=431"   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=428"   >428</a></span> <span class="page"><a href="/?page=429"   >429</a></span> <span class="page"><a href="/?page=430"   >430</a></span> <span class="page"><a href="/?page=431"   rel="prev" >431</a></span> <span class="page active">432</span> <span class="page next disabled">Next&nbsp;&rsaquo;</span></nav>
  </div>
</template></turbo-stream>