<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/osprey-daylite-tote-pack-tumbleweed-yellowtunnel-vision">
          <img src="https://m.media-amazon.com/images/I/716tt5j0tLL._AC_SL1500_.jpg" alt="Osprey Daylite Tote Pack, Tumbleweed Yellow/Tunnel Vision" 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">
            Osprey Daylite Tote Pack, Tumbleweed Yellow/Tunnel Vision
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$95.00</span>
              <span class="text-green-600 text-sm font-semibold">$58.50</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-38%</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/B0CN1KTVJP?tag=dealhuntnow-20">
            <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/logitech-m196-compact-ambidextrous-bluetooth-wireless-mouse-rose-bluetooth-connectivity-no-usb-receiver-quiet-clicks-3-non-customizable-buttons-12-month-battery-life-pc-mac-compatible">
          <img src="https://m.media-amazon.com/images/I/51pHCXgJOWL._AC_SL1500_.jpg" alt="Logitech M196 Compact Ambidextrous Bluetooth Wireless Mouse - Rose | Bluetooth connectivity, no USB receiver, quiet clicks, 3 non-customizable buttons, 12-month battery life, PC Mac compatible" 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">
            Logitech M196 Compact Ambidextrous Bluetooth Wireless Mouse - Rose | Bluetooth connectivity, no U...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$14.99</span>
              <span class="text-green-600 text-sm font-semibold">$9.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-33%</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/B0D9N62T62?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=66&amp;search=laptop"   rel="prev" aria-label="previous">&lsaquo;&nbsp;Prev</a></span> <span class="page"><a href="/?page=1&amp;search=laptop"   >1</a></span> <span class="page gap">&hellip;</span> <span class="page"><a href="/?page=63&amp;search=laptop"   >63</a></span> <span class="page"><a href="/?page=64&amp;search=laptop"   >64</a></span> <span class="page"><a href="/?page=65&amp;search=laptop"   >65</a></span> <span class="page"><a href="/?page=66&amp;search=laptop"   rel="prev" >66</a></span> <span class="page active">67</span> <span class="page next disabled">Next&nbsp;&rsaquo;</span></nav>
  </div>
</template></turbo-stream>