<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/easy-going-stretch-sofa-slipcover-1-piece-sofa-cover-furniture-protector-couch-soft-with-elastic-bottom-for-kids-polyester-spandex-jacquard-fabric-small-checks-sofa-dark-gray">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/19934/b0bf984f5066cf0a.jpg" alt="Easy-Going Stretch Couch Covers for Sofa Washable Large Dark Gray | 1-Piece Sofa Covers for 3 Cushion Couch Furniture Protector Couch Slipcover Soft with Elastic Bottom for Kids Pets" 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">
            Easy-Going Stretch Couch Covers for Sofa Washable Large Dark Gray | 1-Piece Sofa Covers for 3 Cus...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$26.99</span>
              <span class="text-green-600 text-sm font-semibold">$19.48</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/B07KVV8RFF?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/atrgreu-black-school-backpack-for-teen-boys-girls-lightweight-casual-student-bookbag-daily-use-men-and-women-travel-laptop-backpack-fits-15-6-inch-notebook">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/53010/300f5121f6af7ce7.jpg" alt="Atrgreu Black School Backpack for Teen Boys Girls, Lightweight Casual Student Bookbag, Daily-use Men and Women Travel Laptop Backpack Fits 15.6 Inch Notebook" 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">
            Atrgreu Black School Backpack for Teen Boys Girls, Lightweight Casual Student Bookbag, Daily-use ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$17.99</span>
              <span class="text-green-600 text-sm font-semibold">$13.29</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-26%</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/B0G6KVPV4N?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/timemore-chestnut-c3-esp-pro-manual-coffee-grinder-stainless-steel-s2c-conical-burr-hand-coffee-grinder-with-foldable-handle-adjustable-grind-setting-for-espresso-and-pour-over-black">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/53009/562da6b2b65ae012.jpg" alt="TIMEMORE Chestnut C3 ESP Pro Manual Coffee Grinder, Stainless Steel S2C Conical Burr Hand Coffee Grinder with Foldable Handle, Adjustable Grind Setting for Espresso and Pour Over - 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">
            TIMEMORE Chestnut C3 ESP Pro Manual Coffee Grinder, Stainless Steel S2C Conical Burr Hand Coffee ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$109.00</span>
              <span class="text-green-600 text-sm font-semibold">$79.08</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/B0CC4ZB7XR?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/clean-nutraceuticals-sea-moss-black-seed-oil-ashwagandha-turmeric-bladderwrack-burdock-vitamin-c-vitamin-d3-with-elderberry-manuka-dandelion-yellow-dock-iodine-chlorophyll-acv">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/53002/6256659d115d34c5.jpg" alt="Clean Nutraceuticals Sea Moss Black Seed Oil Ashwagandha Turmeric Bladderwrack Burdock &amp; Vitamin C Vitamin D3 with Elderberry Manuka Dandelion Yellow Dock Iodine Chlorophyll ACV" 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">
            Clean Nutraceuticals Sea Moss Black Seed Oil Ashwagandha Turmeric Bladderwrack Burdock &amp; Vitamin ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$29.52</span>
              <span class="text-green-600 text-sm font-semibold">$20.96</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/B0BG94RWYN?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/tikom-robot-vacuum-and-mop-combo-5000pa-robotic-vacuum-cleaner-150-min-max-app-remote-control-ideal-for-hard-floor-carpet-pet-hair-self-charge-g8000-max">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/53006/857ff09cd93de9b6.jpg" alt="Tikom Robot Vacuum and Mop Combo, 5000Pa Robotic Vacuum Cleaner, 150 Min Max, App &amp; Remote Control, Ideal for Hard Floor, Carpet, Pet Hair, Self-Charge(G8000 Max)" 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">
            Tikom Robot Vacuum and Mop Combo, 5000Pa Robotic Vacuum Cleaner, 150 Min Max, App &amp; Remote Contro...
          </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">$108.22</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/B0DV53XDDJ?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/utopia-bedding-bed-pillows-for-sleeping-king-size-white-set-of-2-soft-fluffy-pillow-with-down-alternative-filling-cooling-hotel-quality-gusseted-pillow-for-back-stomach-or-side-sleepers">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/30994/b6c086d19ae83463.jpg" alt="Utopia Bedding Bed Pillows for Sleeping King Size (White), Set of 2, Soft &amp; Fluffy Pillow with Down Alternative Filling, Cooling, Hotel Quality, Gusseted Pillow for Back, Stomach or Side Sleepers | Cotton Blended Down alternative pillows for sleeping, soft fluffy cooling comfort for Back, side &amp; stomach sleepers, 2 pack" 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">
            Utopia Bedding Bed Pillows for Sleeping King Size (White), Set of 2, Soft &amp; Fluffy Pillow with Do...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$36.89</span>
              <span class="text-green-600 text-sm font-semibold">$26.45</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/B08DS9ZNYW?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/gamesir-super-nova-wireless-gaming-controller-for-pc-switch-switch-2-ios-android-1000hz-polling-rate-hall-effect-stick-trigger-rubberized-grips-rgb-lighting-1000mah-pink">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/32263/7e1ffaeddb0e8321.jpg" alt="GameSir Super Nova Wireless Gaming Controller for PC/Switch/Switch 2/iOS/Android, 1000Hz Polling Rate, Hall Effect Stick &amp; Trigger, Rubberized Grips, RGB Lighting, 1000mAh - Pink" class="w-24 h-24 sm:w-28 sm:h-28 object-contain flex-shrink-0 rounded" />

        <div class="flex-1">
          <h2 class="text-base font-semibold text-gray-900 leading-snug mb-2">
            GameSir Super Nova Wireless Gaming Controller for PC/Switch/Switch 2/iOS/Android, 1000Hz Polling ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$49.99</span>
              <span class="text-green-600 text-sm font-semibold">$35.99</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/B0DPMHHBHY?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/blink-outdoor-2k-and-video-doorbell-two-year-battery-life-smart-detection-sync-module-core-included-2-cameras-video-doorbell-black">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/28616/2d1093a8375b930d.jpg" alt="Blink Outdoor 2K+ and Video Doorbell – Two-year battery life, smart detection, Sync Module Core included – 2 Cameras + Video Doorbell (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">
            Blink Outdoor 2K+ and Video Doorbell – Two-year battery life, smart detection, Sync Module Core i...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$229.98</span>
              <span class="text-green-600 text-sm font-semibold">$159.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/B0FMLHFWDV?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/keurig-k-duo-hot-iced-single-serve-carafe-coffee-maker-multistream-technology-72oz-reservoir-gen-2">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/38953/eb39ff5480ab314e.jpg" alt="Keurig K-Duo Hot &amp; Iced Single Serve &amp; Carafe Coffee Maker, MultiStream Technology, 72oz Reservoir (Gen 2) | MultiStream Technology, Reservoir (Gen 2)" 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">
            Keurig K-Duo Hot &amp; Iced Single Serve &amp; Carafe Coffee Maker, MultiStream Technology, 72oz Reservoi...
          </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">$149.99</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/B0D8LXRHQ8?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/vacbird-vacuum-bags-for-travel-with-rechargeable-air-pump-carry-on-size-compression-packing-bags-for-luggage-and-suitcase-space-saver-for-clothes-and-clothing-15-combo-travel-size">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/25046/0a8303ac736cbe78.jpg" alt="Vacbird Travel Vacuum Bags with Rechargeable Pump, Carry-On Space Saver | See Contents Easily with Transparent Bags, 1500mAh Pump Compresses 90+ Bags, Carry-On Size for Easy Travel Packing" 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">
            Vacbird Travel Vacuum Bags with Rechargeable Pump, Carry-On Space Saver | See Contents Easily wit...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$43.95</span>
              <span class="text-green-600 text-sm font-semibold">$30.67</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/B0DRNRC5H5?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/tineco-floor-one-i5-stretch-wet-dry-vacuum-cleaner-for-pet-hair-20kpa-suction-with-anti-tangle-brush-cordless-vacuum-and-mop-for-hard-floors-30-min-runtime-for-1988sqft">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/29901/08093f6148a4ccd1.jpg" alt="Tineco Floor ONE i5 Stretch Wet Dry Vacuum Cleaner, Vacuum &amp; Mop in One Step, 20kpa Powerful Suction, 180° Lay-Flat Design, Anti-Tangle Design, Dual-Sided Edge Cleaning, Up to 30* Minutes Runtime" 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">
            Tineco Floor ONE i5 Stretch Wet Dry Vacuum Cleaner, Vacuum &amp; Mop in One Step, 20kpa Powerful Suct...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$299.00</span>
              <span class="text-green-600 text-sm font-semibold">$199.00</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/B0F3GYMWG5?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/sling-bag-for-kindle">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/25608/38316c7c9b31f5b3.jpg" alt="Sling Bag for Kindle" 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">
            Sling Bag for Kindle
          </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">$54.99</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/B0F57CNQ44?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=523"   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=520"   >520</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=521"   >521</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=522"   >522</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=523"   rel="prev" >523</a></span> <span class="page active">524</span> <span class="page"><a href="/?deal_type_id=18&amp;page=525"   rel="next" >525</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=526"   >526</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=527"   >527</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=528"   >528</a></span> <span class="page gap">&hellip;</span> <span class="page"><a href="/?deal_type_id=18&amp;page=1677"   >1677</a></span> <span class="page next"><a href="/?deal_type_id=18&amp;page=525"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span></nav>
  </div>
</template></turbo-stream>