<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/bonsaii-paper-shredder-18-sheet-60-minutes-shredder-for-office-heavy-duty-cross-cut-shredder-with-6-gallon-pullout-basket-4-casters-c149-c">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/21071/d178aa3d35bf0171.jpg" alt="Bonsaii Paper Shredder, 18-Sheet 60-Minutes Shredder for Office Heavy Duty Cross-Cut Shredder with 6 Gallon Pullout Basket 4 Casters(C149-C)" 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">
            Bonsaii Paper Shredder, 18-Sheet 60-Minutes Shredder for Office Heavy Duty Cross-Cut Shredder wit...
          </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">$144.49</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/B00IOFD08C?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/cravot-cyberrack-e2-plus-ebike-rack-with-ramp-3positions-foldable-200-lbs-capacity-heavy-bike-rack-carrier-for-2-e-bike-foldable-bike-racks-for-tow-hitch-up-to-5-in-fat-tire-2-receiver">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/21070/b5af7fc966441b57.jpg" alt="CRAVOT CyberRack E2 Plus EBike Rack with Ramp, 3Positions Foldable, 200 lbs Capacity Heavy Bike Rack Carrier for 2 E-Bike, Foldable Bike Racks for Tow Hitch Up to 5-in Fat Tire 2&#39;&#39; Receiver" 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">
            CRAVOT CyberRack E2 Plus EBike Rack with Ramp, 3Positions Foldable, 200 lbs Capacity Heavy Bike R...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$439.99</span>
              <span class="text-green-600 text-sm font-semibold">$332.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/B0DX6PW8TM?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/agrieyes-halo-wireless-trailer-lights-2-mounting-options-magnetic-trailer-light-for-towing-portable-led-tow-lights-kit-for-trucks-boat-rv">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/21069/36386682c08ac8f0.jpg" alt="Agrieyes Halo Wireless Trailer Lights, 2 Mounting Options Magnetic Trailer Light for Towing, Portable LED Tow Lights Kit for Trucks, Boat, RV" 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">
            Agrieyes Halo Wireless Trailer Lights, 2 Mounting Options Magnetic Trailer Light for Towing, Port...
          </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">$67.98</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/B0CNL2SHTH?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/xgimi-mogo-4-laser-projector-collection-550-iso-lumens-google-tv-official-netflix-5h-battery-life-all-in-one-home-outdoor-cinema-kit-with-powerbase-stand-70-screen-4-filters-carry-case">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/21065/3f82e91d5c6ea0fe.jpg" alt="XGIMI MoGo 4 Laser Projector Collection, 550 ISO Lumens, Google TV , Official Netflix, 5h Battery Life – All-in-One Home &amp; Outdoor Cinema Kit with PowerBase Stand, 70&quot; Screen, 4 Filters&amp; Carry Case" 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">
            XGIMI MoGo 4 Laser Projector Collection, 550 ISO Lumens, Google TV , Official Netflix, 5h Battery...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$899.00</span>
              <span class="text-green-600 text-sm font-semibold">$673.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/B0F5WLWPJG?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/flexispot-comhar-55-electric-standing-desk-with-drawers-quick-assembly-home-office-sit-stand-desk-with-storage-usb-charging-computer-workstation-for-home-office-55-wood-dark-walnut-black">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/21064/cc2230f4422c36a5.jpg" alt="FLEXISPOT Comhar 55&quot; Electric Standing Desk with Drawers, Quick Assembly Home Office Sit Stand Desk with Storage &amp; USB Charging, Computer Workstation for Home Office (55&quot; Wood, Dark Walnut/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">
            FLEXISPOT Comhar 55&quot; Electric Standing Desk with Drawers, Quick Assembly Home Office Sit Stand De...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$399.99</span>
              <span class="text-green-600 text-sm font-semibold">$299.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/B0GR2RDCR2?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/vantrue-n2x-2-7k-dash-cam-front-and-inside-5g-wifi-dual-dash-camera-for-car-with-hdr-ir-night-vision-starvis-2-gps-2-5k-60fps-g-sensor-24-7-parking-mode-voice-control-support-512gb-max">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/21063/87352750623a82c6.jpg" alt="Vantrue N2X 2.7K Dash Cam Front and Inside, 5G WiFi Dual Dash Camera for Car with HDR IR Night Vision, STARVIS 2, GPS, 2.5K/60FPS, G-Sensor, 24/7 Parking Mode, Voice Control, Support 512GB Max" 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">
            Vantrue N2X 2.7K Dash Cam Front and Inside, 5G WiFi Dual Dash Camera for Car with HDR IR Night Vi...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$199.99</span>
              <span class="text-green-600 text-sm font-semibold">$149.97</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/B0D9GRRXH5?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/usx-mount-full-motion-tv-wall-mount-for-most-42-90-inch-flat-screen-led-4k-tv-mount-bracket-dual-swivel-articulating-tilt-6-arms-max-16-wood-studs-vesa-600x400mm-holds-up-to-132lbs">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/21062/619d7e6b9858bdf7.jpg" alt="USX Mount Full Motion TV Wall Mount for Most 42-90 inch Flat Screen/LED/4K, TV Mount Bracket Dual Swivel Articulating Tilt 6 Arms, Max 16&quot; Wood Studs, VESA 600x400mm, Holds up to 132lbs" 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">
            USX Mount Full Motion TV Wall Mount for Most 42-90 inch Flat Screen/LED/4K, TV Mount Bracket Dual...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$58.99</span>
              <span class="text-green-600 text-sm font-semibold">$44.36</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/B07CXF452P?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/beetles-medium-almond-nail-tips-576pcs-12-sizes-pre-etched-soft-gel-nail-tips-half-matte-full-cover-press-on-false-nail-tips-clear-acrylic-nails-glue-on-nails-diy-nail-extension-gift-for-women">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/21061/a6fcba41944cad6c.jpg" alt="Beetles Medium Almond Nail Tips 576pcs 12 Sizes, Pre-Etched Soft Gel Nail Tips Half Matte Full Cover Press on False Nail Tips Clear Acrylic Nails Glue on Nails DIY Nail Extension Gift 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">
            Beetles Medium Almond Nail Tips 576pcs 12 Sizes, Pre-Etched Soft Gel Nail Tips Half Matte Full Co...
          </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/B0D6976J1W?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/shark-flexfusion-hair-straightener-powerful-hair-dryer-with-fusion-hair-brush-ceramic-air-styler-with-auto-wrap-curlers-concentrator-ceramic-plates-cosmic-blush-hd641s">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/21060/eba3995dbc3e3c71.jpg" alt="Shark FlexFusion Hair Straightener &amp; Powerful Hair Dryer with Fusion Hair Brush, Ceramic Air Styler with Auto-Wrap Curlers &amp; Concentrator, Ceramic Plates, Cosmic Blush HD641S" 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">
            Shark FlexFusion Hair Straightener &amp; Powerful Hair Dryer with Fusion Hair Brush, Ceramic Air Styl...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$399.99</span>
              <span class="text-green-600 text-sm font-semibold">$299.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/B0DGQSL9KR?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/anker-prime-power-bank-26-250mah-3-port-portable-charger-with-300w-max-output-two-way-charging-tsa-approved-app-control-for-macbook-iphone-17-16-series-and-more-base-not-included">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/21058/14a7cc03a8a3b554.jpg" alt="Anker Prime Power Bank, 26,250mAh 3-Port Portable Charger with 300W Max Output, Two-Way Charging, TSA-Approved, App Control, for MacBook, iPhone 17/16 Series, and More (Base Not Included)" 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">
            Anker Prime Power Bank, 26,250mAh 3-Port Portable Charger with 300W Max Output, Two-Way Charging,...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$229.99</span>
              <span class="text-green-600 text-sm font-semibold">$171.48</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/B0F66LNB8D?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/hanes-originals-women-s-mid-thigh-boxer-brief-pack-stretch-cotton-underwear-4-pack-bceedf30-6ef3-4929-bd28-e2d59170bac2">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/21057/a516e1479339402f.jpg" alt="Hanes Originals Women’s Mid-Thigh Boxer Brief Pack, Stretch Cotton 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">
            Hanes Originals Women’s Mid-Thigh Boxer Brief Pack, Stretch Cotton Underwear, 4-Pack
          </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.24</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/B0C3J8JZPK?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/hanes-boys-potty-training-underwear-light-leaks-toddler-cotton-briefs-and-boxer-briefs-multi-pack-5ddc74c8-7dfc-4dc8-b1ca-b4b511be5424">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/21056/6b04ab6249339120.jpg" alt="Hanes Boys&#39; Potty Training Underwear, Light Leaks Toddler Cotton Briefs and Boxer Briefs, Multi-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">
            Hanes Boys&#39; Potty Training Underwear, Light Leaks Toddler Cotton Briefs and Boxer Briefs, Multi-pack
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$19.49</span>
              <span class="text-green-600 text-sm font-semibold">$14.62</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/B0DJTKK5XH?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=915"   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=912"   >912</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=913"   >913</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=914"   >914</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=915"   rel="prev" >915</a></span> <span class="page active">916</span> <span class="page"><a href="/?deal_type_id=18&amp;page=917"   rel="next" >917</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=918"   >918</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=919"   >919</a></span> <span class="page"><a href="/?deal_type_id=18&amp;page=920"   >920</a></span> <span class="page gap">&hellip;</span> <span class="page"><a href="/?deal_type_id=18&amp;page=1008"   >1008</a></span> <span class="page next"><a href="/?deal_type_id=18&amp;page=917"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span></nav>
  </div>
</template></turbo-stream>