<turbo-stream action="append" target="products_grid"><template>
    

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pill-kosmetik-feuchtigkeitsmaske-mit-hyaluronsaure-50-ml-mhd-aktion-31-05-2026-17769">
          <img alt="Pill Kosmetik -  Feuchtigkeitsmaske mit Hyaluronsäure" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6394/file/small-cdeb59661e3f8fe8dc5482d4f44080bf.webp 600w, https://assets.fabulous.ch/public/variant_asset/6394/file/medium-e700fe02717e31c25f299081e965d484.webp 900w, https://assets.fabulous.ch/public/variant_asset/6394/file/large-6c87fbb666c513b0aaf72f9dc76bb67c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6394/file/medium-e700fe02717e31c25f299081e965d484.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pill Apotheken &amp; Drogerien</p>
          <a href="/de/products/pill-kosmetik-feuchtigkeitsmaske-mit-hyaluronsaure-50-ml-mhd-aktion-31-05-2026-17769">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Kosmetik -  Feuchtigkeitsmaske mit Hyaluronsäure, 50 ml (MHD-Aktion 31.05.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 31.60</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 15.80</span>
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 63.20 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-17769-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SV8qTGgMHsz6Y1PqiQQJtHVFl5e10ikNjBo3TcYWYGOKe2uaKBoqSK13U6HqKCf9qk3_k6VwREBOcZi6FcX6Yg" />
    <input value="17769" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/artisan-lokum-haselnuss-mit-karamell-99-g-mhd-aktion-12-05-2026-17770">
          <img alt="Artisan Lokum Haselnuss mit Karamell" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7909/file/small-205d06fc9e46bc6961da52a04de6bdc9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7909/file/medium-316de16be96f7fe9e64c17d6d4e38afd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7909/file/large-e692c72ffd6c384ee699e7e8a53b6597.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7909/file/medium-316de16be96f7fe9e64c17d6d4e38afd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Marsel Delights</p>
          <a href="/de/products/artisan-lokum-haselnuss-mit-karamell-99-g-mhd-aktion-12-05-2026-17770">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Artisan Lokum Haselnuss mit Karamell, 99 g (MHD-Aktion 12.05.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 6.50</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 5.20</span>
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 6.57 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-17770-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Usczs3f0VQjZZTxxl1Ck31YdFTfIC8vpjXkdaed608GR43JlN-JhjI5xPDr0fIqWiRV9M9ippqRPErKeNKlJwA" />
    <input value="17770" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/baumnuss-lackerli-duo-bio-35-g-mhd-aktion-05-05-2026-17771">
          <img alt="Baumnuss-Läckerli Duo Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2599/file/small-66eb79bb034e44d4fa23330c7ea2d37c.webp 600w, https://assets.fabulous.ch/public/variant_asset/2599/file/medium-b11a3334923e574d2ee7a5db680a5cc6.webp 900w, https://assets.fabulous.ch/public/variant_asset/2599/file/large-7a252e18968aed7c7eb2257f3ca89f2e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2599/file/medium-b11a3334923e574d2ee7a5db680a5cc6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Leibacher Biber-Manufaktur</p>
          <a href="/de/products/baumnuss-lackerli-duo-bio-35-g-mhd-aktion-05-05-2026-17771">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baumnuss-Läckerli Duo Bio, 35 g (MHD-Aktion 05.05.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.90</span>
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 14.00 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-17771-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6IqTc05cgzJGqDy9fRky-Bd2c6tNlBqLijozQjzuqtorrtKlDkq3thG8PPYeNRyxyH4br102d8ZIUZy17z0w2w" />
    <input value="17771" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/artisan-lokum-granatapfel-mit-himbeer-sumac-99-g-mhd-aktion-13-05-2026-17773">
          <img alt="Artisan Lokum Granatapfel mit Himbeer &amp; Sumac" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7899/file/small-935b58b4b5b4f087f45e8ea612993bac.webp 600w, https://assets.fabulous.ch/public/variant_asset/7899/file/medium-62b47c587bb071754770b203ce2a675a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7899/file/large-9229af284ec820c4bee40a986040532d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7899/file/medium-62b47c587bb071754770b203ce2a675a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Marsel Delights</p>
          <a href="/de/products/artisan-lokum-granatapfel-mit-himbeer-sumac-99-g-mhd-aktion-13-05-2026-17773">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Artisan Lokum Granatapfel mit Himbeer &amp; Sumac, 99 g (MHD-Aktion 13.05.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 6.50</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 5.20</span>
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 6.57 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-17773-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1lJ6UuVrOSQ4Us5JEo1wK3FTGMxj6HITbr_PYGw3fLwVdjuEpX0NoG9GzgJxoV5irltwyHNKH16s1GCXv-TmvQ" />
    <input value="17773" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    5 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/soja-tempeh-natur-pasteurisiert-bio-200-g-mhd-aktion-03-05-2026-17774">
          <img alt="Soja Tempeh Natur pasteurisiert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8103/file/small-5b55089590ad664b632c2c7b80c6896f.webp 600w, https://assets.fabulous.ch/public/variant_asset/8103/file/medium-b9adb8610aeb56f5b0c8a90a43e341c6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8103/file/large-72703d7ad2951da4787a005138634aec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8103/file/medium-b9adb8610aeb56f5b0c8a90a43e341c6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Tempeh bagus</p>
          <a href="/de/products/soja-tempeh-natur-pasteurisiert-bio-200-g-mhd-aktion-03-05-2026-17774">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soja Tempeh Natur pasteurisiert Bio, 200 g (MHD-Aktion 03.05.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 5.60</span>
            </p>

              <div class="size-8 text-blue-300" title="Kritische Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.95 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-17774-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ek-p204HTuawEVP1c7hz0KDiFs0CH_YOFx_WN2xhaZC5a-gNDhF6YucFU74QlF2Zf-p-yRK9m0PVdHnAv7LzkQ" />
    <input value="17774" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/broccoli-bites-broccoli-mit-gewurzpanade-frittiert-bio-180-g-17775">
          <img alt="Broccoli Bites Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8721/file/small-41650ef52e55c95096efe7ee887fbccf.webp 600w, https://assets.fabulous.ch/public/variant_asset/8721/file/medium-07b0f16675411e5b6f15efc41724bc18.webp 900w, https://assets.fabulous.ch/public/variant_asset/8721/file/large-27ea92b2d215fe27e42984663851e79e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8721/file/medium-07b0f16675411e5b6f15efc41724bc18.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Wild Foods</p>
          <a href="/de/products/broccoli-bites-broccoli-mit-gewurzpanade-frittiert-bio-180-g-17775">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Broccoli Bites Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.45
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 4.14 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-17775-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S0LE5vbG2ZiRCtrgWswodLeFTHdeudcguUAXwGoAjk-IZoUwttDtHMYe2qs54AY9aI0kc04bum17K7g3udMUTg" />
    <input value="17775" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/carrot-bites-bio-180-g-17776">
          <img alt="Carrot Bites Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8722/file/small-0606bc23056772714dd7776144d9d34b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8722/file/medium-37a117f9ac418240b77c9749cd94274a.webp 900w, https://assets.fabulous.ch/public/variant_asset/8722/file/large-fbdc74aca773b07513f3bf775a9c694e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8722/file/medium-37a117f9ac418240b77c9749cd94274a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Wild Foods</p>
          <a href="/de/products/carrot-bites-bio-180-g-17776">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Carrot Bites Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.45
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 4.14 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-17776-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7RkwCm4XjG--CtfXlmRW3Y0FPFsLkxhqCIGr67zQN4EuPXHcLgG46-ke15z1SHiUUg1UXxsxdSfK6gQcbwOtgA" />
    <input value="17776" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/sonett-oko-scheuerschwamm-2-stuck-17778">
          <img alt="Sonett Öko - Scheuerschwamm" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8725/file/small-1699129b43cf15d811b98166476f16e5.webp 600w, https://assets.fabulous.ch/public/variant_asset/8725/file/medium-5455db1f3c1f3847b0f28395edb46cf7.webp 900w, https://assets.fabulous.ch/public/variant_asset/8725/file/large-1d13c14744eb188eb56d793b60531077.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8725/file/medium-5455db1f3c1f3847b0f28395edb46cf7.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/de/products/sonett-oko-scheuerschwamm-2-stuck-17778">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sonett Öko - Scheuerschwamm, 2 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.10 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-17778-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RBg8O2UIKAB8_N5vh04wH2MXDGfSGznlP_OPmv5qKpqHPH3tJR4chCvo3iTkYh5WvB9kY8K5VKj9mCBtLbmwmw" />
    <input value="17778" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      3&#39;168 von 3&#39;168 Produkten
    </p>
  </div>
</div>

</template></turbo-stream>