<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/la-roche-posay-toleriane-purifying-foaming-facial-cleanser-oil-free-face-wash-for-women-men-with-niacinamide-ceramides-pore-cleanser-safe-for-sensitive-skin-wont-dry-out-skin-soap-free">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/18866/b8ac933fd2aa7fd3.jpg" alt="La Roche-Posay Toleriane Purifying Foaming Facial Cleanser, Oil Free Face Wash for Women &amp; Men with Niacinamide + Ceramides, Pore Cleanser Safe For Sensitive Skin, Won’t Dry Out Skin, Soap Free" 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">
            La Roche-Posay Toleriane Purifying Foaming Facial Cleanser, Oil Free Face Wash for Women &amp; Men wi...
          </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">$14.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-25%</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/B01N34XW93?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/lorex-pan-tilt-indoor-wi-fi-security-camera-360-pan-tilt-person-detection-two-way-talk-person-detection-ir-night-vision-no-monthly-fee-pre-installed-16gb-microsd">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/18865/0d8d3c4a48c4d46b.jpg" alt="Lorex Pan &amp; Tilt Indoor Wi-Fi Security Camera | 360° Pan &amp; Tilt | Person Detection | Two-Way Talk | Person Detection | IR Night Vision | No Monthly Fee | Pre-Installed 16GB MicroSD" 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">
            Lorex Pan &amp; Tilt Indoor Wi-Fi Security Camera | 360° Pan &amp; Tilt | Person Detection | Two-Way Talk...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$79.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">-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/B08Z5Q9RYD?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/kikcoin-plastic-cutting-boards-for-kitchen-3-piece-large-cutting-board-set-dishwasher-safe-chopping-boards-with-non-slip-feet-and-juice-grooves-light-gray">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/18864/edcf67b1f9188bb2.jpg" alt="Kikcoin Plastic Cutting Boards for Kitchen, 3-Piece Large Cutting Board Set Dishwasher Safe Chopping Boards with Non-slip Feet and Juice Grooves, Light Gray" 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">
            Kikcoin Plastic Cutting Boards for Kitchen, 3-Piece Large Cutting Board Set Dishwasher Safe Chopp...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$19.98</span>
              <span class="text-green-600 text-sm font-semibold">$9.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/B0CZLBS25Z?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/storehappily-heavy-duty-extra-capacity-moving-bags-with-backpack-straps-storage-totes-with-double-zipper-strong-handles-packing-bags-alternative-to-moving-boxes-moving-supplies-2-pack-black">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/18863/2b477a669ffe05e2.jpg" alt="StoreHappily Heavy-Duty &amp; Extra Capacity Moving Bags with Backpack Straps, Storage Totes with Double Zipper &amp; Strong Handles, Packing Bags Alternative to Moving Boxes, Moving Supplies (2 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">
            StoreHappily Heavy-Duty &amp; Extra Capacity Moving Bags with Backpack Straps, Storage Totes with Dou...
          </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">$12.99</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/B0DXZNX3LW?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/performance-tool-w38137-38-inch-drive-ratcheting-adapterblack">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/18862/371769b7f075df33.jpg" alt="Performance Tool W38137 3/8-Inch Drive Ratcheting Adapter,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">
            Performance Tool W38137 3/8-Inch Drive Ratcheting Adapter,Black
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$15.14</span>
              <span class="text-green-600 text-sm font-semibold">$8.66</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-43%</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/B01MSZBDFN?tag=dealhuntnow-20">
            <i class="fa-solid fa-tag mr-1"></i> See Deal
</a>        </div>
    </div>
  </div>

      

  <div class="relative flex flex-col sm:flex-row bg-white p-4 rounded-lg shadow hover:shadow-md transition-all duration-150 hover:bg-blue-100">
    <div class="flex flex-row items-start gap-4 sm:gap-4 flex-1">
      <a data-turbo="false" class="flex gap-4 flex-1 items-start" href="/products/topcee-cooling-blanket-90x90queen-size-for-sweats-absorbs-heat-to-keep-adults-cool-on-warm-nights-q-max-05-for-hot-sleepers-ultra-cool-lightweight-blanket-for-bed">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/18861/7c8abc61fbabf728.jpg" alt="Topcee Cooling Blanket (90&quot;x90&quot;Queen Size) for Sweats Absorbs Heat to Keep Adults Cool on Warm Nights, Q-Max 0.5 for Hot Sleepers, Ultra-Cool Lightweight Blanket for Bed" 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">
            Topcee Cooling Blanket (90&quot;x90&quot;Queen Size) for Sweats Absorbs Heat to Keep Adults Cool on Warm Ni...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$39.99</span>
              <span class="text-green-600 text-sm font-semibold">$26.59</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/B09QL17PLS?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/nike-mens-giannis-immortality-4-basketball-shoes-black-fq3680-003-sz-85-nib-57248">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/20536/ea1435fe2df78618.jpg" alt="Nike Men&#39;s Giannis Immortality 4 Basketball Shoes Black FQ3680-003  Sz. 8.5 NIB" 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">
            Nike Men&#39;s Giannis Immortality 4 Basketball Shoes Black FQ3680-003  Sz. 8.5 NIB
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$119.99</span>
              <span class="text-green-600 text-sm font-semibold">$60.00</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">Nike</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.ebay.com/itm/257455916468?mkevt=1&amp;mkcid=1&amp;mkrid=711-53200-19255-0&amp;campid=5339115653&amp;toolid=10001">
            <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/google-pixel-watch-3-41mm-android-smartwatch-with-heart-rate-tracking-advanced-running-from-fitbit-fitness-insights-24-hour-battery-matte-black-aluminum-case-obsidian-band-wi-fi">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/18860/94865567a2c82c6e.jpeg" alt="Google Pixel Watch 3 (41mm) - Android Smartwatch with Heart Rate Tracking, Advanced Running from Fitbit, Fitness Insights, 24-Hour Battery - Matte Black Aluminum Case - Obsidian Band - Wi-Fi" 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">
            Google Pixel Watch 3 (41mm) - Android Smartwatch with Heart Rate Tracking, Advanced Running from ...
          </h2>

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

            <p class="text-sm text-gray-500 mb-2">
              • Smart Watches
                (<span class="text-green-600">Google</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%2F9241257866">
            <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/hp-victus-15-6-inch-fhd-ips-144hz-gaming-laptop-amd-ryzen-5-8645hs-nvidia-geforce-rtx-4050-8gb-ddr5-512gb-ssd-mica-silver-2024">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/18859/c26e476f77665c12.jpeg" alt="HP Victus 15.6 inch FHD IPS 144Hz Gaming Laptop AMD Ryzen 5-8645HS NVIDIA GeForce RTX 4050 8GB DDR5 512GB SSD Mica Silver (2024)" 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 Victus 15.6 inch FHD IPS 144Hz Gaming Laptop AMD Ryzen 5-8645HS NVIDIA GeForce RTX 4050 8GB DD...
          </h2>

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

            <p class="text-sm text-gray-500 mb-2">
              • HP Gaming Laptops
                (<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://goto.walmart.com/c/6590654/568844/9383?veh=aff&amp;sourceid=imp_000011112222333344&amp;u=https%3A%2F%2Fwww.walmart.com%2Fip%2F5395277312">
            <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-pavilion-15-6-fhd-touch-intel-core-i5-1135g7-8gb-ram-512gb-ssd-lunar-gold-windows-10-15-eg0050wm">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/18858/1bf5525e820b3386.jpeg" alt="HP Pavilion 15.6&quot; FHD Touch, Intel Core i5-1135G7, 8GB RAM, 512GB SSD, Lunar Gold, Windows 10, 15-eg0050wm" 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 Pavilion 15.6&quot; FHD Touch, Intel Core i5-1135G7, 8GB RAM, 512GB SSD, Lunar Gold, Windows 10, 15...
          </h2>

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

            <p class="text-sm text-gray-500 mb-2">
              • All Premium Tech
                (<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://goto.walmart.com/c/6590654/568844/9383?veh=aff&amp;sourceid=imp_000011112222333344&amp;u=https%3A%2F%2Fwww.walmart.com%2Fip%2F991710002">
            <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-15-6-inch-windows-laptop-intel-core-i3-n305-8gb-ram-256gb-ssd-natural-silver">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/18857/c1d16d45e25045df.jpeg" alt="HP 15.6 inch Windows Laptop Intel Core i3-N305 8GB RAM 256GB SSD 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 inch Windows Laptop Intel Core i3-N305 8GB RAM 256GB SSD Natural Silver
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$549.00</span>
              <span class="text-green-600 text-sm font-semibold">$369.00</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">
              • Windows 11 Laptops
                (<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://goto.walmart.com/c/6590654/568844/9383?veh=aff&amp;sourceid=imp_000011112222333344&amp;u=https%3A%2F%2Fwww.walmart.com%2Fip%2F5098188131">
            <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-inch-windows-laptop-intel-celeron-n4120-4gb-ram-64gb-emmc-silver-12-mo-microsoft-365-included">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/18856/bfbe20b023ab5586.jpeg" alt="HP 14 inch Windows Laptop Intel Celeron N4120 4GB RAM 64GB eMMC Silver (12-mo. Microsoft 365 Included)" 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 inch Windows Laptop Intel Celeron N4120 4GB RAM 64GB eMMC Silver (12-mo. Microsoft 365 Incl...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$249.00</span>
              <span class="text-green-600 text-sm font-semibold">$172.95</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">
              • Windows 11 Laptops
                (<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://goto.walmart.com/c/6590654/568844/9383?veh=aff&amp;sourceid=imp_000011112222333344&amp;u=https%3A%2F%2Fwww.walmart.com%2Fip%2F5700202955">
            <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=228"   rel="prev" aria-label="previous">&lsaquo;&nbsp;Prev</a></span> <span class="page"><a href="/?page=1"   >1</a></span> <span class="page gap">&hellip;</span> <span class="page"><a href="/?page=225"   >225</a></span> <span class="page"><a href="/?page=226"   >226</a></span> <span class="page"><a href="/?page=227"   >227</a></span> <span class="page"><a href="/?page=228"   rel="prev" >228</a></span> <span class="page active">229</span> <span class="page"><a href="/?page=230"   rel="next" >230</a></span> <span class="page"><a href="/?page=231"   >231</a></span> <span class="page"><a href="/?page=232"   >232</a></span> <span class="page"><a href="/?page=233"   >233</a></span> <span class="page gap">&hellip;</span> <span class="page"><a href="/?page=378"   >378</a></span> <span class="page next"><a href="/?page=230"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span></nav>
  </div>
</template></turbo-stream>