<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/gps-drone-with-4k-camera-for-adults-fpv-rc-quadcopter-90-min-flight-time-auto-return-gps-follow-circle-fly-5-inch-lcd-tablet-screen-brushless-motor-lightweight-foldable-drone-for-beginners">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/24039/a686c62ba8f90f47.jpg" alt="GPS Drone with 4K Camera for Adults, FPV RC Quadcopter, 90-min Flight Time, Auto Return, GPS Follow, Circle Fly, 5-inch LCD Tablet Screen, Brushless Motor, Lightweight Foldable Drone for Beginners" 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">
            GPS Drone with 4K Camera for Adults, FPV RC Quadcopter, 90-min Flight Time, Auto Return, GPS Foll...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$219.99</span>
              <span class="text-green-600 text-sm font-semibold">$159.96</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-27%</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/B0FF4M8CLW?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/wolfbox-g900-tripro-bumper-version-3-channel-4k-mirror-dash-cam-8mp-starvis-2-imx678-night-vision-4k-2-5k-1080p-front-and-rear-bumper-dash-cam-5-8ghz-wifi-voice-control-includes-256gb-card-gps">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/24036/a27ad72d4133e89b.jpg" alt="WOLFBOX G900 Tripro Bumper Version 3 Channel 4K Mirror Dash Cam, 8MP STARVIS 2 IMX678 Night Vision, 4K+2.5K+1080P Front and Rear Bumper Dash Cam, 5.8GHz WiFi, Voice Control, Includes 256GB Card &amp; GPS" 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">
            WOLFBOX G900 Tripro Bumper Version 3 Channel 4K Mirror Dash Cam, 8MP STARVIS 2 IMX678 Night Visio...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$429.99</span>
              <span class="text-green-600 text-sm font-semibold">$313.48</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-27%</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/B0DY1GM6DR?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/fleximounts-2-pack-2x6ft-garage-shelving-24-inch-by-72-inch-heavy-duty-wall-mounted-shelves-garage-storage-rack-floating-shelves-1400lbs-load-capacity-black-classic-series">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/24034/fcc30d8164e4dc26.jpg" alt="FLEXIMOUNTS 2-Pack 2x6ft Garage Shelving 24-inch-by-72-inch Heavy Duty Wall Mounted Shelves Garage Storage Rack Floating Shelves, 1400lbs Load Capacity, Black, Classic Series" 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">
            FLEXIMOUNTS 2-Pack 2x6ft Garage Shelving 24-inch-by-72-inch Heavy Duty Wall Mounted Shelves Garag...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$189.99</span>
              <span class="text-green-600 text-sm font-semibold">$135.98</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-28%</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/B01LYQGF4M?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/bathroom-faucets-for-sink-3-hole-hurran-4-inch-matte-black-with-pop-up-drain-and-2-supply-hoses-stainless-steel-lead-free-2-handle-centerset-faucet-for-sink-vanity">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/24033/e9b7d6bf3449e407.jpg" alt="Bathroom Faucets for Sink 3 Hole, Hurran 4 inch Matte Black with Pop-up Drain and 2 Supply Hoses, Stainless Steel Lead-Free 2-Handle Centerset Faucet for Sink Vanity" 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">
            Bathroom Faucets for Sink 3 Hole, Hurran 4 inch Matte Black with Pop-up Drain and 2 Supply Hoses,...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$39.99</span>
              <span class="text-green-600 text-sm font-semibold">$28.98</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-28%</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/B0B2LKJ8C9?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/beauty-by-earth-self-tanner-usa-made-with-natural-organic-ingredients-moisturizing-self-tanning-lotion-with-aloe-vera-coconut-for-a-natural-glow-streak-free-fake-tan-medium-to-dark">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/24030/3efd2b19ae769c22.jpg" alt="Beauty by Earth Self Tanner - USA Made with Natural &amp; Organic Ingredients, Moisturizing Self Tanning Lotion with Aloe Vera &amp; Coconut for a Natural Glow, Streak-Free Fake Tan, Medium to Dark" 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">
            Beauty by Earth Self Tanner - USA Made with Natural &amp; Organic Ingredients, Moisturizing Self Tann...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$42.99</span>
              <span class="text-green-600 text-sm font-semibold">$30.59</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-29%</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/B00L2PB3BW?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/nuna-eyelash-growth-support-serum-6ml-eye-lash-and-eyebrow-enhancing-serum-for-women-men-with-biotin-korean-multi-peptide-natural-extracts-promotes-fuller-and-longer-lashes-6-month-supply">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/24028/9a31f8fd9c87c625.jpg" alt="NUNA Eyelash Growth Support Serum 6ml – Eye Lash and Eyebrow Enhancing Serum for Women &amp; Men with Biotin - Korean Multi Peptide &amp; Natural Extracts – Promotes Fuller and Longer Lashes - 6 Month Supply" 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">
            NUNA Eyelash Growth Support Serum 6ml – Eye Lash and Eyebrow Enhancing Serum for Women &amp; Men with...
          </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">$34.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-30%</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/B0DZDBBNFT?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/olaplex-n-6-bond-smoother-leave-in-styling-treatment-smooths-conditions-strengthens-frizz-control-for-up-to-72-hours-for-coily-curly-straight-and-wavy-100-ml-3-3-fl-oz">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/24027/baf48fc3e55ac071.jpg" alt="Olaplex Nº. 6 Bond Smoother: Leave-In Styling Treatment | Smooths, Conditions, &amp; Strengthens | Frizz Control for Up to 72 Hours | For Coily, Curly, Straight, and Wavy, 100 mL / 3.3 Fl Oz" 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">
            Olaplex Nº. 6 Bond Smoother: Leave-In Styling Treatment | Smooths, Conditions, &amp; Strengthens | Fr...
          </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">$22.40</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-30%</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/B07PW4MTHV?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/westmore-beauty-body-coverage-perfector-waterproof-leg-body-makeup-bronzer-for-women-best-tattoo-cover-up-makeup-tattoo-concealer-3-5-oz-natural-radiance">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/24026/f2bd1ed15252102b.jpg" alt="Westmore Beauty Body Coverage Perfector – Waterproof Leg &amp; Body Makeup/Bronzer For Women - Best Tattoo Cover Up Makeup &amp; Tattoo Concealer - 3.5 Oz Natural Radiance" 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">
            Westmore Beauty Body Coverage Perfector – Waterproof Leg &amp; Body Makeup/Bronzer For Women - Best T...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$49.00</span>
              <span class="text-green-600 text-sm font-semibold">$34.30</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-30%</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/B07CF7BVZK?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/grande-cosmetics-grandelash-md-lash-enhancing-serum-peptide-vitamin-infused-formula-for-longer-thicker-fuller-looking-lashes-ophthalmologist-tested-cruelty-free">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/24025/46a18fc0eca7e801.jpg" alt="Grande Cosmetics GrandeLASH-MD Lash Enhancing Serum - Peptide &amp; Vitamin Infused Formula for Longer, Thicker, Fuller Looking Lashes - Ophthalmologist Tested, 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">
            Grande Cosmetics GrandeLASH-MD Lash Enhancing Serum - Peptide &amp; Vitamin Infused Formula for Longe...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$36.00</span>
              <span class="text-green-600 text-sm font-semibold">$25.20</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-30%</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/B082WZTJV5?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/kraus-oletto-single-handle-pull-down-kitchen-faucet-in-matte-black-kpf-2820mb">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/24024/23ff08b135512b4f.jpg" alt="KRAUS Oletto Single Handle Pull Down Kitchen Faucet in Matte Black, KPF-2820MB" 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">
            KRAUS Oletto Single Handle Pull Down Kitchen Faucet in Matte Black, KPF-2820MB
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$214.95</span>
              <span class="text-green-600 text-sm font-semibold">$149.95</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-30%</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/B088FZ28HC?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/akaso-brave-7-le-4k30fps-20mp-wifi-action-camera-with-touch-screen-eis-2-0-zoom-remote-control-131-feet-underwater-camera-with-2x-1350mah-batteries-support-external-microphone-vlog-camera">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/24022/e375bc7b1281a744.jpg" alt="AKASO Brave 7 LE 4K30FPS 20MP WiFi Action Camera with Touch Screen EIS 2.0 Zoom Remote Control 131 Feet Underwater Camera with 2X 1350mAh Batteries Support External Microphone Vlog Camera" 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">
            AKASO Brave 7 LE 4K30FPS 20MP WiFi Action Camera with Touch Screen EIS 2.0 Zoom Remote Control 13...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$159.99</span>
              <span class="text-green-600 text-sm font-semibold">$109.97</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-31%</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/B08B3MFDQL?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/seventh-generation-concentrated-laundry-detergent-liquid-free-clear-fragrance-free-40-fl-oz-pack-of-2">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/24021/9e11ac4a7e825b8d.jpg" alt="Seventh Generation Concentrated Laundry Detergent Liquid Free &amp; Clear Fragrance Free 40 Fl 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">
            Seventh Generation Concentrated Laundry Detergent Liquid Free &amp; Clear Fragrance Free 40 Fl Oz (Pa...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$29.94</span>
              <span class="text-green-600 text-sm font-semibold">$20.79</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-31%</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/B0091DS0UY?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=1408"   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=1405"   >1405</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=1406"   >1406</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=1407"   >1407</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=1408"   rel="prev" >1408</a></span> <span class="page active">1409</span> <span class="page"><a href="/?deal_type_id=18&amp;page=1410"   rel="next" >1410</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=1411"   >1411</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=1412"   >1412</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=1413"   >1413</a></span> <span class="page gap">&hellip;</span> <span class="page"><a href="/?deal_type_id=18&amp;page=1535"   >1535</a></span> <span class="page next"><a href="/?deal_type_id=18&amp;page=1410"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span></nav>
  </div>
</template></turbo-stream>