<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/volantica-10-inch-full-size-mattress-in-a-box-hybrid-cooling-gel-memory-foam-pocketed-coils-medium-firm-certipur-us-certified-pressure-relief-motion-isolation">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/30869/5ac4026d495996c7.jpg" alt="Volantica 10 Inch Full Size Mattress in a Box, Hybrid Cooling Gel Memory Foam &amp; Pocketed Coils, Medium Firm, CertiPUR-US Certified, Pressure Relief, Motion Isolation" 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">
            Volantica 10 Inch Full Size Mattress in a Box, Hybrid Cooling Gel Memory Foam &amp; Pocketed Coils, M...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$179.99</span>
              <span class="text-green-600 text-sm font-semibold">$139.98</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-22%</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/B0GJZJ5JYC?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/fwlisesa-gold-necklace-for-women-dainty-gold-long-necklaces-14k-gold-plated-prom-lariat-necklace-cute-choker-necklaces-for-women-trendy-stuff-fashion-costume-gold-accessories-christmas-jewelry-gifts-2">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/30867/32811a011deb3847.jpg" alt="Fwlisesa Gold Necklace for Women, Dainty Gold Long Necklaces 14k Gold Plated Prom Lariat Necklace Cute Choker Necklaces for Women Trendy Stuff Fashion Costume Gold Accessories Christmas Jewelry 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">
            Fwlisesa Gold Necklace for Women, Dainty Gold Long Necklaces 14k Gold Plated Prom Lariat Necklace...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$12.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">-23%</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/B0BW91XPYF?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/biggerfive-smart-watch-for-kids-no-app-no-phone-needed-1-8-fitness-tracker-watch-pedometer-heart-rate-sleep-monitor-ip68-waterproof-step-counter-puzzle-games-for-girls-boys-teens-5-16-blue">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/30865/76ff0f732b2d8f0b.jpg" alt="BIGGERFIVE Smart Watch for Kids No APP No Phone Needed, 1.8&quot; Fitness Tracker Watch Pedometer, Heart Rate, Sleep Monitor, IP68 Waterproof, Step Counter, Puzzle Games for Girls Boys Teens 5-16, 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">
            BIGGERFIVE Smart Watch for Kids No APP No Phone Needed, 1.8&quot; Fitness Tracker Watch Pedometer, Hea...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$36.99</span>
              <span class="text-green-600 text-sm font-semibold">$28.09</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-24%</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/B0DC9NRKXN?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/amorho-led-bathroom-mirror-24-x-36-with-front-and-backlight-stepless-dimmable-wall-mirrors-with-anti-fog-shatter-proof-memory-3-colors-double-led-vanity-mirror-horizontal-vertical">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/30863/807e311fa497bc97.jpg" alt="Amorho LED Bathroom Mirror 24&quot;x 36&quot; with Front and Backlight, Stepless Dimmable Wall Mirrors with Anti-Fog, Shatter-Proof, Memory, 3 Colors, Double LED Vanity Mirror(Horizontal/Vertical)" 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">
            Amorho LED Bathroom Mirror 24&quot;x 36&quot; with Front and Backlight, Stepless Dimmable Wall Mirrors with...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$169.99</span>
              <span class="text-green-600 text-sm font-semibold">$129.19</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-24%</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/B08PFLZ1PT?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/jisulife-portable-neck-fan-hands-free-bladeless-fan-5-speeds-4000-mah-battery-operated-wearable-personal-fan-twistable-rechargeable-gift-for-women-men-dark-green">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/30856/c3d1a1573e5df90a.jpg" alt="JISULIFE Portable Neck Fan, Hands Free Bladeless Fan, 5 Speeds, 4000 mAh Battery Operated Wearable Personal Fan, Twistable, Rechargeable, Gift for Women Men-Dark Green" 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">
            JISULIFE Portable Neck Fan, Hands Free Bladeless Fan, 5 Speeds, 4000 mAh Battery Operated Wearabl...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$33.99</span>
              <span class="text-green-600 text-sm font-semibold">$25.51</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-25%</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/B08911JGGW?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/huuger-computer-desk-55-inch-home-office-desk-gaming-writing-work-from-home-study-desk-large-legroom-sturdy-metal-frame-modern-simple-rustic-brown">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/30858/06e6f896f58fa368.jpg" alt="Huuger Computer Desk, 55 Inch Home Office Desk, Gaming Writing Work from Home Study Desk, Large Legroom, Sturdy Metal Frame, Modern Simple, Rustic Brown" 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">
            Huuger Computer Desk, 55 Inch Home Office Desk, Gaming Writing Work from Home Study Desk, Large L...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$79.99</span>
              <span class="text-green-600 text-sm font-semibold">$59.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-25%</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/B0CS3K9CWC?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/full-size-mattress-protector-waterproof-premium-200-gsm-terry-mattress-cover-soft-breathable-bed-cover-fitted-sheet-style-stretchable-deep-pockets-15-by-utopia-bedding-gray">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/30862/11ad29d54cc22b6a.jpg" alt="Full Size Mattress Protector Waterproof, Premium 200 GSM Terry Mattress Cover, Soft &amp; Breathable Bed Cover, Fitted Sheet Style Stretchable Deep Pockets 15&quot; by Utopia Bedding (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">
            Full Size Mattress Protector Waterproof, Premium 200 GSM Terry Mattress Cover, Soft &amp; Breathable ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$19.99</span>
              <span class="text-green-600 text-sm font-semibold">$15.29</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-24%</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/B0BNDJDTTS?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/stanley-quencher-protour-flip-straw-tumbler-with-leakproof-lid-40-oz-built-in-straw-and-handle-cup-holder-compatible-for-travel-insulated-stainless-steel-cup-bpa-free-dried-pine-vrt">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/30857/e58c1bf4d1b720dc.jpg" alt="STANLEY Quencher ProTour Flip Straw Tumbler with Leakproof Lid 40 oz | Built-In Straw and Handle | Cup Holder Compatible for Travel | Insulated Stainless Steel Cup | BPA-Free | Dried Pine VRT" 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">
            STANLEY Quencher ProTour Flip Straw Tumbler with Leakproof Lid 40 oz | Built-In Straw and Handle ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$45.00</span>
              <span class="text-green-600 text-sm font-semibold">$33.75</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-25%</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/B0DR9S2DQR?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/vanilla-bean-paste-for-baking-heilala-vanilla-paste-perfect-for-every-baker-value-sized-made-using-sustainably-and-ethically-sourced-vanilla-beans-8-oz">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/30859/d092e7d8de2b537a.jpg" alt="Vanilla Bean Paste for Baking - Heilala Vanilla Paste Perfect for Every Baker, Value-Sized, Made Using Sustainably and Ethically Sourced Vanilla Beans - 8 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">
            Vanilla Bean Paste for Baking - Heilala Vanilla Paste Perfect for Every Baker, Value-Sized, Made ...
          </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">$22.92</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-24%</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/B0CB78BQGC?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/55cube-upf-50-baby-toddler-sun-hat-wide-brim-infant-bucket-hat-for-beach-outdoors-adjustable-fit-for-ages-0-4-years-2">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/30860/79a52942fd1fc4da.jpg" alt="55cube UPF 50+ Baby &amp; Toddler Sun Hat, Wide Brim Infant Bucket Hat for Beach &amp; Outdoors, Adjustable Fit for Ages 0-4 Years" 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">
            55cube UPF 50+ Baby &amp; Toddler Sun Hat, Wide Brim Infant Bucket Hat for Beach &amp; Outdoors, Adjustab...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$17.99</span>
              <span class="text-green-600 text-sm font-semibold">$13.76</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-24%</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/B09Q2VQ1S9?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/gembed-tri-folding-mattress-queen-size-memory-foam-tri-fold-handle-non-slip-bottom-portable-foldable-sofa-bed-floor-chair-for-travel-rv-camping-guest-yoga-6-inch-78-x58-x6">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/30861/2a02580de5783680.jpg" alt="GEMBED Tri Folding Mattress Queen Size - Memory Foam Tri-fold Handle &amp; Non-Slip Bottom, Portable Foldable Sofa Bed Floor Chair for Travel RV Camping Guest Yoga - 6 Inch, 78&quot;x58&quot;x6&quot;" 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">
            GEMBED Tri Folding Mattress Queen Size - Memory Foam Tri-fold Handle &amp; Non-Slip Bottom, Portable ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$339.99</span>
              <span class="text-green-600 text-sm font-semibold">$259.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-24%</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/B0GJRPCXGM?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/tacvasen-men-s-summer-outdoor-shorts-quick-dry-water-resistant-cargo-casual-golf-work-hiking-shorts-no-belt-2">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/30864/9931981cafa75522.jpg" alt="TACVASEN Men&#39;s Summer Outdoor Shorts Quick Dry Water Resistant Cargo Casual Golf Work Hiking Shorts (NO Belt)" 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">
            TACVASEN Men&#39;s Summer Outdoor Shorts Quick Dry Water Resistant Cargo Casual Golf Work Hiking Shor...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$32.98</span>
              <span class="text-green-600 text-sm font-semibold">$25.19</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-24%</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/B09WMXNL6H?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=521"   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=518"   >518</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=519"   >519</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=520"   >520</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=521"   rel="prev" >521</a></span> <span class="page active">522</span> <span class="page"><a href="/?deal_type_id=18&amp;page=523"   rel="next" >523</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=524"   >524</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=525"   >525</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=526"   >526</a></span> <span class="page gap">&hellip;</span> <span class="page"><a href="/?deal_type_id=18&amp;page=974"   >974</a></span> <span class="page next"><a href="/?deal_type_id=18&amp;page=523"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span></nav>
  </div>
</template></turbo-stream>