<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/loaao-60x36-inch-brushed-nickel-bathroom-mirror-rounded-rectangle-silver-metal-frame-anti-rust-tempered-glass-hangs-horizontally-or-vertically">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/55105/d0e477c7950c7504.jpg" alt="LOAAO 60X36 Inch Brushed Nickel Bathroom Mirror | Rounded Rectangle, Silver Metal Frame, Anti-Rust, Tempered Glass, Hangs Horizontally or Vertically" 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">
            LOAAO 60X36 Inch Brushed Nickel Bathroom Mirror | Rounded Rectangle, Silver Metal Frame, Anti-Rus...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$319.99</span>
              <span class="text-green-600 text-sm font-semibold">$279.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-13%</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/B0CN2NND28?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/goodbaby-5-split-screen-baby-monitor-with-2-cameras-and-audio-no-wifi-secure-camera-30-hour-battery-remote-ptz-auto-night-vision-room-temperature-two-way-audio-lullabies-960-ft-range">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/55098/3ce35dbd1f8635b6.jpg" alt="GoodBaby 5&quot; Split Screen Baby Monitor with 2 Cameras and Audio | No WiFi Secure Camera, 30-Hour Battery, Remote PTZ, Auto Night Vision, Room Temperature, Two-Way Audio，Lullabies，960 ft Range" 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">
            GoodBaby 5&quot; Split Screen Baby Monitor with 2 Cameras and Audio | No WiFi Secure Camera, 30-Hour B...
          </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">$85.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/B0G64V41NH?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/olanly-bathroom-rugs-30x20-extra-soft-absorbent-chenille-bath-rugs-rubber-backing-quick-dry-machine-washable-bath-mats-for-bathroom-floor-tub-and-shower-home-decor-accessories-light-grey">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/31806/186e03573b9c9d67.jpg" alt="OLANLY Bathroom Rugs 30x20, Extra Soft Absorbent Chenille Bath Rugs | Light Grey, Quick-Drying Rubber Backing, Machine Washable Bath Mat for Bathroom Floor, Tub and Shower, Home Decor Accessories" 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">
            OLANLY Bathroom Rugs 30x20, Extra Soft Absorbent Chenille Bath Rugs | Light Grey, Quick-Drying Ru...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$27.99</span>
              <span class="text-green-600 text-sm font-semibold">$23.79</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/B0CFGVDC72?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/wekapo-beach-blanket-sandproof-waterproof-extra-large-beach-mat-oversized-compact-sand-free-quick-drying-beach-essentials-for-vacation-cruise-picnic-camping-with-stakes-2">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/48381/765ef266dde4e956.jpg" alt="WEKAPO Beach Blanket Sandproof Waterproof, Extra Large Beach Mat, Oversized &amp; Compact Sand Free, Quick Drying Beach Essentials for Vacation, Cruise, Picnic &amp; Camping with Stakes" 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">
            WEKAPO Beach Blanket Sandproof Waterproof, Extra Large Beach Mat, Oversized &amp; Compact Sand Free, ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$28.98</span>
              <span class="text-green-600 text-sm font-semibold">$24.98</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-14%</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/B08X6VQBGJ?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/100-count-22-x-22-super-absorbency-disposable-underpads-leakproof-quick-drying-disposable-pads-for-baby-puppy-and-adults-puppy-pads-cat-pee-pads-for-dogs-potty-puppy-training-pads">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/20655/7bad2c3d86a5f559.jpg" alt="100 Count 22” x 22” Super Absorbency Disposable Underpads | Leakproof Quick Drying Disposable Pads for Baby, Puppy and Adults, Cat Pee Pads for Dogs, Potty Puppy Training Pads" 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">
            100 Count 22” x 22” Super Absorbency Disposable Underpads | Leakproof Quick Drying Disposable Pad...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$31.99</span>
              <span class="text-green-600 text-sm font-semibold">$27.98</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-13%</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/B0CPPLLBHT?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/colorful-9x12-outdoor-area-rug-washable-multicolored-patio-rug-tropical-botanical-floral-chenille-waterproof-outdoor-carpet-non-slip-for-deck-backyard-porch-rainbow">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/29035/361a11ad859ff4f3.jpg" alt="Colorful 9x12 Outdoor Area Rug Washable Multicolored Patio Rug Tropical Botanical Floral Chenille Waterproof Outdoor Carpet Non-Slip for Deck, Backyard, Porch, Rainbow" 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">
            Colorful 9x12 Outdoor Area Rug Washable Multicolored Patio Rug Tropical Botanical Floral Chenille...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$149.99</span>
              <span class="text-green-600 text-sm font-semibold">$127.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/B0DWMM2YJS?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/toddlers-montessori-wooden-educational-toys-for-baby-boys-girls-age-1-2-3-year-old-shape-sorting-toys-1st-one-first-birthday-girl-gifts-for-kids-1-3-wood-preschool-learning-fine-motor-skills-game">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/21509/d900ff36ebb26cc4.jpg" alt="Toddlers Montessori Wooden Educational Toys for Boys Girls Age 1-3 Year Old | Shape Sorting Toys 1st One First Birthday Girl Gifts for Baby Kids 1 2 3, Wood Preschool Learning Fine Motor Skills Game" 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">
            Toddlers Montessori Wooden Educational Toys for Boys Girls Age 1-3 Year Old | Shape Sorting Toys ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$22.49</span>
              <span class="text-green-600 text-sm font-semibold">$19.11</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/B098NCLFGD?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/momcozy-j-shaped-pregnancy-pillow-maternity-body-pillow-for-side-sleepers-cooling-body-pillow-with-removable-cover-for-head-neck-belly-support-side-sleeper-must-haves-for-pregnant-women-grey">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/55088/de00609d43e754d6.jpg" alt="Momcozy J Shaped Pregnancy Pillow, Maternity Body Pillow for Side Sleepers | Cooling Body Pillow with Removable Cover for Head Neck Belly Support, Side Sleeper, Must-haves for Pregnant Women Grey" 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">
            Momcozy J Shaped Pregnancy Pillow, Maternity Body Pillow for Side Sleepers | Cooling Body Pillow ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$35.99</span>
              <span class="text-green-600 text-sm font-semibold">$30.59</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-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/B093FF5HS8?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/longads-bee-suit-for-men-full-body-beekeeper-suit-with-gloves-and-veil-l-breathable-240gsm-70-cotton-30-polyester-bee-suit-for-comfortable-beekeeping-apiary-work-backyard-hives-and-halloween">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/55096/e357a6b681b10fb4.jpg" alt="LONGADS Bee Suit for Men, Full Body Beekeeper Suit with Gloves and Veil L | Breathable 240GSM 70% cotton, 30% polyester bee suit for comfortable beekeeping, apiary work, backyard hives and Halloween" 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">
            LONGADS Bee Suit for Men, Full Body Beekeeper Suit with Gloves and Veil L | Breathable 240GSM 70%...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$42.99</span>
              <span class="text-green-600 text-sm font-semibold">$36.54</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/B08HHY2KBV?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/exploding-kittens-hurry-up-chicken-butt-2-6-players-age-4-kids-game-get-the-wiggles-out-with-our-best-selling-kids-game-jump-laugh-make-animal-noises-and-don-t-get-stuck-with-the-chicken">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/53880/eadc9a1799fae712.jpg" alt="Exploding Kittens Hurry Up Chicken Butt, 2-6 Players, Age 4+ Kids Game | Get the wiggles out with our best‐selling kids game! Jump, laugh, make animal noises, and don’t get stuck with the chicken." 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">
            Exploding Kittens Hurry Up Chicken Butt, 2-6 Players, Age 4+ Kids Game | Get the wiggles out with...
          </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">$17.00</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/B0C2RG3GQS?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/compression-shirt-men-slimming-body-shaper-vest-crewneck-workout-tank-top-tummy-control-undershirts-gynecomastia-compression-shirts-back-support-sleeveless-muscle-shirts-shaping-tank-top">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/55089/e0cc454727f5822a.jpg" alt="Compression Shirt Men Slimming Body Shaper Vest Crewneck Workout Tank Top | Tummy Control Undershirts, Gynecomastia Compression Shirts, Back Support, Sleeveless Muscle Shirts, Shaping Tank Top" 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">
            Compression Shirt Men Slimming Body Shaper Vest Crewneck Workout Tank Top | Tummy Control Undersh...
          </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">$16.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/B0DJ3NHTT1?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/reinforced-42-tall-x-200-extra-wide-retractable-baby-gates-extra-long-pet-gate-with-support-rods-outdoor-dog-gate-for-wide-openings-large-baby-gates-for-dogs-outdoor-gates-for-decks-black">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/20886/fed35ebb47a2138a.jpg" alt="Reinforced 42” Tall x 200” Extra Wide Retractable Baby Gates, Extra Long Pet Gate with Support Rods, Outdoor Dog Gate for Wide Openings Large Baby Gates for Dogs Outdoor Gates for Decks, 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">
            Reinforced 42” Tall x 200” Extra Wide Retractable Baby Gates, Extra Long Pet Gate with Support Ro...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$109.65</span>
              <span class="text-green-600 text-sm font-semibold">$93.20</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/B0DK1FWZMC?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=260"   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=257"   >257</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=258"   >258</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=259"   >259</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=260"   rel="prev" >260</a></span> <span class="page active">261</span> <span class="page"><a href="/?deal_type_id=18&amp;page=262"   rel="next" >262</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=263"   >263</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=264"   >264</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=265"   >265</a></span> <span class="page gap">&hellip;</span> <span class="page"><a href="/?deal_type_id=18&amp;page=1546"   >1546</a></span> <span class="page next"><a href="/?deal_type_id=18&amp;page=262"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span></nav>
  </div>
</template></turbo-stream>