<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/belkin-usb-c-hub-5-in-1-multiport-adapter-usb-c-docking-station-with-4k-hdmi-2-x-usb-a-31-ports-sd-card-slot-microsd-card-slot-for-neo-macbook-macbook-pro-air-ipad-pro-xps-and-more">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/40324/03de0ffeda8dc215.jpg" alt="Belkin USB-C Hub, 5-in-1 Multiport Adapter - USB-C Docking Station with 4K HDMI, 2 x USB-A 3.1 Ports, SD Card Slot, &amp; MicroSD Card Slot for Neo MacBook, MacBook Pro, Air, iPad Pro, XPS, and More" 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 Hub, 5-in-1 Multiport Adapter - USB-C Docking Station with 4K HDMI, 2 x USB-A 3.1 Po...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$34.99</span>
              <span class="text-green-600 text-sm font-semibold">$26.24</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/B0DTJVBPN2?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/xskn-arabic-letter-black-eu-keyboard-silicone-cover-for-2021-and-later-m1-m2-m3-m4-m5-chip-macbook-air-13-6-15-3-inch-macbook-pro-14-2-16-2-inch-with-touch-id">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/43447/8d434973e994367d.jpg" alt="XSKN Arabic Letter Black EU Keyboard Silicone Cover for 2021 and Later M1 M2 M3 M4 M5 Chip MacBook Air 13.6 15.3 inch MacBook Pro 14.2 16.2 inch with Touch ID" 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">
            XSKN Arabic Letter Black EU Keyboard Silicone Cover for 2021 and Later M1 M2 M3 M4 M5 Chip MacBoo...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$14.99</span>
              <span class="text-green-600 text-sm font-semibold">$7.49</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/B0CQYJ5VTF?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/usb-c-to-usb-c-cable-6ft-2packtype-c-60w-fast-charging-cord-long-for-iphone-171615-pro-max-samsung-s25-s24-s23-note-20-macbook-ipad-airwhite">
          <img src="https://m.media-amazon.com/images/I/61Q4T6VS-0L._SL1500_.jpg" alt="USB C to USB C Cable (6FT, 2Pack),Type-C 60W Fast Charging Cord Long for iPhone 17/16/15 Pro Max Samsung S25 S24 S23 Note 20 MacBook iPad Air，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">
            USB C to USB C Cable (6FT, 2Pack),Type-C 60W Fast Charging Cord Long for iPhone 17/16/15 Pro Max ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$9.99</span>
              <span class="text-green-600 text-sm font-semibold">$5.99</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">Samsung</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/B0G34BFNWN?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/anker-usb-c-to-hdmi-adapter-4k-60hz-310-usb-c-adapter-4k-hdmi-for-macbook-pro-macbook-air-ipad-pro-pixelbook-xps-galaxy-and-more-compatible-with-thunderbolt-3-ports">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/26708/442aa0f89c7aabca.jpg" alt="Anker USB C to HDMI Adapter (4K@60Hz), 310 USB-C Adapter (4K HDMI), for MacBook Pro, MacBook Air, iPad Pro, Pixelbook, XPS, Galaxy, and More(Compatible with Thunderbolt 3 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">
            Anker USB C to HDMI Adapter (4K@60Hz), 310 USB-C Adapter (4K HDMI), for MacBook Pro, MacBook Air,...
          </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">$11.99</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/B07THJGZ9Z?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/lisen-macbook-charger-usb-c-to-magnetic-3-cable-6-6ft-for-m4-m3-m2-macbook-pro-air-m5-charger-140w-magnetic-safe-3-cable-computer-laptop-cord-for-pro-16-14-2026-2021-air-15-13-2026-2022">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/23750/1c27694ca96f91ff.jpg" alt="LISEN MacBook Charger USB-C to Magnetic 3 Cable (6.6FT) for M4/M3/M2 MacBook Pro Air M5 Charger, 140W Magnetic Safe 3 Cable Computer Laptop Cord for Pro (16&quot;/14&quot; 2026-2021) Air (15&#39;&#39;/13&#39;&#39; 2026-2022)" 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">
            LISEN MacBook Charger USB-C to Magnetic 3 Cable (6.6FT) for M4/M3/M2 MacBook Pro Air M5 Charger, ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$29.99</span>
              <span class="text-green-600 text-sm font-semibold">$21.87</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">
              • 
            </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/B0CYBZMT29?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-3-port-usb-c-charger-block-67w-pps-usb-c-pd31-pps-super-fast-charging-samsung-galaxy-s26-apple-iphone-17-air-pro-macbook-airpods-apple-watch-nintendo-switch-2-more-white-2-pack">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/40323/63bbc910561544b1.jpg" alt="Belkin 3-Port USB C Charger Block 67W - PPS USB-C PD3.1 PPS Super Fast Charging - Samsung Galaxy S26, Apple iPhone 17, Air, Pro, MacBook, AirPods, Apple Watch, Nintendo Switch 2 &amp; More - White, 2-Pack" 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 3-Port USB C Charger Block 67W - PPS USB-C PD3.1 PPS Super Fast Charging - Samsung Galaxy ...
          </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">$59.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">
              • 
                (<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/B0D4GKRHM4?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/anker-macbook-pro-charger-compact-and-foldable-100w-usb-c-charger-for-macbook-air-samsung-galaxy-ipad-pro-and-more-5ft-usb-c-cable-included">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/26771/16d60256fc47c54c.jpg" alt="Anker MacBook Pro Charger, Compact and Foldable 100W USB C Charger for MacBook Air, Samsung Galaxy, iPad Pro, and More, 5FT USB C Cable 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">
            Anker MacBook Pro Charger, Compact and Foldable 100W USB C Charger for MacBook Air, Samsung Galax...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$27.99</span>
              <span class="text-green-600 text-sm font-semibold">$22.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">
              • 
            </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/B0C3G9B9X1?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/magnetic-3-cable-usb-c-6-6ft-compatible-with-m5-m4-m3-m2-macbook-air-pro-charger-140w-safe-3-cable-for-macbook-air-13-15-2026-2025-2024-2023-2022-pro-16-14-2026-2025-2024-2023-2021-white">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/30761/dfc7a2c3533b53a3.jpg" alt="Magnetic 3 Cable USB-C 6.6FT Compatible with M5/M4/M3/M2 MacBook Air Pro Charger, 140W Safe 3 Cable for MacBook Air (13&quot;/15&quot; 2026/2025/2024/2023/2022), Pro (16&quot;/14&quot; 2026/2025/2024/2023/2021), 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">
            Magnetic 3 Cable USB-C 6.6FT Compatible with M5/M4/M3/M2 MacBook Air Pro Charger, 140W Safe 3 Cab...
          </h2>

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

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

    <div class="flex items-center mt-2 sm:mt-0 sm:ml-4 ml-auto">
        <div class="flex gap-2 flex-wrap justify-end">
          <a target="_blank" rel="nofollow" class="bg-green-600 hover:bg-green-700 text-white text-xs font-semibold px-4 py-2 rounded transition flex items-center justify-center" href="https://www.amazon.com/dp/B0FPQBG9JJ?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/mosiso-compatible-with-macbook-air-13-inch-case-m5-2026-m4-2025-m3-m2-2024-2022-a3449-a3240-a3113-a2681-hard-shell-keyboard-cover-screen-film-type-c-for-macbook-air-13-6-inch-case-crystal-clear">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/35158/7cc3f37bd6f0044f.jpg" alt="MOSISO Compatible with MacBook Air 13 inch Case M5 2026 M4 2025 M3 M2 2024-2022 A3449 A3240 A3113 A2681, Hard Shell&amp;Keyboard Cover&amp;Screen Film&amp;Type C for MacBook Air 13.6 inch Case, Crystal Clear" 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">
            MOSISO Compatible with MacBook Air 13 inch Case M5 2026 M4 2025 M3 M2 2024-2022 A3449 A3240 A3113...
          </h2>

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

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

    <div class="flex items-center mt-2 sm:mt-0 sm:ml-4 ml-auto">
        <div class="flex gap-2 flex-wrap justify-end">
          <a target="_blank" rel="nofollow" class="bg-green-600 hover:bg-green-700 text-white text-xs font-semibold px-4 py-2 rounded transition flex items-center justify-center" href="https://www.amazon.com/dp/B0B7H3V2V7?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/anker-macbook-charger-compact-and-foldable-100w-usb-c-charger-for-macbook-air-samsung-galaxy-iphone-17-16-series-ipad-pro-and-more-5ft-usb-c-cable-included">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/26594/1647f3a0b1f8c62b.jpg" alt="Anker MacBook Charger, Compact and Foldable 100W USB C Charger for MacBook Air, Samsung Galaxy, iPhone 17/16 Series, iPad Pro, and More, 5FT USB C Cable 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">
            Anker MacBook Charger, Compact and Foldable 100W USB C Charger for MacBook Air, Samsung Galaxy, i...
          </h2>

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

            <p class="text-sm text-gray-500 mb-2">
              • 
                (<span class="text-green-600">Samsung</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/B0C1FZWT8M?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/mac-book-pro-charger-96w-usb-c-charger-fast-charger-for-usb-c-port-macbook-pro-macbook-air-ipad-pro-samsung-galaxy-and-all-type-c-device-6-6-ft-usbc-cable-included">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/32349/221f483f138dfb03.jpg" alt="Mac Book Pro Charger - 96W USB C Charger Fast Charger for USB C Port MacBook pro &amp; MacBook Air, ipad Pro, Samsung Galaxy and All Type C Device, 6.6 ft USBC Cable 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">
            Mac Book Pro Charger - 96W USB C Charger Fast Charger for USB C Port MacBook pro &amp; MacBook Air, i...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$21.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">-18%</span>
            </div>

            <p class="text-sm text-gray-500 mb-2">
              • 
                (<span class="text-green-600">Samsung</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/B08RYXFQDT?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/tp-link-usb-c-to-ethernet-adapter-ue300c-rj45-to-usb-c-type-c-gigabit-ethernet-lan-network-adapter-compatible-with-macbook-pro-2017-2020-macbook-air-surface-dell-xps-and-more">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/36233/4a449c71df4fdff4.jpg" alt="TP-Link USB C to Ethernet Adapter(UE300C), RJ45 to USB C Type-C Gigabit Ethernet LAN Network Adapter, Compatible with MacBook Pro 2017-2020, MacBook Air, Surface, Dell XPS and More" 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">
            TP-Link USB C to Ethernet Adapter(UE300C), RJ45 to USB C Type-C Gigabit Ethernet LAN Network Adap...
          </h2>

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

            <p class="text-sm text-gray-500 mb-2">
              • 
                (<span class="text-green-600">Dell</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/B08HQBC678?tag=dealhunt0d4-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=3&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"   >2</a></span> <span class="page"><a href="/?page=3&amp;search=macbook"   rel="prev" >3</a></span> <span class="page active">4</span> <span class="page"><a href="/?page=5&amp;search=macbook"   rel="next" >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"><a href="/?page=8&amp;search=macbook"   >8</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=5&amp;search=macbook"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span></nav>
  </div>
</template></turbo-stream>