<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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D90">
    <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="/en/products/vegetable-sliced-meat-nature-185-g-13633">
          <img alt="Vegetable Sliced Meat Nature" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6565/file/small-5225b3ee3b6bd2481ec27ddaaa74f739.webp 600w, https://assets.fabulous.ch/public/variant_asset/6565/file/medium-c7ae907242a3da2d8005154204ac8c02.webp 900w, https://assets.fabulous.ch/public/variant_asset/6565/file/large-b7396403713d6e0b1f91c54c1369ad2e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6565/file/medium-c7ae907242a3da2d8005154204ac8c02.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">Outlawz</p>
          <a href="/en/products/vegetable-sliced-meat-nature-185-g-13633">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegetable Sliced Meat Nature, 185 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

              <div class="size-8 text-blue-300" title="Refrigeration required">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.51 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13633&quot;],&quot;content_name&quot;:&quot;Vegetable Sliced Meat Nature, 185 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13633&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qmnzQ_lPPIlbuh90Sm3mptTE3Kyi8EV62mt_9p8ai0-4IyaYaclICDyKN_EL3Tjgkpgb4uvCZ7pHCnA_Apr65A" />
    <input value="13633" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D90">
    <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="/en/products/vegan-dried-meat-slices-60-g-10663">
          <img alt="Vegan dried meat slices" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5607/file/small-ffcf3c274a090bf128d7bc682b3b1da3.webp 600w, https://assets.fabulous.ch/public/variant_asset/5607/file/medium-c6a9be4d85a288c569ee0468f96dfa5f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5607/file/large-9fe4e12bf29dc041ba9af5584ec673b4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5607/file/medium-c6a9be4d85a288c569ee0468f96dfa5f.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">Outlawz</p>
          <a href="/en/products/vegan-dried-meat-slices-60-g-10663">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegan dried meat slices, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

              <div class="size-8 text-blue-300" title="Refrigeration required">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 9.17 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;10663&quot;],&quot;content_name&quot;:&quot;Vegan dried meat slices, 60 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;10663&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z1Jv-ghywoJYIT_CbMjLser7TdD7sVTGYsSydutAmmDdGLohmPS2Az8RF0cteBX3rKeKnrKDdgb_pb2_dsDryw" />
    <input value="10663" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D90">
    <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="/en/products/vegan-alternative-to-cubes-of-bacon-110-g-9100">
          <img alt="Vegan Alternative to Cubes of Bacon" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5194/file/small-6bcebee2b15ba0aa18df8a8ca34c1972.webp 600w, https://assets.fabulous.ch/public/variant_asset/5194/file/medium-e8f36a47b21eea46d927d34e136fa242.webp 900w, https://assets.fabulous.ch/public/variant_asset/5194/file/large-50e8ed8f2ce1f93e5aff89d2db73755f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5194/file/medium-e8f36a47b21eea46d927d34e136fa242.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">Outlawz</p>
          <a href="/en/products/vegan-alternative-to-cubes-of-bacon-110-g-9100">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegan Alternative to Cubes of Bacon, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

              <div class="size-8 text-blue-300" title="Refrigeration required">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 5.41 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9100&quot;],&quot;content_name&quot;:&quot;Vegan Alternative to Cubes of Bacon, 110 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9100&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="j1XJXhTx13cxJd7iNrCac3s_qJBGAo9bg7sPIsiqrDedHxyFhHej9lYV9md3AEQ1PWNv3g8wrZse2gDrVSrdnA" />
    <input value="9100" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D90">
    <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="/en/products/vegan-alternative-to-dried-sausage-70-g-13631">
          <img alt="Vegan Alternative to Dried Sausage" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6563/file/small-92886680e3b69e6e7db0a227c2ce3e09.webp 600w, https://assets.fabulous.ch/public/variant_asset/6563/file/medium-25faac3db97c52d1fbfb146eccfb66d3.webp 900w, https://assets.fabulous.ch/public/variant_asset/6563/file/large-7f30881caab71f8c67ff35101196530e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6563/file/medium-25faac3db97c52d1fbfb146eccfb66d3.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">Outlawz</p>
          <a href="/en/products/vegan-alternative-to-dried-sausage-70-g-13631">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegan Alternative to Dried Sausage, 2 x 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

              <div class="size-8 text-blue-300" title="Refrigeration required">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 7.86 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13631&quot;],&quot;content_name&quot;:&quot;Vegan Alternative to Dried Sausage, 2 x 35 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13631&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PMWn6E_NNEZDNEyqqHuaunMg8dXlfR7VyLXnLwF8LkEuj3Iz30tAxyQEZC_py0T8NXw2m6xPPBVV1OjmnPxf6g" />
    <input value="13631" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D90">
    <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="/en/products/cracker-rosemary-raw-organic-90-g-16205">
          <img alt="Cracker Rosemary Raw Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8819/file/small-82e87d36eb2c0cb5b8556e4ee2a6876d.webp 600w, https://assets.fabulous.ch/public/variant_asset/8819/file/medium-cdb4f49387ffbd61919e59b099acdec2.webp 900w, https://assets.fabulous.ch/public/variant_asset/8819/file/large-3f54265f91736fefffcb856ba19f6612.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8819/file/medium-cdb4f49387ffbd61919e59b099acdec2.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">Lifefood</p>
          <a href="/en/products/cracker-rosemary-raw-organic-90-g-16205">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cracker Rosemary Raw Organic, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16205&quot;],&quot;content_name&quot;:&quot;Cracker Rosemary Raw Organic, 90 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16205&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="e5hWel0XOIpXvTZzVmR71_pPfhQRp_DOOnnjQAAR1MFp0oOhzZFMCzCNHvYX1KWRvBO5WliV0g6nGOyJnZGlag" />
    <input value="16205" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D90">
    <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="/en/products/cucumber-in-glas-jar-demeter-720-ml-7307">
          <img alt="Cucumber in Glas Jar Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4162/file/small-5c994118112bf2e6c63990d28f219566.webp 600w, https://assets.fabulous.ch/public/variant_asset/4162/file/medium-bc712596f175a6dd4387b682a5e0ed30.webp 900w, https://assets.fabulous.ch/public/variant_asset/4162/file/large-ceff801f96cdae0610b5965e0a9750d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4162/file/medium-bc712596f175a6dd4387b682a5e0ed30.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">Schweizer Naturkost</p>
          <a href="/en/products/cucumber-in-glas-jar-demeter-720-ml-7307">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cucumber in Glas Jar Demeter, 720 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7307&quot;],&quot;content_name&quot;:&quot;Cucumber in Glas Jar Demeter, 720 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7307&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_WKdHTyjHZ4zzKGcmLVTwZtsrbiQD4aHDxNV6yXnjiDvKEjGrCVpH1T8iRnZBY2H3TBq9tk9pEeScloiuGf_iw" />
    <input value="7307" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D90">
    <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="/en/products/roasted-peanut-spread-organic-250-g-12968">
          <img alt="Roasted Peanut Spread Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6370/file/small-3a88950a993a5a98d74b2609a5fc01a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/6370/file/medium-ecf5f756c8c1d6df86b60b98cb5bca51.webp 900w, https://assets.fabulous.ch/public/variant_asset/6370/file/large-f81b08f7280e5d362c21a493dadbe169.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6370/file/medium-ecf5f756c8c1d6df86b60b98cb5bca51.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">Rapunzel</p>
          <a href="/en/products/roasted-peanut-spread-organic-250-g-12968">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Roasted Peanut Spread Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12968&quot;],&quot;content_name&quot;:&quot;Roasted Peanut Spread Organic, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12968&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_18CPWTtExnBpXdUVaJBdUEGGxO-JTzU3EWzRAFSjNPtFdfm9GtnmKaVX9EUEp8zB1rcXfcXHhRBJLyNnNL9eA" />
    <input value="12968" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D90">
    <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="/en/products/cashew-butter-organic-250-g-332">
          <img alt="Cashew Butter Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/292/file/small-823cae19aad346d2be04a2937ee2aa28.webp 600w, https://assets.fabulous.ch/public/variant_asset/292/file/medium-a5feedf880c55ac62bf5a27e0f643672.webp 900w, https://assets.fabulous.ch/public/variant_asset/292/file/large-4b5899705c5f22d9849542ff94207ecd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/292/file/medium-a5feedf880c55ac62bf5a27e0f643672.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">Rapunzel</p>
          <a href="/en/products/cashew-butter-organic-250-g-332">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cashew Butter Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;332&quot;],&quot;content_name&quot;:&quot;Cashew Butter Organic, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;332&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_7Suf_xdFSMur7jjzJjZzp1Ia2HNMy6AjJ_0iwtZIXjt_nukbNthokmfkGaNKAeI2xSsL4QBDEAR_vtCltlQ0w" />
    <input value="332" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D90">
    <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="/en/products/vegan-slices-chorizo-organic-80-g-171">
          <img alt="Vegan Slices Chorizo Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9136/file/small-8571f07cefa24a576388fef96386aa02.webp 600w, https://assets.fabulous.ch/public/variant_asset/9136/file/medium-6db8b8fac6c267ab23208a71c3443a9f.webp 900w, https://assets.fabulous.ch/public/variant_asset/9136/file/large-654b2c5888415747d26ba3af35696dd5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9136/file/medium-6db8b8fac6c267ab23208a71c3443a9f.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">Wheaty</p>
          <a href="/en/products/vegan-slices-chorizo-organic-80-g-171">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegan Slices Chorizo Organic, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.85
            </p>

              <div class="size-8 text-blue-300" title="Refrigeration required">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 4.81 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;171&quot;],&quot;content_name&quot;:&quot;Vegan Slices Chorizo Organic, 80 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;171&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.85,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CLa01hv5e2LIPQFMMC8v3q2qxGjo7Tc3V1yDRaOrOkwa_GENi38P468NKclxn_GY6_YDJqHfFffKPYyMPitL5w" />
    <input value="171" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D90">
    <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="/en/products/pita-wheat-oven-bread-organic-480-g-17278">
          <img alt="Pita Wheat Oven Bread Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8052/file/small-c61fc31ec683032eb4cc656458f4c912.webp 600w, https://assets.fabulous.ch/public/variant_asset/8052/file/medium-fd0289b1f0ab06b8374cd24cfd5382d6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8052/file/large-56a506f116b5b800ab4be9f1ebb6cc04.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8052/file/medium-fd0289b1f0ab06b8374cd24cfd5382d6.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">Terrasana</p>
          <a href="/en/products/pita-wheat-oven-bread-organic-480-g-17278">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pita Wheat Oven Bread Organic, 480 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17278&quot;],&quot;content_name&quot;:&quot;Pita Wheat Oven Bread Organic, 480 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17278&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GjQ5_3WC2Ce18vjZnyCiAjO9IWt51YzleHuVbqRInCsIfuwk5QSsptLC0FzekHxEdeHmJTDnriXlGpqnOcjtgA" />
    <input value="17278" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D90">
    <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="/en/products/rice-paper-organic-150-g-bde74f5c-b460-4800-bab9-0070f1630fec-7672">
          <img alt="Rice Paper Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4436/file/small-093b870132e087c67403c863f06bdcba.webp 600w, https://assets.fabulous.ch/public/variant_asset/4436/file/medium-591d7f326a0802a5b03ccbe731f1f539.webp 900w, https://assets.fabulous.ch/public/variant_asset/4436/file/large-1bdd00535bda194aee0e068e224a6f5d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4436/file/medium-591d7f326a0802a5b03ccbe731f1f539.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">Terrasana</p>
          <a href="/en/products/rice-paper-organic-150-g-bde74f5c-b460-4800-bab9-0070f1630fec-7672">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rice Paper Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7672&quot;],&quot;content_name&quot;:&quot;Rice Paper Organic, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7672&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VWjA83SdQH6i-a9dpetkkNRz-lYGSFiKWQc_gF5ihWFHIhUo5Bs0_8XJh9jkW7rWki89GE96ekrEZjBJw-L0yg" />
    <input value="7672" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D90">
    <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="/en/products/paprika-sweet-organic-50-g-1172">
          <img alt="Paprika sweet Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1044/file/small-51cf22e73d1444f50e386c191f67ac3a.webp 600w, https://assets.fabulous.ch/public/variant_asset/1044/file/medium-21baecad366c6dbfaf786ff2ed7b9a43.webp 900w, https://assets.fabulous.ch/public/variant_asset/1044/file/large-519914d75ed57e0052b78edd35b66f8d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1044/file/medium-21baecad366c6dbfaf786ff2ed7b9a43.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">Lebensbaum</p>
          <a href="/en/products/paprika-sweet-organic-50-g-1172">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Paprika sweet Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.05
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1172&quot;],&quot;content_name&quot;:&quot;Paprika sweet Organic, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1172&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zBycFeA0xgS9H5IrstfaJrz2oHml66pPPeaAbrt5uV_eVknOcLKyhdovuq7zZwRg-qpnN-zZiI-gh4-nJvnI9A" />
    <input value="1172" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D90">
    <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="/en/products/fruitgarden-bitter-orange-organic-225-g-391">
          <img alt="Fruitgarden Bitter Orange Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/342/file/small-6eb07618177191b9702d8a5ffb44b82f.webp 600w, https://assets.fabulous.ch/public/variant_asset/342/file/medium-2e6e0644d05190e0159c88a50cfb3233.webp 900w, https://assets.fabulous.ch/public/variant_asset/342/file/large-47ecbd8467637f94d162b65abfbbf3ac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/342/file/medium-2e6e0644d05190e0159c88a50cfb3233.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">Zwergenwiese</p>
          <a href="/en/products/fruitgarden-bitter-orange-organic-225-g-391">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fruitgarden Bitter Orange Organic, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;391&quot;],&quot;content_name&quot;:&quot;Fruitgarden Bitter Orange Organic, 225 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;391&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3AUjDrL4eel8iAdbl0j1K9oh7Uq6CTeZYbwKuGJ1VzrOT_bVIn4NaBu4L97W-CttnH0qBPM7FVn83QVx__UmkQ" />
    <input value="391" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D90">
    <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="/en/products/sir-garlic-sauce-315-ml-15416">
          <img alt="Sir Garlic Sauce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7043/file/small-12c36c2ffb56841875b1ba5301b03074.webp 600w, https://assets.fabulous.ch/public/variant_asset/7043/file/medium-a0c61d545d3f2fa07c72d204a3e34db7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7043/file/large-74b8cf4f8340323bb2c443904e6e774d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7043/file/medium-a0c61d545d3f2fa07c72d204a3e34db7.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">BUFIS</p>
          <a href="/en/products/sir-garlic-sauce-315-ml-15416">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sir Garlic Sauce, 315 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

              <div class="size-8 text-blue-300" title="Refrigeration required">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.87 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15416&quot;],&quot;content_name&quot;:&quot;Sir Garlic Sauce, 315 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15416&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ui4YOpjB_rl5ZoVe1GnHFb7G0XgHy-l9exwFkIvzQ8moZM3hCEeKOB5WrduV2RlT-JoWNk75y73mfQpZFnMyYg" />
    <input value="15416" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D90">
    <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="/en/products/lady-cocktail-sauce-315-ml-15417">
          <img alt="Lady Cocktail Sauce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7045/file/small-5e15340e97c09c0404e538b281e6db2b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7045/file/medium-7ebe4cc03dc19a1426f46ee55a828b01.webp 900w, https://assets.fabulous.ch/public/variant_asset/7045/file/large-f0cc942222ae7bbfcdd11f20c1e6f77e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7045/file/medium-7ebe4cc03dc19a1426f46ee55a828b01.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">BUFIS</p>
          <a href="/en/products/lady-cocktail-sauce-315-ml-15417">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lady Cocktail Sauce, 315 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

              <div class="size-8 text-blue-300" title="Refrigeration required">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.87 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15417&quot;],&quot;content_name&quot;:&quot;Lady Cocktail Sauce, 315 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15417&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8AyOZ6WFU2oVGrmPzVWB4kjA1lQVxnw0Y12SlGTE7BPiRlu8NQMn63IqkQqM5V-kDpwRGlz0XvT-PJ1d-USduA" />
    <input value="15417" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D90">
    <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="/en/products/master-tartar-sauce-315-ml-15418">
          <img alt="Master Tartar Sauce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7046/file/small-863d2dcad6bd8520cb6347136c11a08c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7046/file/medium-922c000c949224f8f8cc584b85f05a83.webp 900w, https://assets.fabulous.ch/public/variant_asset/7046/file/large-cafd670d32e84dfdbfca33e2503cd0f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7046/file/medium-922c000c949224f8f8cc584b85f05a83.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">BUFIS</p>
          <a href="/en/products/master-tartar-sauce-315-ml-15418">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Master Tartar Sauce, 315 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

              <div class="size-8 text-blue-300" title="Refrigeration required">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.87 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15418&quot;],&quot;content_name&quot;:&quot;Master Tartar Sauce, 315 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15418&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SSTxVh5KFWod_DvY4GEtJK5s8-VI7iE3ma9_RwlXzV1bbiSNjsxh63rME12h0fNi6DA0qwHcA_cEznCOlNe89g" />
    <input value="15418" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D90">
    <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="/en/products/prince-curry-sauce-315-ml-15419">
          <img alt="Prince Curry Sauce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7048/file/small-2551bb752b1964f4eb87dde96f067509.webp 600w, https://assets.fabulous.ch/public/variant_asset/7048/file/medium-765e23eaa624c94788632e781f868838.webp 900w, https://assets.fabulous.ch/public/variant_asset/7048/file/large-47223453ba41a1c6c061155cd4244b8a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7048/file/medium-765e23eaa624c94788632e781f868838.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">BUFIS</p>
          <a href="/en/products/prince-curry-sauce-315-ml-15419">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Prince Curry Sauce, 315 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

              <div class="size-8 text-blue-300" title="Refrigeration required">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.87 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15419&quot;],&quot;content_name&quot;:&quot;Prince Curry Sauce, 315 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15419&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W7okONjIBqr7JMlkrgDZ_VEM9OFC9fik-iRyseOnQ65J8PHjSE5yK5wU4eHvsAe7F1AzrwvH2mRnRX14ficyBQ" />
    <input value="15419" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D90">
    <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="/en/products/miss-chili-sauce-315-ml-15420">
          <img alt="Miss Chili Sauce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7049/file/small-ad4572fb2ea69546ca904c4c68af8185.webp 600w, https://assets.fabulous.ch/public/variant_asset/7049/file/medium-042211cc3b8374708edca6c1c0c528a2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7049/file/large-18cfc08d78ff829bfda4197259b10dbd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7049/file/medium-042211cc3b8374708edca6c1c0c528a2.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">BUFIS</p>
          <a href="/en/products/miss-chili-sauce-315-ml-15420">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Miss Chili Sauce, 315 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

              <div class="size-8 text-blue-300" title="Refrigeration required">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.87 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15420&quot;],&quot;content_name&quot;:&quot;Miss Chili Sauce, 315 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15420&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l9o-Vug8VNQTw9e3IvuVvLQfiiX3m4Yig2HMF7XwiLSFkOuNeLogVXTz_zJjS0v68kNNa76ppOIeAMPeKHD5Hw" />
    <input value="15420" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D90">
    <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="/en/products/sheriff-grill-sauce-315-ml-15421">
          <img alt="Sheriff Grill Sauce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7050/file/small-458108b40a4ea23d5fa57791b95ead26.webp 600w, https://assets.fabulous.ch/public/variant_asset/7050/file/medium-7f166b8d64032e1dd2bc6f3171ee4ad8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7050/file/large-b9cad9b3f3534034e1941d91881f9d95.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7050/file/medium-7f166b8d64032e1dd2bc6f3171ee4ad8.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">BUFIS</p>
          <a href="/en/products/sheriff-grill-sauce-315-ml-15421">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sheriff Grill Sauce, 315 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

              <div class="size-8 text-blue-300" title="Refrigeration required">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.87 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15421&quot;],&quot;content_name&quot;:&quot;Sheriff Grill Sauce, 315 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15421&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RjvsI_oYLR8Az3L4BqKL65kBsrvP6Y95sZjOCoh65oxUcTn4ap5Znmf_Wn1HElWt31119Ybbrbks-cHDFfqXJw" />
    <input value="15421" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D90">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tip
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/grill-set-barbecue-dips-110-g-15422">
          <img alt="Grill Set Barbecue Dips" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7051/file/small-6651f58ae2d3658b1c35fc5490372526.webp 600w, https://assets.fabulous.ch/public/variant_asset/7051/file/medium-6db9c9ebd0312882b02dd34a8c8fe3cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7051/file/large-1e642e396b9d93e59a68f8129f90adae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7051/file/medium-6db9c9ebd0312882b02dd34a8c8fe3cd.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">BUFIS</p>
          <a href="/en/products/grill-set-barbecue-dips-110-g-15422">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grill Set Barbecue Dips, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.50
            </p>

              <div class="size-8 text-blue-300" title="Refrigeration required">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 12.27 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15422&quot;],&quot;content_name&quot;:&quot;Grill Set Barbecue Dips, 110 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15422&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yCnXKgPzPOT5OLOHSbUpX90GF5uFed_8jy4BDdBh_0vaYwLxk3VIZZ4ImwIIBfcZm1rQ1cxL_TwSTw7ETeGO4A" />
    <input value="15422" 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>
          Add to cart
</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">
      1&#39;800 of 3&#39;713 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/bioreal?format=turbo_stream&amp;page=91">Show more</a>
  </div>
</div>

</template></turbo-stream>