<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/tomtoc-travel-backpack-28l-tsa-friendly-flight-approved-carry-on-luggage-personal-item-travel-bag-water-resistant-lightweight-business-rucksack-durable-bag-fits-16-inch-laptop">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/27608/bb8950e63854aca2.jpg" alt="tomtoc Travel Backpack 28L, TSA Friendly Flight Approved Carry-on Luggage, Personal Item Travel Bag, Water-resistant Lightweight Business Rucksack, Durable Bag Fits 16 Inch Laptop" 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">
            tomtoc Travel Backpack 28L, TSA Friendly Flight Approved Carry-on Luggage, Personal Item Travel B...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$89.99</span>
              <span class="text-green-600 text-sm font-semibold">$76.48</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/B0FF4TFCW3?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/pocbuds-bluetooth-headphones-wireless-earbuds-80hrs-playtime-wireless-charging-case-digital-display-sports-ear-buds-with-earhook-deep-bass-ipx7-waterproof-over-ear-earphones-for-tv-phone-laptop-black">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/19485/91fcc09a0cf779c2.jpg" alt="PocBuds Bluetooth Headphones Wireless Earbuds 80hrs Playtime Wireless Charging Case Digital Display Sports Ear Buds with Earhook Deep Bass IPX7 Waterproof Over-Ear Earphones for TV Phone Laptop 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">
            PocBuds Bluetooth Headphones Wireless Earbuds 80hrs Playtime Wireless Charging Case Digital Displ...
          </h2>

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

            <p class="text-sm text-gray-500 mb-2">
              • Electronics
            </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/B0C3W4MNN1?tag=matak7708-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/aestalrcus-26-pcs-animal-diamond-art-kits-for-kids-diamond-art-stickers-for-kids-5d-gem-stickers-round-drills-decor-for-laptop-phone-case-home">
          <img src="https://m.media-amazon.com/images/I/81myaeiLCsL._AC_SL1500_.jpg" alt="Aestalrcus 26 Pcs Animal Diamond Art Kits for Kids, Diamond Art Stickers for Kids, 5D Gem Stickers Round Drills Decor for Laptop Phone Case 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">
            Aestalrcus 26 Pcs Animal Diamond Art Kits for Kids, Diamond Art Stickers for Kids, 5D Gem Sticker...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$9.99</span>
              <span class="text-green-600 text-sm font-semibold">$4.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-50%</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/B0GHDPB5X3?tag=dealhuntnow-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/cocopar-portable-monitor-15-6-inch-1080p-fhd-60hz-85-srgb-travel-monitor-with-speaker-hdmi-usb-c-second-screen-for-laptop-macbook-surface-pc-xbox-ps4-5-vesa-mountable-with-cover-stand">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/23190/ab039847ab27d014.jpg" alt="cocopar Portable Monitor 15.6 Inch 1080P FHD 60Hz 85% sRGB Travel Monitor with Speaker HDMI USB-C Second Screen for Laptop MacBook Surface PC Xbox PS4/5, VESA Mountable, with Cover Stand" 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">
            cocopar Portable Monitor 15.6 Inch 1080P FHD 60Hz 85% sRGB Travel Monitor with Speaker HDMI USB-C...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$169.99</span>
              <span class="text-green-600 text-sm font-semibold">$109.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/B07ZLY26FW?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/bestek-power-inverter-dc-12v-to-ac-110v-300w-car-plug-adapter-outlet-with-4-8a-dual-usb-fast-charging-port-car-charger-cigarette-lighter-adapter-for-phone-laptop-on-road-trip-aluminum-housing">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/39275/ecda238df3c26a9a.jpg" alt="BESTEK Power Inverter DC 12-17V to AC 110V - 300W Car Plug Adapter Outlet | 4.8A Dual USB Fast Charging Port, Vehicle Charger Cigarette Lighter Adapter for Phone, Laptop on Road Trip - Aluminum Housing" 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">
            BESTEK Power Inverter DC 12-17V to AC 110V - 300W Car Plug Adapter Outlet | 4.8A Dual USB Fast Ch...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$34.99</span>
              <span class="text-green-600 text-sm font-semibold">$24.64</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/B004MDXS0U?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/soonsoonic-4k-hdmi-cable-50ft-high-speed-hdmi-2-0-cable-4k-60hz-2k-1080p-3d-arc-ethernet-for-uhd-tv-monitor-laptop-xbox-ps4-ps5-15m">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/25798/16ce91a036b172ea.jpg" alt="Soonsoonic 4K HDMI Cable 50Ft | High Speed HDMI 2.0 Cable 4K@60Hz 2K 1080P 3D ARC Ethernet | for UHD TV Monitor Laptop Xbox PS4/PS5 (15m)" 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">
            Soonsoonic 4K HDMI Cable 50Ft | High Speed HDMI 2.0 Cable 4K@60Hz 2K 1080P 3D ARC Ethernet | for ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$19.70</span>
              <span class="text-green-600 text-sm font-semibold">$17.73</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-10%</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/B095WVCLQJ?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/jylh-joyseeker-mobile-standing-desk-with-drawer-28-rolling-desk-with-cup-holder-and-hooks-portable-laptop-cart-on-wheels-height-adjustable-workstation-with-storage-for-home-office-white">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/33715/a86c056bfa6f3707.jpg" alt="JYLH JOYSEEKER Mobile Standing Desk with Drawer, 28&quot; Rolling Desk with Cup Holder and Hooks, Portable Laptop Cart on Wheels, Height Adjustable Workstation with Storage for Home Office, White" 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">
            JYLH JOYSEEKER Mobile Standing Desk with Drawer, 28&quot; Rolling Desk with Cup Holder and Hooks, Port...
          </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">$135.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/B0DGGJRBYF?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/ergonomic-mouse-padnon-slip-mousepad-wrist-rest-support-for-office-computer-laptop-maca-grey-purple">
          <img src="https://m.media-amazon.com/images/I/61lI7A77EvL._AC_SL1500_.jpg" alt="Ergonomic Mouse Pad,Non Slip Mousepad Wrist Rest Support for Office, Computer, Laptop &amp; Mac(A-Grey Purple)" 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">
            Ergonomic Mouse Pad,Non Slip Mousepad Wrist Rest Support for Office, Computer, Laptop &amp; Mac(A-Gre...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$8.99</span>
              <span class="text-green-600 text-sm font-semibold">$4.49</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-50%</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/B0FSJDSVB4?tag=dealhuntnow-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/logitech-m240-silent-bluetooth-mouse-wireless-compact-portable-smooth-tracking-18-month-battery-for-windows-macos-chromeos-compatible-with-pc-mac-laptop-tablets-graphite">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/42247/b7399fa4afed3d82.jpg" alt="Logitech M240 Silent Bluetooth Mouse, Wireless, Compact, Portable, Smooth Tracking, 18-Month Battery, for Windows, macOS, ChromeOS, Compatible with PC, Mac, Laptop, Tablets - Graphite" 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">
            Logitech M240 Silent Bluetooth Mouse, Wireless, Compact, Portable, Smooth Tracking, 18-Month Batt...
          </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">$18.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-17%</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/B0BXNR9DB6?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/hp-15-6-fhd-laptop-2026-edition-with-copilot-ai-16gb-ram-512gb-ssd-intel-processor-long-battery-life-lightweight-3-64-lbs-microsoft-365-windows-11-for-students-office-type-rj45-cable">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/20329/47c304a9e5b0db36.jpg" alt="HP 14&quot; Laptop 2026 Edition, Intel Processor, 8GB RAM, 256GB SSD | Copilot AI, Long Battery Life, Lightweight 3.11 lbs, Microsoft 365 included, Windows 11 for Students &amp; Office" 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">
            HP 14&quot; Laptop 2026 Edition, Intel Processor, 8GB RAM, 256GB SSD | Copilot AI, Long Battery Life, ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$799.00</span>
              <span class="text-green-600 text-sm font-semibold">$399.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-50%</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/B0GRVFY42Q?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/acesak-backpack-for-girls-corduroy-girls-backpack-with-lunch-bag-pencil-pouch-for-teen-kids-laptop-backpack-for-women-middle-high-school-bookbag-travel-daypack-beige-strawberry">
          <img src="https://m.media-amazon.com/images/I/713x+IFqV7L._AC_SL1500_.jpg" alt="ACESAK Backpack for Girls - Corduroy Girls Backpack with Lunch Bag &amp; Pencil Pouch for Teen Kids Laptop Backpack for Women, Middle High School Bookbag Travel Daypack (Beige Strawberry)" 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">
            ACESAK Backpack for Girls - Corduroy Girls Backpack with Lunch Bag &amp; Pencil Pouch for Teen Kids L...
          </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">$31.44</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/B0F3XHK5RQ?tag=dealhuntnow-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/swissdigital-design-travel-backpack-for-men-with-apple-find-my-laptop-backpack-with-usb-charging-port-rfid-protection-add-a-bag-system-travel-backpack-for-men-finder-color-random-sd803bt013-12">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/46211/2db7b850f71a6886.jpg" alt="Swissdigital Design Travel Backpack for Men with Apple Find My, Laptop Backpack with USB Charging Port, RFID Protection, Add-A-Bag System - Travel Backpack for Men-Finder Color Random | SD803BT013-12" 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">
            Swissdigital Design Travel Backpack for Men with Apple Find My, Laptop Backpack with USB Charging...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$84.99</span>
              <span class="text-green-600 text-sm font-semibold">$69.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-18%</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/B0DXKJDV6R?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="/?page=45&amp;search=laptop"   rel="prev" aria-label="previous">&lsaquo;&nbsp;Prev</a></span> <span class="page"><a href="/?page=1&amp;search=laptop"   >1</a></span> <span class="page gap">&hellip;</span> <span class="page"><a href="/?page=42&amp;search=laptop"   >42</a></span> <span class="page"><a href="/?page=43&amp;search=laptop"   >43</a></span> <span class="page"><a href="/?page=44&amp;search=laptop"   >44</a></span> <span class="page"><a href="/?page=45&amp;search=laptop"   rel="prev" >45</a></span> <span class="page active">46</span> <span class="page"><a href="/?page=47&amp;search=laptop"   rel="next" >47</a></span> <span class="page"><a href="/?page=48&amp;search=laptop"   >48</a></span> <span class="page"><a href="/?page=49&amp;search=laptop"   >49</a></span> <span class="page"><a href="/?page=50&amp;search=laptop"   >50</a></span> <span class="page gap">&hellip;</span> <span class="page"><a href="/?page=67&amp;search=laptop"   >67</a></span> <span class="page next"><a href="/?page=47&amp;search=laptop"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span></nav>
  </div>
</template></turbo-stream>