<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/swissdigital-laptop-backpack-with-usb-charging-port-travel-backpack-fits-15-6-inches-computer-31l-backpack-for-men-sd8039508f-01">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/34416/a5c2c1531625da47.jpg" alt="Swissdigital Laptop Backpack with USB Charging Port, Travel Backpack Fits 15.6 inches Computer, 31L Backpack for Men | SD8039508F-01" 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 Laptop Backpack with USB Charging Port, Travel Backpack Fits 15.6 inches Computer, 3...
          </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">$69.98</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/B0FPBZFKBL?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/acer-sd-card-reader-usb-c-dual-slots-usb-3-0-type-c-to-micro-sd-card-adapter-memory-card-reader-for-microsd-sdhc-sdxc-compatible-with-laptop-pc-iphone16-15-macbook-pro-air-ipad-pro-android">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/34202/2cf3143e9a9d64a2.jpg" alt="acer SD Card Reader USB C, Dual Slots USB 3.0 Type C to Micro SD Card Adapter, Memory Card Reader for MicroSD, SDHC, SDXC, Compatible with Laptop, PC, iPhone16/15, MacBook Pro/Air, iPad Pro, Android" 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">
            acer SD Card Reader USB C, Dual Slots USB 3.0 Type C to Micro SD Card Adapter, Memory Card Reader...
          </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.49</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">
              • 
                (<span class="text-green-600">Acer</span>)
            </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/B0DQ71G4G4?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/jsaux-displayport-to-hdmi-cable-10ft-uni-directional-dp-source-to-hdmi-display-uhd-1440p-2k-60hz-4k-30hz-nylon-cord-for-desktops-graphics-cards-and-laptops-with-native-displayport-output">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/36818/b9e1e291344c9147.jpg" alt="JSAUX DisplayPort to HDMI Cable 10FT, Uni Directional, DP Source to HDMI Display, UHD 1440P/2K@60Hz, 4K@30Hz, Nylon Cord for Desktops, Graphics Cards, and Laptops with Native DisplayPort Output" 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">
            JSAUX DisplayPort to HDMI Cable 10FT, Uni Directional, DP Source to HDMI Display, UHD 1440P/2K@60...
          </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">$8.35</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-16%</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/B07ZQ7K6S1?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/highwings-20ft-4k-hdr-hdmi-cable-18gbps-braided-nylon-hdcp-2-2-arc-4k-uhd-hd-1080p-3d-for-laptop-monitor-ps3-ps4-blu-ray-netflix-projector">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/45301/b249d4372657bfa8.jpg" alt="Highwings 20FT 4K HDR HDMI Cable, 18Gbps Braided Nylon, HDCP 2.2, ARC, 4K UHD, HD 1080p, 3D for Laptop, Monitor, PS3, PS4, Blu-ray, Netflix Projector" 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">
            Highwings 20FT 4K HDR HDMI Cable, 18Gbps Braided Nylon, HDCP 2.2, ARC, 4K UHD, HD 1080p, 3D for L...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$14.99</span>
              <span class="text-green-600 text-sm font-semibold">$11.98</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-20%</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/B07ZVCKBFL?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/lovevook-40l-travel-backpack-for-women-men-airline-approved-carry-on-luggage-with-3-packing-cubes-tsa-overnight-bags-waterproof-personal-item-bag-weekender-essentials-backpacks-fits-17-laptop-2">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/37178/fa3253ff6337d456.jpg" alt="LOVEVOOK 40L Travel Backpack for Women &amp; Men, Airline Approved Carry On Luggage with 3 Packing Cubes, TSA Overnight Bags, Waterproof Personal Item Bag, Weekender Essentials Backpacks fits 17&quot; 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">
            LOVEVOOK 40L Travel Backpack for Women &amp; Men, Airline Approved Carry On Luggage with 3 Packing Cu...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$49.98</span>
              <span class="text-green-600 text-sm font-semibold">$42.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/B0CWNT71GY?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/hp-laptop-2026-edition-with-copilot-ai-32gb-ram-1tb-ssd-128gb-ufs-intel-processor-long-battery-life-lightweight-1-year-office-365-windows-11-home-s-for-students-office-type-c-hub-pink">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/34175/dab6d71c91ad7c07.jpg" alt="HP Laptop 2026 Edition with Copilot AI, 32GB RAM, 1TB SSD + 128GB UFS, Intel Processor, Long Battery Life, Lightweight, 1 Year Office 365, Windows 11 Home S for Students &amp; Office, Type-C HUB, 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">
            HP Laptop 2026 Edition with Copilot AI, 32GB RAM, 1TB SSD + 128GB UFS, Intel Processor, Long Batt...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$1148.99</span>
              <span class="text-green-600 text-sm font-semibold">$699.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-39%</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/B0DYNTMMYR?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/lovevook-laptop-tote-bag-for-women-17-3-inch-work-bags-pu-leather-teacher-tote-bag-waterproof-quilted-computer-bag-for-office-professional-briefcase-gifts">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/43461/1bec982fba9b8b72.jpg" alt="LOVEVOOK Laptop Tote Bag for Women,17.3 Inch Work Bags PU Leather Teacher Tote Bag,Waterproof Quilted Computer Bag for Office Professional Briefcase Gifts" 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">
            LOVEVOOK Laptop Tote Bag for Women,17.3 Inch Work Bags PU Leather Teacher Tote Bag,Waterproof Qui...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$69.99</span>
              <span class="text-green-600 text-sm font-semibold">$39.88</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-43%</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/B0GGH8GGCW?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/portable-printers-wireless-for-travel-a285m-bluetooth-inkless-thermal-printer-support-8-5-x-11-us-letter-mobile-printer-for-phone-laptop-with-case-4-rolls-thermal-paper-for-home-office-receipt">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/28219/25440589ce4f7be2.jpg" alt="Portable Printers Wireless for Travel, A285M Bluetooth Inkless Thermal Printer Support 8.5&quot; X 11&quot; US Letter, Mobile Printer for Phone Laptop, with Case &amp; 4 Rolls Thermal Paper, for Home Office Receipt" 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">
            Portable Printers Wireless for Travel, A285M Bluetooth Inkless Thermal Printer Support 8.5&quot; X 11&quot;...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$104.99</span>
              <span class="text-green-600 text-sm font-semibold">$73.12</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/B0DXV1R9S8?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/tagry-bluetooth-headphones-true-wireless-earbuds-60h-playback-led-power-display-earphones-with-wireless-charging-case-ipx5-waterproof-in-ear-ear-buds-with-mic-for-tv-smart-phone-laptop-computer-sports">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/23675/ba26d3875deff122.jpg" alt="TAGRY Bluetooth Headphones True Wireless Earbuds 60H Playback LED Power Display Earphones with Wireless Charging Case IPX5 Waterproof in-Ear Ear buds with Mic for TV Smart Phone Laptop Computer Sports" 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">
            TAGRY Bluetooth Headphones True Wireless Earbuds 60H Playback LED Power Display Earphones with Wi...
          </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">$24.66</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-51%</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/B09LD44NW6?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/phomemo-portable-printers-wireless-for-travel-m08f-thermal-bluetooth-printer-support-for-8-5-x11-us-letter-small-inkless-printer-compatible-with-ios-android-laptop-for-car-office-home">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/26813/2c53603e9eb180bf.jpg" alt="Phomemo Portable Printers Wireless for Travel, M08F Thermal Bluetooth Printer Support for 8.5&quot;x11&quot; US Letter, Small Inkless Printer Compatible with iOS, Android, Laptop for Car, Office, 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">
            Phomemo Portable Printers Wireless for Travel, M08F Thermal Bluetooth Printer Support for 8.5&quot;x11...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$136.99</span>
              <span class="text-green-600 text-sm font-semibold">$79.97</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-42%</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/B0B6VRJT83?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/chunli-laptop-tote-bag-for-women-156-inch-quilted-work-shoulder-bag-with-multiple-pockets-luggage-strap-for-office-travel">
          <img src="https://m.media-amazon.com/images/I/81FdP62rf3L._AC_SL1500_.jpg" alt="CHUNLI Laptop Tote Bag for Women 15.6 Inch, Quilted Work Shoulder Bag with Multiple Pockets &amp; Luggage Strap for Office Travel" 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">
            CHUNLI Laptop Tote Bag for Women 15.6 Inch, Quilted Work Shoulder Bag with Multiple Pockets &amp; Lug...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$33.99</span>
              <span class="text-green-600 text-sm font-semibold">$29.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-12%</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/B0G13HFW5Y?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/ainope-usb-to-usb-cable-usb-3-0-a-to-a-male-to-male-cable-never-rupture-double-end-type-a-cord-compatible-with-hard-drive-enclosures-kvm-dvd-player-tv-laptop-cooler-3-3ft-black-2-pack">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/29723/99db66954006d9e4.jpg" alt="AINOPE USB to USB Cable, USB 3.0 A to A Male to Male Cable [Never Rupture] Double End Type A Cord Compatible with Hard Drive Enclosures, KVM, DVD Player, TV, Laptop Cooler,3.3Ft/Black, 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">
            AINOPE USB to USB Cable, USB 3.0 A to A Male to Male Cable [Never Rupture] Double End Type A Cord...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$13.69</span>
              <span class="text-green-600 text-sm font-semibold">$10.34</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/B08FTFT46Q?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=25&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=22&amp;search=laptop"   >22</a></span> <span class="page"><a href="/?page=23&amp;search=laptop"   >23</a></span> <span class="page"><a href="/?page=24&amp;search=laptop"   >24</a></span> <span class="page"><a href="/?page=25&amp;search=laptop"   rel="prev" >25</a></span> <span class="page active">26</span> <span class="page"><a href="/?page=27&amp;search=laptop"   rel="next" >27</a></span> <span class="page"><a href="/?page=28&amp;search=laptop"   >28</a></span> <span class="page"><a href="/?page=29&amp;search=laptop"   >29</a></span> <span class="page"><a href="/?page=30&amp;search=laptop"   >30</a></span> <span class="page gap">&hellip;</span> <span class="page"><a href="/?page=40&amp;search=laptop"   >40</a></span> <span class="page next"><a href="/?page=27&amp;search=laptop"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span></nav>
  </div>
</template></turbo-stream>