<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/the-north-face-boys-yumiori-full-zip-ja">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/67529/9242e057d47eb7ae.jpg" alt="The North Face Boys&#39; Yumiori Full Zip Ja" 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">
            The North Face Boys&#39; Yumiori Full Zip Ja
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$90.00</span>
              <span class="text-green-600 text-sm font-semibold">$63.00</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/B0CM7ZD8D1?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/the-north-face-womens-evolution-simple">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/67528/c9262547cb0ca7f1.jpg" alt="The North Face Women&#39;s Evolution Simple" 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">
            The North Face Women&#39;s Evolution Simple
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$65.00</span>
              <span class="text-green-600 text-sm font-semibold">$45.50</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/B0F97XN6N9?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-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/the-north-face-borealis-mini-backpack-c">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/67527/8088db338ecaad6d.jpg" alt="The North Face Borealis Mini Backpack, C" 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">
            The North Face Borealis Mini Backpack, C
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$65.00</span>
              <span class="text-green-600 text-sm font-semibold">$45.50</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/B0F9J64FP7?tag=dealhuntnow-20">
            <i class="fa-solid fa-tag mr-1"></i> See Deal
</a>        </div>
    </div>
  </div>

        

  <div class="relative flex flex-col sm:flex-row bg-white p-4 rounded-lg shadow hover:shadow-md transition-all duration-150 hover:bg-pink-100">
    <div class="flex flex-row items-start gap-4 sm:gap-4 flex-1">
      <a data-turbo="false" class="flex gap-4 flex-1 items-start" href="/products/the-north-face-yumiori-qz-jacket-wht-du">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/67526/d838936a0ad70ed3.jpg" alt="The North Face Yumiori QZ Jacket, Wht Du" 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">
            The North Face Yumiori QZ Jacket, Wht Du
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$100.00</span>
              <span class="text-green-600 text-sm font-semibold">$70.00</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/B0F986H9FY?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-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/the-north-face-yumiori-full-zip-jacket">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/67525/eea74c516efba91d.jpg" alt="The North Face Yumiori Full Zip Jacket," 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">
            The North Face Yumiori Full Zip Jacket,
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$110.00</span>
              <span class="text-green-600 text-sm font-semibold">$77.00</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/B0F97WG41X?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-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/the-north-face-tnf-cyclone-wind-jacket">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/67524/8bf5bd9891a42831.jpg" alt="The North Face TNF Cyclone Wind Jacket," 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">
            The North Face TNF Cyclone Wind Jacket,
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$65.00</span>
              <span class="text-green-600 text-sm font-semibold">$45.50</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/B0F97XMBF2?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/the-north-face-teen-explore-camp-shandal">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/67523/6bcf23b319d68ba0.jpg" alt="The North Face Teen Explore Camp Shandal" 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">
            The North Face Teen Explore Camp Shandal
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$80.00</span>
              <span class="text-green-600 text-sm font-semibold">$56.00</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/B0F98DZZ3P?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-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/the-north-face-mens-explore-camp-sandal">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/67522/cea662c5c7d4440a.jpg" alt="The North Face Men&#39;s Explore Camp Sandal" 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">
            The North Face Men&#39;s Explore Camp Sandal
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$120.00</span>
              <span class="text-green-600 text-sm font-semibold">$84.00</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/B0CYM33HBM?tag=dealhuntnow-20">
            <i class="fa-solid fa-tag mr-1"></i> See Deal
</a>        </div>
    </div>
  </div>

        

  <div class="relative flex flex-col sm:flex-row bg-white p-4 rounded-lg shadow hover:shadow-md transition-all duration-150 hover:bg-pink-100">
    <div class="flex flex-row items-start gap-4 sm:gap-4 flex-1">
      <a data-turbo="false" class="flex gap-4 flex-1 items-start" href="/products/nautica-mens-short-sleeve-crew-neck-t-s">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/67521/83d46681338dc2f0.jpg" alt="Nautica Men&#39;s Short Sleeve Crew Neck T-S" 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">
            Nautica Men&#39;s Short Sleeve Crew Neck T-S
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$15.96</span>
              <span class="text-green-600 text-sm font-semibold">$7.83</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-51%</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/B07BN4XDT7?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-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/nautica-mens-short-sleeve-100-cotton-c">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/67520/94b8382eb8e95f8a.jpg" alt="Nautica Men&#39;s Short Sleeve 100% Cotton C" 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">
            Nautica Men&#39;s Short Sleeve 100% Cotton C
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$16.74</span>
              <span class="text-green-600 text-sm font-semibold">$10.50</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-37%</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/B07HRHM926?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-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/the-north-face-mens-escape-the-city-sho">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/67519/96c65092185b88b3.jpg" alt="The North Face Men&#39;s Escape The City Sho" 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">
            The North Face Men&#39;s Escape The City Sho
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$35.00</span>
              <span class="text-green-600 text-sm font-semibold">$24.50</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/B0F9831C6Z?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/the-north-face-womens-wildflower-trails">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/67518/c6216bd89ffac580.jpg" alt="The North Face Women&#39;s Wildflower Trails" 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">
            The North Face Women&#39;s Wildflower Trails
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$35.00</span>
              <span class="text-green-600 text-sm font-semibold">$24.50</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/B0F97WZXMZ?tag=dealhuntnow-20">
            <i class="fa-solid fa-tag mr-1"></i> See Deal
</a>        </div>
    </div>
  </div>

  </div>

  <div class="mt-6 flex justify-center col-span-full">
    <nav class="pagy-nav pagination"><span class="page prev"><a href="/?page=201"   rel="prev" aria-label="previous">&lsaquo;&nbsp;Prev</a></span> <span class="page"><a href="/?page=1"   >1</a></span> <span class="page gap">&hellip;</span> <span class="page"><a href="/?page=198"   >198</a></span> <span class="page"><a href="/?page=199"   >199</a></span> <span class="page"><a href="/?page=200"   >200</a></span> <span class="page"><a href="/?page=201"   rel="prev" >201</a></span> <span class="page active">202</span> <span class="page"><a href="/?page=203"   rel="next" >203</a></span> <span class="page"><a href="/?page=204"   >204</a></span> <span class="page"><a href="/?page=205"   >205</a></span> <span class="page"><a href="/?page=206"   >206</a></span> <span class="page gap">&hellip;</span> <span class="page"><a href="/?page=292"   >292</a></span> <span class="page next"><a href="/?page=203"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span></nav>
  </div>
</template></turbo-stream>