<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/watermelon-ball-jr-durable-fillable-pool-toy-for-underwater-games-football-basketball-rugby-perfect-for-water-parties-fun-for-adults-kids-alike-ages-6-6-5-multicolor">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/33918/27c50ca3dc1bb737.jpg" alt="Watermelon Ball JR Durable Fillable Pool Toy for Underwater Games - Football, Basketball &amp; Rugby - Perfect for Water Parties - Fun for Adults &amp; Kids Alike - Ages 6+, 6.5&quot; Multicolor" 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">
            Watermelon Ball JR Durable Fillable Pool Toy for Underwater Games - Football, Basketball &amp; Rugby ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$21.99</span>
              <span class="text-green-600 text-sm font-semibold">$14.98</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-32%</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/B077H5G2PV?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/soundcore-by-anker-liberty-4-nc-wireless-earbuds-98-5-noise-reduction-adaptive-noise-cancelling-to-ears-and-environment-hi-res-sound-50h-battery-wireless-charging-bluetooth-5-3-2">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/33921/756d5f52559ec25a.jpg" alt="Soundcore by Anker Liberty 4 NC Wireless Earbuds, 98.5% Noise Reduction, Adaptive Noise Cancelling to Ears and Environment, Hi-Res Sound, 50H Battery, Wireless Charging, Bluetooth 5.3" 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">
            Soundcore by Anker Liberty 4 NC Wireless Earbuds, 98.5% Noise Reduction, Adaptive Noise Cancellin...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$99.99</span>
              <span class="text-green-600 text-sm font-semibold">$69.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/B0BZV4QFP8?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/rock-painting-kit-glow-in-the-dark-rock-kit-arts-and-crafts-for-kids-ages-6-12-art-supplies-toy-kids-craft-paint-kits-arts-crafts-for-boys-girls-birthday-party-gift-toy">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/33922/155bfcef76619988.jpg" alt="Rock Painting Kit- Glow in The Dark Rock Kit, Arts and Crafts for Kids Ages 6-12, Art Supplies Toy, Kids Craft Paint Kits, Arts &amp; Crafts for Boys Girls Birthday Party Gift Toy" 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">
            Rock Painting Kit- Glow in The Dark Rock Kit, Arts and Crafts for Kids Ages 6-12, Art Supplies To...
          </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">$13.98</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/B08HD89CX6?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/leaf-blower-electric-cordless-leaf-blower-with-2-batteries-and-charger-2-speed-mode-lightweight-leaf-blowers-for-blowing-leaves-lawn-care-patio-cleaning-and-dust">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/33920/2271cd91ba771360.jpg" alt="Leaf Blower, Electric Cordless Leaf Blower with 2 Batteries and Charger, 2 Speed Mode, Lightweight Leaf Blowers for Blowing Leaves, Lawn Care, Patio Cleaning and Dust" 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">
            Leaf Blower, Electric Cordless Leaf Blower with 2 Batteries and Charger, 2 Speed Mode, Lightweigh...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$99.99</span>
              <span class="text-green-600 text-sm font-semibold">$69.98</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/B0DJJB7WS9?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/lane-linen-100-egyptian-cotton-sheets-queen-size-bed-set-naturally-cooling-breathable-sateen-queen-sheets-set-long-staple-cotton-for-lasting-softness-snug-fit-15-deep-pocket-fitted-charcoal">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/33909/635096132d035570.jpg" alt="LANE LINEN 100% Egyptian Cotton Sheets Queen Size Bed Set – Naturally Cooling &amp; Breathable Sateen Queen Sheets Set, Long-Staple Cotton for Lasting Softness, Snug Fit 15&quot; Deep Pocket Fitted - Charcoal" 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">
            LANE LINEN 100% Egyptian Cotton Sheets Queen Size Bed Set – Naturally Cooling &amp; Breathable Sateen...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$99.99</span>
              <span class="text-green-600 text-sm font-semibold">$64.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-35%</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/B0FNR9N29H?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/summer-bridge-activities-5th-to-6th-grade-workbooks-all-subjects-middle-school-books-with-math-language-arts-reading-comprehension-science-social-studies-fitness-flash-cards-and-more-volume-7">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/33908/609418cc14f2f0fe.jpg" alt="Summer Bridge Activities 5th to 6th Grade Workbooks All Subjects, Middle School Books With Math, Language Arts, Reading Comprehension, Science, Social Studies, Fitness, Flash Cards, and More (Volume 7)" 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">
            Summer Bridge Activities 5th to 6th Grade Workbooks All Subjects, Middle School Books With Math, ...
          </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">$8.48</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-35%</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/1483815854?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/botluxe-cordless-robotic-pool-cleaner-5-000-gph-with-150-m-filter-floor-wall-waterline-cleaning-smart-zigzag-navigation-5-200mah-battery-app-controlled-presets-for-inground-above-ground-pools">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/33915/902111b5e7afd66d.jpg" alt="BOTLUXE Cordless Robotic Pool Cleaner, 5,000 GPH with 150μm Filter, Floor/Wall/Waterline Cleaning, Smart Zigzag Navigation, 5,200mAh Battery, App-Controlled Presets for Inground &amp; Above Ground Pools" 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">
            BOTLUXE Cordless Robotic Pool Cleaner, 5,000 GPH with 150μm Filter, Floor/Wall/Waterline Cleaning...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$599.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">-33%</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/B0GS63XK4N?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/werhy-foldable-kids-electric-scooter-350w-motor-max-12-16miles-long-range-19-mph-max-speed-8-5-solid-tire-lightweight-foldable-e-scooter-with-dual-braking-digital-display-cruise-control-2">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/33907/50c2710f767cb04b.jpg" alt="WERHY Foldable Kids Electric Scooter, 350W Motor, Max 12/16Miles Long Range, 19 MPH Max Speed, 8.5&quot; Solid Tire, Lightweight Foldable E-Scooter with Dual Braking, Digital Display, Cruise Control" 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">
            WERHY Foldable Kids Electric Scooter, 350W Motor, Max 12/16Miles Long Range, 19 MPH Max Speed, 8....
          </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">$139.96</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-36%</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/B0FN6YX54F?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/sereed-baby-balance-bike-for-1-year-old-boys-girls-12-24-month-toddler-balance-bike-4-wheels-toddler-first-bike-first-birthday-gifts">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/33910/f13762f24ab5b118.jpg" alt="SEREED Baby Balance Bike for 1 Year Old Boys Girls 12-24 Month Toddler Balance Bike, 4 Wheels Toddler First Bike, First Birthday 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">
            SEREED Baby Balance Bike for 1 Year Old Boys Girls 12-24 Month Toddler Balance Bike, 4 Wheels Tod...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$45.99</span>
              <span class="text-green-600 text-sm font-semibold">$29.97</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-35%</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/B08SGH7NKX?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/ayleid-retractable-garden-hose-reel-1-2-in-x-100-ft-wall-mounted-hose-reel-with-9-function-sprayer-nozzle-any-length-lock-slow-return-system-wall-mounted-180-swivel-bracket-gray">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/33914/2019b53297333349.jpg" alt="Ayleid Retractable Garden Hose Reel,1/2 in x 100 ft Wall Mounted Hose Reel, with 9- Function Sprayer Nozzle, Any Length Lock/Slow Return System/Wall Mounted/180°Swivel Bracket (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">
            Ayleid Retractable Garden Hose Reel,1/2 in x 100 ft Wall Mounted Hose Reel, with 9- Function Spra...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$149.95</span>
              <span class="text-green-600 text-sm font-semibold">$99.94</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-33%</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/B0B8695TNB?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/sloosh-bubble-lawn-mower-toddler-toys-spill-proof-bubble-machine-pretend-gardening-play-toy-for-age-1-2-3-1-3-year-old-baby-boys-indoor-outdoor-use-easter-basket-stuffers-birthday-gifts-blue">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/33911/6c84a044875cd04a.jpg" alt="SLOOSH Bubble Lawn Mower Toddler Toys - Spill-Proof Bubble Machine Pretend Gardening Play Toy for Age 1 2 3 1-3 Year Old Baby Boys Indoor Outdoor Use, Easter Basket Stuffers Birthday Gifts (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">
            SLOOSH Bubble Lawn Mower Toddler Toys - Spill-Proof Bubble Machine Pretend Gardening Play Toy for...
          </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">$25.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-35%</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/B0BZXNZZ67?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/anrabess-women-athletic-dress-summer-tennis-workout-active-sports-mini-romper-dress-built-in-shorts-travel-vacation-clothes-2">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/33916/d3a96647329cb295.jpg" alt="ANRABESS Women Athletic Dress Summer Tennis Workout Active Sports Mini Romper Dress Built in Shorts Travel Vacation Clothes" 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">
            ANRABESS Women Athletic Dress Summer Tennis Workout Active Sports Mini Romper Dress Built in Shor...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$29.99</span>
              <span class="text-green-600 text-sm font-semibold">$19.98</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-33%</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/B0C69C71GN?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=388"   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=385"   >385</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=386"   >386</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=387"   >387</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=388"   rel="prev" >388</a></span> <span class="page active">389</span> <span class="page"><a href="/?deal_type_id=18&amp;page=390"   rel="next" >390</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=391"   >391</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=392"   >392</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=393"   >393</a></span> <span class="page gap">&hellip;</span> <span class="page"><a href="/?deal_type_id=18&amp;page=993"   >993</a></span> <span class="page next"><a href="/?deal_type_id=18&amp;page=390"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span></nav>
  </div>
</template></turbo-stream>