<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/callus-remover-for-feet-extra-strength-foot-callus-remover-gel-pedicure-tools-for-feet-scrubber-foot-care-spa-essentials-6oz">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/30612/b36fa93c1d04ffc4.jpg" alt="Love Lori Foot Callus Remover Gel Extra Strength Pedicure Tool for Feet 6oz | Quickly, easily, softens and removes dead, hard skin on heels &amp; feet; salon-quality pedicure results at home" 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">
            Love Lori Foot Callus Remover Gel Extra Strength Pedicure Tool for Feet 6oz | Quickly, easily, so...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$12.99</span>
              <span class="text-green-600 text-sm font-semibold">$9.97</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-23%</span>
            </div>

            <p class="text-sm text-gray-500 mb-2">
              • 
            </p>
        </div>
</a>    </div>

    <div class="flex items-center mt-2 sm:mt-0 sm:ml-4 ml-auto">
        <div class="flex gap-2 flex-wrap justify-end">
          <a target="_blank" rel="nofollow" class="bg-green-600 hover:bg-green-700 text-white text-xs font-semibold px-4 py-2 rounded transition flex items-center justify-center" href="https://www.amazon.com/dp/B07HRYCWQZ?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/utopia-bedding-washable-underpads-34-x-36-pack-of-4-waterproof-reusable-heavy-absorbency-incontinence-bed-pads-for-adults-kids-elderly-and-pets-bedwetting-pads-for-sofa-and-couch-blue">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/19736/2c636b03348ef096.jpg" alt="4 Pack Waterproof Reusable Heavy Absorbency Incontinence Bed Pads 34&quot;x36&quot; | Utopia Bedding Washable Underpads, Chuck Pads for Adults, Kids, Elderly and Pets, Bedwetting Pads for Sofa and Couch, 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">
            4 Pack Waterproof Reusable Heavy Absorbency Incontinence Bed Pads 34&quot;x36&quot; | Utopia Bedding Washab...
          </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">$17.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-22%</span>
            </div>

            <p class="text-sm text-gray-500 mb-2">
              • 
            </p>
        </div>
</a>    </div>

    <div class="flex items-center mt-2 sm:mt-0 sm:ml-4 ml-auto">
        <div class="flex gap-2 flex-wrap justify-end">
          <a target="_blank" rel="nofollow" class="bg-green-600 hover:bg-green-700 text-white text-xs font-semibold px-4 py-2 rounded transition flex items-center justify-center" href="https://www.amazon.com/dp/B07Q1XCM3L?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/anker-prime-power-bank-and-charging-base-26-250mah-300w-max-portable-charger-with-base-for-6-devices-two-way-charging-tsa-approved-app-control-for-macbook-iphone-17-16-series-and-more">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/20151/37622b48940ffa37.jpg" alt="Anker Prime Power Bank, 26,250mAh 300W with Fast Charging Base | Powers Up to 6 Devices, Two-Way Charging, Flight-Safe, App Control, Ideal for Creators, MacBook, iPhone 17 Series, and More" 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">
            Anker Prime Power Bank, 26,250mAh 300W with Fast Charging Base | Powers Up to 6 Devices, Two-Way ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$329.99</span>
              <span class="text-green-600 text-sm font-semibold">$259.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-21%</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/B0F66PLGWG?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/oral-b-rechargeable-electric-toothbrush-io9-limited-ultimate-clean-7-cleaning-modes-interactive-display-isense-charger-charging-travel-case-visible-pressure-sensor-3-brush-heads-black">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/42919/1c784a37b3b388b0.jpg" alt="Oral-B Rechargeable Electric Toothbrush, iO9 Limited Ultimate Clean, 7 Cleaning Modes, Interactive Display, iSense Charger, Charging Travel Case, Visible Pressure Sensor, 3 Brush Heads, 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">
            Oral-B Rechargeable Electric Toothbrush, iO9 Limited Ultimate Clean, 7 Cleaning Modes, Interactiv...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$379.99</span>
              <span class="text-green-600 text-sm font-semibold">$299.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-21%</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/B0FML4FZSF?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/gooloo-a5-jump-starter-with-air-compressor-4000a-car-battery-jump-starter-all-gas-10-0l-diesel-with-160psi-tire-inflator-auto-off-45w-pd-fast-charging-12v-jump-box-car-jumper-starter-portable">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/37735/c689d3727980934d.jpg" alt="GOOLOO A5 Jump Starter with Air Compressor, 4000A Portable Jump Box | Jumper Starter for All Gas &amp; 10L Diesel - 160 PSI Auto-Off Tire Inflator - 45W Output with Built-In Cable - LED Flashlight" 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">
            GOOLOO A5 Jump Starter with Air Compressor, 4000A Portable Jump Box | Jumper Starter for All Gas ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$129.99</span>
              <span class="text-green-600 text-sm font-semibold">$99.97</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-23%</span>
            </div>

            <p class="text-sm text-gray-500 mb-2">
              • 
            </p>
        </div>
</a>    </div>

    <div class="flex items-center mt-2 sm:mt-0 sm:ml-4 ml-auto">
        <div class="flex gap-2 flex-wrap justify-end">
          <a target="_blank" rel="nofollow" class="bg-green-600 hover:bg-green-700 text-white text-xs font-semibold px-4 py-2 rounded transition flex items-center justify-center" href="https://www.amazon.com/dp/B0FNMLG15N?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/vicseed-for-magsafe-car-mount-upgraded-strongest-magnet-power-magnetic-phone-holder-for-car-vent-360-adjustable-magnetic-car-phone-holder-mount-for-iphone-17-pro-max-16-15-14-13-12-plus-mini">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/20588/44a0539e496ea58d.jpg" alt="VICSEED for MagSafe Car Mount [Upgraded Strongest Magnet Power] Magnetic Phone Holder for Car Vent 360 Adjustable Magnetic Car Phone Holder Mount for iPhone 17 Pro Max 16 15 14 13 12 Plus Mini" 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">
            VICSEED for MagSafe Car Mount [Upgraded Strongest Magnet Power] Magnetic Phone Holder for Car Ven...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$36.99</span>
              <span class="text-green-600 text-sm font-semibold">$27.98</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-24%</span>
            </div>

            <p class="text-sm text-gray-500 mb-2">
              • 
            </p>
        </div>
</a>    </div>

    <div class="flex items-center mt-2 sm:mt-0 sm:ml-4 ml-auto">
        <div class="flex gap-2 flex-wrap justify-end">
          <a target="_blank" rel="nofollow" class="bg-green-600 hover:bg-green-700 text-white text-xs font-semibold px-4 py-2 rounded transition flex items-center justify-center" href="https://www.amazon.com/dp/B08YJ9YYFR?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/momcozy-diaper-pail-triple-seal-odor-control-fits-standard-trash-bags-wide-opening-for-one-hand-disposal-28-86-inch-ergonomic-height-large-capacity-with-viewing-window-and-childproof-lock">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/54403/4cfa9ea9d1aa5da7.jpg" alt="Momcozy Diaper Pail, Triple-Seal Odor Control, Fits Standard Trash Bags | Wide Opening for One-Hand Disposal, 28.86-Inch Ergonomic Height, Large Capacity with Viewing Window and Childproof Lock" 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 Diaper Pail, Triple-Seal Odor Control, Fits Standard Trash Bags | Wide Opening for One-Ha...
          </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">$76.49</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-24%</span>
            </div>

            <p class="text-sm text-gray-500 mb-2">
              • 
            </p>
        </div>
</a>    </div>

    <div class="flex items-center mt-2 sm:mt-0 sm:ml-4 ml-auto">
        <div class="flex gap-2 flex-wrap justify-end">
          <a target="_blank" rel="nofollow" class="bg-green-600 hover:bg-green-700 text-white text-xs font-semibold px-4 py-2 rounded transition flex items-center justify-center" href="https://www.amazon.com/dp/B0GH7TD97Y?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/pokini-24-piece-dinnerware-sets-for-8-modern-stoneware-plates-and-bowls-setst-perfect-for-family-gatherings-holiday-celebrations-easy-cleaning-dishes-set-stack-compactly-dishware-brown-green">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/54408/6dfcc754fce2eea7.jpg" alt="Pokini 24 Piece Dinnerware Sets for 8, Modern Stoneware Plates and Bowls Setst, Perfect for Family Gatherings &amp; Holiday Celebrations, Easy Cleaning Dishes Set, Stack Compactly Dishware, Brown Green" class="w-24 h-24 sm:w-28 sm:h-28 object-contain flex-shrink-0 rounded" />

        <div class="flex-1">
          <h2 class="text-base font-semibold text-gray-900 leading-snug mb-2">
            Pokini 24 Piece Dinnerware Sets for 8, Modern Stoneware Plates and Bowls Setst, Perfect for Famil...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$159.99</span>
              <span class="text-green-600 text-sm font-semibold">$125.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-21%</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/B0DMNTVG38?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/gloryang-bluetooth-thermal-shipping-label-printer-4x6-inkless-label-machine-for-ios-android-laptop-wireless-printer-for-small-business-compatible-with-amazon-ups-shopify-black">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/54407/dcecbad3e09df969.jpg" alt="Gloryang Bluetooth Thermal Shipping Label Printer, 4X6 Inkless Label Machine for iOS, Android, Laptop, Wireless Printer for Small Business, Compatible with Amazon, UPS, Shopify, 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">
            Gloryang Bluetooth Thermal Shipping Label Printer, 4X6 Inkless Label Machine for iOS, Android, La...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$56.99</span>
              <span class="text-green-600 text-sm font-semibold">$44.97</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-21%</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/B0DK9CSBQP?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/biodance-caviar-pdrn-jelly-serum-mist-hydrating-face-mist-revitalizing-radiance-face-spray-sprayable-hydrogel-travel-essentials-self-care-gifts-for-women-korean-skin-care-1-69-fl-oz">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/54404/b1b2a1932d538fac.jpg" alt="BIODANCE Caviar PDRN Jelly Serum Mist, Hydrating Face Mist, Revitalizing &amp; Radiance Face Spray, Sprayable Hydrogel, Travel Essentials &amp; Self Care Gifts for Women, Korean Skin Care | 1.69 fl.oz" class="w-24 h-24 sm:w-28 sm:h-28 object-contain flex-shrink-0 rounded" />

        <div class="flex-1">
          <h2 class="text-base font-semibold text-gray-900 leading-snug mb-2">
            BIODANCE Caviar PDRN Jelly Serum Mist, Hydrating Face Mist, Revitalizing &amp; Radiance Face Spray, S...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$19.00</span>
              <span class="text-green-600 text-sm font-semibold">$14.82</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-22%</span>
            </div>

            <p class="text-sm text-gray-500 mb-2">
              • 
            </p>
        </div>
</a>    </div>

    <div class="flex items-center mt-2 sm:mt-0 sm:ml-4 ml-auto">
        <div class="flex gap-2 flex-wrap justify-end">
          <a target="_blank" rel="nofollow" class="bg-green-600 hover:bg-green-700 text-white text-xs font-semibold px-4 py-2 rounded transition flex items-center justify-center" href="https://www.amazon.com/dp/B0GF8BZ1FW?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/lukealon-mid-century-linen-counter-stools-set-of-4-upholstered-26-5-seat-height-low-barstools-with-natural-wood-legs-round-low-back-kitchen-stools-with-footrest-for-dining-room-beige">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/54405/4b769687a1c81207.jpg" alt="LukeAlon Mid Century Linen Counter Stools Set of 4, Upholstered 26.5” Seat Height Low Barstools with Natural Wood Legs Round Low Back Kitchen Stools with Footrest for Dining Room, Beige" 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">
            LukeAlon Mid Century Linen Counter Stools Set of 4, Upholstered 26.5” Seat Height Low Barstools w...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$438.89</span>
              <span class="text-green-600 text-sm font-semibold">$343.31</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-22%</span>
            </div>

            <p class="text-sm text-gray-500 mb-2">
              • 
            </p>
        </div>
</a>    </div>

    <div class="flex items-center mt-2 sm:mt-0 sm:ml-4 ml-auto">
        <div class="flex gap-2 flex-wrap justify-end">
          <a target="_blank" rel="nofollow" class="bg-green-600 hover:bg-green-700 text-white text-xs font-semibold px-4 py-2 rounded transition flex items-center justify-center" href="https://www.amazon.com/dp/B0CDFMSB8D?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/synnov-15-6-laptop-screen-extender-1080p-fhd-ultra-light-portable-triple-monitor-for-laptops-fit-for-12-17-3-laptops-plug-play-travel-monitor-extender-compatible-with-wins-macos-chrome">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/48553/f13eb5941dedd9d6.jpg" alt="Synnov 15.6“ Laptop Screen Extender, 1080P FHD Ultra Light &amp; Portable Triple Monitor for Laptops, Fit for 12&quot;-17.3&quot; Laptops, Plug &amp; Play Travel Monitor Extender Compatible with Wins/MacOS/Chrome" 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">
            Synnov 15.6“ Laptop Screen Extender, 1080P FHD Ultra Light &amp; Portable Triple Monitor for Laptops,...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$239.99</span>
              <span class="text-green-600 text-sm font-semibold">$189.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-21%</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/B0GVMR4V37?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=308"   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=305"   >305</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=306"   >306</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=307"   >307</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=308"   rel="prev" >308</a></span> <span class="page active">309</span> <span class="page"><a href="/?deal_type_id=18&amp;page=310"   rel="next" >310</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=311"   >311</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=312"   >312</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=313"   >313</a></span> <span class="page gap">&hellip;</span> <span class="page"><a href="/?deal_type_id=18&amp;page=1559"   >1559</a></span> <span class="page next"><a href="/?deal_type_id=18&amp;page=310"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span></nav>
  </div>
</template></turbo-stream>