<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/vekkia-professional-portable-sheet-music-stand-folding-adjustable-holder-with-carrying-bag-sturdy-for-instrumental-performance-band-travel">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/28952/ee803c19b37dc1cf.jpg" alt="Vekkia Professional Portable Sheet Music Stand | Folding Adjustable Holder/with Carrying Bag/Sturdy for Instrumental Performance, Band &amp; Travel" 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">
            Vekkia Professional Portable Sheet Music Stand | Folding Adjustable Holder/with Carrying Bag/Stur...
          </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">$35.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-10%</span>
            </div>

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

    <div class="flex items-center mt-2 sm:mt-0 sm:ml-4 ml-auto">
        <div class="flex gap-2 flex-wrap justify-end">
          <a target="_blank" rel="nofollow" class="bg-green-600 hover:bg-green-700 text-white text-xs font-semibold px-4 py-2 rounded transition flex items-center justify-center" href="https://www.amazon.com/dp/B0983DJGNN?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/tonor-2-4g-dual-wireless-microphones-rechargeable-handheld-mic-tw-220-cordless-microphones-system-with-receiver-karaoke-mics-for-singing-home-party-birthday-church-speech-50ft-15-m-range">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/50894/a16a639d3bae62a0.jpg" alt="TONOR 2.4G Dual Wireless Microphones, Rechargeable Handheld Mic TW-220 | Cordless Microphones System with Receiver, Karaoke Mics for Singing, Home Party, Birthday, Church, Speech 50ft / 15 m Range" 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">
            TONOR 2.4G Dual Wireless Microphones, Rechargeable Handheld Mic TW-220 | Cordless Microphones Sys...
          </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/B0GQ3KB2PT?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/logitech-ergo-m575s-wireless-trackball-mouse-wireless-ergonomic-mouse-with-bluetooth-and-encrypted-dongle-comfortable-thumb-control-precise-and-smooth-tracking-for-pc-mac-graphite-blue-ball">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/48602/905ecfa5b9c817ec.jpg" alt="Logitech Ergo M575S Wireless Bluetooth Trackball Mouse - Graphite Blue Ball | Easy thumb control, precise and smooth tracking, Bluetooth and includes Logi Bolt USB receiver, PC Mac compatible" 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">
            Logitech Ergo M575S Wireless Bluetooth Trackball Mouse - Graphite Blue Ball | Easy thumb control,...
          </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.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-10%</span>
            </div>

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

    <div class="flex items-center mt-2 sm:mt-0 sm:ml-4 ml-auto">
        <div class="flex gap-2 flex-wrap justify-end">
          <a target="_blank" rel="nofollow" class="bg-green-600 hover:bg-green-700 text-white text-xs font-semibold px-4 py-2 rounded transition flex items-center justify-center" href="https://www.amazon.com/dp/B0BBQ3ZYNY?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/sunrise-alarm-clock-white-noise-machine-natural-wake-up-light-dimmable-clock-with-bluetooth-speaker-for-bedroom-25-sleep-sounds-for-baby-adults-kids-putty">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/20230/beef21ac6d1a366e.jpg" alt="Odokee Sunrise Alarm Clock White Noise Machine: Natural Wake Up Light | Dimmable Clock with Bluetooth Speaker for Bedroom - 25 Sleep Sounds for Baby Adults Kids Putty" 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">
            Odokee Sunrise Alarm Clock White Noise Machine: Natural Wake Up Light | Dimmable Clock with Bluet...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$59.99</span>
              <span class="text-green-600 text-sm font-semibold">$53.98</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/B0DGXD6WVW?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/aothia-large-pu-leather-desk-pad-protector-non-slip-mouse-pad-writing-mat-for-office-home-waterproof-easy-to-clean-23-6-x-13-7-aqua">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/20910/733c674deb375ce9.jpg" alt="Aothia Large PU Leather Desk Pad Protector - Non-Slip Mouse Pad &amp; Writing Mat for Office/Home, Waterproof, Easy to Clean (23.6&quot; x 13.7&quot;, Aqua)" 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">
            Aothia Large PU Leather Desk Pad Protector - Non-Slip Mouse Pad &amp; Writing Mat for Office/Home, Wa...
          </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.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-10%</span>
            </div>

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

    <div class="flex items-center mt-2 sm:mt-0 sm:ml-4 ml-auto">
        <div class="flex gap-2 flex-wrap justify-end">
          <a target="_blank" rel="nofollow" class="bg-green-600 hover:bg-green-700 text-white text-xs font-semibold px-4 py-2 rounded transition flex items-center justify-center" href="https://www.amazon.com/dp/B0F21LR6JL?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/iphone-charger-fast-charging-2-pack-type-c-wall-charger-block-with-2-pack-6ft-10ft-long-usb-c-to-lightning-cable-for-iphone-14-13-12-12-pro-max-11-xs-max-xr-x-airpods-pro">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/26466/270926ef71bc5103.jpg" alt="iPhone Charger Fast Charging 2 Pack Type C Wall Charger Block with 2 Pack [6FT&amp;10FT] Long USB C to Lightning Cable for iPhone 14/13/12/12 Pro Max/11/Xs Max/XR/X,AirPods Pro" 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">
            iPhone Charger Fast Charging 2 Pack Type C Wall Charger Block with 2 Pack [6FT&amp;10FT] Long USB C t...
          </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.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-10%</span>
            </div>

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

    <div class="flex items-center mt-2 sm:mt-0 sm:ml-4 ml-auto">
        <div class="flex gap-2 flex-wrap justify-end">
          <a target="_blank" rel="nofollow" class="bg-green-600 hover:bg-green-700 text-white text-xs font-semibold px-4 py-2 rounded transition flex items-center justify-center" href="https://www.amazon.com/dp/B0B283QP2N?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/netgear-nighthawk-docsis-3-1-mid-high-split-cable-modem-cm3000-1aznas-approved-for-today-s-fastest-speeds-works-with-all-cable-providers-incl-xfinity-spectrum-cox-cable-plans-up-to-2-5gbps">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/19807/91c4cea89b4acde0.jpg" alt="NETGEAR Nighthawk DOCSIS 3.1 Mid/High-Split Modem (CM3000-1AZNAS) – Approved for Today&#39;s Fastest Speeds - Works with All Providers, Incl. Xfinity, Spectrum, Cox - Plans up to 2.5Gbps" 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">
            NETGEAR Nighthawk DOCSIS 3.1 Mid/High-Split Modem (CM3000-1AZNAS) – Approved for Today&#39;s Fastest ...
          </h2>

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

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

    <div class="flex items-center mt-2 sm:mt-0 sm:ml-4 ml-auto">
        <div class="flex gap-2 flex-wrap justify-end">
          <a target="_blank" rel="nofollow" class="bg-green-600 hover:bg-green-700 text-white text-xs font-semibold px-4 py-2 rounded transition flex items-center justify-center" href="https://www.amazon.com/dp/B0DKSKNC1K?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/organic-pomegranate-juice-powder-1-pound-100-natural-fruit-powder-freeze-dried-cold-pressed-no-sugar-additives-great-flavor-for-drinks-smoothie-beverages-non-gmo-vegan-friendly">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/50884/f45b7e492140f6ec.jpg" alt="Organic Pomegranate Juice Powder, 1 Pound | 100% Natural Fruit Powder | Freeze Dried &amp; Cold Pressed | No Sugar &amp; Additives | Great Flavor for Drinks, Smoothie, &amp; Beverages | Non-GMO &amp; Vegan Friendly" 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">
            Organic Pomegranate Juice Powder, 1 Pound | 100% Natural Fruit Powder | Freeze Dried &amp; Cold Press...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$29.95</span>
              <span class="text-green-600 text-sm font-semibold">$26.95</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/B01HN63W4Y?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/aloha-organic-plant-based-protein-bar-minis-coconut-chocolate-almond-20-count-24g-bars-vegan-low-sugar-gluten-free-paleo-low-carb-non-gmo-stevia-free-soy-free-no-sugar-alcohols">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/50880/bff0e7af63a28711.jpg" alt="ALOHA Organic Plant Based Protein Bar MINIS |Coconut Chocolate Almond | 20 Count, 24g Bars | Vegan, Low Sugar, Gluten Free, Paleo, Low Carb, Non-GMO, Stevia Free, Soy Free, No Sugar Alcohols" 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">
            ALOHA Organic Plant Based Protein Bar MINIS |Coconut Chocolate Almond | 20 Count, 24g Bars | Vega...
          </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">$26.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-10%</span>
            </div>

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

    <div class="flex items-center mt-2 sm:mt-0 sm:ml-4 ml-auto">
        <div class="flex gap-2 flex-wrap justify-end">
          <a target="_blank" rel="nofollow" class="bg-green-600 hover:bg-green-700 text-white text-xs font-semibold px-4 py-2 rounded transition flex items-center justify-center" href="https://www.amazon.com/dp/B09T5WFH91?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/handpick-organic-amla-powder-14oz-amalaki-usda-organic-non-gmo-100-raw-and-natural-lab-tested-for-purity-indian-gooseberry-powder-resealable-zip-lock-pouch-packaging-may-vary">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/50882/91621b20950b20a6.jpg" alt="HANDPICK Organic Amla Powder (14oz) Amalaki, USDA Organic, Non-GMO | 100% Raw and Natural - Lab Tested for Purity | Indian Gooseberry Powder | Resealable Zip Lock Pouch (Packaging may vary)" 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">
            HANDPICK Organic Amla Powder (14oz) Amalaki, USDA Organic, Non-GMO | 100% Raw and Natural - Lab T...
          </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">$13.49</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/B096KWR1PK?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/diaclara-magnetic-designed-for-iphone-17-pro-max-case-full-body-bumper-compatible-with-magsafe-military-drop-proof-cover-with-built-in-privacy-screen-protector-black">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/50885/730c11b72a5bcdf5.jpg" alt="Diaclara Magnetic Designed for iPhone 17 Pro Max Case Full Body Bumper,[Compatible with MagSafe] Military Drop Proof Cover with Built-in Privacy Screen Protector,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">
            Diaclara Magnetic Designed for iPhone 17 Pro Max Case Full Body Bumper,[Compatible with MagSafe] ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$26.99</span>
              <span class="text-green-600 text-sm font-semibold">$24.29</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/B0G653VZVC?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/tocol-for-iphone-16-pro-case-full-camera-protection-compatible-with-magsafe-drop-protection-translucent-magnetic-matte-phone-case-for-iphone-16-pro-6-3-inch-black">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/50877/bccc756d8134a3c2.jpg" alt="TOCOL for iPhone 16 Pro Case, Full Camera Protection, Compatible with Magsafe, Drop Protection, Translucent Magnetic Matte Phone Case for iPhone 16 Pro 6.3 inch (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">
            TOCOL for iPhone 16 Pro Case, Full Camera Protection, Compatible with Magsafe, Drop Protection, T...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$8.99</span>
              <span class="text-green-600 text-sm font-semibold">$7.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-11%</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/B0D8L3927H?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="/?deal_type_id=18&amp;page=726"   rel="prev" aria-label="previous">&lsaquo;&nbsp;Prev</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=1"   >1</a></span> <span class="page gap">&hellip;</span> <span class="page"><a href="/?deal_type_id=18&amp;page=723"   >723</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=724"   >724</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=725"   >725</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=726"   rel="prev" >726</a></span> <span class="page active">727</span> <span class="page"><a href="/?deal_type_id=18&amp;page=728"   rel="next" >728</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=729"   >729</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=730"   >730</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=731"   >731</a></span> <span class="page gap">&hellip;</span> <span class="page"><a href="/?deal_type_id=18&amp;page=1760"   >1760</a></span> <span class="page next"><a href="/?deal_type_id=18&amp;page=728"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span></nav>
  </div>
</template></turbo-stream>