<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/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-pink">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/56327/15c60fbfb8577262.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, 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">
            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">$9.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">-20%</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/B0FSRRBP43?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/outdoor-ventures-men-s-winter-golf-vest-outerwear-lightweight-fleece-lined-7-pockets-windproof-waterproof-softshell-warm-zip-up-sleeveless-jacket-for-running-casual-outdoor-hiking-travel-work">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/56334/3eaf9b6f13a93df5.jpg" alt="Outdoor Ventures Men&#39;s Winter Golf Vest Outerwear Lightweight Fleece Lined | 7 Pockets, Windproof, Waterproof Softshell, Warm, Zip Up Sleeveless Jacket for Running, Casual, Outdoor, Hiking, Travel, Work" 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">
            Outdoor Ventures Men&#39;s Winter Golf Vest Outerwear Lightweight Fleece Lined | 7 Pockets, Windproof...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$43.99</span>
              <span class="text-green-600 text-sm font-semibold">$35.19</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-20%</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/B0851GPV9V?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/innersy-men-s-breathable-mesh-boxer-briefs-cooling-moisture-wicking-underwear-4-pack">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/56338/03d01dcdeeece1d2.jpg" alt="INNERSY Men&#39;s Breathable Mesh Boxer Briefs Cooling Moisture Wicking Underwear 4-Pack" 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">
            INNERSY Men&#39;s Breathable Mesh Boxer Briefs Cooling Moisture Wicking Underwear 4-Pack
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$31.99</span>
              <span class="text-green-600 text-sm font-semibold">$25.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-19%</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/B0C4SLH7YC?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/audiovance-vibes-202mc-usb-c-hifi-wired-earbuds-type-c-headphones-with-mic-clear-sound-deep-bass-noise-isolating-ear-buds-silver-plated-cord-usbc-iem-earphone-for-iphone-15-16-17-galaxy-pixel">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/56329/7df69aed12b8c117.jpg" alt="Audiovance Vibes 202MC USB-C HiFi Wired Earbuds, Type-C Headphones with Mic | Clear Sound, Deep Bass, Noise-Isolating Ear Buds, Silver-Plated Cord, USBC IEM Earphone for iPhone 15/16/17, Galaxy, Pixel" 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">
            Audiovance Vibes 202MC USB-C HiFi Wired Earbuds, Type-C Headphones with Mic | Clear Sound, Deep B...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$49.99</span>
              <span class="text-green-600 text-sm font-semibold">$39.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-20%</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/B0GGY7MZHJ?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/pyle-10-portable-wireless-bluetooth-speaker-system-built-in-rechargeable-battery-wireless-microphone-usb-micro-sd-fm-600-watt-fm-radio-with-digital-led-display-pwma1099a-black">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/56330/4bc19e28375971d2.jpg" alt="Pyle 10&#39;&#39; Portable Wireless Bluetooth Speaker System - Built-in Rechargeable Battery, Wireless Microphone, USB/Micro SD/FM - 600 Watt FM Radio with Digital LED Display, PWMA1099A,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">
            Pyle 10&#39;&#39; Portable Wireless Bluetooth Speaker System - Built-in Rechargeable Battery, Wireless Mi...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$204.79</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">-20%</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/B0B4PQ2WMY?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/ulumac-aroma-3-in-1-digital-metronome-tuner-for-guitar-bass-violin-piano-for-all-instruments-ukulele-trumpet-flute-clarinet-accurate-chromatic-tuner-tone-generator-easy-to-use-pocket-size">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/56337/70629fa1a0b95097.jpg" alt="Ulumac Aroma 3-in-1 Digital Metronome Tuner for Guitar, Bass, Violin, Piano | For All Instruments - Ukulele, Trumpet, Flute, Clarinet - Accurate Chromatic Tuner, Tone Generator, Easy to Use, Pocket Size" 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">
            Ulumac Aroma 3-in-1 Digital Metronome Tuner for Guitar, Bass, Violin, Piano | For All Instruments...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$14.99</span>
              <span class="text-green-600 text-sm font-semibold">$12.14</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-19%</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/B0DQKRY73N?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/evan-moor-financial-literacy-and-life-skills-for-kids-ages-12-13-money-management-workbook-learn-budgeting-saving-spending-and-using-credit-real-world-activities-for-teens">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/56336/55ef938baefd4901.jpg" alt="Evan-Moor Financial Literacy and Life Skills for Kids, Ages 12-13, Money Management Workbook, Learn Budgeting, Saving, Spending, and Using Credit, Real-World Activities for Teens" 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">
            Evan-Moor Financial Literacy and Life Skills for Kids, Ages 12-13, Money Management Workbook, Lea...
          </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.08</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-19%</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/1645144240?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/rinfit-silicone-ring-with-stone-emerald-cut-cz-aaaaa-grade-cubic-zirconia-solitaire-engagement-ring-for-her-flexible-rubber-wedding-band-for-women-patented-design">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/56335/e0a3aa002c61aa9f.jpg" alt="Rinfit Silicone Ring with Stone, Emerald Cut CZ | AAAAA Grade Cubic Zirconia, Solitaire Engagement Ring for Her, Flexible Rubber Wedding Band for Women, Patented Design" 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">
            Rinfit Silicone Ring with Stone, Emerald Cut CZ | AAAAA Grade Cubic Zirconia, Solitaire Engagemen...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$49.99</span>
              <span class="text-green-600 text-sm font-semibold">$39.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-20%</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/B0FL2XPH62?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/4-channel-360-dash-cam-4k-front-1080p-rear-left-right-5ghz-wifi-30mb-s-free-128gb-sd-card-voice-control-dash-camera-app-gps-3-ips-screen-night-vision-g-sensor-parking-mode-loop-recording">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/56322/a308c8b6884288d0.jpg" alt="4 Channel 360° Dash Cam, 4K Front + 1080P Rear/Left/Right, 5GHz WiFi 30MB/s | Free 128GB SD Card, Voice Control Dash Camera, APP, GPS, 3&quot; IPS Screen, Night vision, G-Sensor, Parking Mode, Loop Recording" 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">
            4 Channel 360° Dash Cam, 4K Front + 1080P Rear/Left/Right, 5GHz WiFi 30MB/s | Free 128GB SD Card,...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$189.99</span>
              <span class="text-green-600 text-sm font-semibold">$149.98</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-21%</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/B0H3KGJM9H?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/16-incline-walking-pad-treadmill-3-in-1-under-desk-treadmill-with-handles-foldable-compact-portable-treadmills-for-home-small-2-5hp-quiet-brushless-330-lbs-capacity-home-office-led-display">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/56315/0f81145532c94695.jpg" alt="16% Incline Walking Pad Treadmill, 3-in-1 Under Desk Treadmill with Handles | Foldable, Compact, Portable Treadmills for Home Small, 2.5HP Quiet Brushless, 330 LBS Capacity, Home Office, LED Display" 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">
            16% Incline Walking Pad Treadmill, 3-in-1 Under Desk Treadmill with Handles | Foldable, Compact, ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$169.99</span>
              <span class="text-green-600 text-sm font-semibold">$129.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/B0H2LZCW3N?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/voice-amplifier-with-wireless-lapel-microphone-for-teachers-15w-portable-mini-bluetooth-pa-system-and-clip-on-lavalier-mic-for-classroom-yoga-tour-guide-public-speaking-a006">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/56324/d70cedea16b2ac7b.jpg" alt="Voice Amplifier with Wireless Lapel Microphone for Teachers | 15W Portable Mini Bluetooth PA System and Clip-on Lavalier Mic for Classroom, Yoga, Tour Guide &amp; Public Speaking - A006" 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">
            Voice Amplifier with Wireless Lapel Microphone for Teachers | 15W Portable Mini Bluetooth PA Syst...
          </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">$59.00</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-21%</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/B0F4XGG6RK?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/seek-and-find-old-testament-bible-stories-with-over-450-things-to-find-and-count-fun-interactive-christian-book-to-gift-kids-ages-2-5-christmas-gift">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/56323/cfb821672c3db3fc.jpg" alt="Seek and Find: Old Testament Bible Stories: With over 450 things to find and count! (Fun interactive Christian book to gift kids ages 2-5, Christmas 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">
            Seek and Find: Old Testament Bible Stories: With over 450 things to find and count! (Fun interact...
          </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">$13.37</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-21%</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/1784984744?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=248"   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=245"   >245</a></span> <span class="page"><a href="/?page=246"   >246</a></span> <span class="page"><a href="/?page=247"   >247</a></span> <span class="page"><a href="/?page=248"   rel="prev" >248</a></span> <span class="page active">249</span> <span class="page"><a href="/?page=250"   rel="next" >250</a></span> <span class="page"><a href="/?page=251"   >251</a></span> <span class="page"><a href="/?page=252"   >252</a></span> <span class="page"><a href="/?page=253"   >253</a></span> <span class="page gap">&hellip;</span> <span class="page"><a href="/?page=294"   >294</a></span> <span class="page next"><a href="/?page=250"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span></nav>
  </div>
</template></turbo-stream>