<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%2Fpetit-veganne%3Fformat%3Dturbo_stream%26page%3D28">
    <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/kombucha-pear-fireweed-330-ml-17087">
          <img alt="Kombucha Pear &amp; Fireweed" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7956/file/small-cbd5620de9ec1a4fbd23c77f59eee316.webp 600w, https://assets.fabulous.ch/public/variant_asset/7956/file/medium-e4070a2ee0d90876853eaafc274edf06.webp 900w, https://assets.fabulous.ch/public/variant_asset/7956/file/large-d8fe49b69380a38c70c8b4e3f4e8b5f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7956/file/medium-e4070a2ee0d90876853eaafc274edf06.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">Rudy&#39;s Kombucha</p>
          <a href="/en/products/kombucha-pear-fireweed-330-ml-17087">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kombucha Pear &amp; Fireweed, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17087&quot;],&quot;content_name&quot;:&quot;Kombucha Pear \u0026 Fireweed, 330 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17087&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kiX7p2GJX3l6j5Vg1QL6VOPWIsZ4pNi2fDlDqQDtZVr_Vc4fKJVf8g9Lndk5rLvzX5lPlAQ9bOfqagZIG85UBA" />
    <input value="17087" 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%2Fpetit-veganne%3Fformat%3Dturbo_stream%26page%3D28">
    <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/kombucha-matcha-passion-fruit-330-ml-22469">
          <img alt="Kombucha Matcha &amp; Passion Fruit" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11883/file/small-2b1823df22ef992c68b49250c2372136.webp 600w, https://assets.fabulous.ch/public/variant_asset/11883/file/medium-1bbd58e050139971e83f8d36b9332cf4.webp 900w, https://assets.fabulous.ch/public/variant_asset/11883/file/large-3e487fdde0e52596d70d7b513b1619b1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11883/file/medium-1bbd58e050139971e83f8d36b9332cf4.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">Rudy&#39;s Kombucha</p>
          <a href="/en/products/kombucha-matcha-passion-fruit-330-ml-22469">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kombucha Matcha &amp; Passion Fruit, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22469&quot;],&quot;content_name&quot;:&quot;Kombucha Matcha \u0026 Passion Fruit, 330 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22469&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1QNncMObjMP2oOqMOiLwAb_2sUu27XYN26R9ohEflne4c1LIioeMSINk4jXWjLGmA7ncGcp0wlxN9zhDCjynKQ" />
    <input value="22469" 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%2Fpetit-veganne%3Fformat%3Dturbo_stream%26page%3D28">
    <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/soy-strips-gluten-free-1-kg-17735">
          <img alt="Soy Strips Gluten Free" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8652/file/small-b707ac2a43c5d83039c93685bbb8d8c8.webp 600w, https://assets.fabulous.ch/public/variant_asset/8652/file/medium-8aa6f9ed6ef1a3f8aa2f0bca14799b74.webp 900w, https://assets.fabulous.ch/public/variant_asset/8652/file/large-be6c471145c35b57f218afa8a8d5022f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8652/file/medium-8aa6f9ed6ef1a3f8aa2f0bca14799b74.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">Vantastic</p>
          <a href="/en/products/soy-strips-gluten-free-1-kg-17735">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soy Strips Gluten Free, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17735&quot;],&quot;content_name&quot;:&quot;Soy Strips Gluten Free, 1 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17735&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hXVSsvIxCla3IqiBPPakQS2UqNGrsdLaF6xoZ0EyKh_oBWcKuy0K3cLmoDjQWOXmkdvFg9coZouB_y2GWhEbQQ" />
    <input value="17735" 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%2Fpetit-veganne%3Fformat%3Dturbo_stream%26page%3D28">
    <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/soy-medaillons-gluten-free-800-g-17734">
          <img alt="Soy Medaillons" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8650/file/small-68d66e7eb6c8158721b4e1b4500caf48.webp 600w, https://assets.fabulous.ch/public/variant_asset/8650/file/medium-f4357d74cf9828df7f54c9cc5539d68d.webp 900w, https://assets.fabulous.ch/public/variant_asset/8650/file/large-94db3a01b319f02caa2141c911c42fb1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8650/file/medium-f4357d74cf9828df7f54c9cc5539d68d.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">Vantastic</p>
          <a href="/en/products/soy-medaillons-gluten-free-800-g-17734">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soy Medaillons, 800 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17734&quot;],&quot;content_name&quot;:&quot;Soy Medaillons, 800 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17734&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ze1sBZoLoZ_eVifCVzOv6yCkD0Kn-wn5zVOeJrkOu9YInVm90xehFKuSL3u7ne5MnOtiENtivahbANvHoi2KiA" />
    <input value="17734" 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%2Fpetit-veganne%3Fformat%3Dturbo_stream%26page%3D28">
    <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/simply-v-alternative-to-cheese-slices-original-150-g-6322">
          <img alt="Simply V Alternative to Cheese Slices ORIGINAL" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3633/file/small-318926c4ca0c4fc48556aa23eb38ad65.webp 600w, https://assets.fabulous.ch/public/variant_asset/3633/file/medium-5e76033f5076b74722dd6e502c843b3b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3633/file/large-6b194dc87d0f7fe4f5279ed91c0a03bf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3633/file/medium-5e76033f5076b74722dd6e502c843b3b.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">Simply V</p>
          <a href="/en/products/simply-v-alternative-to-cheese-slices-original-150-g-6322">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Simply V Alternative to Cheese Slices ORIGINAL, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </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 2.93 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6322&quot;],&quot;content_name&quot;:&quot;Simply V Alternative to Cheese Slices ORIGINAL, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6322&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pL57y97FjPg2N7r44d8yVtReuOAWirh6dPtmxzxmRqvJzk5zl9mMc0PzskENcXPxaBHVsmoTDCviqCMmJ0V39Q" />
    <input value="6322" 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%2Fpetit-veganne%3Fformat%3Dturbo_stream%26page%3D28">
    <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/schlagfix-cream-like-mascarpone-250-ml-5088">
          <img alt="Schlagfix Cream like Mascarpone" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2996/file/small-f2ec0a801305009c985d80b8ca91bfc3.webp 600w, https://assets.fabulous.ch/public/variant_asset/2996/file/medium-7173a8e909df703cd3710b6435a769db.webp 900w, https://assets.fabulous.ch/public/variant_asset/2996/file/large-ebc305b0f0aa5dc4255c875eab56c49d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2996/file/medium-7173a8e909df703cd3710b6435a769db.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">Schlagfix</p>
          <a href="/en/products/schlagfix-cream-like-mascarpone-250-ml-5088">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schlagfix Cream like Mascarpone, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </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.60 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5088&quot;],&quot;content_name&quot;:&quot;Schlagfix Cream like Mascarpone, 250 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5088&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2Q3Og7bGSNgDpvKc8tIOY5ZTUDjm-Qdqm50cMFietJe0ffs7_9pIU3Zi-iUefE_EKhw9appgszsNzlnRQ72FyQ" />
    <input value="5088" 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%2Fpetit-veganne%3Fformat%3Dturbo_stream%26page%3D28">
    <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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/just-egg-alternative-for-eggs-340-ml-22452">
          <img alt="JUST Egg Alternative for Eggs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11881/file/small-b1044437bd7f6a9c1bb11970a2cd7af3.webp 600w, https://assets.fabulous.ch/public/variant_asset/11881/file/medium-fc9a4e7fcaf33aff7e4d9307ac6c5058.webp 900w, https://assets.fabulous.ch/public/variant_asset/11881/file/large-be6ae9f34e5b862691dfa0498e32ebc6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11881/file/medium-fc9a4e7fcaf33aff7e4d9307ac6c5058.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">Just Food Company</p>
          <a href="/en/products/just-egg-alternative-for-eggs-340-ml-22452">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">JUST Egg Alternative for Eggs, 340 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.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 2.32 / 100 ml
            </p>
        </div>
      </div>

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/en/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Notify me
</a>

      </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%2Fpetit-veganne%3Fformat%3Dturbo_stream%26page%3D28">
    <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/walnuts-with-maple-syrup-30-g-22201">
          <img alt="Walnuts with Maple Syrup" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11690/file/small-fb7382039576f46d03f28d7009ffaa44.webp 600w, https://assets.fabulous.ch/public/variant_asset/11690/file/medium-e412121f03f9d00729889e5c82febb07.webp 900w, https://assets.fabulous.ch/public/variant_asset/11690/file/large-bfd4de24abac59837822d484820e577c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11690/file/medium-e412121f03f9d00729889e5c82febb07.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">Stoli GmbH</p>
          <a href="/en/products/walnuts-with-maple-syrup-30-g-22201">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Walnuts with Maple Syrup, 28 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22201&quot;],&quot;content_name&quot;:&quot;Walnuts with Maple Syrup, 28 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22201&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DV_907OSaohmGR00oA2dgjU6d1s53RG8wQNNp09w38dgL8hr-o5qAxPdFY1Mo9wliXUaCUVEpe1XUAhGVFPumQ" />
    <input value="22201" 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%2Fpetit-veganne%3Fformat%3Dturbo_stream%26page%3D28">
    <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/dark-chocolate-nuts-28-g-22203">
          <img alt="Dark Chocolate Nuts" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11692/file/small-13fb0d373822c7424a68d89d9748d6af.webp 600w, https://assets.fabulous.ch/public/variant_asset/11692/file/medium-6f44b6f42652915e0e26acc3679cbb82.webp 900w, https://assets.fabulous.ch/public/variant_asset/11692/file/large-ac76c1c734cab93e20c98481d3ae74cf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11692/file/medium-6f44b6f42652915e0e26acc3679cbb82.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">Stoli GmbH</p>
          <a href="/en/products/dark-chocolate-nuts-28-g-22203">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dark Chocolate Nuts, 28 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22203&quot;],&quot;content_name&quot;:&quot;Dark Chocolate Nuts, 28 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22203&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="47qdvSH16W3FfvtWVMwYMPEeldJRARuEoKbVdFNx9G6OyqgFaOnp5rC68--4YlmXTVH4gC2Yr9U29ZCVSFLFMA" />
    <input value="22203" 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%2Fpetit-veganne%3Fformat%3Dturbo_stream%26page%3D28">
    <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/dark-chocolate-nuts-430-g-22248">
          <img alt="Dark Chocolate Nuts" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11744/file/small-5296bcb87dd6e7fde19321a0b43920be.webp 600w, https://assets.fabulous.ch/public/variant_asset/11744/file/medium-cab54e1d221a27eac5d604d12ae680fd.webp 900w, https://assets.fabulous.ch/public/variant_asset/11744/file/large-a1d4b248eeae42b3d2d4698f45aceaab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11744/file/medium-cab54e1d221a27eac5d604d12ae680fd.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">Stoli GmbH</p>
          <a href="/en/products/dark-chocolate-nuts-430-g-22248">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dark Chocolate Nuts, 430 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22248&quot;],&quot;content_name&quot;:&quot;Dark Chocolate Nuts, 430 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22248&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:22.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f00tjXjSsc9dpeANMBrfQtC3WvcJygxlG0TFujTLZ2QSPRg1Mc6xRChh6LTctJ7lbPg3pXVTuDSNF4BbL-hWOg" />
    <input value="22248" 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%2Fpetit-veganne%3Fformat%3Dturbo_stream%26page%3D28">
    <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-cashews-440-g-22245">
          <img alt="Paprika Cashews" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11741/file/small-d61dc88dd6151279ae8dd344d6be4e1a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11741/file/medium-fcc15faaf63d37f82f33ccc9a89b26b2.webp 900w, https://assets.fabulous.ch/public/variant_asset/11741/file/large-d7fbea03465a0fa26bb09c6edf420967.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11741/file/medium-fcc15faaf63d37f82f33ccc9a89b26b2.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">Stoli GmbH</p>
          <a href="/en/products/paprika-cashews-440-g-22245">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Paprika Cashews, 440 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22245&quot;],&quot;content_name&quot;:&quot;Paprika Cashews, 440 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22245&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:22.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f0LaNDhJI4dx8OMRKD1h8eWCrFeu22L0ot3Tg5pTeqMSMu-McVUjDAQ066jEkyBWWc3BBdJC1qU0jpZigXBL_Q" />
    <input value="22245" 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%2Fpetit-veganne%3Fformat%3Dturbo_stream%26page%3D28">
    <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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/apero-mix-with-sea-salt-375-g-22241">
          <img alt="Apéro Mix with Sea Salt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11733/file/small-eb8515f103b2614b3f553872570f20cc.webp 600w, https://assets.fabulous.ch/public/variant_asset/11733/file/medium-3bc8b9ce4e6d5be98f2e54a4194af87d.webp 900w, https://assets.fabulous.ch/public/variant_asset/11733/file/large-14507bbd57abdf5e2ef3f93d88f5da56.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11733/file/medium-3bc8b9ce4e6d5be98f2e54a4194af87d.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">Stoli GmbH</p>
          <a href="/en/products/apero-mix-with-sea-salt-375-g-22241">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Apéro Mix with Sea Salt, 375 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/en/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Notify me
</a>

      </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%2Fpetit-veganne%3Fformat%3Dturbo_stream%26page%3D28">
    <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/deluxe-nut-mix-with-sea-salt-175-g-22208">
          <img alt="Deluxe Nut Mix with sea salt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11697/file/small-a014bbc94d6be65299656efd621cc796.webp 600w, https://assets.fabulous.ch/public/variant_asset/11697/file/medium-2ae99b8b649aa2a56d454ebd8ea6122f.webp 900w, https://assets.fabulous.ch/public/variant_asset/11697/file/large-de2e9d338e3df0ce35d26338b65afefa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11697/file/medium-2ae99b8b649aa2a56d454ebd8ea6122f.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">Stoli GmbH</p>
          <a href="/en/products/deluxe-nut-mix-with-sea-salt-175-g-22208">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Deluxe Nut Mix with sea salt, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22208&quot;],&quot;content_name&quot;:&quot;Deluxe Nut Mix with sea salt, 175 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22208&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ze43gr8YR_KQSkk6jwLwfv7iv93x-nycgOiGlE37bM4IngI69gRHeeWOQYNjrLHZQq3Sj41jyM0Wu8N1VthdkA" />
    <input value="22208" 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%2Fpetit-veganne%3Fformat%3Dturbo_stream%26page%3D28">
    <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/deluxe-unsalted-nut-mix-175-g-22211">
          <img alt="Deluxe Unsalted Nut Mix" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11700/file/small-b437c29cde4dbe9f29580ce7c64d0408.webp 600w, https://assets.fabulous.ch/public/variant_asset/11700/file/medium-a880d646cd9318558ba40a2d8fed6a8c.webp 900w, https://assets.fabulous.ch/public/variant_asset/11700/file/large-9e80e915c45322d2bd6bccfa8e569ceb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11700/file/medium-a880d646cd9318558ba40a2d8fed6a8c.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">Stoli GmbH</p>
          <a href="/en/products/deluxe-unsalted-nut-mix-175-g-22211">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Deluxe Unsalted Nut Mix, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22211&quot;],&quot;content_name&quot;:&quot;Deluxe Unsalted Nut Mix, 175 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22211&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="052rhYa137mkuO5xurY9dgdMuEhElORGJEma7FFU4Wu-7Z49z6nfMtF85shWGHzRuwPVGjgNUBeyGt8NSnfQNQ" />
    <input value="22211" 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%2Fpetit-veganne%3Fformat%3Dturbo_stream%26page%3D28">
    <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-cashews-185-g-22196">
          <img alt="Paprika Cashews" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11682/file/small-1ea3b4e3202eacbaf00b76364f28dbbf.webp 600w, https://assets.fabulous.ch/public/variant_asset/11682/file/medium-45e41855f9b17e5b3e7183bc8d48cff4.webp 900w, https://assets.fabulous.ch/public/variant_asset/11682/file/large-abeff5ed45c5973823ec608c712f69e1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11682/file/medium-45e41855f9b17e5b3e7183bc8d48cff4.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">Stoli GmbH</p>
          <a href="/en/products/paprika-cashews-185-g-22196">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Paprika Cashews, 185 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22196&quot;],&quot;content_name&quot;:&quot;Paprika Cashews, 185 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22196&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SiRulG_1NOvQNc5C5RD-BTC0qrzZVlBVEuGWJxxFr1gnVFssJuk0YKXxxvsJvr-ijPvH7qXP5ASEstPGB2aeBg" />
    <input value="22196" 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%2Fpetit-veganne%3Fformat%3Dturbo_stream%26page%3D28">
    <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/cashews-with-sea-salt-370-g-22217">
          <img alt="Cashews with Sea Salt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11706/file/small-0e5ba6fa7c34d15ee9e3f28b617ffe79.webp 600w, https://assets.fabulous.ch/public/variant_asset/11706/file/medium-449897409906e7c9bc27d3c64c0f04bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/11706/file/large-f1d83fb25096a6ebb6a9269927e14e7b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11706/file/medium-449897409906e7c9bc27d3c64c0f04bd.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">Stoli GmbH</p>
          <a href="/en/products/cashews-with-sea-salt-370-g-22217">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cashews with Sea Salt, 370 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22217&quot;],&quot;content_name&quot;:&quot;Cashews with Sea Salt, 370 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22217&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ubuUWMmTvHcPu6CsjsuRgk4JGAnZMyjD34U95ol532_Uy6HggI-8_Hp_qBViZdAl8kZ1W6WqnJJJ1ngHklruMQ" />
    <input value="22217" 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%2Fpetit-veganne%3Fformat%3Dturbo_stream%26page%3D28">
    <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/almonds-with-sea-salt-225-g-22230">
          <img alt="Almonds with Sea Salt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11721/file/small-b214d8504e52b0830c4c166f73bec86b.webp 600w, https://assets.fabulous.ch/public/variant_asset/11721/file/medium-a8aee9bac19021b40b06c03960bbda33.webp 900w, https://assets.fabulous.ch/public/variant_asset/11721/file/large-763f445c0fa73e14dcda619540dbcf43.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11721/file/medium-a8aee9bac19021b40b06c03960bbda33.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">Stoli GmbH</p>
          <a href="/en/products/almonds-with-sea-salt-225-g-22230">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Almonds with Sea Salt, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22230&quot;],&quot;content_name&quot;:&quot;Almonds with Sea Salt, 225 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22230&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4HmSrJaQTUZwmIA2N942Dsl0pOYh_NbazqXgyFxDIXeNCacU34xNzQVciI_bcHepdTvJtF1lYotY9qUpR2AQKQ" />
    <input value="22230" 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%2Fpetit-veganne%3Fformat%3Dturbo_stream%26page%3D28">
    <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/rosemary-cashews-185-g-22198">
          <img alt="Rosemary Cashews" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11687/file/small-663b3fb8e8b5c6e1822ba6042d702b5f.webp 600w, https://assets.fabulous.ch/public/variant_asset/11687/file/medium-8f172fbd2509e46c34a74ac024ff9058.webp 900w, https://assets.fabulous.ch/public/variant_asset/11687/file/large-292677410617c7fa65cbfeb0cddb52ff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11687/file/medium-8f172fbd2509e46c34a74ac024ff9058.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">Stoli GmbH</p>
          <a href="/en/products/rosemary-cashews-185-g-22198">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosemary Cashews, 185 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22198&quot;],&quot;content_name&quot;:&quot;Rosemary Cashews, 185 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22198&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3CUlsgfRL0BE3IrBsfUGiNUEG_lI_jqAdajlrIkF6yuxVRAKTs0vyzEYgnhdW0cvaUt2qzRnjtHj-6BNkibadQ" />
    <input value="22198" 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%2Fpetit-veganne%3Fformat%3Dturbo_stream%26page%3D28">
    <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/walnuts-with-maple-syrup-125-g-22200">
          <img alt="Walnuts with Maple Syrup" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11689/file/small-c344c9f75cad35e98e980f0e420ae18b.webp 600w, https://assets.fabulous.ch/public/variant_asset/11689/file/medium-ebe1a5209e92e852158c53b59d61774d.webp 900w, https://assets.fabulous.ch/public/variant_asset/11689/file/large-515a79b3e75a7b4eed650aca2947ac33.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11689/file/medium-ebe1a5209e92e852158c53b59d61774d.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">Stoli GmbH</p>
          <a href="/en/products/walnuts-with-maple-syrup-125-g-22200">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Walnuts with Maple Syrup, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22200&quot;],&quot;content_name&quot;:&quot;Walnuts with Maple Syrup, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22200&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="upkYrF79BtSIk7KNv8XKqrFwwRcdK7tVFKj0lW2UGMjX6S0UF-EGX_1XujRTa4sNDT-sRWGyDwSC-7F0drcplg" />
    <input value="22200" 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%2Fpetit-veganne%3Fformat%3Dturbo_stream%26page%3D28">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/nonchalant-vegetable-bouillon-750-ml-22016">
          <img alt="Nonchalant Vegetable Bouillon " class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11619/file/small-b6864955728979edbb9ef4a8639b2b26.webp 600w, https://assets.fabulous.ch/public/variant_asset/11619/file/medium-4296d0954e1f684bf1c35aa4fe702363.webp 900w, https://assets.fabulous.ch/public/variant_asset/11619/file/large-b18d8a6f600a8976eb2d5eb1d4c6bb65.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11619/file/medium-4296d0954e1f684bf1c35aa4fe702363.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">Nonchalant Rocks</p>
          <a href="/en/products/nonchalant-vegetable-bouillon-750-ml-22016">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nonchalant Vegetable Bouillon , 750 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22016&quot;],&quot;content_name&quot;:&quot;Nonchalant Vegetable Bouillon , 750 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22016&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:39.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jDHT0JjmYUMrzAhEvG0KfgocfXaa8sT317EgozHdqTLhQeZo0fphyF4IAP1Qw0vZtlMQJOZrcKZB4mVCKv6YbA" />
    <input value="22016" 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">
      560 of 4&#39;112 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/petit-veganne?format=turbo_stream&amp;page=29">Show more</a>
  </div>
</div>

</template></turbo-stream>