<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-mens-247-7-short-smok">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/67544/df2ddf7757969fbf.jpg" alt="The North Face Men&#39;s 24/7 7&quot; Short, Smok" 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 24/7 7&quot; Short, Smok
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$50.00</span>
              <span class="text-green-600 text-sm font-semibold">$35.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/B0F9819MNP?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-mens-wander-short-20-i">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/67543/92e750c6e730eaf8.jpg" alt="The North Face Men&#39;s Wander Short 2.0, I" 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 Wander Short 2.0, I
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$55.00</span>
              <span class="text-green-600 text-sm font-semibold">$38.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/B0F98H7XQM?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-sunlit-summit-hoodi">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/67542/da38e4128d45d486.jpg" alt="The North Face Men&#39;s Sunlit Summit Hoodi" 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 Sunlit Summit Hoodi
          </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/B0F97Q8RPT?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-teen-altamesa-trail-runni">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/67541/192a8abd70622fd5.jpg" alt="The North Face Teen Altamesa Trail Runni" 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 Altamesa Trail Runni
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$75.00</span>
              <span class="text-green-600 text-sm font-semibold">$52.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/B0D4B4BFVG?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-teen-hike-midlayer-full-z">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/67540/6da3ce0200913643.jpg" alt="The North Face Teen Hike Midlayer Full Z" 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 Hike Midlayer Full Z
          </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/B0DT7GX7DR?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-short-sleeve-tri-bl">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/67536/0f1d6eb3bdcd3d80.jpg" alt="The North Face Men&#39;s Short Sleeve Tri-Bl" 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 Short Sleeve Tri-Bl
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$40.00</span>
              <span class="text-green-600 text-sm font-semibold">$28.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/B0F984MPX9?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-mens-celestial-drift-sho">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/67535/83ace16da33023e1.jpg" alt="The North Face Men&#39;s Celestial Drift 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 Celestial Drift 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/B0F986QWJR?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-vectiv-enduris-4-trail-ru">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/67539/9da8f8e805cc1168.jpg" alt="The North Face VECTIV Enduris 4 Trail Ru" 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 VECTIV Enduris 4 Trail Ru
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$180.00</span>
              <span class="text-green-600 text-sm font-semibold">$126.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/B0F97V1DGB?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-247-pentadome-embossed-s">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/67538/8f4cec82b92ab590.jpg" alt="The North Face 24/7 Pentadome Embossed 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">
            The North Face 24/7 Pentadome Embossed S
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$45.00</span>
              <span class="text-green-600 text-sm font-semibold">$31.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/B0F97QN93Q?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-evolution-simple-dome-lon">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/67532/54b57a789c7228c9.jpg" alt="The North Face Evolution Simple Dome Lon" 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 Evolution Simple Dome Lon
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$45.00</span>
              <span class="text-green-600 text-sm font-semibold">$31.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/B0F9854PVH?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-247-woven-jogger">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/67531/5c800c6915c8f138.jpg" alt="The North Face Men&#39;s 24/7 Woven Jogger," 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 24/7 Woven Jogger,
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$85.00</span>
              <span class="text-green-600 text-sm font-semibold">$59.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/B0DPB1MZG7?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-mens-evolution-simple-do">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/67530/1094a461931e0db5.jpg" alt="The North Face Men&#39;s Evolution Simple Do" 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 Evolution Simple Do
          </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/B0F97L5VSV?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=200"   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=197"   >197</a></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"   rel="prev" >200</a></span> <span class="page active">201</span> <span class="page"><a href="/?page=202"   rel="next" >202</a></span> <span class="page"><a href="/?page=203"   >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 gap">&hellip;</span> <span class="page"><a href="/?page=292"   >292</a></span> <span class="page next"><a href="/?page=202"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span></nav>
  </div>
</template></turbo-stream>