<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%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D46">
    <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/ervus-salatkrauter-nfp-30-g-18459">
          <img alt="Ervus Salatkräuter NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10019/file/small-42088d2039c53824d26b2a6c76a47ded.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10019/file/medium-b5aa6b4c0cee7c91a6216cbb51782f17.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10019/file/large-29dd490877d37dd7ca6a1b4cdc5086d4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10019/file/medium-b5aa6b4c0cee7c91a6216cbb51782f17.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/ervus-salatkrauter-nfp-30-g-18459">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ervus Salatkräuter NFP, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zHYFFadzrjH0v9qkCdSBxP1sFcA9w8pJOJ8_QHDGWOOuFskV4EHPMCNDmiwAai3YywQffu_xy9-y_93jQE2jiA" />
    <input value="18459" 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%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D46">
    <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/essenza-gemuse-bouillon-glas-65-g-18460">
          <img alt="Essenza Gemüse-Bouillon Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10305/file/small-fe0bffe52c23560c6f1c175fe36b9e41.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10305/file/medium-1276752bc29b47b469a69f6efa67b2b3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10305/file/large-dae716296a6385c2828acba4c7a7be75.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10305/file/medium-1276752bc29b47b469a69f6efa67b2b3.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/essenza-gemuse-bouillon-glas-65-g-18460">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Essenza Gemüse-Bouillon Glas, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_lHTz-iDRdlT-InTiHO2lgyA9NtPkvrAdafo3vJp4C-cMR_Pr7Ek2IQEyVuBzRqKOuj-ZZ2g-1b_xwp9wuIbRA" />
    <input value="18460" 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%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D46">
    <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/essenza-gemuse-bouillon-nfp-65-g-18461">
          <img alt="Essenza Gemüse-Bouillon NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10028/file/3613df4a28fd76a3d76b84fb861a189c.svg 600w, https://assets.staging.fabulous.ch/public/variant_asset/10028/file/3613df4a28fd76a3d76b84fb861a189c.svg 900w, https://assets.staging.fabulous.ch/public/variant_asset/10028/file/3613df4a28fd76a3d76b84fb861a189c.svg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10028/file/3613df4a28fd76a3d76b84fb861a189c.svg" />
</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/essenza-gemuse-bouillon-nfp-65-g-18461">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Essenza Gemüse-Bouillon NFP, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TAgRLZAipsAwcssvNXnAepxaG4IQibkQMmeyjDIAv4suaN0t1xDHweeOi6c8x2xmqjIRPMK7uIa4B1AvAotE4A" />
    <input value="18461" 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%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D46">
    <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/floresta-gemuse-krautersalz-glas-47-g-18462">
          <img alt="Floresta Gemüse-Kräutersalz Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10304/file/small-08b8b7902cabb13d98726a41c473a3e3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10304/file/medium-001418aaad424ff501b72faf465e9f11.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10304/file/large-206e7535e5bf9d6cbb2875c1b91a1a3d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10304/file/medium-001418aaad424ff501b72faf465e9f11.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/floresta-gemuse-krautersalz-glas-47-g-18462">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Floresta Gemüse-Kräutersalz Glas, 47 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="K_O9P3kg4HyIZkW4kjyy52UGTvgn26V_d0UxGkrxRP5Jk3E_PhKBfV-aBTCbgh77U25ERvXppOn9JdO5enq_lQ" />
    <input value="18462" 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%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D46">
    <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/floresta-gemuse-krautersalz-nfp-47-g-18463">
          <img alt="Floresta Gemüse-Kräutersalz NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10332/file/small-77b3262b02d5255552ed69bb752a8ccf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10332/file/medium-45dea45a9db31c45a96aeb364bf562a5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10332/file/large-76fa5023367f8c517fadbba85c75fddf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10332/file/medium-45dea45a9db31c45a96aeb364bf562a5.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/floresta-gemuse-krautersalz-nfp-47-g-18463">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Floresta Gemüse-Kräutersalz NFP, 47 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CHXuLiKEikMX56IVC6lqJM5ssnNm067gog3fu-8n4T5qFSIuZbbrQsAb4p0CF8Y4-AS4zbThr3YobT0Y36waVQ" />
    <input value="18463" 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%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D46">
    <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/grillada-gewurzzubereitung-nfp-49-g-18464">
          <img alt="Grillada Gewürzzubereitung NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10027/file/small-4f5a0dcfcd52be1e950f568d1d0dbd67.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10027/file/medium-accdcac6a17b2f91c31e316e9a4c596b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10027/file/large-bd7c9e38c33d2a7364b3644296bcc62e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10027/file/medium-accdcac6a17b2f91c31e316e9a4c596b.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/grillada-gewurzzubereitung-nfp-49-g-18464">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grillada Gewürzzubereitung NFP, 49 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PECbpE6EWUSxQSh9GjhH_gq-F0kQaBDlbQsyfy7mnIFeIFekCbY4RWa9aPUThuviPNYd98JaEXPna9DcHm1n6g" />
    <input value="18464" 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%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D46">
    <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/harissa-wurzpaste-100-g-18465">
          <img alt="Harissa Würzpaste" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10308/file/small-17b7fc7ea0f52ff4788584a8b658afdc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10308/file/medium-7c1708adc8a4dff27a991070a98e22e3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10308/file/large-500544962f60d002b68db69b36641830.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10308/file/medium-7c1708adc8a4dff27a991070a98e22e3.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/harissa-wurzpaste-100-g-18465">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Harissa Würzpaste, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pi8V3RwZHsEu2GRb3DDJu43e4vS0AcQIvaYdvRrsc2fET9ndWyt_wPkkJNPVjmWnu7boSmYzxZ43xv8eKmeIDA" />
    <input value="18465" 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%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D46">
    <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/kaori-salatgewurz-nfp-55-g-18466">
          <img alt="Kaori Salatgewürz NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10333/file/small-315c79eadeeb3f31b5f05b2d63b99ba6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10333/file/medium-55f113f1ba1521c6525c5ba4b497b32d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10333/file/large-2e10afae73810a0c6cdb825b9482a940.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10333/file/medium-55f113f1ba1521c6525c5ba4b497b32d.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/kaori-salatgewurz-nfp-55-g-18466">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kaori Salatgewürz NFP, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Iw2Kt7Nk4mKk0iWYzkXyD3pTKoZbHFrpAY2VvwB79AlBbUa39FaDY3MuZRDH-14TTDsgOIkuW3-L7XccMPAPYg" />
    <input value="18466" 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%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D46">
    <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/kaori-salatwurze-glas-100-ml-18467">
          <img alt="Kaori Salatwürze Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10295/file/small-8633589b5415ca19edafe77d3df2b090.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10295/file/medium-6b71bb4ca94d057ab755666a47cb97d2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10295/file/large-1996fe7bb837f512b16186126cb4016d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10295/file/medium-6b71bb4ca94d057ab755666a47cb97d2.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/kaori-salatwurze-glas-100-ml-18467">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kaori Salatwürze Glas, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fczGwJbso5uRaFWs1rxmGxfPWtSfD4BtP5Z0IAmxs1YfrArA0d7CmkaUFSTfAsoHIadQak09gfu19paDOTpIPQ" />
    <input value="18467" 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%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D46">
    <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/kirpan-gewurzmischung-curry-glas-100-ml-18468">
          <img alt="Kirpan Gewürzmischung Curry Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10296/file/small-0d1a1e277d39b24a94e58c0740384bd3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10296/file/medium-86519375e78a9b64d28226a117fa41af.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10296/file/large-af3eea0cf7867e9fbe0b1402219ba577.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10296/file/medium-86519375e78a9b64d28226a117fa41af.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/kirpan-gewurzmischung-curry-glas-100-ml-18468">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kirpan Gewürzmischung Curry Glas, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="01XorqdZcoqIDaxuzVsbRkZh3d8zVQWTGOO0tHLMDBSxNSSu4GsTi1_x7ObE5bdacAnXYeFnBAWSg1YXQkf3fw" />
    <input value="18468" 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%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D46">
    <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/kirpan-gewurzmischung-curry-nfp-42-g-18469">
          <img alt="Kirpan Gewürzmischung Curry NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10120/file/small-4f24fd83d9adc3c47a1d1db252b86826.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10120/file/medium-5ac2a76195346cabc045eee78509046b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10120/file/large-b62023a17d883e6f670f95099b7b1b9f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10120/file/medium-5ac2a76195346cabc045eee78509046b.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/kirpan-gewurzmischung-curry-nfp-42-g-18469">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kirpan Gewürzmischung Curry NFP, 42 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TLg5JKw0JllHbLQ7rqx3dufKqkDEmB-eWggdupFQ4GIu2PUk6wZHWJCQ9LOnEttq0aKg_haqHgjQaP8ZodsbCQ" />
    <input value="18469" 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%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D46">
    <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/pfynwald-gewurzzubereitung-glas-100-ml-18470">
          <img alt="Pfynwald Gewürzzubereitung Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10300/file/small-9e66d79c4c33c5bf84e9161e77e23ec0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10300/file/medium-041cd487cc7159f2ef3ac98020302ec1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10300/file/large-f01bfb5d0120ccc8a5f0acd4ad4c9206.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10300/file/medium-041cd487cc7159f2ef3ac98020302ec1.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/pfynwald-gewurzzubereitung-glas-100-ml-18470">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pfynwald Gewürzzubereitung Glas, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Vnm2lVes7hlvNTF_hZZiLZb_sd9z7NgPhueQX6RNmVY0GXqVEJ6PGLjJcfeMKM4xoJe7YaHe2ZkMh3L8lMZiPQ" />
    <input value="18470" 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%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D46">
    <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/pfynwald-gewurzzubereitung-nfp-53-g-18471">
          <img alt="Pfynwald Gewürzzubereitung NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10020/file/small-27e239ae9aa7b38adee027358830b15e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10020/file/medium-7de6f05e440de81cfc2903a3b40e8050.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10020/file/large-5591547ed32b6b42650699187791f965.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10020/file/medium-7de6f05e440de81cfc2903a3b40e8050.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/pfynwald-gewurzzubereitung-nfp-53-g-18471">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pfynwald Gewürzzubereitung NFP, 53 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nkbKDIus_BDH5Yrgukp6UMoUsAh-UbGijVPPZXddeQH8JgYMzJ6dERAZymiz9NZM_Hy6tqxjsDQHMy3GR9aCag" />
    <input value="18471" 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%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D46">
    <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/rumilia-feigensenf-120-g-18472">
          <img alt="Rumilia Feigensenf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10711/file/small-16cd1a4ee072870b872e1ff6f44b8780.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10711/file/medium-08798fd9286b6897c331fbd884dbc459.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10711/file/large-d3d5aadc950d671d8a23d7205051c2b4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10711/file/medium-08798fd9286b6897c331fbd884dbc459.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/rumilia-feigensenf-120-g-18472">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rumilia Feigensenf, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ySLVEYQt_XPvE0KkbIFux8v7S0Qmbnyy0WjIxTvJxl-rQhkRwx-ccjjvAixlP8Lb_ZNB-vRcfSRbCCpmC0I9NA" />
    <input value="18472" 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%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D46">
    <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/valero-krautersalz-nfp-47-g-18473">
          <img alt="Valero Kräutersalz NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10294/file/small-8c677b6eb3110fcd5650afc980a085fe.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10294/file/medium-5b64e7c5c4602f2bc18e32ea207d9adc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10294/file/large-bea9bbc0e22780cd9e89eb4eadc8e2fb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10294/file/medium-5b64e7c5c4602f2bc18e32ea207d9adc.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/valero-krautersalz-nfp-47-g-18473">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Valero Kräutersalz NFP, 47 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T8azsS-Shr-_mKGMfijMI7ERzlcKbHAoeX8tznUo0d8tpn-xaKDnvmhk4QR3lmA_h3nE6dhecb7zH89tRaMqtA" />
    <input value="18473" 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%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D46">
    <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/wilde-krauter-gerebelt-glas-3-g-18474">
          <img alt="Wilde Kräuter gerebelt Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10301/file/small-a0ff7f607b86c60e88a1aa9c8b2d5f0a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10301/file/medium-7ad50777e7f035d7caa2f56371e2d976.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10301/file/large-fe5c86d41bad3f778fd921c2562d0f81.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10301/file/medium-7ad50777e7f035d7caa2f56371e2d976.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/wilde-krauter-gerebelt-glas-3-g-18474">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wilde Kräuter gerebelt Glas, 3 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D8VEZMtFtFStVkhQFxDQc5a46wgONRi0m8Z5kPCSKixtpYhkjHfVVXqqCNgernxvoNDhttwHGSIRppszwBnRRw" />
    <input value="18474" 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%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D46">
    <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/kaugummi-lime-bio-30-g-18475">
          <img alt="Kaugummi Lime Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9197/file/small-ba59b20b1940900ead3810a7c35997a3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9197/file/medium-ed89d2ff4b7f7080ccb46683ee474f63.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9197/file/large-221edd4ef8686554153234d92aaa2f1d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9197/file/medium-ed89d2ff4b7f7080ccb46683ee474f63.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">Chicza</p>
          <a href="/products/kaugummi-lime-bio-30-g-18475">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kaugummi Lime Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MKxYJ6ByRJqJS99ZVRSsxUCYwDjjaLa89qvo9zdlSsdSzJQn50Alm163n9FcqgDZdvDKhjFatyp8ywpUB-6xrA" />
    <input value="18475" 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%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D46">
    <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/claro-mascobado-vollrohrzucker-bio-1-kg-18476">
          <img alt="Claro Mascobado Vollrohrzucker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10704/file/small-d566c9575b08db76c1b710826c547e21.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10704/file/medium-9cdaf2ea2b42c9b93259fbc7aba659df.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10704/file/large-92a018acf8014702284434578f5b0e9c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10704/file/medium-9cdaf2ea2b42c9b93259fbc7aba659df.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">claro fair trade</p>
          <a href="/products/claro-mascobado-vollrohrzucker-bio-1-kg-18476">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Claro Mascobado Vollrohrzucker Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zYJTy-_8EqZAWOz-Ftt7SFPNjgkVq-rRG_t65yabmnWv4p_LqM5zp5ekrHYfZddUZaWEt8eZ60eRm5hEFhBhHg" />
    <input value="18476" 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%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D46">
    <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/trikatu-gewurzmischung-dose-50-g-18477">
          <img alt="Trikatu Gewürzmischung Dose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10132/file/small-c38696319c2fed244f97c404e30398d9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10132/file/medium-729863d6cd1713d6b5deb2cda9a56e57.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10132/file/large-2c6093466100366948b9e6474ccf6c97.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10132/file/medium-729863d6cd1713d6b5deb2cda9a56e57.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">ClassicAyurveda</p>
          <a href="/products/trikatu-gewurzmischung-dose-50-g-18477">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Trikatu Gewürzmischung Dose, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Lr3H65hpCvXufDEkgIhStdVCrZ8mBwdHax2t3n83UO9M3Qvr31tr9DmAcayJNv6p4yqnIfQ1BtHhfU99T7yrhA" />
    <input value="18477" 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%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D46">
    <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/ashwagandha-churna-pulver-bio-100-g-18478">
          <img alt="Ashwagandha Churna Pulver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10210/file/small-d215089d3004a234eb572d0502605502.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10210/file/medium-b7c3f9e3e2f16dd68bd3606e1b6baab7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10210/file/large-4019a25f4343ffab6e4fcba80f001baa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10210/file/medium-b7c3f9e3e2f16dd68bd3606e1b6baab7.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">ClassicAyurveda</p>
          <a href="/products/ashwagandha-churna-pulver-bio-100-g-18478">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ashwagandha Churna Pulver Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jHVGCVGJOrh7xmlBxcoA4vL_y5cnclPd7OQ1aKuitEjuFYoJFrtbuaw6KcnMdKz-xJfBKfVAUktmhNfLmylPIw" />
    <input value="18478" 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">
      920 von 2&#39;529 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/biovegan?format=turbo_stream&amp;page=47">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>