<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/innoview-portable-monitor-15-6-inch-fhd-1080p-hdmi-usb-c-second-external-monitor-for-laptop-desktop-macbook-phones-tablet-ps5-4-xbox-switch-built-in-speaker-with-protective-case">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/19679/c0b09c7e7f95f16c.jpg" alt="InnoView Portable Monitor, 15.6 Inch FHD 1080P HDMI USB C Second External Monitor for Laptop, Desktop, MacBook, Phones, Tablet, PS5/4, Xbox, Switch, Built-in Speaker with Protective Case" 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">
            InnoView Portable Monitor, 15.6 Inch FHD 1080P HDMI USB C Second External Monitor for Laptop, Des...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$63.99</span>
              <span class="text-green-600 text-sm font-semibold">$49.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-22%</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/B095GG31KX?tag=matak7708-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/ugreen-usb-b-to-usb-c-6-ft-printer-cable-nylon-usb-b-to-c-cord-for-macbook-pro-air-midi-cable-compatible-with-yamaha-piano-keyboard-dac-dj-controller-for-ipad">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/25700/9310340a298bd087.jpg" alt="UGREEN USB B to USB C 6 FT Printer Cable, Nylon USB B to C Cord for MacBook Pro/Air, MIDI Cable Compatible with Yamaha Piano Keyboard, DAC, DJ Controller for iPad" 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">
            UGREEN USB B to USB C 6 FT Printer Cable, Nylon USB B to C Cord for MacBook Pro/Air, MIDI Cable C...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$11.99</span>
              <span class="text-green-600 text-sm font-semibold">$8.48</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-29%</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/B086ZGKYH8?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/anker-nano-3-in-1-portable-iphone-charger-10-000mah-power-bank-with-built-in-usb-c-cable-and-foldable-wall-plug-30w-max-battery-pack-travel-essentials-for-iphone-17-16-15-series-galaxy-macbook">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/35833/a594039c29ec81f3.jpg" alt="Anker Nano 3-in-1 Portable iPhone Charger, 10,000mAh Power Bank with Built-in USB-C Cable and Foldable Wall Plug, 30W Max Battery Pack, Travel Essentials for iPhone 17/16/15 Series, Galaxy, MacBook" 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 Nano 3-in-1 Portable iPhone Charger, 10,000mAh Power Bank with Built-in USB-C Cable and Fol...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$49.99</span>
              <span class="text-green-600 text-sm font-semibold">$34.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-30%</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/B0CX4992Z8?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/anker-usb-c-to-usb-c-cable-2pack-6ft-240w-usb-c-charger-cord-fast-charge-for-iphone-16-15-series-macbook-pro-2020-ipad-air-4-and-more-usb-2-0-black">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/25869/decca595c0f67df4.jpg" alt="Anker USB C to USB C Cable(2pack, 6FT),240W USB C Charger Cord Fast Charge for iPhone 16/15 Series,MacBook Pro 2020,iPad Air 4 and More (USB 2.0,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">
            Anker USB C to USB C Cable(2pack, 6FT),240W USB C Charger Cord Fast Charge for iPhone 16/15 Serie...
          </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">$12.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-13%</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/B0CCXT4QZR?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/loxp-adjustable-laptop-stand-computer-stand-with-360-rotating-base-ergonomic-laptop-riser-mount-for-desk-foldable-protable-computer-desk-fits-with-macbook-pro-air-10-16-black">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/21140/bc1b2c85d54e9d36.jpg" alt="LOXP Adjustable Laptop Stand, Computer Stand with 360 Rotating Base, Ergonomic Laptop Riser Mount for Desk Foldable Protable Computer Desk Fits with MacBook Pro Air (10-16&quot;) - 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">
            LOXP Adjustable Laptop Stand, Computer Stand with 360 Rotating Base, Ergonomic Laptop Riser Mount...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$31.99</span>
              <span class="text-green-600 text-sm font-semibold">$27.98</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-13%</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/B0DBLBJ2HG?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/uniwei-67w-usb-c-charger-gan-pps-3-port-fast-compact-foldable-usb-c-charger-block-for-macbook-ipad-pro-galaxy-s24-iphone-16-15-and-more">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/49319/c6c7d36d59619835.jpg" alt="UNIWEI 67W USB C Charger, GaN PPS 3-Port Fast Compact Foldable USB C Charger Block for MacBook, iPad Pro, Galaxy S24, iPhone 16/15 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">
            UNIWEI 67W USB C Charger, GaN PPS 3-Port Fast Compact Foldable USB C Charger Block for MacBook, i...
          </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">$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/B0FQJ18XR5?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/usb-c-to-usb-c-cable-100w-for-macbook-pro-air-charger-ipad-pro-13-12-9-11-inch-air-5-4-mini-6-iphone-16-15-pro-max-plus-samsung-type-c-pps-fast-charging-cord-6-6ft">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/36809/18b03112bb662c11.jpg" alt="USB C to USB C Cable 100W for MacBook Pro/Air Charger, iPad Pro 13/12.9/11 inch, Air 5/4, Mini 6, iPhone 16/15 Pro Max Plus, Samsung, Type C PPS Fast Charging Cord 6.6FT" 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 100W for MacBook Pro/Air Charger, iPad Pro 13/12.9/11 inch, Air 5/4, Mini 6,...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$11.99</span>
              <span class="text-green-600 text-sm font-semibold">$9.98</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/B07YHQKH5T?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/13-in-1-usb-c-docking-station-dual-monitor-triple-display-8-usb-c-a-ports-ethernet-audio-lionwei-usb-c-hub-for-macbook-dell-hp-lenovo-surface">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/48604/f25daadcc5902e97.jpg" alt="13 in 1 USB C Docking Station - Dual Monitor, Triple Display, 8 USB C/A Ports, Ethernet, Audio - LIONWEI USB C Hub for MacBook,Dell,HP,Lenovo,Surface" 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">
            13 in 1 USB C Docking Station - Dual Monitor, Triple Display, 8 USB C/A Ports, Ethernet, Audio - ...
          </h2>

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

            <p class="text-sm text-gray-500 mb-2">
              • 
                (<span class="text-green-600">HP</span>)
            </p>
        </div>
</a>    </div>

    <div class="flex items-center mt-2 sm:mt-0 sm:ml-4 ml-auto">
        <div class="flex gap-2 flex-wrap justify-end">
          <a target="_blank" rel="nofollow" class="bg-green-600 hover:bg-green-700 text-white text-xs font-semibold px-4 py-2 rounded transition flex items-center justify-center" href="https://www.amazon.com/dp/B0BNTHWWMY?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/usb-c-to-usb-c-cable-10ft-240w-180-rotating-usb-c-cable-braided-type-c-charger-cable-fast-charge-for-iphone-17-16pro-17-16plus-17-16promax-macbook-air-ipad-pro-pixel-samsung-galaxy-s23-s24ultra-blue">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/38495/7287a7ad6f2490b2.jpg" alt="USB C to USB C Cable 10FT 240W, 180°Rotating USB C Cable Braided Type C Charger Cable Fast Charge for iPhone 17/16Pro 17/16Plus 17/16ProMax,MacBook Air,iPad Pro,Pixel,Samsung Galaxy S23/S24Ultra-Blue" class="w-24 h-24 sm:w-28 sm:h-28 object-contain flex-shrink-0 rounded" />

        <div class="flex-1">
          <h2 class="text-base font-semibold text-gray-900 leading-snug mb-2">
            USB C to USB C Cable 10FT 240W, 180°Rotating USB C Cable Braided Type C Charger Cable Fast Charge...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$16.99</span>
              <span class="text-green-600 text-sm font-semibold">$12.98</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">
              • 
                (<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/B0FGDCYNS8?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/lamicall-adjustable-laptop-stand-portable-laptop-riser-aluminum-laptop-stand-for-desk-foldable-ergonomic-computer-notebook-holder-for-macbook-air-pro-hp-office-desk-accessories-10-17-3-silver">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/28237/36df300048039bf0.jpg" alt="Lamicall Adjustable Laptop Stand, Portable Laptop Riser, Aluminum Laptop Stand for Desk Foldable, Ergonomic Computer Notebook Holder for MacBook Air Pro HP, Office Desk Accessories (10-17.3&#39;&#39;)- 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">
            Lamicall Adjustable Laptop Stand, Portable Laptop Riser, Aluminum Laptop Stand for Desk Foldable,...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$32.99</span>
              <span class="text-green-600 text-sm font-semibold">$29.69</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/B08M94BTYC?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/kcy-laptop-sleeve-116-inch-waterproof-slim-laptop-case-bag-with-handle-compatible-with-surface-pro-7891112-macbook-air-1112-11-12-inch-chromebook-grey">
          <img src="https://m.media-amazon.com/images/I/91Y-kZ03kDL._AC_SL1500_.jpg" alt="KCY Laptop Sleeve 11.6 Inch, Waterproof Slim Laptop Case Bag with Handle Compatible with Surface Pro 7/8/9/11/12, MacBook Air 11/12, 11-12 Inch Chromebook, Grey" 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">
            KCY Laptop Sleeve 11.6 Inch, Waterproof Slim Laptop Case Bag with Handle Compatible with Surface ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-green-600 text-sm font-semibold">$17.99</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/B09GY7B6RJ?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/lisen-240w-usb-c-to-usb-c-cable-for-iphone-17-charger-fast-charging-cable-6-6ft-2-pack-for-iphone-17-charger-cord-type-c-fast-charging-cable-for-iphone-16-15-pro-max-samsung-s25-s24-ipad-macbook">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/996/0fc66aa290c8e39a.jpg" alt="LISEN USB C to USB C Cable, 240W Fast Charging Type C Charger Cord (6.6FT) | 2-Pack, Midnight | USBC Cable for iPhone 17/17 Pro/17 Pro Max, iPad, MacBook Pro/Air, Galaxy S26/S25, Laptop 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">
            LISEN USB C to USB C Cable, 240W Fast Charging Type C Charger Cord (6.6FT) | 2-Pack, Midnight | U...
          </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">$8.97</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">
              • Tools &amp; Industrial
            </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/B0CG1LGWR6?tag=matak7708-20&amp;linkCode=osi&amp;th=1&amp;psc=1">
            <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=9&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 gap">&hellip;</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"><a href="/?page=9&amp;search=macbook"   rel="prev" >9</a></span> <span class="page active">10</span> <span class="page"><a href="/?page=11&amp;search=macbook"   rel="next" >11</a></span> <span class="page"><a href="/?page=12&amp;search=macbook"   >12</a></span> <span class="page"><a href="/?page=13&amp;search=macbook"   >13</a></span> <span class="page"><a href="/?page=14&amp;search=macbook"   >14</a></span> <span class="page gap">&hellip;</span> <span class="page"><a href="/?page=24&amp;search=macbook"   >24</a></span> <span class="page next"><a href="/?page=11&amp;search=macbook"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span></nav>
  </div>
</template></turbo-stream>