<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/taja-large-spiral-lined-journal-for-women-8-5-x-11-notebooks-for-work-collge-ruled-a4-aesthetic-cute-journaling-notebooks-for-writing-plastic-cover-celestial">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/22734/f30684789fe88df3.jpg" alt="Taja Large Spiral Lined Journal for Women and Men, Notebook for Work | Celestial 8.5&quot; x 11&quot; Notebooks for Note taking, Writing &amp; Journaling, College Ruled Pages, Plastic Cover" class="w-24 h-24 sm:w-28 sm:h-28 object-contain flex-shrink-0 rounded" />

        <div class="flex-1">
          <h2 class="text-base font-semibold text-gray-900 leading-snug mb-2">
            Taja Large Spiral Lined Journal for Women and Men, Notebook for Work | Celestial 8.5&quot; x 11&quot; Noteb...
          </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">$6.28</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/B0FL7HBVKK?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/6-pack-lined-sticky-notes-4x6-in-vintage-large-notepads-with-lines-ruled-stickies-super-sticking-power-office-school-memo-note-pads-post-on-windows-doors-recyclable-easy-to-write-on">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/54211/b128946e22204b4c.jpg" alt="(6 Pack) Lined Sticky Notes 4x6 in,Vintage Large Notepads with Lines | Ruled Stickies Super Sticking Power,Office School Memo Note Pads,Post on Windows Doors,Recyclable,Easy to Write on" 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">
            (6 Pack) Lined Sticky Notes 4x6 in,Vintage Large Notepads with Lines | Ruled Stickies Super Stick...
          </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">$6.29</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/B0FMDX11XP?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/wisefine-lined-journal-notebook-for-women-a5-soft-cover-journals-for-writing-160-pages-daily-journaling-college-ruled-notebooks-for-work-note-taking-6-38-x-8-28-3pack-pink-grayish-green-dark-grey">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/54218/5379096a1618817a.jpg" alt="Wisefine Lined Journal Notebook for Women A5 Soft Cover Journals for Writing 160 Pages Daily Journaling College Ruled Notebooks for Work Note Taking 6.38&#39;&#39; X 8.28&#39;&#39; (3pack-Pink/Grayish Green/Dark 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">
            Wisefine Lined Journal Notebook for Women A5 Soft Cover Journals for Writing 160 Pages Daily Jour...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$23.89</span>
              <span class="text-green-600 text-sm font-semibold">$21.50</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/B0FXZVL9N4?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/sunee-spiral-notebook-1-subject-graph-ruled-paper-8-x-10-1-2-100-sheets-per-notebook-3-hole-punched-paper-water-resistant-cover-spiral-grid-notebooks-for-work-home-school-grey-blue">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/54214/e269f20c432cc38e.jpg" alt="SUNEE Spiral Notebook, 1-Subject, Graph Ruled Paper, 8&quot; x 10-1/2&quot;, 100 Sheets per Notebook, 3-Hole Punched Paper, Water Resistant Cover, Spiral Grid Notebooks for Work, Home, School, Grey Blue" 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">
            SUNEE Spiral Notebook, 1-Subject, Graph Ruled Paper, 8&quot; x 10-1/2&quot;, 100 Sheets per Notebook, 3-Hol...
          </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">$7.19</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/B0FS5XTVZH?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/flymeaning-hardcover-spiral-notebook-journal-with-removable-dividers-tabs-320-pages-5-subject-notebooks-college-ruled-8-5-x11-large-a4-leather-for-work-school-lined-journal-for-women">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/54221/bd169f623f0644bb.jpg" alt="FlyMeaning Hardcover Spiral Notebook Journal with Removable Dividers Tabs | 320 Pages, 5 Subject Notebooks College Ruled, 8.5&quot;x11&quot; Large A4 Leather for Work &amp; School, Lined Journal for Women" 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">
            FlyMeaning Hardcover Spiral Notebook Journal with Removable Dividers Tabs | 320 Pages, 5 Subject ...
          </h2>

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

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

    <div class="flex items-center mt-2 sm:mt-0 sm:ml-4 ml-auto">
        <div class="flex gap-2 flex-wrap justify-end">
          <a target="_blank" rel="nofollow" class="bg-green-600 hover:bg-green-700 text-white text-xs font-semibold px-4 py-2 rounded transition flex items-center justify-center" href="https://www.amazon.com/dp/B0GXFH3RWJ?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/3-pack-a5-lined-leather-journals-for-writing-300-pages-each-notebook-thick-hardcover-journals-for-writing-journal-for-men-women-premium-leather-bound-notebook-for-work-daily-journaling">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/54212/3b97f17b687ecf07.jpg" alt="3 Pack A5 Lined Leather Journals for Writing - 300 Pages Each Notebook | Thick hardcover journals for writing. Journal for men &amp; women. Premium leather bound notebook for work &amp; daily journaling." 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 Pack A5 Lined Leather Journals for Writing - 300 Pages Each Notebook | Thick hardcover journals...
          </h2>

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

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

    <div class="flex items-center mt-2 sm:mt-0 sm:ml-4 ml-auto">
        <div class="flex gap-2 flex-wrap justify-end">
          <a target="_blank" rel="nofollow" class="bg-green-600 hover:bg-green-700 text-white text-xs font-semibold px-4 py-2 rounded transition flex items-center justify-center" href="https://www.amazon.com/dp/B0GXDN1VKT?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/sunee-meeting-notebook-for-work-with-sticky-tabs-160-pages-b5-size-project-planner-spiral-meeting-agenda-minutes-notebook-organizer-for-women-men-note-taking-office-business-7-x10-pink">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/54217/387c14b063f250b5.jpg" alt="SUNEE Meeting Notebook for Work with Sticky Tabs - 160 Pages, B5 Size Project Planner, Spiral Meeting Agenda/Minutes Notebook Organizer for Women Men, Note Taking, Office &amp; Business, 7&quot;x10&quot;, Pink" class="w-24 h-24 sm:w-28 sm:h-28 object-contain flex-shrink-0 rounded" />

        <div class="flex-1">
          <h2 class="text-base font-semibold text-gray-900 leading-snug mb-2">
            SUNEE Meeting Notebook for Work with Sticky Tabs - 160 Pages, B5 Size Project Planner, Spiral Mee...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$13.99</span>
              <span class="text-green-600 text-sm font-semibold">$12.59</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/B0GTLSS17Y?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/disney-pixar-cars-lightning-mcqueen-mater-and-more-my-first-library-board-book-block-12-book-set-first-words-alphabet-numbers-and-more-baby-books-pi-kids">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/54222/88a506c45fa0f39f.jpg" alt="Disney Pixar Cars Lightning McQueen, Mater, and More! - My First Library Board Book Block 12-Book Set - First Words, Alphabet, Numbers, and More! Baby Books - PI Kids" 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">
            Disney Pixar Cars Lightning McQueen, Mater, and More! - My First Library Board Book Block 12-Book...
          </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">$15.29</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/1503771547?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/onavia-1-subject-graph-paper-spiral-notebook-140-pages-70-sheets-8-x-10-5-in-school-notebooks-graph-paper-grid-pages-math-engineering">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/54219/cf5418bcc86f87d1.jpg" alt="ONAVIA 1 Subject Graph Paper Spiral Notebook, 140 Pages | 70 Sheets, 8 x 10.5 in, School Notebooks, Graph Paper, Grid Pages, Math, Engineering" 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">
            ONAVIA 1 Subject Graph Paper Spiral Notebook, 140 Pages | 70 Sheets, 8 x 10.5 in, School Notebook...
          </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">$35.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-10%</span>
            </div>

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

    <div class="flex items-center mt-2 sm:mt-0 sm:ml-4 ml-auto">
        <div class="flex gap-2 flex-wrap justify-end">
          <a target="_blank" rel="nofollow" class="bg-green-600 hover:bg-green-700 text-white text-xs font-semibold px-4 py-2 rounded transition flex items-center justify-center" href="https://www.amazon.com/dp/B0GCFKVQ9X?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/taja-pretty-large-spiral-lined-notebook-for-work-with-5-removable-dividers-cobalt-equestria-hardcover-8-5-x-11-journal-for-women-college-ruled-perfect-for-study-office-organization-280-pages">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/54220/5cbd91baeecd710a.jpg" alt="Taja Pretty Large Spiral Lined Notebook for Work with 5 Removable Dividers | Cobalt Equestria, Hardcover 8.5&quot; x 11&quot; Journal for Women, College Ruled, Perfect for Study &amp; Office Organization, 280 Pages" class="w-24 h-24 sm:w-28 sm:h-28 object-contain flex-shrink-0 rounded" />

        <div class="flex-1">
          <h2 class="text-base font-semibold text-gray-900 leading-snug mb-2">
            Taja Pretty Large Spiral Lined Notebook for Work with 5 Removable Dividers | Cobalt Equestria, Ha...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$27.99</span>
              <span class="text-green-600 text-sm font-semibold">$25.19</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/B0GTYXP75F?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/sunee-spiral-notebooks-1-subject-5-pack-wide-ruled-paper-8-x-10-1-2-70-sheets-per-notebook-3-hole-punched-paper-spiral-lined-notebooks-for-school-work-classic-colors">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/54216/ca0223dd60af2cef.jpg" alt="SUNEE Spiral Notebooks, 1-Subject, 5 Pack, Wide Ruled Paper, 8&quot; x 10-1/2&quot;, 70 Sheets per Notebook, 3-Hole Punched Paper, Spiral Lined Notebooks for School, Work, Classic Colors" 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">
            SUNEE Spiral Notebooks, 1-Subject, 5 Pack, Wide Ruled Paper, 8&quot; x 10-1/2&quot;, 70 Sheets per Notebook...
          </h2>

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

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

    <div class="flex items-center mt-2 sm:mt-0 sm:ml-4 ml-auto">
        <div class="flex gap-2 flex-wrap justify-end">
          <a target="_blank" rel="nofollow" class="bg-green-600 hover:bg-green-700 text-white text-xs font-semibold px-4 py-2 rounded transition flex items-center justify-center" href="https://www.amazon.com/dp/B0GR5BF4GY?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/wired-headphones-over-ear-headphones-for-studio-monitor-mixing-dj-50mm-drivers-stereo-sound-1-4-to-3-5mm-jack-for-guitar-amp-podcast-keyboard-computer-recording-black">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/54200/736f75565297ac3f.jpg" alt="Wired Headphones, Over Ear Headphones for Studio Monitor &amp; Mixing DJ | 50mm Drivers, Stereo Sound, 1/4 to 3.5mm Jack, for Guitar AMP, Podcast, Keyboard &amp; Computer Recording, 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">
            Wired Headphones, Over Ear Headphones for Studio Monitor &amp; Mixing DJ | 50mm Drivers, Stereo Sound...
          </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">$17.09</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/B0GXZNCGNK?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=380"   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=377"   >377</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=378"   >378</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=379"   >379</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=380"   rel="prev" >380</a></span> <span class="page active">381</span> <span class="page"><a href="/?deal_type_id=18&amp;page=382"   rel="next" >382</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=383"   >383</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=384"   >384</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=385"   >385</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=382"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span></nav>
  </div>
</template></turbo-stream>