<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/wiholl-summer-dresses-cap-sleeve-crewneck-maxi-long-casual-dress-with-pockets-beach-vacation-sundresses-2026-trendy">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/54240/6e1eb394365fed25.jpg" alt="WIHOLL Summer Dresses Cap Sleeve Crewneck Maxi Long Casual Dress with Pockets Beach Vacation Sundresses 2026 Trendy" 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">
            WIHOLL Summer Dresses Cap Sleeve Crewneck Maxi Long Casual Dress with Pockets Beach Vacation Sund...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$19.98</span>
              <span class="text-green-600 text-sm font-semibold">$17.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/B0FV81YYSW?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-k1-vocal-microphone-for-singing-dynamic-handheld-wired-karaoke-mic-microfono-with-5m-xlr-to-1-4-cable-compatible-with-amp-mixer-suitable-for-speech-karaoke-and-outdoor-activities">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/54228/bf3fdcb49b884f6d.jpg" alt="TONOR K1 Vocal Microphone for Singing, Dynamic Handheld Wired Karaoke Mic, Microfono with 5M XLR to 1/4&quot; Cable, Compatible with Amp, Mixer, Suitable for Speech, Karaoke and Outdoor Activities" 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 K1 Vocal Microphone for Singing, Dynamic Handheld Wired Karaoke Mic, Microfono with 5M XLR ...
          </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">$19.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">
              • 
            </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/B01ISNU3X4?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/lurt-500w-fog-machine-mini-auto-smoke-led-lights-wireless-remote-control-2500cfm-smoke-output-with-fuse-protection-for-halloween-weddings-discos-photo-indoor-shoot-outdoor-stage-effects">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/54227/61c72aa75c9a837a.jpg" alt="LURT 500W Fog Machine Mini Auto Smoke LED Lights Wireless Remote Control | 2500CFM Smoke Output, With Fuse Protection, For Halloween Weddings Discos Photo Indoor Shoot Outdoor Stage Effects" 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">
            LURT 500W Fog Machine Mini Auto Smoke LED Lights Wireless Remote Control | 2500CFM Smoke Output, ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$35.99</span>
              <span class="text-green-600 text-sm font-semibold">$32.39</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/B0D1TZVPHT?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/nazhura-set-of-2-relaxing-recliners-patio-chairs-adjustable-steel-mesh-zero-gravity-lounge-chair-beach-chairs-with-pillow-and-cup-holder-khaki-pink">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/54225/673cb81f5080f067.jpg" alt="Nazhura Set of 2 Relaxing Recliners Patio Chairs Adjustable Steel Mesh Zero Gravity Lounge Chair Beach Chairs with Pillow and Cup Holder Khaki (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">
            Nazhura Set of 2 Relaxing Recliners Patio Chairs Adjustable Steel Mesh Zero Gravity Lounge Chair ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$79.95</span>
              <span class="text-green-600 text-sm font-semibold">$71.96</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/B0GY4BHFBM?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/relxitl-garden-hose-ultra-lightweight-water-hose-50ft-felxible-10-function-sprayer-leak-proof-pressure-resistant-for-yard-outdoor-non-expanding-black">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/54224/7ac5fdca1a7b4433.jpg" alt="Relxitl Garden Hose, Ultra Lightweight Water Hose 50FT | Felxible, 10 Function Sprayer, Leak proof, Pressure Resistant for Yard, Outdoor，Non-Expanding，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">
            Relxitl Garden Hose, Ultra Lightweight Water Hose 50FT | Felxible, 10 Function Sprayer, Leak proo...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$31.59</span>
              <span class="text-green-600 text-sm font-semibold">$28.43</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/B0DQD9M1WV?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/koonie-8-10000mah-battery-operated-misting-fan-with-max-48-hrs-runtime-portable-mist-desk-fan-with-clip-3-speeds-2-spray-modes-200ml-tank-for-golf-cart-home-office-travel-camping-stroller">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/54223/5b49869abfa46404.jpg" alt="Koonie 8&#39;&#39; 10000mAh Battery Operated Misting Fan with Max. 48 Hrs Runtime | Portable Mist Desk Fan with Clip, 3 Speeds, 2 Spray Modes, 200ML Tank for Golf Cart Home Office Travel Camping Stroller" 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">
            Koonie 8&#39;&#39; 10000mAh Battery Operated Misting Fan with Max. 48 Hrs Runtime | Portable Mist Desk Fa...
          </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/B0DS25SXZ3?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/northyard-men-s-athletic-running-shorts-quick-dry-lightweight-zip-pockets-5-7-9-inseam-unlined-adjustable-waist-moisture-wicking-4-way-stretch-upf-50-workout-gym-tennis-basketball-hiking-2">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/54180/1581ed4535b683c0.jpg" alt="NORTHYARD Men&#39;s Athletic Running Shorts Quick Dry Lightweight Zip Pockets | 5&quot;, 7&quot;, 9&quot; Inseam, Unlined, Adjustable Waist, Moisture Wicking, 4-Way Stretch, UPF 50+, Workout Gym Tennis Basketball Hiking" 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">
            NORTHYARD Men&#39;s Athletic Running Shorts Quick Dry Lightweight Zip Pockets | 5&quot;, 7&quot;, 9&quot; Inseam, Un...
          </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">$16.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/B0BQ1YTS18?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/50-ft-non-expanding-garden-hose-2026-new-upgrated-non-expandable-garden-water-hose-ultra-light-flexible-burst-resistant-kink-free-garden-hoses-all-weather-use-for-lawns-gardens-outdoor">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/54176/964e4a171fa790fe.jpg" alt="50 FT Non-Expanding Garden Hose, 2026 New Upgrated Non-Expandable Garden Water Hose - Ultra-Light &amp; Flexible Burst-Resistant, Kink-Free Garden Hoses, All-Weather Use for Lawns, Gardens,Outdoor" 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">
            50 FT Non-Expanding Garden Hose, 2026 New Upgrated Non-Expandable Garden Water Hose - Ultra-Light...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$42.99</span>
              <span class="text-green-600 text-sm font-semibold">$36.55</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/B0GXQWZL2P?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/jbl-go-5-portable-bluetooth-speaker-waterproof-and-dustproof-purple-dustproof-drop-proof-with-up-to-10-hr-battery-stereo-pairing-app-control-for-pool-beach-outdoor-listening">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/54165/82998e9b883102ad.jpg" alt="JBL Go 5 Portable Bluetooth Speaker, Waterproof and Dustproof - Purple | Dustproof Drop-Proof With up to 10 Hr Battery, Stereo Pairing, App Control For Pool, Beach, Outdoor Listening" 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">
            JBL Go 5 Portable Bluetooth Speaker, Waterproof and Dustproof - Purple | Dustproof Drop-Proof Wit...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$54.95</span>
              <span class="text-green-600 text-sm font-semibold">$44.95</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">JBL</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/B0GHY121Z1?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/prettygarden-women-s-summer-sleeveless-ribbed-tank-tops-cute-y2k-spring-going-out-shirts-crew-neck-seam-wide-strap-slim-fitted-cropped-tops-garment-friendly-2">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/54159/6419652afefba8d6.jpg" alt="PRETTYGARDEN Women&#39;s Summer Sleeveless Ribbed Tank Tops | Cute Y2K Spring Going Out Shirts, Crew Neck Seam Wide Strap Slim Fitted Cropped Tops, Garment 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">
            PRETTYGARDEN Women&#39;s Summer Sleeveless Ribbed Tank Tops | Cute Y2K Spring Going Out Shirts, Crew ...
          </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">$15.99</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/B0GH167SW1?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/water-shoes-for-women-men-quick-dry-aqua-socks-swim-beach-outfits-barefoot-yoga-exercise-wear-sport-accessories-pool-camping-must-haves-river-hiking-youth-adult">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/54156/75eb0c7245698e04.jpg" alt="Water Shoes for Women Men Quick-Dry Aqua Socks Swim Beach Outfits Barefoot | Yoga Exercise Wear Sport Accessories Pool Camping Must Haves River Hiking Youth Adult" 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">
            Water Shoes for Women Men Quick-Dry Aqua Socks Swim Beach Outfits Barefoot | Yoga Exercise Wear S...
          </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">$11.99</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/B09Q3MD1XZ?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/taja-hardcover-journal-for-women-pretty-spiral-lined-notebook-for-work-a5-5-8-x-8-3-140-pages-for-work-school-note-taking-aesthetic-college-ruled-journal-for-writing-starlit-garden">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/54151/446cc504b1aedcc1.jpg" alt="Taja Hardcover Journal for Women, Pretty Spiral Lined Notebook for Work, A5 | 5.8&quot; x 8.3&quot;, 140 Pages, for Work, School &amp; Note Taking, Aesthetic College Ruled Journal for Writing, Starlit Garden" 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">
            Taja Hardcover Journal for Women, Pretty Spiral Lined Notebook for Work, A5 | 5.8&quot; x 8.3&quot;, 140 Pa...
          </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">$7.97</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/B0G6YGRMR9?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=312"   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=309"   >309</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=310"   >310</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=311"   >311</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=312"   rel="prev" >312</a></span> <span class="page active">313</span> <span class="page"><a href="/?deal_type_id=18&amp;page=314"   rel="next" >314</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=315"   >315</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=316"   >316</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=317"   >317</a></span> <span class="page gap">&hellip;</span> <span class="page"><a href="/?deal_type_id=18&amp;page=1559"   >1559</a></span> <span class="page next"><a href="/?deal_type_id=18&amp;page=314"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span></nav>
  </div>
</template></turbo-stream>