<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/smygoods-white-disposable-paper-coffee-cups-with-lids-16-oz-100-count-for-hot-beverages-tea-espresso-cocoa-to-go-drink-containers-cafe-office">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/20529/19bf881b04d60228.jpg" alt="Smygoods White Disposable Paper Coffee Cups with Lids (16 OZ, 100 Count) For Hot Beverages, Tea, Espresso, Cocoa - To Go Drink Containers, Café &amp; Office" 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">
            Smygoods White Disposable Paper Coffee Cups with Lids (16 OZ, 100 Count) For Hot Beverages, Tea, ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$29.97</span>
              <span class="text-green-600 text-sm font-semibold">$26.97</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-10%</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/B09BDHRKDT?tag=dealhunt0d4-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/finger-ten-golf-gloves-junior-kids-youth-toddler-boys-girls-left-hand-right-hand-dura-feel-white-blue-red-yellow-golf-glove-extra-value-2-pack-age-4-11-years-old">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/20528/0cef46aae7b858e8.jpg" alt="FINGER TEN Golf Gloves Junior Kids Youth Toddler Boys Girls Left Hand Right Hand Dura Feel White Blue Red Yellow Golf Glove Extra Value 2 Pack Age 4-11 Years Old" 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">
            FINGER TEN Golf Gloves Junior Kids Youth Toddler Boys Girls Left Hand Right Hand Dura Feel White ...
          </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">$13.49</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-10%</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/B01H8LPW7Y?tag=dealhunt0d4-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-yellow-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/solis-edge-5g-hotspot-device-bundle-includes-lifetime-data-12gb-per-year-and-10gb-global-data-wifi-in-140-countries-access-300-mobile-carriers-portable-internet-by-simo">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/20527/60262a8e33ffc261.jpg" alt="Solis Edge – 5G Hotspot Device, Bundle Includes Lifetime Data (12GB Per Year) and 10GB Global Data, WiFi in 140+ Countries, Access 300+ Mobile Carriers, Portable Internet by SIMO" 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">
            Solis Edge – 5G Hotspot Device, Bundle Includes Lifetime Data (12GB Per Year) and 10GB Global Dat...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$199.99</span>
              <span class="text-green-600 text-sm font-semibold">$179.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-10%</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/B0FL3K4D17?tag=dealhunt0d4-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-pink-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/tp-link-ls108gp-8-port-poe-gigabit-ethernet-switch-8-poe-port-62w-plug-play-extend-mode-poe-auto-recovery-desktop-wall-mount-silent-operation">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/20526/a6b05699d002bbfe.jpg" alt="TP-Link LS108GP | 8 Port PoE Gigabit Ethernet Switch | 8 PoE+ Port @ 62W | Plug &amp; Play | Extend Mode | PoE Auto Recovery | Desktop/Wall Mount | Silent Operation" 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">
            TP-Link LS108GP | 8 Port PoE Gigabit Ethernet Switch | 8 PoE+ Port @ 62W | Plug &amp; Play | Extend M...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$59.99</span>
              <span class="text-green-600 text-sm font-semibold">$53.98</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-10%</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/B0CWJMRTWY?tag=dealhunt0d4-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-indigo-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/matein-travel-laptop-backpack-business-anti-theft-slim-sturdy-laptops-backpack-personal-item-bag-water-resistant-college-school-computer-bag-gift-for-men-women-fits-15-6-inch-notebook-grey">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/20525/24b6cecd3214b6f8.jpg" alt="MATEIN Travel Laptop Backpack, Business Anti Theft Slim Sturdy Laptops Backpack Personal Item Bag, Water Resistant College School Computer Bag Gift for Men &amp; Women Fits 15.6 Inch Notebook, Grey" 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">
            MATEIN Travel Laptop Backpack, Business Anti Theft Slim Sturdy Laptops Backpack Personal Item Bag...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$20.89</span>
              <span class="text-green-600 text-sm font-semibold">$18.80</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-10%</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/B06XZTZ7GB?tag=dealhunt0d4-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-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/hp-prodesk-sff-400-g9-business-desktop-computer-14th-gen-inte-i7-14700-20-cores-28-threads-64gb-ddr5-ram-2tb-pcie-2tb-hdd-small-form-factor-type-c-displayports-wi-fi-hdmi-windows-11">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/20524/864fec1c239b446f.jpg" alt="HP ProDesk SFF 400 G9 Business Desktop Computer, 14th Gen Inte i7-14700(20-Cores/28-Threads), 64GB DDR5 RAM, 2TB PCIe + 2TB HDD, Small Form Factor, Type-C, DisplayPorts, Wi-Fi, HDMI, Windows 11" 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">
            HP ProDesk SFF 400 G9 Business Desktop Computer, 14th Gen Inte i7-14700(20-Cores/28-Threads), 64G...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$1999.99</span>
              <span class="text-green-600 text-sm font-semibold">$1799.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-10%</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/B0GGV7VX2G?tag=dealhunt0d4-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/dell-pro-slim-qcs1250-business-desktop-new-optiplex-version-intel-core-i7-14700-20-core-28-threads-32gb-ddr5-ram-1tb-pcie-ssd-ultra-quiet-design-dual-4k-monitor-support-usb-c-windows-11">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/20523/2f12741deb3faddf.jpg" alt="Dell Pro Slim QCS1250 Business Desktop, New OptiPlex Version, Intel Core i7-14700(20 Core, 28 Threads), 32GB DDR5 RAM, 1TB PCIe SSD, Ultra-Quiet Design, Dual 4K Monitor Support, USB-C, Windows 11" 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">
            Dell Pro Slim QCS1250 Business Desktop, New OptiPlex Version, Intel Core i7-14700(20 Core, 28 Thr...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$1259.99</span>
              <span class="text-green-600 text-sm font-semibold">$1133.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-10%</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/B0FWJ981C1?tag=dealhunt0d4-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-yellow-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/laptop-screen-extender-14-fhd-1080p-ips-portable-computer-monitor-for-laptops-dual-screen-travel-monitor-for-laptops-13-17-with-usb-c-hdmi-port-plug-play-for-windows-mac-android-switch-ps">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/20522/f61e38ee37a51a6b.jpg" alt="Laptop Screen Extender - 14&quot; FHD 1080P IPS Portable Computer Monitor for Laptops, Dual Screen Travel Monitor for Laptops 13-17&quot; with USB-C/HDMI Port, Plug &amp; Play for Windows/Mac/Android/Switch/PS" 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">
            Laptop Screen Extender - 14&quot; FHD 1080P IPS Portable Computer Monitor for Laptops, Dual Screen Tra...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$98.99</span>
              <span class="text-green-600 text-sm font-semibold">$89.09</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-10%</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/B0CZSB1DMW?tag=dealhunt0d4-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-pink-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/shure-mv7i-smart-microphone-usb-c-xlr-mic-for-podcasting-music-streaming-with-built-in-audio-interface-auto-level-mode-advanced-dsp-all-metal-design-black">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/20521/667b62a737991f7e.jpg" alt="Shure MV7i Smart Microphone – USB-C &amp; XLR Mic for Podcasting, Music &amp; Streaming with Built-in Audio Interface, Auto Level Mode, Advanced DSP, All-Metal Design, 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">
            Shure MV7i Smart Microphone – USB-C &amp; XLR Mic for Podcasting, Music &amp; Streaming with Built-in Aud...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$389.00</span>
              <span class="text-green-600 text-sm font-semibold">$350.00</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-10%</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/B0DNTZ22M5?tag=dealhunt0d4-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-indigo-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/bybyme-tri-folding-corduroy-mattress-6-inches-gel-folding-mattress-topper-foldable-soft-guest-bed-camping-pad-washable-cover-grey-full">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/20520/033f4fcec7ec74ee.jpg" alt="BYBYME Tri-Folding Corduroy Mattress, 6 Inches Gel Folding Mattress Topper, Foldable Soft Guest Bed Camping Pad, Washable Cover (Grey, Full)" 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">
            BYBYME Tri-Folding Corduroy Mattress, 6 Inches Gel Folding Mattress Topper, Foldable Soft Guest B...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$149.99</span>
              <span class="text-green-600 text-sm font-semibold">$134.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-10%</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/B0DFWGKNWX?tag=dealhunt0d4-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-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/rolanstar-twin-size-mattress-10-inch-gel-memory-foam-mattress-in-a-box-fiberglass-free-breathable-for-cooler-sleep-supportive-pressure-relief-certipur-us-certified-white">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/20519/7c3f4d0f0175076a.jpg" alt="Rolanstar Twin Size Mattress, 10 Inch Gel Memory Foam Mattress in a Box, Fiberglass Free, Breathable for Cooler Sleep Supportive &amp; Pressure Relief, CertiPUR-US Certified, White" 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">
            Rolanstar Twin Size Mattress, 10 Inch Gel Memory Foam Mattress in a Box, Fiberglass Free, Breatha...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$109.99</span>
              <span class="text-green-600 text-sm font-semibold">$98.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-10%</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/B0CLD7P65Z?tag=dealhunt0d4-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/coolvie-12-inch-twin-xl-mattress-hybrid-xl-twin-mattress-in-a-box-medium-firm-feel-3-layer-premium-foam-with-pocket-springs-for-motion-isolation-and-pressure-relieving-100-night-trial">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/20518/97c07c032503cbfc.jpg" alt="Coolvie 12 Inch Twin XL Mattress, Hybrid XL Twin Mattress in a Box, Medium Firm Feel, 3 Layer Premium Foam with Pocket Springs for Motion Isolation and Pressure Relieving, 100-Night Trial" 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">
            Coolvie 12 Inch Twin XL Mattress, Hybrid XL Twin Mattress in a Box, Medium Firm Feel, 3 Layer Pre...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$224.99</span>
              <span class="text-green-600 text-sm font-semibold">$202.49</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-10%</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/B09TYD467Z?tag=dealhunt0d4-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="/?deal_type_id=18&amp;page=948"   rel="prev" aria-label="previous">&lsaquo;&nbsp;Prev</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=1"   >1</a></span> <span class="page gap">&hellip;</span> <span class="page"><a href="/?deal_type_id=18&amp;page=945"   >945</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=946"   >946</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=947"   >947</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=948"   rel="prev" >948</a></span> <span class="page active">949</span> <span class="page"><a href="/?deal_type_id=18&amp;page=950"   rel="next" >950</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=951"   >951</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=952"   >952</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=953"   >953</a></span> <span class="page gap">&hellip;</span> <span class="page"><a href="/?deal_type_id=18&amp;page=1008"   >1008</a></span> <span class="page next"><a href="/?deal_type_id=18&amp;page=950"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span></nav>
  </div>
</template></turbo-stream>