<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/aidunmis-7pcs-small-note-pads-5x8-legal-pads-pink-notepad-5x8-college-ruled-pink-notebook-paper-narrow-ruled-mini-notepads-5-x-8-legal-pad-perforated-small-writing-pads-5x7-in-30-sheets-per-note-pad">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/27064/40c9184d828f6167.jpg" alt="7pcs Small Note Pads 5x8 Legal Pads Pink Notepad 5x8 College Ruled Pink | Small Notebook Paper Narrow Ruled Mini Notepads 5 x 8 Legal Pad Perforated Small Writing Pads 5x7 In 30 Sheets per Note Pad" 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">
            7pcs Small Note Pads 5x8 Legal Pads Pink Notepad 5x8 College Ruled Pink | Small Notebook Paper Na...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$8.99</span>
              <span class="text-green-600 text-sm font-semibold">$7.98</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-11%</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/B0FFMM2MC7?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/ktoesheo-2-pcs-acoustic-panels-48-x24-x2-egg-crate-foam-soundproof-foam-wall-panels-high-density-fireproof-noise-cancelling-foam-studio-foam-panel-noise-black">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/54183/fb97d32fc6230daa.jpg" alt="KTOESHEO 2 PCS Acoustic Panels,48&#39;&#39;X24&#39;&#39;X2&#39;&#39; Egg Crate Foam Soundproof Foam Wall Panels,High Density Fireproof Noise Cancelling Foam Studio Foam Panel,Noise (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">
            KTOESHEO 2 PCS Acoustic Panels,48&#39;&#39;X24&#39;&#39;X2&#39;&#39; Egg Crate Foam Soundproof Foam Wall Panels,High Dens...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$36.99</span>
              <span class="text-green-600 text-sm font-semibold">$31.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-14%</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/B0BQN84NFD?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/daily-planner-undated-8-5-x-11-to-do-list-notebook-hourly-schedules-150-sheets-300-pages-spiral-appointment-planner-for-women-and-men-pvc-hardcover-inner-pocket-elastic-closure-teal-flowers">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/54186/effe5929985506f5.jpg" alt="Daily Planner Undated - 8.5&quot; x 11&quot; To Do List Notebook Hourly Schedules, 150 Sheets/300 Pages Spiral Appointment Planner for Women and Men,PVC Hardcover, Inner Pocket, Elastic Closure, Teal Flowers" 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">
            Daily Planner Undated - 8.5&quot; x 11&quot; To Do List Notebook Hourly Schedules, 150 Sheets/300 Pages Spi...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$22.99</span>
              <span class="text-green-600 text-sm font-semibold">$19.95</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-13%</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/B0C86GJ716?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/presonus-eris-e4-5-2-way-4-5-near-field-studio-monitor-pair">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/54192/753a028dbe632e74.jpg" alt="PreSonus Eris E4.5-2-Way 4.5&quot; Near Field Studio Monitor (Pair)" 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">
            PreSonus Eris E4.5-2-Way 4.5&quot; Near Field Studio Monitor (Pair)
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$157.99</span>
              <span class="text-green-600 text-sm font-semibold">$139.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-11%</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/B00GP56OYA?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/karaoke-machine-for-adults-kids-portable-bluetooth-speaker-with-2-wireless-microphones-tws-mode-led-light-10h-battery-pa-system-stage-monitors-home-party-outdoor-birthday-gifts-black">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/19930/9c6c62f5aa6f1b5a.jpg" alt="Karaoke Machine for Adults Kids, Portable Bluetooth Speaker with 2 Wireless Microphones, TWS Mode &amp; LED Light, 10H Battery PA System, Home Party Outdoor Camping Birthday (2 Mics)" 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">
            Karaoke Machine for Adults Kids, Portable Bluetooth Speaker with 2 Wireless Microphones, TWS Mode...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$44.99</span>
              <span class="text-green-600 text-sm font-semibold">$40.49</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-10%</span>
            </div>

            <p class="text-sm text-gray-500 mb-2">
              • 
            </p>
        </div>
</a>    </div>

    <div class="flex items-center mt-2 sm:mt-0 sm:ml-4 ml-auto">
        <div class="flex gap-2 flex-wrap justify-end">
          <a target="_blank" rel="nofollow" class="bg-green-600 hover:bg-green-700 text-white text-xs font-semibold px-4 py-2 rounded transition flex items-center justify-center" href="https://www.amazon.com/dp/B0DPMV795H?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/large-rolling-whiteboard-on-wheels-48-x-36-double-sided-mobile-white-board-with-stand-4-x-3-portable-standing-magnetic-dry-erase-board-easel-for-home-office-classroom-school-silver">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/21141/03ed022a61d486d2.jpg" alt="Large Rolling Whiteboard on Wheels, 48&quot; x 36&quot; Double-Sided Mobile White Board with Stand, 4&#39; x 3&#39; Portable Standing Magnetic Dry Erase Board Easel for Home Office Classroom School, Silver" 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">
            Large Rolling Whiteboard on Wheels, 48&quot; x 36&quot; Double-Sided Mobile White Board with Stand, 4&#39; x 3&#39;...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$114.99</span>
              <span class="text-green-600 text-sm font-semibold">$99.95</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-13%</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/B0D1JWNTW8?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/lekato-bass-guitar-straps-for-electric-guitar-bass-3-wide-padded-straps-adjustable-length-from-45-to-55-bass-guitar-strap-with-pick-holder-2-safety-strap-locks-6-picks">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/54191/1d6f590ab2f9586a.jpg" alt="LEKATO Bass Guitar Straps for Electric Guitar &amp; Bass 3&quot; Wide Padded Straps Adjustable Length from 45&quot; to 55&quot; Bass Guitar Strap with Pick Holder 2 Safety Strap Locks &amp; 6 Picks" 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">
            LEKATO Bass Guitar Straps for Electric Guitar &amp; Bass 3&quot; Wide Padded Straps Adjustable Length from...
          </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.54</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-11%</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/B087QDYBCC?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/docsafe-fireproof-document-box-hard-case-with-lock-accordion-file-folder-fire-and-water-resistant-safe-box-file-organizer-multi-pocket-home-office-travel-storage-for-important-document-laptop-black">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/54190/0dd7766ae7db2355.jpg" alt="DocSafe Fireproof Document Box Hard Case with Lock ＆ Accordion File Folder | Fire and Water Resistant Safe Box,File Organizer,Multi-Pocket,Home Office Travel Storage for Important Document,Laptop,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">
            DocSafe Fireproof Document Box Hard Case with Lock ＆ Accordion File Folder | Fire and Water Resis...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$46.98</span>
              <span class="text-green-600 text-sm font-semibold">$41.38</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-12%</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/B0FCLXY1XQ?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/cmteck-usb-computer-microphone-plug-play-omnidirectional-desktop-mic-for-pc-laptop-360-degree-adjustable-gooseneck-mute-button-with-led-indicator-noise-cancelling-compatible-with-windows-mac">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/54188/c832aeca0cbc09c7.jpg" alt="CMTECK USB Computer Microphone, Plug &amp; Play Omnidirectional Desktop Mic for PC &amp; Laptop, 360 Degree Adjustable Gooseneck, Mute Button with LED Indicator, Noise-Cancelling, Compatible with Windows/Mac" 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">
            CMTECK USB Computer Microphone, Plug &amp; Play Omnidirectional Desktop Mic for PC &amp; Laptop, 360 Degr...
          </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">$13.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-13%</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/B0779PKLV9?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/panasonic-cordless-phone-with-answering-machine-advanced-call-block-bilingual-caller-id-and-high-contrast-display-expandable-system-with-2-handset-cordless-telephones-kx-tgd832m-metallic-black">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/54174/7b2ee38a40c75b1f.jpg" alt="Panasonic Cordless Phone with Answering Machine, Advanced Call Block, Bilingual Caller ID and High-Contrast Display, Expandable System with 2 Handset Cordless Telephones - KX-TGD832M (Metallic 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">
            Panasonic Cordless Phone with Answering Machine, Advanced Call Block, Bilingual Caller ID and Hig...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$67.99</span>
              <span class="text-green-600 text-sm font-semibold">$57.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/B0BZG14KFJ?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/spiral-notebook-graph-ruled-paper-8-x-10-1-2-1-subject-spiral-grid-notebook-3-hole-punched-perforated-page-ideal-for-school-office-writing-95-sheets-lined-journaling-graphing-notebook-black">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/54182/b39284c8ca741185.jpg" alt="Spiral Notebook Graph Ruled Paper 8&quot; x 10 1/2&quot;, 1 Subject Spiral Grid Notebook 3-Hole Punched Perforated Page Ideal for School, Office, Writing, 95 Sheets Lined Journaling Graphing Notebook, 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">
            Spiral Notebook Graph Ruled Paper 8&quot; x 10 1/2&quot;, 1 Subject Spiral Grid Notebook 3-Hole Punched Per...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$6.99</span>
              <span class="text-green-600 text-sm font-semibold">$5.98</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-14%</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/B0FSRWDZ7R?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/flexi-hose-expandable-garden-hose-with-8-function-nozzle-100ft-lightweight-retractable-garden-hose-water-hose-no-kink-flexibility-3-4-inch-solid-brass-fittings-and-double-latex-core-2">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/46222/b38f4c6f11b1564c.jpg" alt="Flexi Hose with 8 Function Nozzle, 100FT - Lightweight Expandable Garden Hose, No-Kink Flexibility, 3/4 Inch Solid Brass Fittings and Double Latex Core" 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">
            Flexi Hose with 8 Function Nozzle, 100FT - Lightweight Expandable Garden Hose, No-Kink Flexibilit...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$89.99</span>
              <span class="text-green-600 text-sm font-semibold">$76.49</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/B0DZSGDYXG?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=383"   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=380"   >380</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=381"   >381</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=382"   >382</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=383"   rel="prev" >383</a></span> <span class="page active">384</span> <span class="page"><a href="/?deal_type_id=18&amp;page=385"   rel="next" >385</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=386"   >386</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=387"   >387</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=388"   >388</a></span> <span class="page gap">&hellip;</span> <span class="page"><a href="/?deal_type_id=18&amp;page=1615"   >1615</a></span> <span class="page next"><a href="/?deal_type_id=18&amp;page=385"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span></nav>
  </div>
</template></turbo-stream>