<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/vizobluex-20-21-21-5-22-inch-anti-blue-light-filter-for-computer-monitor-blue-light-screen-protector-blocking-panel-19-5-x-12-1-for-lcd-tv-pc-mac-imac">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/29027/1fc26e0ab2196c70.jpg" alt="VizoBlueX 20 -21-21.5 -22 inch Anti-Blue Light Filter for Computer Monitor. Blue Light Screen Protector Blocking Panel 19.5“x 12.1” for LCD TV PC Mac iMac" 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">
            VizoBlueX 20 -21-21.5 -22 inch Anti-Blue Light Filter for Computer Monitor. Blue Light Screen Pro...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$44.99</span>
              <span class="text-green-600 text-sm font-semibold">$38.24</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-15%</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/B078GY47V5?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/inopro-teeth-whitening-strips-14-treatments-kit-enamel-safe-teeth-whitener-peroxide-free-green-white-strips-for-teeth-whitening-with-arbutin-coconut-oil-deep-stains-removal-28-strips">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/30738/bc608a57ef45fe98.jpg" alt="InoPro Green Teeth Whitening Strips - Peroxide Free Whitening Strips - Whitening Without The Harm - Deep Stains Removal - Sensitivity Free - 14 Treatments, 28 Strips, 28 Count (Pack of 1)" 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">
            InoPro Green Teeth Whitening Strips - Peroxide Free Whitening Strips - Whitening Without The Harm...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$38.99</span>
              <span class="text-green-600 text-sm font-semibold">$31.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-18%</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/B0B5HN65QQ?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/maybesta-wireless-mini-microphone-for-iphone-android-phone-lavalier-lapel-mic-for-audio-video-recording-clip-on-content-creator-microphones-for-youtube-tiktok-podcast-with-charging-case">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/69735/0031a424e79e3ec2.jpg" alt="MAYBESTA Wireless Mini Microphone for iPhone, Android Phone - Lavalier Lapel Mic for Audio Video Recording - Clip on Content Creator Microphones for YouTube Tiktok Podcast(with Charging Case)" 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">
            MAYBESTA Wireless Mini Microphone for iPhone, Android Phone - Lavalier Lapel Mic for Audio Video ...
          </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">$33.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-15%</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/B0HCNMFQJ6?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/shownii-0-25-2ct-lab-grown-diamond-solitaire-pendant-necklace-for-women-certified-g-h-color-si1-vs2-clarity-14k-gold-plated-sterling-silver-round-cut-4-prong-setting-jewelry-16-5-3-chain">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/69738/73b81a11469dc52b.jpg" alt="shownii 0.25-2CT LAB GROWN Diamond Solitaire Pendant Necklace for Women | Certified G-H Color, SI1-VS2 Clarity 14K Gold Plated Sterling Silver Round Cut 4 Prong Setting Jewelry, 16.5&quot;+3&quot; Chain" 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">
            shownii 0.25-2CT LAB GROWN Diamond Solitaire Pendant Necklace for Women | Certified G-H Color, SI...
          </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">$169.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-15%</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/B0FT27F8JB?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/serman-brands-rfid-blocking-slim-money-clip-wallet-leather-bifold-front-pocket-minimalist-mens-wallet-with-money-clip-for-men-small-credit-card-holder-wallet-travel-wallet-with-gift-box">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/69739/2659b08c803db7ce.jpg" alt="SERMAN BRANDS RFID Blocking Slim Money Clip Wallet – Leather Bifold Front Pocket Minimalist Mens Wallet with Money Clip for Men, Small Credit Card Holder Wallet - Travel Wallet with Gift Box" 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">
            SERMAN BRANDS RFID Blocking Slim Money Clip Wallet – Leather Bifold Front Pocket Minimalist Mens ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$27.95</span>
              <span class="text-green-600 text-sm font-semibold">$23.76</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-15%</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/B01BHI292U?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/maono-pd200w-hybrid-wireless-podcast-microphone-for-pc-dynamic-xlr-usb-mic-desktop-stand-mic-with-software-noise-cancellation-for-vocal-recording-streaming-content-creation-home-studio-pink">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/69736/53e0d4b65624f62d.jpg" alt="MAONO PD200W Hybrid Wireless Podcast Microphone for PC, Dynamic XLR USB Mic | Desktop Stand Mic with Software, Noise Cancellation, for Vocal Recording, Streaming, Content Creation, Home Studio, Pink" 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">
            MAONO PD200W Hybrid Wireless Podcast Microphone for PC, Dynamic XLR USB Mic | Desktop Stand Mic w...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$119.99</span>
              <span class="text-green-600 text-sm font-semibold">$101.69</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-15%</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/B0GTRS7J95?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/maybesta-wireless-mini-microphone-for-iphone-lavalier-lapel-mic-for-audio-video-recording-clip-on-content-creator-microphones-for-youtube-tiktok-podcast-vlogging-lightning-only">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/69734/7d7007790489701c.jpg" alt="MAYBESTA Wireless Mini Microphone for iPhone - Lavalier Lapel Mic for Audio Video Recording - Clip on Content Creator Microphones for YouTube Tiktok Podcast Vlogging(Lightning Only)" 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">
            MAYBESTA Wireless Mini Microphone for iPhone - Lavalier Lapel Mic for Audio Video Recording - Cli...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$9.99</span>
              <span class="text-green-600 text-sm font-semibold">$8.49</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-15%</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/B0DZ1RFRL6?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/serman-brands-full-grain-leather-wallet-for-men-rfid-blocking-extra-capacity-bifold-wallet-with-id-windows-ultra-strong-stitching-slim-billfold-with-13-card-slots-gift-for-him">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/31129/8a49714e03da8ad6.jpg" alt="RFID Blocking Wallets for Men, Extra Capacity Full Grain Leather Bifold | Mens Leather Wallet Billfold with 14 Card Slots &amp; ID Window, Full Grain Leather Wallet, Rfid Bifold, Western Wallet" 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">
            RFID Blocking Wallets for Men, Extra Capacity Full Grain Leather Bifold | Mens Leather Wallet Bil...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$34.95</span>
              <span class="text-green-600 text-sm font-semibold">$29.71</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-15%</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/B0GKHXLRTK?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/wolfbox-mf60-mf70-compressed-air-duster-110000rpm-super-power-electric-air-duster-3-speed-adjustable-rechargeable-cordless-air-blower-with-fast-charging-for-pc-keyboard-cleaning-car-home-black">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/34278/4dfd77124a54336d.jpg" alt="WOLFBOX MF60 Compressed Air Duster, 3-Speed Adjustable, Electric, Cordless | 110,000 RPM, Rechargeable, Air Blower, Fast Charging, PC Keyboard Cleaning, Car, Home, Black, 0.5 lb Lightweight" 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 MF60 Compressed Air Duster, 3-Speed Adjustable, Electric, Cordless | 110,000 RPM, Recharg...
          </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">$39.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-20%</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/B0GF74ZGDZ?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/best-choice-products-38in-beginner-all-wood-acoustic-guitar-starter-kit-w-gig-bag-6-picks-nylon-strings-strap-w-pick-holder-matte-black">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/21081/544a04b8c699ef71.jpg" alt="Best Choice Products 38in Beginner All Wood Acoustic Guitar Starter Kit w/Gig Bag, 6 Picks, Nylon Strings, Strap w/Pick Holder - Matte 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">
            Best Choice Products 38in Beginner All Wood Acoustic Guitar Starter Kit w/Gig Bag, 6 Picks, Nylon...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$69.98</span>
              <span class="text-green-600 text-sm font-semibold">$57.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-17%</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/B0049J4O0K?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/fifa-worldcup2026-wooden-puzzle-collectible-sf-cityposter-200pcs-decorgift-5mm-thick-officially-unique-pieces-san-francisco-bay-area-design-gift-for-adult-soccer-fan-12-6x8-4in-wall-decor">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/69728/50accb84a12bb646.jpg" alt="FIFA WorldCup2026 Wooden Puzzle Collectible SF CityPoster 200Pcs DecorGift | 5MM Thick Officially Unique pieces San Francisco Bay Area design;Gift for Adult &amp; Soccer Fan;12.6x8.4in Wall Decor" 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">
            FIFA WorldCup2026 Wooden Puzzle Collectible SF CityPoster 200Pcs DecorGift | 5MM Thick Officially...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$22.99</span>
              <span class="text-green-600 text-sm font-semibold">$18.61</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-19%</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/B0GLMGZVK3?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/voyjoy-straight-leggings-bottoms-womens-wide-leg-29-31-5-33-35-pants-high-waisted-buttery-soft-workout-yoga-for-womens">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/69724/0222bceb03fe4e17.jpg" alt="VOYJOY Straight Leggings Bottoms Womens Wide Leg 29&quot;/ 31.5&quot;/33&quot;/35&quot; Pants | High Waisted, Buttery Soft, Workout Yoga, for Womens" 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">
            VOYJOY Straight Leggings Bottoms Womens Wide Leg 29&quot;/ 31.5&quot;/33&quot;/35&quot; Pants | High Waisted, Buttery...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$28.99</span>
              <span class="text-green-600 text-sm font-semibold">$23.19</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-20%</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/B0FJFB9SR6?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=9"   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=6"   >6</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=7"   >7</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=8"   >8</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=9"   rel="prev" >9</a></span> <span class="page active">10</span> <span class="page"><a href="/?deal_type_id=18&amp;page=11"   rel="next" >11</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=12"   >12</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=13"   >13</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=14"   >14</a></span> <span class="page gap">&hellip;</span> <span class="page"><a href="/?deal_type_id=18&amp;page=1877"   >1877</a></span> <span class="page next"><a href="/?deal_type_id=18&amp;page=11"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span></nav>
  </div>
</template></turbo-stream>