<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/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">$56.99</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/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/miulee-100-blackout-linen-textured-curtains-for-bedroom-solid-thermal-insulated-natural-beige-grommet-room-darkening-curtains-drapes-luxury-decor-for-living-room-nursery-52-x-84-inch-2-panels">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/19634/9e5a4cf1686c7625.jpg" alt="MIULEE 100% Blackout Linen Curtains for Bedroom 52x84 Inches Natural Beige | Room Darkening, Light Blocking, Thermal Insulated, Grommet Top, Linen Textured, Window Curtains for Living Room, 2 Panels" 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">
            MIULEE 100% Blackout Linen Curtains for Bedroom 52x84 Inches Natural Beige | Room Darkening, Ligh...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$28.45</span>
              <span class="text-green-600 text-sm font-semibold">$20.24</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/B08SBYPF14?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/3-ft-bean-bag-chair-bean-bag-chairs-for-living-room-3-foot-dark-grey-bean-bag-chairs-for-adults-memory-foam-filling-beanbag-with-filler-included-soft-velvet-cover-pocket-pull-handle">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/53579/54c255b281c4a849.jpg" alt="3 Ft Bean Bag Chair,Bean Bag Chairs for Living Room,3 Foot,Dark Grey | Bean Bag Chairs for Adults,Memory Foam Filling,Beanbag with Filler Included,Soft Velvet Cover,Pocket &amp; Pull-Handle" 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">
            3 Ft Bean Bag Chair,Bean Bag Chairs for Living Room,3 Foot,Dark Grey | Bean Bag Chairs for Adults...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$54.99</span>
              <span class="text-green-600 text-sm font-semibold">$39.98</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/B0FD3MHJCD?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/shashibo-dodeca-magnetic-puzzle-cube-stress-relief-fidget-toy-100-possible-shapes-sensory-fidget-toy-for-adults-kids-fun-shape-shifting-puzzle-box-for-all-ages">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/53570/07c2aa56174bf976.jpg" alt="Shashibo DODECA Magnetic Puzzle Cube, Stress Relief Fidget Toy | 100+ Possible Shapes, Sensory Fidget Toy For Adults &amp; Kids, Fun Shape Shifting Puzzle Box For All Ages" 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">
            Shashibo DODECA Magnetic Puzzle Cube, Stress Relief Fidget Toy | 100+ Possible Shapes, Sensory Fi...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$24.99</span>
              <span class="text-green-600 text-sm font-semibold">$17.49</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/B08FKQZVWV?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/girls-underwear-soft-cotton-tagless-breathable-panties-8-pack-18m-12y-combed-cotton-true-to-size-tagless-full-coverage-assorted-prints-stretchy-fabric-durable-stitching-low-shrinkage">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/53572/a24cc775af0a74a5.jpg" alt="Girls Underwear, Soft Cotton Tagless Breathable Panties, 8-Pack, 18M-12Y | Combed Cotton, True-to-Size, Tagless, Full Coverage, Assorted Prints, Stretchy Fabric, Durable Stitching, Low Shrinkage" 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">
            Girls Underwear, Soft Cotton Tagless Breathable Panties, 8-Pack, 18M-12Y | Combed Cotton, True-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">$14.24</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/B0DW98SRY3?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/joyin-4-pack-fidget-tubes-for-kids-sensory-tubes-stress-relief-toy-speech-therapy-calming-toys-for-children-with-autism-calm-down-corner-classroom-supplies-back-to-school-gifts-for-toddlers">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/53574/32d60357db550f7c.jpg" alt="JOYIN 4-Pack Fidget Tubes for Kids, Sensory Tubes, Stress Relief Toy, Speech Therapy, Calming Toys for Children with Autism, Calm Down Corner Classroom Supplies, Back to School Gifts for Toddlers" 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">
            JOYIN 4-Pack Fidget Tubes for Kids, Sensory Tubes, Stress Relief Toy, Speech Therapy, Calming Toy...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$33.98</span>
              <span class="text-green-600 text-sm font-semibold">$23.99</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/B0CTT6W4BN?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/gtplayer-big-and-tall-gaming-chair-400lbs-heavy-duty-office-chair-with-foot-rest-ergonomic-pocket-spring-lumbar-support-high-back-3d-saddle-shaped-cushion-for-back-pain-relief-matte-black">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/32062/d668021ad22c4702.jpg" alt="GTPLAYER Big and Tall Gaming Chair 400lbs Heavy Duty Office Chair with Foot Rest &amp; Ergonomic Pocket Spring Lumbar Support, High Back 3D Saddle Shaped Cushion for Back Pain Relief, 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">
            GTPLAYER Big and Tall Gaming Chair 400lbs Heavy Duty Office Chair with Foot Rest &amp; Ergonomic Pock...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$249.99</span>
              <span class="text-green-600 text-sm font-semibold">$179.46</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/B0DXTWTCWS?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/vilocy-men-s-casual-dress-sneakers-tennis-walking-shoes-lace-up-breathable-lightweight-comfortable-office-knit-mesh-oxfords-work-weekend-shoes">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/53578/8eeb5ced1400adb5.jpg" alt="VILOCY Men&#39;s Casual Dress Sneakers Tennis Walking Shoes | Lace-Up Breathable Lightweight Comfortable Office Knit Mesh Oxfords Work&amp;Weekend Shoes" 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">
            VILOCY Men&#39;s Casual Dress Sneakers Tennis Walking Shoes | Lace-Up Breathable Lightweight Comforta...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$59.99</span>
              <span class="text-green-600 text-sm font-semibold">$43.98</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/B0B3T9JMZT?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/voch-gala-premium-nipple-covers-sticky-bra-alternative-2-pairs-strong-hold-and-sweat-proof-invisible-under-clothes-medical-grade-silicone-3-sizes-a-ddd-3-shades-available">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/53560/f0ebd7bab7b4e9ba.jpg" alt="VOCH GALA Premium Nipple Covers, Sticky Bra Alternative, 2 Pairs | Strong Hold and Sweat-Proof, Invisible Under Clothes, Medical-Grade Silicone, 3 Sizes A-DDD+, 3 Shades Available" 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">
            VOCH GALA Premium Nipple Covers, Sticky Bra Alternative, 2 Pairs | Strong Hold and Sweat-Proof, I...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$25.99</span>
              <span class="text-green-600 text-sm font-semibold">$16.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/B09L7QZ3TS?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/zinus-8-inch-queen-green-tea-memory-foam-mattress-medium-firm-feel-pressure-relieving-comfort-full-body-support-naturally-fresh-certipur-us-oeko-tex-certified-safe-materials">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/53566/2fdb05d68b4d00be.jpg" alt="Zinus 8 Inch Queen Green Tea Memory Foam Mattress, Medium Firm Feel | Pressure-Relieving Comfort &amp; Full-Body Support, Naturally Fresh, CertiPUR-US &amp; OEKO-TEX Certified Safe Materials" 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">
            Zinus 8 Inch Queen Green Tea Memory Foam Mattress, Medium Firm Feel | Pressure-Relieving Comfort ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$212.99</span>
              <span class="text-green-600 text-sm font-semibold">$149.00</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/B0CKYYCLRW?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/coolife-luggage-set-lightweight-durable-hardshell-3-piece-silver-suitcase-set-with-360-spinner-wheels-tsa-approved-lock-checked-family-travel-20-24-28-inch">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/53564/13a376d64928f29c.jpg" alt="Coolife Luggage Set, Lightweight Durable Hardshell, 3 piece, Silver | suitcase set with 360° Spinner Wheels, TSA-approved Lock, Checked Family Travel, 20/24/28 Inch" 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">
            Coolife Luggage Set, Lightweight Durable Hardshell, 3 piece, Silver | suitcase set with 360° Spin...
          </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">$123.49</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/B079ZLHFBQ?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/jackinthebox-poke-art-ocean-craft-kit-for-kids-boys-girls-toys-ages-4-8-1200-fabric-pieces-travel-arts-activities-birthday-gifts-mess-free-toddler-age-4-5-6-7-8-9-year-old-flower-pressing">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/53561/6808f234a1f98734.jpg" alt="jackinthebox Poke Art Ocean Craft Kit for Kids, Boys &amp; Girls Toys, Ages 4-8 | 1200 fabric pieces, travel arts activities &amp; birthday gifts, mess-free toddler, age 4 5 6 7 8 9 year old, flower pressing" 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">
            jackinthebox Poke Art Ocean Craft Kit for Kids, Boys &amp; Girls Toys, Ages 4-8 | 1200 fabric pieces,...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$24.99</span>
              <span class="text-green-600 text-sm font-semibold">$16.14</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/B0F5NYNL2C?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=420"   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=417"   >417</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=418"   >418</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=419"   >419</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=420"   rel="prev" >420</a></span> <span class="page active">421</span> <span class="page"><a href="/?deal_type_id=18&amp;page=422"   rel="next" >422</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=423"   >423</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=424"   >424</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=425"   >425</a></span> <span class="page gap">&hellip;</span> <span class="page"><a href="/?deal_type_id=18&amp;page=1615"   >1615</a></span> <span class="page next"><a href="/?deal_type_id=18&amp;page=422"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span></nav>
  </div>
</template></turbo-stream>