<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/the-north-face-borealis-commuter-laptop-backpack-water-repellent-laptop-sleeve-large-main-compartment-concrete-one-size">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/42288/3b5ba49ba0cb9891.jpg" alt="The North Face Borealis Commuter Laptop Backpack, Concrete, One Size | Water Repellent, Laptop Sleeve, Large Main Compartment" 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">
            The North Face Borealis Commuter Laptop Backpack, Concrete, One Size | Water Repellent, Laptop Sl...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$99.00</span>
              <span class="text-green-600 text-sm font-semibold">$69.30</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/B0F1QCGSRN?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-13-in-1-laptop-docking-station-usb-c-3-display-docking-2-hdmi-1-dp-100w-laptop-charging-5gbps-usb-a-c-1gbps-lan-requires-full-featured-usb-c-port-windows-compatible-macos-supports-only-sst">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/58754/14008e103c8c6d0c.jpg" alt="Acer 13-in-1 Laptop Docking Station, USB-C 3 Display Docking (2 HDMI+1 DP) | 100W Laptop Charging, 5Gbps USB-A/C, 1Gbps LAN, Requires Full-Featured USB-C Port, Windows Compatible,macOS Supports Only SST" 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 13-in-1 Laptop Docking Station, USB-C 3 Display Docking (2 HDMI+1 DP) | 100W Laptop Charging...
          </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">$99.99</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">
              • 
                (<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/B0H8769Y5Q?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/innoview-portable-monitor-15-6-1080p-for-laptop-with-protective-sleeve-built-in-90-adjustable-stand-usb-c-hdmi-ultra-slim-portable-laptop-monitor-for-macbook-phone-ps-xbox-switch">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/50800/2f7c6c3e59715c48.jpg" alt="InnoView Portable Monitor 15.6&quot; 1080P for Laptop with Protective Sleeve, Built-in 90° Adjustable Stand USB C HDMI Ultra-Slim Portable Laptop Monitor for MacBook Phone PS Xbox Switch" 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">
            InnoView Portable Monitor 15.6&quot; 1080P for Laptop with Protective Sleeve, Built-in 90° Adjustable ...
          </h2>

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

            <p class="text-sm text-gray-500 mb-2">
              • 
                (<span class="text-green-600">Xbox</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/B09K3FWMPL?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/student-tablet-sleeve-slim-protective-case-for-10-9-inch-laptops-and-learning-devices-lightweight-water-resistant-carrying-bag-for-teens-and-students-blue">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/51644/27f027c9b93a7a2d.jpeg" alt="Student Tablet Sleeve, Slim Protective Case For 10.9 Inch Laptops And Learning Devices, Lightweight Water Resistant Carrying Bag For Teens And Students, 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">
            Student Tablet Sleeve, Slim Protective Case For 10.9 Inch Laptops And Learning Devices, Lightweig...
          </h2>

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

            <p class="text-sm text-gray-500 mb-2">
              • All Laptop Sleeves
                (<span class="text-green-600">SourLoony</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://goto.walmart.com/c/6590654/568844/9383?veh=aff&amp;sourceid=imp_000011112222333344&amp;u=https%3A%2F%2Fwww.walmart.com%2Fip%2F20253200627">
            <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-laptop-backpack-for-women-with-pouch-pocket-for-large-capacity-cup-15-6-inch-laptop-computer-bag-travel-backpack-purse-waterproof-work-business-backpack-college-teacher-bags-beige-black-brown">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/34395/02154d92fb3f1ef2.jpg" alt="LOVEVOOK Laptop Backpack for Women with Pouch Pocket for Large Capacity Cup,15.6 Inch Laptop Computer Bag Travel Backpack Purse,Waterproof Work Business Backpack College Teacher Bags,Beige-Black-Brown" 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 Backpack for Women with Pouch Pocket for Large Capacity Cup,15.6 Inch Laptop Comp...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$29.73</span>
              <span class="text-green-600 text-sm font-semibold">$26.76</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/B0DL8W99LM?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/coreminded-adjustable-vertical-laptop-stand-for-desk-wooden-laptop-holder-macbook-pro-stand-wood-mac-air-dock-solid-walnut">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/48061/07e9a8aa8a79ce00.jpg" alt="COREMINDED Adjustable Vertical Laptop Stand for Desk, Wooden Laptop Holder, MacBook Pro Stand, Wood Mac Air Dock (Solid Walnut)" 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">
            COREMINDED Adjustable Vertical Laptop Stand for Desk, Wooden Laptop Holder, MacBook Pro Stand, Wo...
          </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">$34.98</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-13%</span>
            </div>

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

    <div class="flex items-center mt-2 sm:mt-0 sm:ml-4 ml-auto">
        <div class="flex gap-2 flex-wrap justify-end">
          <a target="_blank" rel="nofollow" class="bg-green-600 hover:bg-green-700 text-white text-xs font-semibold px-4 py-2 rounded transition flex items-center justify-center" href="https://www.amazon.com/dp/B0CDPNPTHK?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/laptop-screen-extender-1-87lbs-ultra-portable-ultra-slim-14-2-fhd-1080p-dual-portable-monitor-for-14-17-3-laptop-plug-play-travel-monitor-extender-compatible-with-wins-mac-chrome-android">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/45308/4e2a0d9749a0acdb.jpg" alt="Laptop Screen Extender 1.87lbs Ultra-Portable &amp; Ultra Slim, 14.2&quot; FHD 1080P Dual Portable Monitor for 14&quot;-17.3&quot; Laptop, Plug &amp; Play Travel Monitor Extender Compatible with Wins/Mac/Chrome/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">
            Laptop Screen Extender 1.87lbs Ultra-Portable &amp; Ultra Slim, 14.2&quot; FHD 1080P Dual Portable Monitor...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$109.99</span>
              <span class="text-green-600 text-sm font-semibold">$89.98</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/B0G3X999FY?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/acer-wireless-mouse-for-laptop-2-4ghz-computer-mouse-3-adjustable-dpi-office-cordless-usb-mice-with-usba-receiver-6-buttons-1600-dpi-medium-to-large-sized-hands-compatible-with-pc-laptop-desktop">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/23206/7d3794b5eeddcd1f.jpg" alt="Acer Wireless Mouse for Laptop, 2.4GHz Computer Mouse 3 Adjustable 1600 DPI | Office Cordless USB Mice with USBA Receiver, 6 Buttons, Medium to Large Sized Hands Compatible with PC, Laptop, Desktop" 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 Wireless Mouse for Laptop, 2.4GHz Computer Mouse 3 Adjustable 1600 DPI | Office Cordless USB...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$13.99</span>
              <span class="text-green-600 text-sm font-semibold">$9.98</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/B0F5HPCLGB?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/anker-prime-tb5-docking-station-14-in-1-thunderbolt-5-dock-with-120gbps-max-transfer-thunderbolt-dock-with-140w-max-charging-cooling-system-up-to-8k-dual-display-for-tbt-5-4-laptops">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/20474/a8cde33970587015.jpg" alt="Anker Prime TB5 Docking Station, 14-in-1 Thunderbolt 5 Dock for Laptops | 120Gbps Max Data Transfer, Up to 8K, Dual Display, 140W Max Charging, Ethernet, SD/TF, Cooling System, for TBT 5/4 Laptops" 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 TB5 Docking Station, 14-in-1 Thunderbolt 5 Dock for Laptops | 120Gbps Max Data Transf...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$399.99</span>
              <span class="text-green-600 text-sm font-semibold">$319.99</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/B0DSVVJXK5?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/wenger-ibex-17-inch-laptop-backpack-men-s-and-women-s-laptop-bag-black-gray-blue">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/50865/ffb3f610e3a2cae4.jpg" alt="Wenger Ibex 17 inch Laptop Backpack, Men&#39;s and Women&#39;s Laptop Bag, Black/Gray/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">
            Wenger Ibex 17 inch Laptop Backpack, Men&#39;s and Women&#39;s Laptop Bag, Black/Gray/Blue
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$109.99</span>
              <span class="text-green-600 text-sm font-semibold">$93.50</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/B000VOC90Y?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/matein-business-laptop-backpack-15-6-inch-travel-laptop-bag-rucksack-water-resistant-bag-daypack-for-work-college-computer-men-women-backpack-black">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/45553/4ee69ecd651eb3d8.jpg" alt="MATEIN Business Laptop Backpack, 15.6 Inch Travel Laptop Bag Rucksack, Water-Resistant Bag Daypack for Work College Computer Men Women Backpack, 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">
            MATEIN Business Laptop Backpack, 15.6 Inch Travel Laptop Bag Rucksack, Water-Resistant Bag Daypac...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$42.99</span>
              <span class="text-green-600 text-sm font-semibold">$24.99</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/B074KV9TT4?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/uperfect-portable-monitor-4k-60hz-18-5-145-srgb-qled-laptop-monitor-400-nits-ultra-slim-monitor-usb-c-hdmi-vesa-case-travel-second-screen-for-laptop-computer-mini-pc-game-consoles">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/28928/345e3cc221a984ce.jpg" alt="UPERFECT Portable Monitor 4K 60Hz 18.5&quot;, 145% sRGB QLED Laptop Monitor, 400 Nits Ultra-Slim Monitor, USB-C &amp; HDMI, VESA &amp; Case, Travel Second Screen for Laptop, Computer, Mini PC, Game Consoles" 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">
            UPERFECT Portable Monitor 4K 60Hz 18.5&quot;, 145% sRGB QLED Laptop Monitor, 400 Nits Ultra-Slim Monit...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$399.99</span>
              <span class="text-green-600 text-sm font-semibold">$285.99</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/B0GM682935?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=35&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=32&amp;search=laptop"   >32</a></span> <span class="page"><a href="/?page=33&amp;search=laptop"   >33</a></span> <span class="page"><a href="/?page=34&amp;search=laptop"   >34</a></span> <span class="page"><a href="/?page=35&amp;search=laptop"   rel="prev" >35</a></span> <span class="page active">36</span> <span class="page"><a href="/?page=37&amp;search=laptop"   rel="next" >37</a></span> <span class="page"><a href="/?page=38&amp;search=laptop"   >38</a></span> <span class="page"><a href="/?page=39&amp;search=laptop"   >39</a></span> <span class="page"><a href="/?page=40&amp;search=laptop"   >40</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=37&amp;search=laptop"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span></nav>
  </div>
</template></turbo-stream>