<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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/naturkostbar-johannisbeeren-schwarz-gefriergetrock-bio-roh-50-g-20169">
          <img alt="Naturkostbar Johannisbeeren schwarz gefriergetrock. Bio roh" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10735/file/small-9d46c81e0260488bee0ed4edbd26c6aa.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10735/file/medium-5db6049c7337a1488d9a78002edbd2e8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10735/file/large-c7ca1cc55fde1882a8cd7d9c05226154.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10735/file/medium-5db6049c7337a1488d9a78002edbd2e8.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">Naturkostbar</p>
          <a href="/products/naturkostbar-johannisbeeren-schwarz-gefriergetrock-bio-roh-50-g-20169">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Naturkostbar Johannisbeeren schwarz gefriergetrock. Bio roh, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T50fvAZYeaRkEcagnf9J5d_gaPENGVFQeXgt-gAHwPhXphQ3fgMnOWwMkozwsAJaf2DedRvXIu_Ya4At15Npsg" />
    <input value="20169" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/sunsnack-kernenmischung-bio-60-g-20174">
          <img alt="SunSnack Kernenmischung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10813/file/small-a32941c87171c1f5ab2c76608a146756.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10813/file/medium-5413219b96cda937e1c5aa7f8042d51d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10813/file/large-606730fdb43c542f398dbe39b4a7703a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10813/file/medium-5413219b96cda937e1c5aa7f8042d51d.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">SunSnack</p>
          <a href="/products/sunsnack-kernenmischung-bio-60-g-20174">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">SunSnack Kernenmischung Bio, 60 g</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 7.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w9kozactztIszW3ksXRkiZcVEOzLiwRnOfRfqnS0lHbb4iNG33aQTyTQOcjcOy82N5WmaN1Fd9iY5_J9oyA9PA" />
    <input value="20174" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/sunsnack-knusper-mix-bio-60-g-20175">
          <img alt="SunSnack Knusper-Mix Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10812/file/small-43d90644803e50c259a74a748d6e513a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10812/file/medium-6fc53d95eebceb6c8a4d70a48826ebcc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10812/file/large-c9fcb0b8bef941a7c0e44359b554e786.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10812/file/medium-6fc53d95eebceb6c8a4d70a48826ebcc.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">SunSnack</p>
          <a href="/products/sunsnack-knusper-mix-bio-60-g-20175">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">SunSnack Knusper-Mix Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J2sJnvPfktow4sbiZtp_7DIFtPzvsgSh4o7qCzO8u_I_UAIVi4TMRzj_ks4LlTRTkoUCePl8dx5DnUfc5CgSuA" />
    <input value="20175" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/sunsnack-nuss-mix-gerostet-225-g-20176">
          <img alt="SunSnack Nuss-Mix geröstet" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10815/file/small-1b77c5605fe8da16f216872451cba0d1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10815/file/medium-b76bcaa337959ce977f285e57db29980.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10815/file/large-e118f3999cf46b0353e8a5ec2ecc9ef7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10815/file/medium-b76bcaa337959ce977f285e57db29980.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">SunSnack</p>
          <a href="/products/sunsnack-nuss-mix-gerostet-225-g-20176">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">SunSnack Nuss-Mix geröstet, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cfAYafNu0PzPA-PyW5rqBTkLis6Iw_0c666EqNeS4V9pyxPiizWOYccet9421aG6mYs8Sp4NjqNKvSl_AAZIFQ" />
    <input value="20176" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/chalira-nussmix-rauna-bio-120-g-20188">
          <img alt="Chalira Nussmix Rauna Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10826/file/small-b80632b0d17912aa8fd04940e138d909.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10826/file/medium-bb8d72542b6ebfba24cbdcab7fb1612e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10826/file/large-0584f4bd9695bab8cd6b079d208f9d42.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10826/file/medium-bb8d72542b6ebfba24cbdcab7fb1612e.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">Chalira</p>
          <a href="/products/chalira-nussmix-rauna-bio-120-g-20188">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chalira Nussmix Rauna Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ccYpelDHVQNyhgxebNqePq4kaVR8Y1GSiapgE5oJn-dp_SLxKJwLnnqbWHIBldWBDqTf0GqtIi0ouc3ETZ02rQ" />
    <input value="20188" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/chalira-nussmix-curry-bio-120-g-20189">
          <img alt="Chalira Nussmix Curry Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10827/file/small-2dea6be6eced9d92f1df5e5dcbd891a3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10827/file/medium-c58cad09e7fe2ef0619eb4690c5d6a8f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10827/file/large-08e605526afea9aaf943a5b835f04a36.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10827/file/medium-c58cad09e7fe2ef0619eb4690c5d6a8f.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">Chalira</p>
          <a href="/products/chalira-nussmix-curry-bio-120-g-20189">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chalira Nussmix Curry Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="47MWw4PixtL25Cp8kCg3-FpxjfzqolrXFTmaKHugUmL7iB1I-7mYT_75flD9Z3xH-vE7ePxsKWi0Kjf_rDT7KA" />
    <input value="20189" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/biofarm-chia-samen-bio-knospe-200-g-20199">
          <img alt="Biofarm Chia Samen Bio Knospe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10836/file/small-9ed9df494622762294039f5b09ba21a3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10836/file/medium-238b062d1758505a54839c90f19bc58d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10836/file/large-21ceb60ef6487c8f3e4836c13b2f9fcd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10836/file/medium-238b062d1758505a54839c90f19bc58d.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">Biofarm</p>
          <a href="/products/biofarm-chia-samen-bio-knospe-200-g-20199">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Chia Samen Bio Knospe, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7ihWdRuQFdle4-PILuLtDX-sJXYi_nYVdVLP5ifOMi_2E13-Y8tLRFb-t-RDraay3yyT8jQwBarUQWIx8FqbZQ" />
    <input value="20199" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/pakka-schoko-ananas-bio-100-g-20205">
          <img alt="Pakka Schoko Ananas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10847/file/small-69867c58236c2c8234fdcd999bedc3ce.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10847/file/medium-92c5c23bc1948a8a6c560a47966ad895.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10847/file/large-551f5afc346cf7dcb213149b93402203.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10847/file/medium-92c5c23bc1948a8a6c560a47966ad895.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">Reformhaus</p>
          <a href="/products/pakka-schoko-ananas-bio-100-g-20205">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pakka Schoko Ananas Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UV8Uyy_ErazWEyEVdcOdXAXANaAoPJoPL14pg9GT2SZJZB9AV5_zMd4OdTkYjNbjpUCDJD7y6bCOTYRUBgdwbA" />
    <input value="20205" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/biofarm-hanfsamen-geschalt-chbio-knospe-120-g-20239">
          <img alt="Biofarm Hanfsamen geschält CHBio Knospe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10895/file/small-c6d11717e437ccc0184a567e398dad7b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10895/file/medium-f7603d0738afc957548b8ace7fde7141.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10895/file/large-0dbc79233ae5c29d3c8d928643f430c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10895/file/medium-f7603d0738afc957548b8ace7fde7141.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">Biofarm</p>
          <a href="/products/biofarm-hanfsamen-geschalt-chbio-knospe-120-g-20239">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Hanfsamen geschält CHBio Knospe, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DA3I7mDHYtsEacEVVVl4q73BMnDuas25BT4sjfjDngoUNsNlGJw8Rgx0lTk4FjMUHUGE9PikvgakLYFaL1c3QA" />
    <input value="20239" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/biofarm-hanfsamen-ungeschalt-chbio-knospe-200-g-20240">
          <img alt="Biofarm Hanfsamen ungeschält CHBio Knospe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10896/file/small-d5c7c91c56cce2b614daaca5aeeed54f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10896/file/medium-1ff6c560217422482779f624c22008e6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10896/file/large-a7b6e80ab56cd38cf08facb191a91f12.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10896/file/medium-1ff6c560217422482779f624c22008e6.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">Biofarm</p>
          <a href="/products/biofarm-hanfsamen-ungeschalt-chbio-knospe-200-g-20240">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Hanfsamen ungeschält CHBio Knospe, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

          </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-20240-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RE9Hoo0oMD4Py_9mEzP_4Yk0C6ZJOZpE_nY0fRu1WGFcdEwp9XNuowfWq0p-fLReKbS9Il_36ftfZZmqzCHxKw" />
    <input value="20240" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/mahler-co-cassisbeeren-bio-knospe-100-g-20242">
          <img alt="Mahler &amp; Co. Cassisbeeren Bio Knospe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10898/file/small-82cbf395e4665d98bd9b3bbbec26b231.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10898/file/medium-0677c448114adc7738aba19df4c60b79.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10898/file/large-ba50c1e1d9b10777a875570c02b3c515.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10898/file/medium-0677c448114adc7738aba19df4c60b79.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">Mahler &amp; Co.</p>
          <a href="/products/mahler-co-cassisbeeren-bio-knospe-100-g-20242">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mahler &amp; Co. Cassisbeeren Bio Knospe, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Kp3Gm-GnGqsSI1NiHh8XvXP2oli_5Kzeo0EZK8gbtG4yps0QmfxENho-B05zUFwC03YU3Kkq32ECUrT8H48dJA" />
    <input value="20242" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/mahler-co-smokey-paprika-haselnusse-bio-140-g-20247">
          <img alt="Mahler &amp; Co. Smokey Paprika-Haselnüsse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10902/file/small-2bd8148ff94bb9a35130c3051fa87c12.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10902/file/medium-2dd218c9815cb7e35fb66509a243e2ac.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10902/file/large-84c7561b9f4dd90db45abc7caa9cd87b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10902/file/medium-2dd218c9815cb7e35fb66509a243e2ac.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">Mahler &amp; Co.</p>
          <a href="/products/mahler-co-smokey-paprika-haselnusse-bio-140-g-20247">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mahler &amp; Co. Smokey Paprika-Haselnüsse Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zalcpBXL-9DWzjrP4sef0b1d6qHoHwi1DefwMg9sLjXVklcvbZClTd7TbuOPiNRuHd1cJf7Rewqs9F3l2PiHfw" />
    <input value="20247" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/mahler-co-bananen-getrocknet-bio-200-g-20248">
          <img alt="Mahler &amp; Co. Bananen getrocknet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10903/file/small-c1b6187c28501d34370a862d4f20d21e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10903/file/medium-ac92e92e45677b17f793cc106f0ba346.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10903/file/large-99c861b96fdc9a04c472cbaa13427d68.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10903/file/medium-ac92e92e45677b17f793cc106f0ba346.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">Mahler &amp; Co.</p>
          <a href="/products/mahler-co-bananen-getrocknet-bio-200-g-20248">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mahler &amp; Co. Bananen getrocknet Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nO5XcpDge4K2kb_dWd1qnzm1FmgtG5a79o59qhQWGVWE1Vz56LslH76M6_E0kiEgmTWg7DvV5QRXndB9w4KwHw" />
    <input value="20248" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/la-selva-auberginen-gegrillt-in-ol-bio-280-g-20249">
          <img alt="La Selva Auberginen gegrillt in Öl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10904/file/small-fa3404d195d7b2d47a1217356be424e4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10904/file/medium-0d6ecb3ad194514cf6800f49f5b6f4f6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10904/file/large-791a08de77827355fa9404247420e8fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10904/file/medium-0d6ecb3ad194514cf6800f49f5b6f4f6.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">La Selva</p>
          <a href="/products/la-selva-auberginen-gegrillt-in-ol-bio-280-g-20249">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">La Selva Auberginen gegrillt in Öl Bio, 280 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N3BI9_oZbt70I4c2Ly85WxJmGwL2FZOPF6DcAMPRQGAvS0N8gkIwQ_w-0xpCYHLksuathuDb4DC2s3HXFEXpKg" />
    <input value="20249" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/mahler-co-rosmarin-cashews-gerostet-gesalzen-bio-140-g-20252">
          <img alt="Mahler &amp; Co. Rosmarin Cashews geröstet &amp; gesalzen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10907/file/small-a16c7793def402698a69645b59add3d7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10907/file/medium-14884dc2b2e7000a338441725b1fc174.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10907/file/large-3f0e2bdcbbdf0bed608a5d8424dcb51b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10907/file/medium-14884dc2b2e7000a338441725b1fc174.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">Mahler &amp; Co.</p>
          <a href="/products/mahler-co-rosmarin-cashews-gerostet-gesalzen-bio-140-g-20252">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mahler &amp; Co. Rosmarin Cashews geröstet &amp; gesalzen Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4W48Cad8H4P1S_zDtWcz8ib4p4HZAsI1iNHnjTJec3n5VTeC3ydBHv1WqO_YKHhNhngRBc_MsYopwkpa5craMw" />
    <input value="20252" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/mahler-co-schweizer-mix-biok-100-g-20258">
          <img alt="Mahler &amp; Co. Schweizer Mix BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10913/file/small-20aca911ae8d7ed9c91cbb505780e929.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10913/file/medium-7d197c314bd57d4bc83228716c1509e0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10913/file/large-fbac46beb6b6f9e7e7d9adc461b8e1fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10913/file/medium-7d197c314bd57d4bc83228716c1509e0.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">Mahler &amp; Co.</p>
          <a href="/products/mahler-co-schweizer-mix-biok-100-g-20258">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mahler &amp; Co. Schweizer Mix BioK, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4gMEdDFzasv6qb84Hr_5r-82PAsA5z-54ihQSS4Kh8b6OA__SSg0VvK06xRz8LIQT7aKjxYpTAZDO_2e-Z4ujA" />
    <input value="20258" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/mahler-co-kichererbsen-snack-paprika-bio-140-g-20261">
          <img alt="Mahler &amp; Co. Kichererbsen Snack Paprika Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10916/file/small-51935d826298f6343341150c48a705ea.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10916/file/medium-fc4b5ce9f67545008140c8f3ffb2af15.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10916/file/large-d210c51bfad8fa42c2e9a4685790ee1f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10916/file/medium-fc4b5ce9f67545008140c8f3ffb2af15.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">Mahler &amp; Co.</p>
          <a href="/products/mahler-co-kichererbsen-snack-paprika-bio-140-g-20261">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mahler &amp; Co. Kichererbsen Snack Paprika Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0bOdta1O5ta6LYzQgcqes8qUbKlaJNAGzKncFl3mvknJiJY-1RW4S7Iw2PzshdUMahTaLUzqo7ltunHBinIXAw" />
    <input value="20261" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/mahler-co-baumnuss-biok-100-g-20262">
          <img alt="Mahler &amp; Co. Baumnuss BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10917/file/small-d5f2d34e8e6a1c8ee182f5814ee47390.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10917/file/medium-c68f77a887aa8ff8e9de80e2d8d8bdfe.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10917/file/large-e7b65c7298e002a99b5ade17e5638d0f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10917/file/medium-c68f77a887aa8ff8e9de80e2d8d8bdfe.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">Mahler &amp; Co.</p>
          <a href="/products/mahler-co-baumnuss-biok-100-g-20262">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mahler &amp; Co. Baumnuss BioK, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6QO3XBc0IkMVagOF5EH7p6TR1QEvcX-ktgE8qh9uJ5TxOLzXb2983h13V6mJDrAYBFFjhTm_DBsXEpF9yPqO3g" />
    <input value="20262" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/mahler-co-ginger-balls-bio-140-g-20284">
          <img alt="Mahler &amp; Co. Ginger Balls Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10938/file/small-c76e865f57370f90ef19b0895ae4ea14.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10938/file/medium-91b96b6841b32b3a200b1603d9333003.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10938/file/large-4e826b3df2052a1c2071bbb49cbe8466.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10938/file/medium-91b96b6841b32b3a200b1603d9333003.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">Mahler &amp; Co.</p>
          <a href="/products/mahler-co-ginger-balls-bio-140-g-20284">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mahler &amp; Co. Ginger Balls Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5hIWPsM4pm9ghiVlFy_BcXyWFLiB5isMZiaKduoB2wH-KR21u2P48mibcUl6YIrO3BaiPJcoWLPHNSehPZVySw" />
    <input value="20284" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/mahler-co-kichererbsen-snack-japanese-tamari-bio-140-g-20285">
          <img alt="Mahler &amp; Co. Kichererbsen Snack Japanese Tamari Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10936/file/small-721b00b5479786274470619c7d270258.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10936/file/medium-4a2f19e669b11c393dec316e6c86874a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10936/file/large-5925e5714924ce21c6493a5e0a57acfd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10936/file/medium-4a2f19e669b11c393dec316e6c86874a.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">Mahler &amp; Co.</p>
          <a href="/products/mahler-co-kichererbsen-snack-japanese-tamari-bio-140-g-20285">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mahler &amp; Co. Kichererbsen Snack Japanese Tamari Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dMDjXAFG6hCr7LEJ7jnOf5nCMNDMsWv-Vx-j4jTRIQNs--jXeR20jaPx5SWDdoXAOUKGVNp_GEH2DA4140WISQ" />
    <input value="20285" 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">
      200 von 213 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/lebensmittel/salziges-snacks?format=turbo_stream&amp;page=11">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>