<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/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-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/alienware-x16-r2-gaming-laptop-16-inch">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/53950/835d70fda143a613.jpg" alt="Alienware X16 R2 Gaming Laptop - 16-inch" 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">
            Alienware X16 R2 Gaming Laptop - 16-inch
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$2899.97</span>
              <span class="text-green-600 text-sm font-semibold">$1999.97</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-31%</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/B0D1KQBXP3?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/lenovo-thinkpad-e16-gen-3-business-laptop-computer-intel-ultra-7-255h-2026-edition-32gb-ddr5-1tb-ssd-long-battery-life-ai-ready-fingerprint-reader-windows-11-pro-multiple-i-o-ports">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/26791/e6a9cdbc730ff2dc.jpg" alt="Lenovo ThinkPad E16 Gen 3 Business Laptop Computer, Intel Ultra 7 255H (2026 Edition), 16GB DDR5 &amp; 512GB SSD, Long Battery Life, AI-Ready, Fingerprint Reader, Windows 11 Pro, Multiple I/O Ports" 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 3 Business Laptop Computer, Intel Ultra 7 255H (2026 Edition), 16GB DDR5 ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$1799.00</span>
              <span class="text-green-600 text-sm font-semibold">$1299.00</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/B0GL2GHV92?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/ozeino-gaming-headset-for-pc-ps4-ps5-xbox-headset-with-7-1-surround-sound-gaming-headphones-with-noise-canceling-mic-led-light-over-ear-headphones-for-switch-xbox-series-x-s-laptop-mobile-white">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/20839/e224052023d23289.jpg" alt="Ozeino Gaming Headset for PC, Ps4, Ps5, Xbox Headset with 7.1 Surround Sound Gaming Headphones with Noise Canceling Mic, LED Light Over Ear Headphones for Switch, Xbox Series X/S, Laptop, Mobile White" 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">
            Ozeino Gaming Headset for PC, Ps4, Ps5, Xbox Headset with 7.1 Surround Sound Gaming Headphones wi...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$29.90</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">-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/B09TB15CTL?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/hp-15-6-fhd-touchscreen-business-laptop-computer-intel-8-core-i3-processor-16gb-ram-512gb-storage-256gb-ssd-256gb-docking-set-windows-11-ai-copilot-numeric-keypad-nly-earphone-cozy-cashmere">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/20352/719c73717ae87c83.jpg" alt="HP 15.6&quot; FHD Touchscreen Business Laptop Computer, Intel 8-Core i3 Processor, 16GB RAM 512GB Storage (256GB SSD+256GB Docking Set), Windows 11, AI Copilot, Numeric Keypad, NLY Earphone, Cozy Cashmere" 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; FHD Touchscreen Business Laptop Computer, Intel 8-Core i3 Processor, 16GB RAM 512GB Stor...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$759.99</span>
              <span class="text-green-600 text-sm font-semibold">$499.97</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-34%</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/B0GGTP6K7B?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/asus-vivobook-go-15-6-fhd-slim-laptop-amd-ryzen-3-7320u-quad-core-processor-8gb-ddr5-ram-256gb-ssd-windows-11-home-fast-charging-webcam-shield-military-grade-durability-black-e1504fa-ab34">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/41626/2bf0ad7dbe6c33b5.jpg" alt="ASUS Vivobook Go 15.6” FHD Slim Laptop, AMD Ryzen 3 7320U Quad Core Processor, 8GB DDR5 RAM, 256GB SSD, Windows 11 Home, Fast Charging, Webcam Shield, Military Grade Durability, Black, E1504FA-AB34" 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">
            ASUS Vivobook Go 15.6” FHD Slim Laptop, AMD Ryzen 3 7320U Quad Core Processor, 8GB DDR5 RAM, 256G...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$379.99</span>
              <span class="text-green-600 text-sm font-semibold">$309.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">
              • 
                (<span class="text-green-600">Asus</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/B0DTVQN7KM?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-3-business-laptop-computer-intel-ultra-7-255h-2026-edition-16gb-ddr5-1tb-ssd-long-battery-life-ai-ready-fingerprint-reader-windows-11-pro-multiple-i-o-ports">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/20337/9815d3658fb2315a.jpg" alt="Lenovo 2026 Premium Bussiness Laptop, AMD 6-Core Ryzen 5 7535HS (Beat i7-1355U), 24GB DDR5, 1TB PCIe SSD, Radeon 660M Graphics, 15&quot; WUXGA IPS Display, Wi-Fi 6, Copilot AI, Windows 11" 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 2026 Premium Bussiness Laptop, AMD 6-Core Ryzen 5 7535HS (Beat i7-1355U), 24GB DDR5, 1TB P...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$1349.00</span>
              <span class="text-green-600 text-sm font-semibold">$799.98</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/B0GMNN3268?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/lenovo-ideapad-slim-3-15-6-fhd-touchscreen-laptop-amd-ryzen-7-5825u-16gb-ram-256gb-ssd-windows-11-home">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/32528/5ae935bac141a942.jpeg" alt="Lenovo IdeaPad Slim 3 15.6&quot; FHD Touchscreen Laptop, AMD Ryzen 7 5825U, 16GB RAM, 256GB SSD, Windows 11 Home" 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 IdeaPad Slim 3 15.6&quot; FHD Touchscreen Laptop, AMD Ryzen 7 5825U, 16GB RAM, 256GB SSD, Windo...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$899.00</span>
              <span class="text-green-600 text-sm font-semibold">$649.97</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">
              • Windows 11 Laptops
                (<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://goto.walmart.com/c/6590654/568844/9383?veh=aff&amp;sourceid=imp_000011112222333344&amp;u=https%3A%2F%2Fwww.walmart.com%2Fip%2F20132522406">
            <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-laptop-avocado-green">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/19355/6e20723f503b3c3c.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 (Avocado 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">
            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">$19.99</span>
              <span class="text-green-600 text-sm font-semibold">$17.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/B0DDT75R2R?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/asus-v16-gaming-laptop-16-wuxga-144hz-display-intel-core-7-processor-240h-nvidia-geforce-rtx-5060-32gb-memory-1tb-storage-windows-11-matte-black-v3607vm-ds79">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/29253/992c492ef46a4cec.jpg" alt="ASUS V16 Gaming Laptop, 16” WUXGA 144Hz Display, Intel Core 7 Processor 240H, NVIDIA GeForce RTX 5060, 32GB Memory, 1TB Storage, Windows 11, Matte Black, V3607VM-DS79" 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">
            ASUS V16 Gaming Laptop, 16” WUXGA 144Hz Display, Intel Core 7 Processor 240H, NVIDIA GeForce RTX ...
          </h2>

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

            <p class="text-sm text-gray-500 mb-2">
              • 
                (<span class="text-green-600">Asus</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/B0DZZHJ2FM?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/the-north-face-jester-everyday-laptop-ba">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/58722/03e6ab488cbb59ae.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-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/apple-2026-macbook-pro-laptop-with-apple-b42a148d">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/58013/c571c2c017dda298.jpg" alt="Apple 2026 MacBook Pro Laptop with Apple" 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 Pro Laptop with Apple
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$3199.00</span>
              <span class="text-green-600 text-sm font-semibold">$2699.00</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-16%</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/B0GR1JBFZJ?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=16&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=13&amp;search=laptop"   >13</a></span> <span class="page"><a href="/?page=14&amp;search=laptop"   >14</a></span> <span class="page"><a href="/?page=15&amp;search=laptop"   >15</a></span> <span class="page"><a href="/?page=16&amp;search=laptop"   rel="prev" >16</a></span> <span class="page active">17</span> <span class="page"><a href="/?page=18&amp;search=laptop"   rel="next" >18</a></span> <span class="page"><a href="/?page=19&amp;search=laptop"   >19</a></span> <span class="page"><a href="/?page=20&amp;search=laptop"   >20</a></span> <span class="page"><a href="/?page=21&amp;search=laptop"   >21</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=18&amp;search=laptop"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span></nav>
  </div>
</template></turbo-stream>