<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/kyy-portable-monitor-15-6inch-1080p-fhd-usb-c-hdmi-computer-display-hdr-ips-gaming-monitor-w-premium-smart-cover-screen-protector-speakers-for-laptop-pc-mac-phone-ps4-xbox-switch">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/20836/7e653935751b6dca.jpg" alt="KYY Portable Monitor 15.6&quot; 1080P Computer Monitor Screen Extender w/Cover | Portable Monitor for Laptop 1080P FHD IPS with USB-C and HDMI, Laptop Screen Extender for Travel HDR Gaming Monitor w/Speaker" 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">
            KYY Portable Monitor 15.6&quot; 1080P Computer Monitor Screen Extender w/Cover | Portable Monitor for ...
          </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">$59.49</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/B088D8JG3L?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/adidas-midway-school-backpack-for-laptop-and-travel-28l-a47162d9">
          <img src="https://m.media-amazon.com/images/I/81hiFKtR+nL._AC_SL1500_.jpg" alt="adidas Midway School Backpack for Laptop and Travel, 28L" 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">
            adidas Midway School Backpack for Laptop and Travel, 28L
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$50.00</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">-50%</span>
            </div>

            <p class="text-sm text-gray-500 mb-2">
              • 
                (<span class="text-green-600">Adidas</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/B0DGYYVJQB?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-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/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-leopard-print">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/34713/90bda1b0a52d0ad4.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,Leopard print" 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">$39.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">-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/B0FX2MQRXC?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/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-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/the-north-face-borealis-laptop-pack-bl-eclipse-lt-hth-bl-eclipse-osfa-everyday-travel-bag-laptop-sleeve-reflective-details">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/52273/809b94a71eee6896.jpg" alt="The North Face Borealis Laptop Pack, Bl Eclipse Lt Hth/Bl Eclipse, OSFA | Everyday Travel Bag, Laptop Sleeve, Reflective Details" 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 Laptop Pack, Bl Eclipse Lt Hth/Bl Eclipse, OSFA | Everyday Travel Bag, La...
          </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/B0DSQQ225Q?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/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-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/17-3-fhd-gaming-laptop-32gb-ddr5-ram-2tb-ssd-amd-ryzen-7-7735hs-beats-i7-12650h-8-cores-with-radeon-680m-100w-type-c-wi-fi-6e-backlit-keyboard-fingerprint-black">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/45690/5b80728f4d8399bb.png" alt="17.3&quot; FHD Gaming Laptop 32GB DDR5 RAM 2TB SSD AMD Ryzen 7 7735HS (Beats i7-12650H, 8 Cores) with Radeon 680M-100W Type-C Wi-Fi 6E Backlit Keyboard Fingerprint 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">
            17.3&quot; FHD Gaming Laptop 32GB DDR5 RAM 2TB SSD AMD Ryzen 7 7735HS (Beats i7-12650H, 8 Cores) with ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$1574.99</span>
              <span class="text-green-600 text-sm font-semibold">$1099.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">
              • Windows 11 Laptops
                (<span class="text-green-600">Nimo</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%2F19881922368">
            <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/jansport-cool-backpack-with-15-inch-laptop-sleeve-large-computer-bag-rucksack-with-2-compartments-ergonomic-straps-navy-15-inch-laptop-sleeve">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/48291/67eaacf8010e4e01.jpg" alt="JanSport Cool Backpack, with 15-inch Laptop Sleeve - Large Computer Bag Rucksack with 2 Compartments, Ergonomic Straps, Navy | 15-inch Laptop Sleeve" 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">
            JanSport Cool Backpack, with 15-inch Laptop Sleeve - Large Computer Bag Rucksack with 2 Compartme...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$67.00</span>
              <span class="text-green-600 text-sm font-semibold">$43.00</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-36%</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/B01A6BP10Q?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/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-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/lenovo-laptop-shoulder-bag-t215-156-inch-black-slip-laptop-compartment-front-zippered-pocket-adjustable-strap">
          <img src="https://m.media-amazon.com/images/I/61w77ig-QYL._AC_SL1500_.jpg" alt="Lenovo Laptop Shoulder Bag T215 15.6 inch - Black- Slip Laptop Compartment - Front Zippered Pocket - Adjustable Strap" 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">
            Lenovo Laptop Shoulder Bag T215 15.6 inch - Black- Slip Laptop Compartment - Front Zippered Pocke...
          </h2>

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

            <p class="text-sm text-gray-500 mb-2">
              • 
                (<span class="text-green-600">Lenovo</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/B0BGCGLQXJ?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-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/mosiso-laptop-case-13-3-inch-13-13-3-inch-laptop-sleeve-compatible-with-macbook-air-pro-13-pro-14-m5-m4-m3-m2-m1-hp-dell-asus-lenovo-polyester-vertical-computer-sleeve-bag-with-pocket-black">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/50830/7a8f2e44e7c4f301.jpg" alt="MOSISO Laptop Case 13.3 inch, 13-13.3 inch Laptop Sleeve Compatible with MacBook Air/Pro 13/Pro 14 M5 M4 M3 M2 M1, HP Dell ASUS Lenovo,Polyester Vertical Computer Sleeve Bag with Pocket, 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">
            MOSISO Laptop Case 13.3 inch, 13-13.3 inch Laptop Sleeve Compatible with MacBook Air/Pro 13/Pro 1...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$15.99</span>
              <span class="text-green-600 text-sm font-semibold">$12.79</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">
              • 
                (<span class="text-green-600">HP</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/B01N6M1Y9N?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/mosiso-laptop-tote-bag-13-133-inch-laptop-bag-compatible-with-macbook-pro-14-hp-dell-lenovo-asus-notebook-vertical-quilted-casual-computer-briefcase-for-business-office-work-baby-blue">
          <img src="https://m.media-amazon.com/images/I/51dNiRjXgxL._AC_SL1500_.jpg" alt="MOSISO Laptop Tote Bag, 13-13.3 inch Laptop Bag Compatible with MacBook Pro 14, HP, Dell, Lenovo, Asus Notebook, Vertical Quilted Casual Computer Briefcase for Business Office Work, Baby 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">
            MOSISO Laptop Tote Bag, 13-13.3 inch Laptop Bag Compatible with MacBook Pro 14, HP, Dell, Lenovo,...
          </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">$6.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">
              • 
                (<span class="text-green-600">HP</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/B0DHMPPBV3?tag=dealhuntnow-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=36&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=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"   >35</a></span> <span class="page"><a href="/?page=36&amp;search=laptop"   rel="prev" >36</a></span> <span class="page active">37</span> <span class="page"><a href="/?page=38&amp;search=laptop"   rel="next" >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"><a href="/?page=41&amp;search=laptop"   >41</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=38&amp;search=laptop"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span></nav>
  </div>
</template></turbo-stream>