<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-pro-laptop-with-apple-m5-chip-with-10-core-cpu-and-10-core-gpu-built-for-ai-142-inch-liquid-retina-xdr-display-32gb-unified-memory-1tb-ssd-space-black">
          <img src="https://m.media-amazon.com/images/I/61YmF8NQxoL._AC_SL1500_.jpg" alt="Apple 2026 MacBook Pro Laptop with Apple M5 chip with 10-core CPU and 10-core GPU: Built for AI, 14.2-inch Liquid Retina XDR Display, 32GB Unified Memory, 1TB SSD; Space 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">
            Apple 2026 MacBook Pro Laptop with Apple M5 chip with 10-core CPU and 10-core GPU: Built for AI, ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$2099.00</span>
              <span class="text-green-600 text-sm font-semibold">$1799.00</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-14%</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/B0GR1FWR38?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-142-macbook-pro-m4-16gb-ram-512gb-ssd-space-black-mw2u3lla-open-box-61741">
          <img src="https://i.ebayimg.com/images/g/p~UAAeSwzJ1p79mN/s-l1200.jpg" alt="Apple 14.2 MacBook Pro M4 16GB RAM 512GB SSD Space Black MW2U3LL/A Open Box" 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 14.2 MacBook Pro M4 16GB RAM 512GB SSD Space Black MW2U3LL/A Open Box
          </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">$1269.95</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">
              • 
                (<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.ebay.com/itm/336555916957?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/apple-2025-macbook-pro-laptop-with-apple-m5-chip-with-10core-cpu-and-10core-gpu-built-for-ai-142-inch-liquid-retina-xdr-display-16gb-unified-memory-1tb-ssd-storage-space-black">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/39369/53ae74e60851bcad.jpg" alt="Apple 2025 MacBook Pro Laptop with Apple M5 chip with 10‑core CPU and 10‑core GPU: Built for AI, 14.2-inch Liquid Retina XDR Display, 16GB Unified Memory, 1TB SSD Storage; Space 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">
            Apple 2025 MacBook Pro Laptop with Apple M5 chip with 10‑core CPU and 10‑core GPU: Built for AI, ...
          </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">$1546.50</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/B0FWD623D1?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/apple-2026-macbook-neo-13-inch-laptop-with-a18-pro-chip-built-for-ai-and-apple-intelligence-liquid-retina-display-8gb-unified-memory-256gb-ssd-storage-1080p-facetime-hd-camera-citrus">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/45035/f1a397e3419a94dc.jpg" alt="Apple 2026 MacBook Neo 13-inch Laptop with A18 Pro chip: Built for AI and Apple Intelligence, Liquid Retina Display, 8GB Unified Memory, 256GB SSD Storage, 1080p FaceTime HD Camera; Citrus" 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 Neo 13-inch Laptop with A18 Pro chip: Built for AI and Apple Intelligence, Liq...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-green-600 text-sm font-semibold">$563.36</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/B0GR6BVYS5?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/sightpro-magnetic-privacy-screen-for-macbook-pro-14-inch-2021-2026-m1-m5-pro-max-patented-removable-laptop-privacy-filter-shield-and-protector">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/23203/bfba0ea898cca871.jpg" alt="SightPro Magnetic Privacy Screen for MacBook Pro 14 Inch (2021-2026, M1-M5, Pro, Max) Patented Removable Laptop Privacy Filter Shield and Protector" 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">
            SightPro Magnetic Privacy Screen for MacBook Pro 14 Inch (2021-2026, M1-M5, Pro, Max) Patented Re...
          </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.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/B09TD2HVVQ?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/apple-162-macbook-pro-apple-m4-pro-48gb-ram-512gb-ssd-silver-mx2u3lla-open-75418">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/35952/aff97ba015cd0a05.jpg" alt="Apple 16.2&quot; MacBook Pro Apple M4 Pro 48GB RAM 512GB SSD Silver MX2U3LL/A Open" 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 16.2&quot; MacBook Pro Apple M4 Pro 48GB RAM 512GB SSD Silver MX2U3LL/A Open
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$2699.00</span>
              <span class="text-green-600 text-sm font-semibold">$2332.45</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-14%</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.ebay.com/itm/336620593807?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-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-macbook-air-136-a3113-2024-m3-16gb-512gb-4-cycles-48-84677">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/44055/9de7910cb42a4e78.jpg" alt="Apple MacBook Air 13.6&quot; A3113 (2024) M3 16GB 512GB 4-cycles #48" 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 MacBook Air 13.6&quot; A3113 (2024) M3 16GB 512GB 4-cycles #48
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$949.99</span>
              <span class="text-green-600 text-sm font-semibold">$816.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-14%</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.ebay.com/itm/318512613371?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/apple-2024-macbook-air-13-inch-laptop-with-m3-chip-built-for-apple-intelligence-136-inch-liquid-retina-display-16gb-unified-memory-512gb-ssd-storage-backlit-keyboard-touch-id-starlight">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/41687/8c1786c48b0ad947.jpg" alt="Apple 2024 MacBook Air 13-inch Laptop with M3 chip: Built for Apple Intelligence, 13.6-inch Liquid Retina Display, 16GB Unified Memory, 512GB SSD Storage, Backlit Keyboard, Touch ID; Starlight" 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 2024 MacBook Air 13-inch Laptop with M3 chip: Built for Apple Intelligence, 13.6-inch Liqui...
          </h2>

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

            <p class="text-sm text-gray-500 mb-2">
              • 
                (<span class="text-green-600">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/B0CX24BNQC?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/apple-2026-macbook-air-13-inch-laptop-with-m5-chip-built-for-ai-136-inch-liquid-retina-display-16gb-unified-memory-1tb-ssd-12mp-center-stage-camera-touch-id-wi-fi-7-midnight">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/39379/45fb4046ac45a105.jpg" alt="Apple 2026 MacBook Air 13-inch Laptop with M5 chip: Built for AI, 13.6-inch Liquid Retina Display, 16GB 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 13-inch Laptop with M5 chip: Built for AI, 13.6-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">$1299.00</span>
              <span class="text-green-600 text-sm font-semibold">$1149.00</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">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/B0GR1FSY63?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/anker-usb-c-hub-for-macbook-7-in-2-mac-dock-with-4k-60hz-hdmi-compatible-with-thunderbolt-4-1-type-c-and-2-usb-a-data-ports-for-macbookpro-13-inch-macbookair-m4-m5-and-more-not-work-with-neo">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/30811/55e80cd4efeeb6b4.jpg" alt="Anker USB C Hub for MacBook, 7-in-2 mac Dock with 4K@60Hz HDMI, Compatible with Thunderbolt 4, 1 Type C and 2 USB A Data Ports for MacBookPro 13 Inch, MacBookAir M4/M5, and More (Not Work with Neo)" 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">
            Anker USB C Hub for MacBook, 7-in-2 mac Dock with 4K@60Hz HDMI, Compatible with Thunderbolt 4, 1 ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$54.99</span>
              <span class="text-green-600 text-sm font-semibold">$32.73</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/B0BNZ5V1TF?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/belkin-usb-c-to-usb-c-cable-99ft-240w-type-c-charger-iphone-charger-cord-soft-braided-flexible-for-iphone-17-galaxy-s25-pixel-10-macbook-chromebook-ipad-pro-switch-steam-deck-black">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/41758/2ab88cafea5b0ee2.jpg" alt="Belkin USB C to USB C Cable, 9.9ft, 240W - Type C Charger, iPhone Charger Cord, Soft, Braided, Flexible for iPhone 17, Galaxy S25, Pixel 10, MacBook, Chromebook, iPad Pro, Switch Steam Deck – 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">
            Belkin USB C to USB C Cable, 9.9ft, 240W - Type C Charger, iPhone Charger Cord, Soft, Braided, Fl...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$18.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">-32%</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/B0F63YXHD3?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/belkin-boostcharge-usb-c-to-usb-c-power-cable-2m66ft-fast-charging-cable-240w-power-delivery-usb-if-for-macbook-pro-ipad-iphone-16-series-galaxy-s25-series-nintendo-switch-2-more-white">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/40311/a8c8311df8b9dd98.jpg" alt="Belkin BoostCharge USB-C to USB-C Power Cable (2M/6.6ft) Fast Charging Cable 240W Power Delivery USB-IF for MacBook Pro, iPad, iPhone 16 Series, Galaxy S25 Series, Nintendo Switch 2 &amp; More - 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">
            Belkin BoostCharge USB-C to USB-C Power Cable (2M/6.6ft) Fast Charging Cable 240W Power Delivery ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$20.99</span>
              <span class="text-green-600 text-sm font-semibold">$15.19</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">
              • 
                (<span class="text-green-600">Nintendo</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/B0CB83FPJQ?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=2&amp;search=macbook"   rel="prev" aria-label="previous">&lsaquo;&nbsp;Prev</a></span> <span class="page"><a href="/?page=1&amp;search=macbook"   >1</a></span> <span class="page"><a href="/?page=2&amp;search=macbook"   rel="prev" >2</a></span> <span class="page active">3</span> <span class="page"><a href="/?page=4&amp;search=macbook"   rel="next" >4</a></span> <span class="page"><a href="/?page=5&amp;search=macbook"   >5</a></span> <span class="page"><a href="/?page=6&amp;search=macbook"   >6</a></span> <span class="page"><a href="/?page=7&amp;search=macbook"   >7</a></span> <span class="page gap">&hellip;</span> <span class="page"><a href="/?page=15&amp;search=macbook"   >15</a></span> <span class="page next"><a href="/?page=4&amp;search=macbook"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span></nav>
  </div>
</template></turbo-stream>