<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/apple-2026-macbook-air-15-inch-laptop-with-m5-chip-built-for-ai-153-inch-liquid-retina-display-24gb-unified-memory-1tb-ssd-12mp-center-stage-camera-touch-id-wi-fi-7-midnight">
          <img src="https://m.media-amazon.com/images/I/71N5EbSaQqL._AC_SL1500_.jpg" alt="Apple 2026 MacBook Air 15-inch Laptop with M5 chip: Built for AI, 15.3-inch Liquid Retina Display, 24GB Unified Memory, 1TB SSD, 12MP Center Stage Camera, Touch ID, Wi-Fi 7; Midnight" 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">
            Apple 2026 MacBook Air 15-inch Laptop with M5 chip: Built for AI, 15.3-inch Liquid Retina Display...
          </h2>

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

            <p class="text-sm text-gray-500 mb-2">
              • 
                (<span class="text-green-600">Apple</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/B0GR1RWSMF?tag=dealhuntnow-20">
            <i class="fa-solid fa-tag mr-1"></i> See Deal
</a>        </div>
    </div>
  </div>

        

  <div class="relative flex flex-col sm:flex-row bg-white p-4 rounded-lg shadow hover:shadow-md transition-all duration-150 hover:bg-green-100">
    <div class="flex flex-row items-start gap-4 sm:gap-4 flex-1">
      <a data-turbo="false" class="flex gap-4 flex-1 items-start" href="/products/mroco-ergonomic-mouse-pad-with-gel-wrist-rest-smooth-wrist-support-surface-non-slip-pu-base-for-pain-relief-comfortable-mousepad-for-computer-laptop-office-home-9-4-x-8-1-in-black">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/37535/d3ab4ae352aa9328.jpg" alt="MROCO Ergonomic Mouse Pad with Gel Wrist Rest, Smooth Wrist Support Surface, Non-Slip PU Base for Pain Relief, Comfortable Mousepad for Computer, Laptop, Office &amp; Home, 9.4 x 8.1 in, 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">
            MROCO Ergonomic Mouse Pad with Gel Wrist Rest, Smooth Wrist Support Surface, Non-Slip PU Base for...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$9.49</span>
              <span class="text-green-600 text-sm font-semibold">$8.54</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/B07DVCGX7G?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/hp-17-3-touchscreen-laptop-for-work-and-home-amd-ryzen-5-7430u-16gb-ram-512gb-ssd-webcam-hdmi-backlit-keyboard-fingerprint-reader-wi-fi-6-windows-11-home-blue">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/34303/7911a15f6e34aa45.jpg" alt="HP 17.3&quot; Touchscreen Laptop for Work and Home, AMD Ryzen 5 7430U, 16GB RAM, 512GB SSD, Webcam, HDMI, Backlit Keyboard, Fingerprint Reader, Wi-Fi 6, Windows 11 Home, 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">
            HP 17.3&quot; Touchscreen Laptop for Work and Home, AMD Ryzen 5 7430U, 16GB RAM, 512GB SSD, Webcam, HD...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$719.00</span>
              <span class="text-green-600 text-sm font-semibold">$647.10</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">
              • 
                (<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/B0FN4RNHWC?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/wireless-keyboard-and-mouse-combo-full-sized-wireless-keyboard-and-adjustable-dpi-mouse-24ghz-usb-receiver-silent-keyboard-and-mouse-for-pc-windows-mac-desktop-laptoppurple">
          <img src="https://m.media-amazon.com/images/I/71z3t1DE0dL._AC_SL1500_.jpg" alt="Wireless Keyboard and Mouse Combo, Full-Sized Wireless Keyboard and Adjustable DPI Mouse, 2.4GHz USB Receiver, Silent Keyboard and Mouse for PC, Windows, MAC, Desktop, Laptop(Purple)" 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">
            Wireless Keyboard and Mouse Combo, Full-Sized Wireless Keyboard and Adjustable DPI Mouse, 2.4GHz ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$26.99</span>
              <span class="text-green-600 text-sm font-semibold">$19.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/B0C1VJ57KL?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-business-laptop-8gb-ram-128gb-ssd-intel-processor-microsoft-office-365-1-year-no-mouse-fast-response-long-battery-life-computer-rose-gold">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/38275/267d3dcfe42ad17c.jpg" alt="HP Business Laptop, 8GB RAM, 128GB SSD, Intel Processor, Microsoft Office 365 1 Year | No Mouse, Fast Response, Long Battery Life Computer, Rose Gold" 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 Business Laptop, 8GB RAM, 128GB SSD, Intel Processor, Microsoft Office 365 1 Year | No Mouse, ...
          </h2>

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

        

  <div class="relative flex flex-col sm:flex-row bg-white p-4 rounded-lg shadow hover:shadow-md transition-all duration-150 hover:bg-blue-100">
    <div class="flex flex-row items-start gap-4 sm:gap-4 flex-1">
      <a data-turbo="false" class="flex gap-4 flex-1 items-start" href="/products/hp-essential-laptop-computer-2026-edition-amd-high-performance-processor-128gb-ssd-1tb-cloud-storage-thin-portable-fast-response-windows11-with-microsoft-365">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/45247/6d9d5c809274ddd5.jpg" alt="HP Essential Laptop Computer • 2026 Edition • AMD High Performance Processor • 128GB SSD • Microsoft 365 • Thin &amp; Portable • Fast Response • Windows11" 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 Essential Laptop Computer • 2026 Edition • AMD High Performance Processor • 128GB SSD • Micros...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$599.97</span>
              <span class="text-green-600 text-sm font-semibold">$269.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-55%</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/B0G3YFH2NJ?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/hp-14-led-business-student-laptop-with-1-year-office-365-4gb-ram-640gb-storage-128gb-ufs-512gb-sd-card-intel-quad-core-n150-processor-windows-11-s-plusera-earphones-honey-lavender">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/69359/ffedcc42b9c5aca7.jpg" alt="HP 14&quot; LED Business &amp;Student Laptop with 1-Year Office 365, 4GB RAM 640GB Storage (128GB UFS + 512GB SD Card), Intel Quad-Core N150 Processor, Windows 11 S, PLUSERA Earphones, Honey Lavender" 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 14&quot; LED Business &amp;Student Laptop with 1-Year Office 365, 4GB RAM 640GB Storage (128GB UFS + 51...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$539.99</span>
              <span class="text-green-600 text-sm font-semibold">$319.97</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/B0GY5PBV1P?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/hp-15-6-pavilion-fhd-laptop-2026-intel-processor-16gb-ram-512gb-ssd-fast-charging-numeric-keypad-long-battery-life-lightweight-3-64-lbs-microsoft-365-windows-11-home">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/57772/31aa5d88dc0ef872.jpg" alt="HP Essential Laptop 2026, Intel CPU, 128GB Storage, Office 365, Windows 11 | Copilot AI, WiFi 6, Long Battery Life, Lightweight &amp; Portable, Online Learning, Browsing, Streaming, Willow Green" 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 Essential Laptop 2026, Intel CPU, 128GB Storage, Office 365, Windows 11 | Copilot AI, WiFi 6, ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$639.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">-50%</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/B0H99JJH7N?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/the-north-face-jester-everyday-laptop-ba">
          <img src="https://m.media-amazon.com/images/I/41h6MMbh1VL._SL500_.jpg" alt="The North Face Jester Everyday Laptop Ba" 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 Jester Everyday Laptop Ba
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$90.00</span>
              <span class="text-green-600 text-sm font-semibold">$54.00</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">
              • 
            </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/B0FS5YHZJX?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/lenovo-business-laptop-15-6-fhd-touchscreen-display-intel-13th-10-core-i5-cpu-up-to-4-6-ghz-16gb-ram-512gb-ssd-copilot-ai-ready-wi-fi-6-windows-11-with-microsoft-365-for-the-web-wowpc-usb">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/20827/448de7cbc3751d2c.jpg" alt="Lenovo Business Laptop, 15.6&quot; FHD Touchscreen Display, Intel 13th 10-Core i5 CPU (Up to 4.6 GHz), 16GB RAM, 512GB SSD, Copilot AI Ready, Wi-Fi 6, Windows 11 with Microsoft 365 for The Web, WOWPC 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">
            Lenovo Business Laptop, 15.6&quot; FHD Touchscreen Display, Intel 13th 10-Core i5 CPU (Up to 4.6 GHz),...
          </h2>

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

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

    <div class="flex items-center mt-2 sm:mt-0 sm:ml-4 ml-auto">
        <div class="flex gap-2 flex-wrap justify-end">
          <a target="_blank" rel="nofollow" class="bg-green-600 hover:bg-green-700 text-white text-xs font-semibold px-4 py-2 rounded transition flex items-center justify-center" href="https://www.amazon.com/dp/B0G41Q1KR7?tag=dealhunt0d4-20">
            <i class="fa-solid fa-tag mr-1"></i> See Deal
</a>        </div>
    </div>
  </div>

        

  <div class="relative flex flex-col sm:flex-row bg-white p-4 rounded-lg shadow hover:shadow-md transition-all duration-150 hover:bg-blue-100">
    <div class="flex flex-row items-start gap-4 sm:gap-4 flex-1">
      <a data-turbo="false" class="flex gap-4 flex-1 items-start" href="/products/hp-2026-ultrabook-laptop-for-students-home-microsoft-office-365-with-copliot-ai-16gb-ram-128gb-storage-500gb-ext-hdd-quad-cores-intel-processor-windows-11-lightweight-long-battery-life">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/29440/91e4d82a4b1cb27b.jpg" alt="HP 2026 Ultrabook Laptop for Students &amp; Home, Microsoft Office 365 with Copliot AI, 16GB RAM, 128GB Storage + 500GB EXT HDD, Quad-Cores Intel Processor, Windows 11, Lightweight, Long battery life" 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 2026 Ultrabook Laptop for Students &amp; Home, Microsoft Office 365 with Copliot AI, 16GB RAM, 128...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$649.00</span>
              <span class="text-green-600 text-sm font-semibold">$399.99</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">
              • 
            </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/B0GSGC3RQD?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/tarkari-magnetic-wireless-charging-rgb-mouse-pad-large-gaming-desk-mat-waterproof-31-5-x11-8-black-mousepad-ultra-smooth-surface-non-slip-rubber-base-desk-pad-for-keyboard-laptop">

        <div class="flex-1">
          <h2 class="text-base font-semibold text-gray-900 leading-snug mb-2">
            TARKARI Magnetic Wireless Charging RGB Mouse Pad, Large Gaming Desk Mat Waterproof, 31.5&quot;x11.8&quot; B...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-green-600 text-sm font-semibold">$28.49</span>
            </div>

            <p class="text-sm text-gray-500 mb-2">
              • Computers, Tablets &amp; Components
            </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/B0G6Z5K1XX?tag=matak7708-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=30&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=27&amp;search=laptop"   >27</a></span> <span class="page"><a href="/?page=28&amp;search=laptop"   >28</a></span> <span class="page"><a href="/?page=29&amp;search=laptop"   >29</a></span> <span class="page"><a href="/?page=30&amp;search=laptop"   rel="prev" >30</a></span> <span class="page active">31</span> <span class="page"><a href="/?page=32&amp;search=laptop"   rel="next" >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"   >35</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=32&amp;search=laptop"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span></nav>
  </div>
</template></turbo-stream>