<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/sun-bum-original-spf-50-sunscreen-body-spray-broad-spectrum-moisturizing-sunscreen-with-vitamin-e-hawaii-104-act-compliant-made-without-octinoxate-oxybenzone-6-oz-pack-of-2">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/43462/6ecd4d2e0bb7c2cc.jpg" alt="Sun Bum Original SPF 50 Sunscreen Body Spray - Broad Spectrum Moisturizing Sunscreen with Vitamin E - Hawaii 104 Act Compliant (Made without Octinoxate &amp; Oxybenzone) - 6 oz (Pack of 2)" 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">
            Sun Bum Original SPF 50 Sunscreen Body Spray - Broad Spectrum Moisturizing Sunscreen with Vitamin...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$36.98</span>
              <span class="text-green-600 text-sm font-semibold">$21.51</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-42%</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/B0F38RYL87?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/tarte-shape-tape-concealer-full-coverage-creaseless-soft-matte-finish-brightening-under-eye-face-makeup-16hr-longwear-vegan-cruelty-free-2">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/43472/5f7c80cccdd86757.jpg" alt="tarte shape tape concealer – Full-Coverage Creaseless Soft Matte Finish, Brightening Under-Eye &amp; Face Makeup, 16hr Longwear, Vegan &amp; Cruelty-Free" 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">
            tarte shape tape concealer – Full-Coverage Creaseless Soft Matte Finish, Brightening Under-Eye &amp; ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$32.00</span>
              <span class="text-green-600 text-sm font-semibold">$19.20</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-40%</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/B07GZ34GTV?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/tarte-tartelette-tubing-mascara-lash-extensions-in-a-tube-easy-to-remove-eye-makeup-clinically-proven-to-volumize-curl-24hr-smudge-proof-longwear-vegan-cruelty-free">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/43471/55dfbbf7cae95566.jpg" alt="tarte tartelette tubing mascara – Lash Extensions in a Tube, Easy-to-Remove Eye Makeup, Clinically Proven to Volumize &amp; Curl, 24Hr Smudge-Proof Longwear, Vegan &amp; Cruelty-Free" 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">
            tarte tartelette tubing mascara – Lash Extensions in a Tube, Easy-to-Remove Eye Makeup, Clinicall...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$28.00</span>
              <span class="text-green-600 text-sm font-semibold">$16.80</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-40%</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/B0DCQ7J7TR?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/samsung-galaxy-tab-s10-lite-6gb-ram-128gb-2tb-expand-long-battery-life-10-9-lcd-s-pen-for-note-taking-exynos-1380-circle-to-search-ai-tools-gray">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/24430/c9c5390c6e49adb4.jpg" alt="Samsung Galaxy Tab S10 Lite, 6GB RAM, 128GB, 2TB Expand, Long Battery Life, 10.9” LCD, S Pen for Note-Taking, Exynos 1380, Circle to Search, AI Tools, Gray" 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 Galaxy Tab S10 Lite, 6GB RAM, 128GB, 2TB Expand, Long Battery Life, 10.9” LCD, S Pen for ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$399.99</span>
              <span class="text-green-600 text-sm font-semibold">$237.49</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">
              • 
                (<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://www.amazon.com/dp/B0FF5JJ3CP?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/kin-by-tuft-needle-medium-plush-10-full-hybrid-mattress-cooling-pressure-relief-and-individually-wrapped-coils-100-night-trial-fiberglass-free-certipur-us-10-year-limited-warranty">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/43465/abe216c8d0cc313b.jpg" alt="Kin by Tuft &amp; Needle Medium Plush 10&quot; Full Hybrid Mattress, Cooling, Pressure Relief, and Individually-Wrapped Coils, 100 Night Trial, Fiberglass-Free, CertiPUR-US, 10-Year Limited Warranty" 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">
            Kin by Tuft &amp; Needle Medium Plush 10&quot; Full Hybrid Mattress, Cooling, Pressure Relief, and Individ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$649.00</span>
              <span class="text-green-600 text-sm font-semibold">$380.56</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">
              • 
            </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/B0F1H6BH6H?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/lovevook-laptop-tote-bag-for-women-17-3-inch-work-bags-pu-leather-teacher-tote-bag-waterproof-quilted-computer-bag-for-office-professional-briefcase-gifts">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/43461/1bec982fba9b8b72.jpg" alt="LOVEVOOK Laptop Tote Bag for Women,17.3 Inch Work Bags PU Leather Teacher Tote Bag,Waterproof Quilted Computer Bag for Office Professional Briefcase Gifts" 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">
            LOVEVOOK Laptop Tote Bag for Women,17.3 Inch Work Bags PU Leather Teacher Tote Bag,Waterproof Qui...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$69.99</span>
              <span class="text-green-600 text-sm font-semibold">$39.88</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-43%</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/B0GGH8GGCW?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/monster-persona-se-anc-active-noise-cancelling-headphones-over-ear-bluetooth-headphones-wireless-60h-playtime-hifi-stereo-audio-deep-bass-built-in-mic-memory-foam-ear-cups-for-home-white">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/43468/0ea8e5934f8d6cab.jpg" alt="Monster Persona SE ANC Active Noise Cancelling Headphones, Over Ear Bluetooth Headphones Wireless, 60H Playtime, HiFi Stereo Audio, Deep Bass, Built-in Mic, Memory Foam Ear Cups for Home (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">
            Monster Persona SE ANC Active Noise Cancelling Headphones, Over Ear Bluetooth Headphones Wireless...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$49.99</span>
              <span class="text-green-600 text-sm font-semibold">$29.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-40%</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/B0GQYP75PF?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/bareminerals-complexion-rescue-tinted-moisturizer-with-spf-30-hydrating-tinted-mineral-sunscreen-with-hyaluronic-acid-sheer-to-light-coverage-multi-tasking-skincare-infused-makeup">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/43453/edead0c1e63fe1b1.jpg" alt="bareMinerals Complexion Rescue Tinted Moisturizer with SPF 30, Hydrating Tinted Mineral Sunscreen with Hyaluronic Acid, Sheer-to-Light Coverage, Multi-tasking, Skincare Infused Makeup" 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">
            bareMinerals Complexion Rescue Tinted Moisturizer with SPF 30, Hydrating Tinted Mineral Sunscreen...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$39.50</span>
              <span class="text-green-600 text-sm font-semibold">$19.75</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-50%</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/B0DRPTGDJ6?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/tineco-floor-one-s5-smart-cordless-wet-dry-vacuum-cleaner-and-mop-for-hard-floors-digital-display-long-run-time-great-for-sticky-messes-and-pet-hair-space-saving-design-blue">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/43455/c5100bcb10cb4fb6.jpg" alt="Tineco Floor ONE S5 Smart Cordless Wet Dry Vacuum Cleaner and Mop for Hard Floors, Digital Display, Long Run Time, Great for Sticky Messes and Pet Hair, Space-Saving Design, Blue" 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">
            Tineco Floor ONE S5 Smart Cordless Wet Dry Vacuum Cleaner and Mop for Hard Floors, Digital Displa...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$349.99</span>
              <span class="text-green-600 text-sm font-semibold">$189.90</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-46%</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/B09P2RKRWX?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/laura-geller-new-york-award-winning-baked-balance-n-brighten-color-correcting-powder-foundation-light-buildable-light-to-medium-coverage-demi-matte-natural-finish">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/26693/b5dfdfe034004f8d.jpg" alt="LAURA GELLER NEW YORK Award-Winning Baked Balance-n-Brighten Color Correcting Powder Foundation – Handmade in Italy – Buildable Coverage, Matte Finish – For Mature &amp; Sensitive Skin – 03 Light" 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">
            LAURA GELLER NEW YORK Award-Winning Baked Balance-n-Brighten Color Correcting Powder Foundation –...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$38.00</span>
              <span class="text-green-600 text-sm font-semibold">$19.00</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-50%</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/B01H1V7WQU?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/philips-sonicare-5950-series-electric-toothbrush-with-pressure-sensor-for-sensitive-gums-6-brushing-settings-smartimer-brushpacer-21-day-runtime-travel-case-light-pink-hx7132-03">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/43456/822202dd5347de1a.jpg" alt="Philips Sonicare 5950 Series Electric Toothbrush, with Pressure Sensor, for Sensitive Gums, 6 Brushing Settings, SmarTimer, BrushPacer, 21-Day Runtime, Travel Case, Light Pink, HX7132/03" 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">
            Philips Sonicare 5950 Series Electric Toothbrush, with Pressure Sensor, for Sensitive Gums, 6 Bru...
          </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">$59.96</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-45%</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/B0GQW7WKGN?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/roborock-qrevo-s-pro-robot-vacuum-and-mop-18-500pa-suction-multifunctional-dock-with-167-mop-self-cleaning-smart-obstacle-avoidance-anti-tangle-brush-liftable-spinning-mop-white">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/43460/008a9cac8cc8f6a9.jpg" alt="roborock Qrevo S Pro Robot Vacuum and Mop, 18,500Pa Suction, Multifunctional Dock with 167℉ Mop Self-Cleaning, Smart Obstacle Avoidance, Anti-Tangle Brush, Liftable Spinning Mop, 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">
            roborock Qrevo S Pro Robot Vacuum and Mop, 18,500Pa Suction, Multifunctional Dock with 167℉ Mop S...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$699.99</span>
              <span class="text-green-600 text-sm font-semibold">$399.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-43%</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/B0GGRTD2ZY?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=52"   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=49"   >49</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=50"   >50</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=51"   >51</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=52"   rel="prev" >52</a></span> <span class="page active">53</span> <span class="page"><a href="/?deal_type_id=18&amp;page=54"   rel="next" >54</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=55"   >55</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=56"   >56</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=57"   >57</a></span> <span class="page gap">&hellip;</span> <span class="page"><a href="/?deal_type_id=18&amp;page=1007"   >1007</a></span> <span class="page next"><a href="/?deal_type_id=18&amp;page=54"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span></nav>
  </div>
</template></turbo-stream>