<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-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 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/lenovo-thinkpad-e16-gen-2-16-fhd-ryzen-7-7735hs-32gb-ddr5-1tb-ssd-laptop-amd-8-core-wifi-6e-backlit-keyboard-fingerprint-reader-windows-11-business-pc-usb-c-hub-office-365-charcoal">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/53821/8ec9a39a5cf67186.jpg" alt="Lenovo ThinkPad E16 Gen 2 16 FHD+ Ryzen 7 7735HS 32GB DDR5 1TB SSD Laptop | AMD 8-Core, WiFi 6E, Backlit Keyboard, Fingerprint Reader, Windows 11 Business PC, USB-C Hub, Office 365, Charcoal" 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 ThinkPad E16 Gen 2 16 FHD+ Ryzen 7 7735HS 32GB DDR5 1TB SSD Laptop | AMD 8-Core, WiFi 6E, ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$2459.00</span>
              <span class="text-green-600 text-sm font-semibold">$1519.98</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-38%</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/B0GZ48KQNV?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-15-6-portable-monitor-60hz-touchscreen-1080p-10-point-touch-screen-monitor-portable-with-protective-sleeve-built-in-stand-1200-1-hdmi-usb-c-travel-monitors-for-laptop-pc-phone">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/64845/62fea66e96690d07.jpg" alt="InnoView 15.6&quot; Portable Monitor 60Hz Touchscreen 1080P 10-Point Touch Screen Monitor Portable with Protective Sleeve Built-in Stand, 1200:1 HDMI USB C Travel Monitors for Laptop, PC, Phone" 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 15.6&quot; Portable Monitor 60Hz Touchscreen 1080P 10-Point Touch Screen Monitor Portable wit...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$129.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">-23%</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/B0D59RS829?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/lenovo-100-wired-usb-computer-mouse-for-pc-laptop-computer-with-windows-full-size-ambidextrous-design-3-buttons-red-optical-sensor-black">
          <img src="https://m.media-amazon.com/images/I/51Kbg7o6awL._AC_SL1500_.jpg" alt="Lenovo 100 Wired USB Computer Mouse for PC, Laptop, Computer with Windows - Full-Size - Ambidextrous Design - 3 Buttons - Red Optical Sensor – 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">
            Lenovo 100 Wired USB Computer Mouse for PC, Laptop, Computer with Windows - Full-Size - Ambidextr...
          </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">$5.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">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/B0BXYV1SZQ?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-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-business-laptop-with-1-year-office-365-with-copliot-ai-16gb-ram-128gb-ssd-quad-cores-intel-processor-windows-11-plusera-earphones-8-in-1-hub-included-natural-silver">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/19584/c61145371ed96e58.jpg" alt="HP 15.6&quot; Business Laptop with 1-Year Office 365 with Copliot AI, 16GB RAM 128GB SSD, Quad-Cores Intel Processor, Windows 11, PLUSERA Earphones &amp; 8-in-1 Hub Included, Natural Silver" 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 15.6&quot; Business Laptop with 1-Year Office 365 with Copliot AI, 16GB RAM 128GB SSD, Quad-Cores I...
          </h2>

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

            <p class="text-sm text-gray-500 mb-2">
              • 
                (<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/B0GGCQSLNW?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/mini-projector-with-4k-support-portable-short-throw-proyector-electric-focus-keystone-270-rotatable-stand-compatible-with-tv-stick-phone-laptop-back-to-school-gift-idea">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/61693/6758f1ab3c4e58e6.jpg" alt="Mini Projector with 4K Support, Portable Short Throw Proyector | Electric Focus&amp;Keystone, 270° Rotatable Stand, Compatible with TV Stick, Phone &amp; Laptop, Back-to-School Gift Idea" 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">
            Mini Projector with 4K Support, Portable Short Throw Proyector | Electric Focus&amp;Keystone, 270° Ro...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$59.99</span>
              <span class="text-green-600 text-sm font-semibold">$39.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">
              • 
            </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/B0HDC9D6QG?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/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-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/neewer-basic-5-ring-light-for-video-conference-lighting-clip-on-light-kit-with-desk-tripod-stand-for-monitor-laptop-computer-zoom-call-live-streaming-remote-working-learning-video-recording-br60">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/57290/1279d0711fe7c5f1.jpg" alt="NEEWER Basic 5&quot; Ring Light for Video Conference Lighting, Clip on Light Kit with Desk Tripod Stand for Monitor Laptop Computer Zoom Call Live Streaming Remote Working Learning Video Recording, BR60" 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">
            NEEWER Basic 5&quot; Ring Light for Video Conference Lighting, Clip on Light Kit with Desk Tripod Stan...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$29.00</span>
              <span class="text-green-600 text-sm font-semibold">$16.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-41%</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/B0DCSHSSFF?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/wali-computer-monitor-stand-for-desk-adjustable-laptop-riser-desk-monitor-stand-underneath-storage-for-office-home-school-supplies-stt003-1-pack-black">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/33677/481c857ce040b03a.jpg" alt="WALI Computer Monitor Stand for Desk, Adjustable Laptop Riser, Desk Monitor Stand Underneath Storage for Office, Home, School Supplies (STT003), 1 Pack, 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">
            WALI Computer Monitor Stand for Desk, Adjustable Laptop Riser, Desk Monitor Stand Underneath Stor...
          </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">$9.49</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-37%</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/B094QTGHNZ?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-laptop-backpack-for-women-15-6-inch-work-business-backpacks-purse-with-large-capacity-waterproof-nurse-bag-college-bookbag-for-school-waterproof-casual-daypack-for-travel">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/43845/e195a589e37f9f1f.jpg" alt="LOVEVOOK Laptop Backpack for Women, 15.6 Inch Work Business Backpacks Purse With Large Capacity, Waterproof Nurse Bag College Bookbag for School, Waterproof Casual Daypack for 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">
            LOVEVOOK Laptop Backpack for Women, 15.6 Inch Work Business Backpacks Purse With Large Capacity, ...
          </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">$22.78</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-54%</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/B0BPX6DNRG?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/docsafe-fireproof-document-box-hard-case-with-lock-accordion-file-folder-fire-and-water-resistant-safe-box-file-organizer-multi-pocket-home-office-travel-storage-for-important-document-laptop-black">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/54190/0dd7766ae7db2355.jpg" alt="DocSafe Fireproof Document Box Hard Case with Lock ＆ Accordion File Folder | Fire and Water Resistant Safe Box,File Organizer,Multi-Pocket,Home Office Travel Storage for Important Document,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">
            DocSafe Fireproof Document Box Hard Case with Lock ＆ Accordion File Folder | Fire and Water Resis...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$46.98</span>
              <span class="text-green-600 text-sm font-semibold">$41.38</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/B0FCLXY1XQ?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-2-in-1-laptop-lunch-bag-for-wom">
          <img src="https://m.media-amazon.com/images/I/51elAMZSc5L._SL500_.jpg" alt="LOVEVOOK 2 in 1 Laptop Lunch Bag for Wom" 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 2 in 1 Laptop Lunch Bag for Wom
          </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">$34.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/B0H26F3HXF?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=50&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=47&amp;search=laptop"   >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"   rel="prev" >50</a></span> <span class="page active">51</span> <span class="page"><a href="/?page=52&amp;search=laptop"   rel="next" >52</a></span> <span class="page"><a href="/?page=53&amp;search=laptop"   >53</a></span> <span class="page"><a href="/?page=54&amp;search=laptop"   >54</a></span> <span class="page"><a href="/?page=55&amp;search=laptop"   >55</a></span> <span class="page gap">&hellip;</span> <span class="page"><a href="/?page=80&amp;search=laptop"   >80</a></span> <span class="page next"><a href="/?page=52&amp;search=laptop"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span></nav>
  </div>
</template></turbo-stream>