<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/cinnado-security-camera-indoor-2k-360-wifi-cameras-for-home-security-pet-dog-baby-camera-with-phone-app-2-way-audio-night-vision-24-7-sd-card-storage-works-with-alexa-google-home-2-4ghz-d1">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/23986/9197dc556ded72c7.jpg" alt="Cinnado Security Camera Indoor-2K 360° WiFi Cameras for Home Security，Pet/Dog/Baby Camera with Phone app, 2-Way Audio, Night Vision, 24/7 SD Card Storage, Works with Alexa &amp; Google Home (2.4Ghz)-D1" 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">
            Cinnado Security Camera Indoor-2K 360° WiFi Cameras for Home Security，Pet/Dog/Baby Camera with Ph...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$19.07</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">-48%</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/B0CBBT5RMP?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/mini-projector-portable-projector-with-wifi-and-bluetooth-built-in-apps-support-4k-1080p-180-rotation-auto-keystone-movie-projector-compatible-with-hdmi-usb-tv-stick-smartphone-laptop">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/23985/f3a48c49f87bbcdd.jpg" alt="Mini Projector, Portable Projector with Wifi and Bluetooth, Built in Apps, Support 4K 1080P, 180° Rotation, Auto Keystone, Movie Projector Compatible With HDMI/USB/TV Stick/Smartphone/Laptop" 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">
            Mini Projector, Portable Projector with Wifi and Bluetooth, Built in Apps, Support 4K 1080P, 180°...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$124.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">-52%</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/B0GGH9DJ9Q?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/medicube-exosome-shot-zero-2-000-ppm-spicule-facial-serum-liquid-skin-booster-serum-exosome-aha-bha-pha-pore-care-dead-skin-cells-skin-texture-korean-skincare-1-01-fl-oz">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/23984/645691d605419070.jpg" alt="medicube Exosome Shot Zero 2,000 PPM Spicule Facial Serum | Liquid Skin Booster Serum | Exosome, AHA+BHA+PHA | Pore Care, Dead Skin Cells, Skin Texture | Korean Skincare, 1.01 fl.oz" 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">
            medicube Exosome Shot Zero 2,000 PPM Spicule Facial Serum | Liquid Skin Booster Serum | Exosome, ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$39.00</span>
              <span class="text-green-600 text-sm font-semibold">$11.90</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-69%</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/B0D16L5F2M?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/micro-ingredients-astaxanthin-12mg-with-mct-oil-120-softgels-4-month-supply-premium-astaxanthin-antioxidant-supplements-fresh-microalgae-source-triple-strength-non-gmo-gluten-free-no-soy">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/23865/f1902d793575c300.jpg" alt="Micro Ingredients Astaxanthin 12mg with MCT Oil, 120 Softgels, 4 Month Supply | Premium Astaxanthin Antioxidant Supplements* | Fresh Microalgae Source | Triple Strength, Non-GMO, Gluten Free, No Soy" 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">
            Micro Ingredients Astaxanthin 12mg with MCT Oil, 120 Softgels, 4 Month Supply | Premium Astaxanth...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$34.95</span>
              <span class="text-green-600 text-sm font-semibold">$31.45</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/B08MWZQ4S6?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/move-free-advanced-glucosamine-chondroitin-msm-joint-support-supplement-supports-mobility-comfort-strength-flexibility-bone-120-count-pack-of-3">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/23864/ab20029974a8aa36.jpg" alt="Move Free Advanced Glucosamine Chondroitin MSM Joint Support Supplement, Supports Mobility Comfort Strength Flexibility &amp; Bone - 120 Count (Pack of 3)" 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">
            Move Free Advanced Glucosamine Chondroitin MSM Joint Support Supplement, Supports Mobility Comfor...
          </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.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/B07Z98X1QZ?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/gearit-speaker-wire-14-gauge-black-wire-250-ft-ul-cl3-rated-copper-wire-with-polarity-mark-speaker-cable-for-in-wall-home-car-outdoor-garden-commercial-audio-systems-ofc-black-2-conductors">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/23863/3d8daf94fab3ba20.jpg" alt="GEARit Speaker Wire 14 Gauge Black Wire 250 ft UL CL3 Rated, Copper Wire with Polarity Mark, Speaker Cable for in-Wall, Home, Car, Outdoor, Garden, Commercial Audio Systems, OFC (Black,2-Conductors)" 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">
            GEARit Speaker Wire 14 Gauge Black Wire 250 ft UL CL3 Rated, Copper Wire with Polarity Mark, Spea...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$141.95</span>
              <span class="text-green-600 text-sm font-semibold">$127.76</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/B01N3JS3SD?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/leather-journal-with-deckle-edge-paper-8x6-inch-and-vintage-key-handmade-writing-notebook-diary-bound-daily-notepad-for-men-women-medium-sketch-writing-pad-for-artists">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/23862/ba2759eb93857d0e.jpg" alt="Leather Journal with Deckle Edge Paper 8x6 inch and Vintage Key | Handmade Writing Notebook Diary | Bound Daily Notepad for Men &amp; Women Medium, Sketch/Writing pad for Artists" 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">
            Leather Journal with Deckle Edge Paper 8x6 inch and Vintage Key | Handmade Writing Notebook Diary...
          </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/B0FL7NXJ9S?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/filterbuy-16x20x1-air-filter-merv-13-optimal-smoke-allergy-defense-4-pack-electrostatic-pleated-hvac-ac-furnace-filters-replacement-actual-size-15-50-x-19-50-x-0-75">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/23861/456cd4fc22fb7dbd.jpg" alt="Filterbuy 16x20x1 Air Filter MERV 13 Optimal Smoke &amp; Allergy Defense (4-Pack), Electrostatic Pleated HVAC AC Furnace Filters Replacement (Actual Size: 15.50 x 19.50 x 0.75)" 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">
            Filterbuy 16x20x1 Air Filter MERV 13 Optimal Smoke &amp; Allergy Defense (4-Pack), Electrostatic Plea...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$47.96</span>
              <span class="text-green-600 text-sm font-semibold">$43.15</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/B00CJZ74LW?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/filterbuy-16x25x1-air-filter-merv-11-superior-pet-allergy-defense-6-pack-electrostatic-pleated-hvac-ac-furnace-filters-replacement-actual-size-15-50-x-24-50-x-0-75">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/23860/3e96e23008850d00.jpg" alt="Filterbuy 16x25x1 Air Filter MERV 11 Superior Pet &amp; Allergy Defense (6-Pack), Electrostatic Pleated HVAC AC Furnace Filters Replacement (Actual Size: 15.50 x 24.50 x 0.75)" 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">
            Filterbuy 16x25x1 Air Filter MERV 11 Superior Pet &amp; Allergy Defense (6-Pack), Electrostatic Pleat...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$44.94</span>
              <span class="text-green-600 text-sm font-semibold">$40.45</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/B00CK037C6?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/novilla-10-inch-queen-mattress-memory-foam-mattress-queen-with-breathable-comfort-layer-high-density-base-foam-for-pressure-relief-support-certipur-us-certified-for-a-cool-refreshed-sleep">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/23858/847faa448d532fa5.jpg" alt="Novilla 10 Inch Queen Mattress, Memory Foam Mattress Queen with Breathable Comfort Layer &amp; High-Density Base Foam for Pressure Relief &amp; Support, CertiPUR-US Certified for a Cool &amp; Refreshed Sleep" 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">
            Novilla 10 Inch Queen Mattress, Memory Foam Mattress Queen with Breathable Comfort Layer &amp; High-D...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$174.99</span>
              <span class="text-green-600 text-sm font-semibold">$157.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/B0F2HFJT36?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/canshn-magnetic-compatible-with-iphone-17-pro-max-case-upgraded-full-camera-protection-compatible-with-magsafe-translucent-matte-shockproof-protective-phone-cover-6-9-inch-hot-pink">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/23857/169c5c77b4c25b02.jpg" alt="CANSHN Magnetic Compatible with iPhone 17 Pro Max Case, Upgraded [Full Camera Protection] [Compatible with Magsafe] [Translucent Matte] Shockproof Protective Phone Cover 6.9 Inch - Hot Pink" 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">
            CANSHN Magnetic Compatible with iPhone 17 Pro Max Case, Upgraded [Full Camera Protection] [Compat...
          </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">$17.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/B0FDW734NW?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/soccer-jerseys-for-boys-kids-football-training-uniform-soccer-fans-jerseys-youth-gift-kit-set">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/23856/092a9c69975a8086.jpg" alt="Soccer Jerseys for Boys Kids Football Training Uniform Soccer Fans Jerseys Youth Gift Kit Set" 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">
            Soccer Jerseys for Boys Kids Football Training Uniform Soccer Fans Jerseys Youth Gift Kit Set
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$26.89</span>
              <span class="text-green-600 text-sm font-semibold">$24.20</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/B0DQ7K9WKZ?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=760"   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=757"   >757</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=758"   >758</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=759"   >759</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=760"   rel="prev" >760</a></span> <span class="page active">761</span> <span class="page"><a href="/?deal_type_id=18&amp;page=762"   rel="next" >762</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=763"   >763</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=764"   >764</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=765"   >765</a></span> <span class="page gap">&hellip;</span> <span class="page"><a href="/?deal_type_id=18&amp;page=937"   >937</a></span> <span class="page next"><a href="/?deal_type_id=18&amp;page=762"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span></nav>
  </div>
</template></turbo-stream>