<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/susnwere-40w-dual-usb-c-charger-block-2-port-40w-fast-usb-c-power-adapter-wall-charger-plug-type-c-charging-block-for-laptop-computer-tablets-phones-iphone-15-14-13-12-11-x-ipad">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/31970/4c0969d6035c6e41.jpg" alt="Susnwere 40W Dual USB C Charger Block, 2-Port 40W Fast USB-C Power Adapter Wall Charger Plug Type C Charging Block for Laptop Computer &amp; Tablets/Phones iPhone 15/14/13/12/11/X, iPad" 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">
            Susnwere 40W Dual USB C Charger Block, 2-Port 40W Fast USB-C Power Adapter Wall Charger Plug Type...
          </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">$13.98</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/B0CP6VHY6G?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-15-6-touchscreen-laptop-computer-intel-10-core-i5-1335u-8gb-ram-512gb-pcie-ssd-lifetime-office-365-wifi-6-type-c-hub-fast-charge-windows-11-home-2026-edition-for-business-student">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/37186/54971d6023bffa0e.jpg" alt="Lenovo 15.6&quot; Touchscreen Laptop Computer, Intel 10-Core i5-1335U, 8GB RAM, 512GB PCIe SSD, Lifetime Office 365, WiFi 6, Type-C HUB, Fast Charge, Windows 11 Home, 2026 Edition for Business &amp; Student" 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 15.6&quot; Touchscreen Laptop Computer, Intel 10-Core i5-1335U, 8GB RAM, 512GB PCIe SSD, Lifeti...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$779.99</span>
              <span class="text-green-600 text-sm font-semibold">$689.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">
              • 
                (<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/B0GN8XQQLK?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/desk-side-storage-with-pen-holder-no-drill-hanging-desk-organizer-under-desk-storage-mount-clamp-on-laptop-holder-table-side-tray-desktop-organization-for-office-and-home-black">
          <img src="https://m.media-amazon.com/images/I/71LMGbKAkZL._AC_SL1500_.jpg" alt="Desk Side Storage with Pen Holder, No Drill Hanging Desk Organizer Under Desk Storage Mount, Clamp-On Laptop Holder Table Side Tray Desktop Organization for Office and Home (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">
            Desk Side Storage with Pen Holder, No Drill Hanging Desk Organizer Under Desk Storage Mount, Clam...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$34.99</span>
              <span class="text-green-600 text-sm font-semibold">$27.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/B0CFFBCZ3G?tag=dealhuntnow-20">
            <i class="fa-solid fa-tag mr-1"></i> See Deal
</a>        </div>
    </div>
  </div>

        

  <div class="relative flex flex-col sm:flex-row bg-white p-4 rounded-lg shadow hover:shadow-md transition-all duration-150 hover:bg-pink-100">
    <div class="flex flex-row items-start gap-4 sm:gap-4 flex-1">
      <a data-turbo="false" class="flex gap-4 flex-1 items-start" href="/products/adidas-creator-school-backpack-21l-padded-laptop-sleeve-durable-build-right-sized-for-kids-carries-comfortably-spills-wipe-away-school-gym-travel-ready">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/56569/da94b6276d547c92.jpg" alt="adidas Creator School Backpack 21L | Padded Laptop Sleeve, Durable Build, Right-Sized For Kids, Carries Comfortably, Spills Wipe Away, School Gym &amp; Travel Ready" 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 Creator School Backpack 21L | Padded Laptop Sleeve, Durable Build, Right-Sized For Kids, C...
          </h2>

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

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

    <div class="flex items-center mt-2 sm:mt-0 sm:ml-4 ml-auto">
        <div class="flex gap-2 flex-wrap justify-end">
          <a target="_blank" rel="nofollow" class="bg-green-600 hover:bg-green-700 text-white text-xs font-semibold px-4 py-2 rounded transition flex items-center justify-center" href="https://www.amazon.com/dp/B08JWK3SC8?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-lichen-daypack-everyday-commuter-backpack-laptop-sleeve-water-bottle-pockets-center-front-pouch-mars-dust-dark-heather-mars-dust-one-size">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/42287/cc3afbe925312d44.jpg" alt="The North Face Lichen Daypack - Everyday Commuter Backpack, Laptop Sleeve, Water Bottle Pockets, Center Front Pouch, Mars Dust Dark Heather/Mars Dust, One Size" 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 Lichen Daypack - Everyday Commuter Backpack, Laptop Sleeve, Water Bottle Pockets, ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$89.00</span>
              <span class="text-green-600 text-sm font-semibold">$62.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/B0DNN3KPPF?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/charger-for-macbook-air-macbook-pro-13-14-15-16-inch-2025-2024-2023-2022-2021-2020-m1-m2-m3-m4-laptop-70w-usb-c-power-adapter-ipad-led-6-6ft-usb-c-cable-charging-as-fast-as-original-quality">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/46414/4c79b566b3b71332.jpg" alt="Charger for MacBook Air MacBook Pro 13 14 15 16 inch 2025 2024 2023 2022 2021 2020, M1 M2 M3 M4 Laptop 70W USB C Power Adapter, iPad, LED, 6.6FT USB-C Cable, Charging as Fast as Original Quality" 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">
            Charger for MacBook Air MacBook Pro 13 14 15 16 inch 2025 2024 2023 2022 2021 2020, M1 M2 M3 M4 L...
          </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">$24.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-26%</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/B08LVD89GV?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/mini-projector-portable-projector-4k-full-hd-1080p-support-270-rotation-outdoor-projector-movie-projector-compatible-with-smartphone-tv-stick-laptop-ps4-hdmi-usb">
          <img src="https://m.media-amazon.com/images/I/81ApXwnnfaL._AC_SL1500_.jpg" alt="Mini Projector, Portable Projector 4K &amp; Full HD 1080P Support, 270° Rotation Outdoor Projector, Movie Projector Compatible with Smartphone, TV Stick, Laptop, PS4, HDMI, USB" 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, Portable Projector 4K &amp; Full HD 1080P Support, 270° Rotation Outdoor Projector, M...
          </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">$35.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-28%</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/B0DSKXRMWT?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/techorbits-standing-desk-converter-42-inch-adjustable-sit-to-stand-up-desk-workstation-mdf-wood-ergonomic-desk-riser-with-keyboard-tray-desktop-riser-for-home-office-computer-laptop-black-42">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/47340/eebbf46ee654d3b4.jpg" alt="TechOrbits Standing Desk Converter - 42 Inch Adjustable Sit to Stand Up Desk Workstation, MDF Wood, Ergonomic Desk Riser with Keyboard Tray, Desktop Riser for Home Office Computer Laptop, Black 42&quot;" 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">
            TechOrbits Standing Desk Converter - 42 Inch Adjustable Sit to Stand Up Desk Workstation, MDF Woo...
          </h2>

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

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

    <div class="flex items-center mt-2 sm:mt-0 sm:ml-4 ml-auto">
        <div class="flex gap-2 flex-wrap justify-end">
          <a target="_blank" rel="nofollow" class="bg-green-600 hover:bg-green-700 text-white text-xs font-semibold px-4 py-2 rounded transition flex items-center justify-center" href="https://www.amazon.com/dp/B09G9L9X8B?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/tonor-tc-777-podcast-microphone-usb-computer-microphone-cardioid-condenser-pc-mic-with-tripod-stand-and-pop-filter-for-podcasting-streaming-vocal-recording-compatible-with-pc-laptop-ps4-5">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/54184/dcb5c572951c5ee7.jpg" alt="TONOR TC-777 Podcast Microphone, USB Computer Microphone, Cardioid Condenser PC Mic with Tripod Stand and Pop Filter for Podcasting, Streaming, Vocal Recording, Compatible with PC &amp; Laptop, PS4/5" 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">
            TONOR TC-777 Podcast Microphone, USB Computer Microphone, Cardioid Condenser PC Mic with Tripod S...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$22.99</span>
              <span class="text-green-600 text-sm font-semibold">$19.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/B07WLWN2ZT?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/usb-microphone-for-pc-gaming-condenser-microphone-rgb-for-gamer-with-stand-mic-recording-mic-for-computer-laptop-with-qiuck-mute-desk-podcast-mic-for-podcast-singing-streaming-youtube-black">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/54232/8dde522e742f21ed.jpg" alt="USB Microphone for PC Gaming: Condenser Microphone RGB for Gamer with Stand Mic - Recording Mic for Computer&amp;Laptop with Qiuck Mute - Desk Podcast Mic for Podcast &amp; Singing &amp; Streaming &amp; Youtube 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">
            USB Microphone for PC Gaming: Condenser Microphone RGB for Gamer with Stand Mic - Recording Mic f...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$25.99</span>
              <span class="text-green-600 text-sm font-semibold">$23.39</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/B0FFN48CSL?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/lovevook-laptop-tote-bag-for-women-15-6-inch-professional-work-bag-with-matching-clutch-waterproof-vintage-leather-computer-tote-for-office-business-travel-daily-use-gift-for-women">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/52328/ae412ba8d3af35c4.jpg" alt="LOVEVOOK Laptop Tote Bag for Women, 15.6 Inch Professional Work Bag with Matching Clutch, Waterproof Vintage Leather Computer Tote for Office, Business Travel &amp; Daily Use, Gift for Women" 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, 15.6 Inch Professional Work Bag with Matching Clutch, Waterpr...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$44.99</span>
              <span class="text-green-600 text-sm font-semibold">$36.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/B0BYS7VHMN?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/usb-c-docking-station-dual-monitor-for-dellhplenovosurface-laptop-14-in-1-triple-display-hub-multiple-adapter-dongle-with-2-hdmi-4kvga5-port100w-pd-chargerethernetsdtfaudio">
          <img src="https://m.media-amazon.com/images/I/71y5ARtgvOL._AC_SL1500_.jpg" alt="USB C Docking Station Dual Monitor for Dell/HP/Lenovo/Surface Laptop, 14 in 1 Triple Display Hub Multiple Adapter, Dongle with 2 HDMI 4K+VGA+5 Port+100W PD Charger+Ethernet+SD/TF+Audio" 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">
            USB C Docking Station Dual Monitor for Dell/HP/Lenovo/Surface Laptop, 14 in 1 Triple Display Hub ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$66.99</span>
              <span class="text-green-600 text-sm font-semibold">$44.79</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">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/B09WDCH35N?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=49&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=46&amp;search=laptop"   >46</a></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"   rel="prev" >49</a></span> <span class="page active">50</span> <span class="page"><a href="/?page=51&amp;search=laptop"   rel="next" >51</a></span> <span class="page"><a href="/?page=52&amp;search=laptop"   >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 gap">&hellip;</span> <span class="page"><a href="/?page=67&amp;search=laptop"   >67</a></span> <span class="page next"><a href="/?page=51&amp;search=laptop"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span></nav>
  </div>
</template></turbo-stream>