<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/teppdfann-sliver-and-gold-plated-natural-stone-necklace-tiny-oval-gemstone-pendant-necklace-for-women-with-beautiful-jade-turquoise-necklace-for-gift">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/60815/92f981ced2ca1085.jpg" alt="Teppdfann Sliver and Gold Plated Natural Stone Necklace Tiny Oval Gemstone Pendant Necklace for Women with Beautiful Jade Turquoise Necklace for Gift" 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">
            Teppdfann Sliver and Gold Plated Natural Stone Necklace Tiny Oval Gemstone Pendant Necklace for W...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$16.99</span>
              <span class="text-green-600 text-sm font-semibold">$12.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-24%</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/B0D2128N2P?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/3-100-tendersweet-carrot-heirloom-vegetable-seeds-daucus-carota-sweet-carrot-seed-packets-vegetable-seeds-for-planting-outdoors-raised-beds-containers-home-garden-heirloom-seeds">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/60816/20a865d20fe0a3b7.jpg" alt="3,100 Tendersweet Carrot Heirloom Vegetable Seeds, Daucus Carota | Sweet Carrot Seed Packets, Vegetable Seeds for Planting Outdoors, Raised Beds, Containers, Home Garden, Heirloom Seeds" 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">
            3,100 Tendersweet Carrot Heirloom Vegetable Seeds, Daucus Carota | Sweet Carrot Seed Packets, Veg...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$6.59</span>
              <span class="text-green-600 text-sm font-semibold">$5.09</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-23%</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/B0G49QZZGF?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/halloween-1000-piece-puzzle-for-adults-jigsaw-puzzle-spooky-trick-or-treat-scene-with-pumpkins-ghosts-haunted-houses-autumn-challenging-fun-family-game-night-puzzle-with-poster-27-x20">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/60813/b87365069fd6755a.jpg" alt="Halloween 1000 Piece Puzzle for Adults Jigsaw Puzzle Spooky Trick-or-Treat Scene with Pumpkins Ghosts &amp; Haunted Houses Autumn Challenging Fun Family Game Night Puzzle with Poster（27&quot;x20&quot;）" 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">
            Halloween 1000 Piece Puzzle for Adults Jigsaw Puzzle Spooky Trick-or-Treat Scene with Pumpkins Gh...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$15.99</span>
              <span class="text-green-600 text-sm font-semibold">$12.23</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-24%</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/B0F64VC8VC?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/hoosun-garden-flag-stand-premium-garden-flag-holder-pole-metal-powder-coated-weather-proof-paint-with-graden-flag-clip-and-spring-stoppers-without-flag-garden-decorations">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/60806/019fc92edb355fdb.jpg" alt="HOOSUN Garden Flag Stand,Premium Garden Flag Holder Pole Metal Powder-Coated Weather-Proof Paint with Graden Flag Clip and Spring Stoppers Without Flag Garden Decorations" 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">
            HOOSUN Garden Flag Stand,Premium Garden Flag Holder Pole Metal Powder-Coated Weather-Proof Paint ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$7.99</span>
              <span class="text-green-600 text-sm font-semibold">$5.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-25%</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/B0742G9C3D?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/lolstar-usb-rechargeable-pumpkin-ghost-bat-halloween-window-lights-3-pack-halloween-window-decoration-usb-c-rechargeable-8-flashing-modes-built-in-timer-halloween-lights-for-indoor-outdoor-home">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/60811/f32a7476201495e7.jpg" alt="LOLStar USB Rechargeable Pumpkin Ghost Bat Halloween Window Lights, 3 Pack | Halloween Window Decoration, USB-C Rechargeable, 8 Flashing Modes, Built-in Timer, Halloween Lights for Indoor, Outdoor home" 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">
            LOLStar USB Rechargeable Pumpkin Ghost Bat Halloween Window Lights, 3 Pack | Halloween Window Dec...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$18.99</span>
              <span class="text-green-600 text-sm font-semibold">$14.23</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-25%</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/B0GY3BRK7C?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/halloween-decorations-retro-halloween-table-runner-for-home-party-decor-black-cat-witch-hat-jack-o-lantern-table-decor-halloween-party-supplies-decorations-for-dining-room-kitchen-home">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/60808/1d2249f15489022f.jpg" alt="Halloween Decorations - Retro Halloween Table Runner for Home Party Decor | Black Cat Witch Hat Jack-O-Lantern Table Decor - Halloween Party Supplies Decorations for Dining Room Kitchen Home" 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">
            Halloween Decorations - Retro Halloween Table Runner for Home Party Decor | Black Cat Witch Hat J...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$7.99</span>
              <span class="text-green-600 text-sm font-semibold">$5.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-25%</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/B0H9QJYFNL?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/ergobaby-omni-deluxe-baby-carrier-for-newborn-to-toddlers-0-48-months-4-position-breathable-mesh-baby-carrier-with-ergonomic-support-storage-pockets-and-sun-hood-fits-7-45-lbs-pearl-grey">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/60803/0af9def4f50f19e1.jpg" alt="Ergobaby Omni Deluxe Baby Carrier for Newborn to Toddlers 0-48 Months | 4-Position Breathable Mesh Baby Carrier with Ergonomic Support, Storage Pockets, and Sun Hood, Fits 7-45 lbs, Pearl Grey" 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">
            Ergobaby Omni Deluxe Baby Carrier for Newborn to Toddlers 0-48 Months | 4-Position Breathable Mes...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$219.00</span>
              <span class="text-green-600 text-sm font-semibold">$164.00</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-25%</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/B0DWFZRWP3?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/minetom-purple-halloween-mini-lights-100-count-20-feet-mini-string-lights-led-bulb-connectable-halloween-light-for-haunted-house-ghost-party-holiday-window-indoor-outdoor-decoration">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/60812/ae729b3d204c871e.jpg" alt="Minetom Purple Halloween Mini Lights, 100 Count 20 Feet Mini String Lights | LED Bulb, Connectable Halloween Light for Haunted House Ghost Party Holiday Window Indoor Outdoor Decoration" 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">
            Minetom Purple Halloween Mini Lights, 100 Count 20 Feet Mini String Lights | LED Bulb, Connectabl...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$11.99</span>
              <span class="text-green-600 text-sm font-semibold">$8.98</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-25%</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/B0GXVYQ123?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/toodour-solar-halloween-lights-outdoor-4-pack-solar-torch-light-waterproof-with-flickering-flame-led-flame-torches-solar-outdoor-lights-orange-for-camping-garden-landscape-yard-halloween-decor">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/60810/07e45f5bb94c1ab7.jpg" alt="Toodour Solar Halloween Lights Outdoor, 4 Pack Solar Torch Light Waterproof | With Flickering Flame, LED Flame Torches, Solar Outdoor Lights Orange for Camping Garden Landscape Yard Halloween Decor" 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">
            Toodour Solar Halloween Lights Outdoor, 4 Pack Solar Torch Light Waterproof | With Flickering Fla...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$39.99</span>
              <span class="text-green-600 text-sm font-semibold">$29.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-25%</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/B0BYZLBHYH?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/halloween-party-favor-goodie-bag-stuffers-40-pcs-sticky-hands-for-toddler-boo-trick-or-treat-basket-pinata-fillers-for-kids-halloween-birthday-classroom-prizes-supplies-games-stuff-for-boys-girls">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/60809/afe25e8644515211.jpg" alt="Halloween Party Favor Goodie Bag Stuffers 40 PCS - Sticky Hands for Toddler | Boo Trick or Treat Basket Pinata Fillers for Kids, Halloween Birthday Classroom Prizes Supplies Games Stuff for Boys Girls" 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">
            Halloween Party Favor Goodie Bag Stuffers 40 PCS - Sticky Hands for Toddler | Boo Trick or Treat ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$11.89</span>
              <span class="text-green-600 text-sm font-semibold">$8.88</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-25%</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/B0F2HFHV4H?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/amufer-bug-zapper-outdoor-indoor-with18w-power-4400v-instant-grid-insect-control-efficiency-increased-100-1-2-acre-coverage-3-prong-waterproof-mosquito-zapper-for-patio-backyard-home">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/60807/071149dc79679c79.jpg" alt="AMUFER Bug Zapper Outdoor Indoor with18W Power &amp; 4400V Instant Grid | Insect Control Efficiency Increased 100%, 1/2 Acre Coverage, 3-Prong Waterproof Mosquito Zapper for Patio, Backyard, Home" 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">
            AMUFER Bug Zapper Outdoor Indoor with18W Power &amp; 4400V Instant Grid | Insect Control Efficiency I...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$39.99</span>
              <span class="text-green-600 text-sm font-semibold">$29.98</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-25%</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/B09P88Q76X?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/suncast-5-9-x-3-7-horizontal-stow-away-storage-shed-resin-hinged-lid">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/60805/5a47a7299252c1b2.jpg" alt="Suncast 5.9&#39; x 3.7&#39; Horizontal Stow-Away Storage Shed, Resin, Hinged Lid" 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">
            Suncast 5.9&#39; x 3.7&#39; Horizontal Stow-Away Storage Shed, Resin, Hinged Lid
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$499.99</span>
              <span class="text-green-600 text-sm font-semibold">$375.20</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-25%</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/B0DZ32LRV5?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="/?page=36&amp;trk=public_profile__posts-text"   rel="prev" aria-label="previous">&lsaquo;&nbsp;Prev</a></span> <span class="page"><a href="/?page=1&amp;trk=public_profile__posts-text"   >1</a></span> <span class="page gap">&hellip;</span> <span class="page"><a href="/?page=33&amp;trk=public_profile__posts-text"   >33</a></span> <span class="page"><a href="/?page=34&amp;trk=public_profile__posts-text"   >34</a></span> <span class="page"><a href="/?page=35&amp;trk=public_profile__posts-text"   >35</a></span> <span class="page"><a href="/?page=36&amp;trk=public_profile__posts-text"   rel="prev" >36</a></span> <span class="page active">37</span> <span class="page"><a href="/?page=38&amp;trk=public_profile__posts-text"   rel="next" >38</a></span> <span class="page"><a href="/?page=39&amp;trk=public_profile__posts-text"   >39</a></span> <span class="page"><a href="/?page=40&amp;trk=public_profile__posts-text"   >40</a></span> <span class="page"><a href="/?page=41&amp;trk=public_profile__posts-text"   >41</a></span> <span class="page gap">&hellip;</span> <span class="page"><a href="/?page=196&amp;trk=public_profile__posts-text"   >196</a></span> <span class="page next"><a href="/?page=38&amp;trk=public_profile__posts-text"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span></nav>
  </div>
</template></turbo-stream>