<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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D20">
    <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/330-g-62da41d9-fcf9-4b29-bd0c-eac9a4e0691b-20061">
          <img alt="Sugo Pizzaiola Demeter Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10769/file/small-db69d7cdb05462dceac37aed108979c1.webp 600w, https://assets.fabulous.ch/public/variant_asset/10769/file/medium-d3bf20009ea7394aa805d5128718bdcf.webp 900w, https://assets.fabulous.ch/public/variant_asset/10769/file/large-7521ca47866bc1e0ac05601edc7f669f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10769/file/medium-d3bf20009ea7394aa805d5128718bdcf.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">Giancarlo Ceci</p>
          <a href="/en/products/330-g-62da41d9-fcf9-4b29-bd0c-eac9a4e0691b-20061">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sugo Pizzaiola Demeter Organic, 330 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20061&quot;],&quot;content_name&quot;:&quot;Sugo Pizzaiola Demeter Organic, 330 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20061&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mj93BeWpoayN4tnn0o7PjvzqYxaMLy_cb4h-c2s2lokCdA7SNfGH_6fPlg-juu6udPTh55s-IP0_wbaIMn_KFw" />
    <input value="20061" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D20">
    <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/530-g-20058">
          <img alt="Peeled Tomatoes in Sauce Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10766/file/small-566d370d598a08e2517fcde28bf0d0b6.webp 600w, https://assets.fabulous.ch/public/variant_asset/10766/file/medium-9e39418299486e2304042e2da407bb72.webp 900w, https://assets.fabulous.ch/public/variant_asset/10766/file/large-c1618e711621afea835ab6b683acd65e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10766/file/medium-9e39418299486e2304042e2da407bb72.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">Giancarlo Ceci</p>
          <a href="/en/products/530-g-20058">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Peeled Tomatoes in Sauce Demeter, 530 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20058&quot;],&quot;content_name&quot;:&quot;Peeled Tomatoes in Sauce Demeter, 530 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20058&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SLFMBCRL4kSA-C2VtD7bLeB0b_qMvCdotmqaGbk3W-XQ-jXT9BPEF6rVYn3FCvoNaGrtC5utKEnmI1Li4H4Hew" />
    <input value="20058" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D20">
    <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-diced-250-g-5172">
          <img alt="Soy Diced" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3044/file/small-0ed881142a6bc1acd406a6595cc6bf2f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3044/file/medium-9350701eed378cf779cbcfa17fde6054.webp 900w, https://assets.fabulous.ch/public/variant_asset/3044/file/large-530fe15cbda27cd2be19d71c1d3e5d2f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3044/file/medium-9350701eed378cf779cbcfa17fde6054.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-diced-250-g-5172">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soy Diced, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5172&quot;],&quot;content_name&quot;:&quot;Soy Diced, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5172&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AdYgQ7rqb51sWJRtRCpN0ui0HhvJIxvqrUWFJnxLHA6ZnVmUarJJzkZ124U1HmzyYKqc6t4yFMv9DE3dJQJAkA" />
    <input value="5172" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D20">
    <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-200-g-6232">
          <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/3591/file/small-6c4fa93cdc7c84a3704c41d75d49f59a.webp 600w, https://assets.fabulous.ch/public/variant_asset/3591/file/medium-b0e4bf6dfc034f5ca5054ab292d12554.webp 900w, https://assets.fabulous.ch/public/variant_asset/3591/file/large-0e5ac748a65463ca58efa5221cf9b259.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3591/file/medium-b0e4bf6dfc034f5ca5054ab292d12554.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-200-g-6232">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soy Medaillons, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6232&quot;],&quot;content_name&quot;:&quot;Soy Medaillons, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6232&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kaL2496zDM0ooIVTp7kM4dgrMeKmmKMiPA5h_uPw84oJ6Y80DusqngKNyrvWjS3BUDWzE7GJrANsR6kFurmvFA" />
    <input value="6232" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D20">
    <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-250-g-6233">
          <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/3592/file/small-d56133214325f9a44cbd4337e10dbeb7.webp 600w, https://assets.fabulous.ch/public/variant_asset/3592/file/medium-c65f62f16e3c876b5e4d867bf2043868.webp 900w, https://assets.fabulous.ch/public/variant_asset/3592/file/large-cd4c4715b366967ab5be5ed259533668.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3592/file/medium-c65f62f16e3c876b5e4d867bf2043868.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-250-g-6233">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soy Strips Gluten Free, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6233&quot;],&quot;content_name&quot;:&quot;Soy Strips Gluten Free, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6233&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JCboe-csqZdvYb6xIWqrTEOyIonLuXTuadpx0bc1nc28bZGsN3SPxEVM8VlQXopsy6ygeNyoe885k7kq7nzBUw" />
    <input value="6233" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D20">
    <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/minced-lentils-100-g-16051">
          <img alt="Minced Lentils" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7408/file/small-651a7521a0503ac5fcee5169f8e468db.webp 600w, https://assets.fabulous.ch/public/variant_asset/7408/file/medium-27382df9ed398722b3b681ac96c915cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7408/file/large-7e1961c9d821ee91a585cbaa3a180f89.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7408/file/medium-27382df9ed398722b3b681ac96c915cd.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/minced-lentils-100-g-16051">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Minced Lentils, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16051&quot;],&quot;content_name&quot;:&quot;Minced Lentils, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16051&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t8vQItnwUmY-0xj9-Y5SdlaFtnmn4FTpJTIk3QWO4NkvgKn1Cah0NRT-VxWIunNW3ps0iLDxW8h1e-wmXMe8Rw" />
    <input value="16051" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D20">
    <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/mini-choc-bars-strawberry-filling-100-g-5050">
          <img alt="Mini Choc Bars Strawberry Filling" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2984/file/small-d45d7f4432e83b983bf5a33e54bcca40.webp 600w, https://assets.fabulous.ch/public/variant_asset/2984/file/medium-d1f655356926fe3dabf8429c28411192.webp 900w, https://assets.fabulous.ch/public/variant_asset/2984/file/large-23a8b01e3bdf68377d666667fb304d83.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2984/file/medium-d1f655356926fe3dabf8429c28411192.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/mini-choc-bars-strawberry-filling-100-g-5050">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mini Choc Bars Strawberry Filling, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5050&quot;],&quot;content_name&quot;:&quot;Mini Choc Bars Strawberry Filling, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5050&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="geqIlA3lYhQboWXEsyzmfZmOGD8yG4OtrJvWiQiAYEYZofFD3b1ERzGMKizCGMddEZCaziUKjIz80h5yUck82A" />
    <input value="5050" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D20">
    <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/peanut-caramel-choc-bar-organic-40-g-16054">
          <img alt="Peanut Caramel Choc Bar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7411/file/small-0abcc5117ede8e8c49b6ff28120ac022.webp 600w, https://assets.fabulous.ch/public/variant_asset/7411/file/medium-a2046e1d811791dc507b70da19802833.webp 900w, https://assets.fabulous.ch/public/variant_asset/7411/file/large-ee13cda5eccb5ba08a7f85af10412de2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7411/file/medium-a2046e1d811791dc507b70da19802833.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/peanut-caramel-choc-bar-organic-40-g-16054">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Peanut Caramel Choc Bar Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16054&quot;],&quot;content_name&quot;:&quot;Peanut Caramel Choc Bar Organic, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16054&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MAvBfOBBLEsUiM-BDizmMk5SmIzsaOaCuzDCH0fRmqmoQLirMBkKGD6lgGl_GMcSxkwafft56aPreQrkHpjGNw" />
    <input value="16054" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D20">
    <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/coconut-choc-bar-organic-40-g-16055">
          <img alt="Coconut Choc Bar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7413/file/small-a95f80af5912b63efcc886b74509bcd4.webp 600w, https://assets.fabulous.ch/public/variant_asset/7413/file/medium-8b9bd12f3b0ef2579526dc84cb753113.webp 900w, https://assets.fabulous.ch/public/variant_asset/7413/file/large-f00a3d69e652c8a24497544bff8ce9ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7413/file/medium-8b9bd12f3b0ef2579526dc84cb753113.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/coconut-choc-bar-organic-40-g-16055">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coconut Choc Bar Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16055&quot;],&quot;content_name&quot;:&quot;Coconut Choc Bar Organic, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16055&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HKCTbVqmECCwz1jqIveMxkzcanpSBoNYGmg_RsyA_kiE6-q6iv42c5riFwJTw63mxMLoi0UXjHlKIfe9lcmi1g" />
    <input value="16055" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D20">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    58 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/mini-choc-bars-white-creem-100-g-5299">
          <img alt="Mini Choc Bars White Creem" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3089/file/small-b69dab99a81940b012d7987bae796f17.webp 600w, https://assets.fabulous.ch/public/variant_asset/3089/file/medium-22aea115ac5fcc4e421f5b2df3b07357.webp 900w, https://assets.fabulous.ch/public/variant_asset/3089/file/large-a8e148ddad2ad4050d7fac17641eb04e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3089/file/medium-22aea115ac5fcc4e421f5b2df3b07357.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/mini-choc-bars-white-creem-100-g-5299">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mini Choc Bars White Creem, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.60</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 1.95</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5299&quot;],&quot;content_name&quot;:&quot;Mini Choc Bars White Creem, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5299&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wW1n7i-IImsLRvnk8vfElkViGtmi3az2XuJ-ZavgDGdZJh45_9AEOCFrtgyDw-W2zXyYKLXMo9cOq7ae8qlQ-Q" />
    <input value="5299" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D20">
    <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/seitan-fix-wheat-gluten-250-g-7262">
          <img alt="Seitan Fix Wheat Gluten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4114/file/small-8f8fe5a5d3c32338da72723457dae926.webp 600w, https://assets.fabulous.ch/public/variant_asset/4114/file/medium-8aeb29c55daa9fa7e97fb71c6d6b0e62.webp 900w, https://assets.fabulous.ch/public/variant_asset/4114/file/large-b3db62041f7b0bc5779414ab2f3dd8e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4114/file/medium-8aeb29c55daa9fa7e97fb71c6d6b0e62.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/seitan-fix-wheat-gluten-250-g-7262">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Seitan Fix Wheat Gluten, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7262&quot;],&quot;content_name&quot;:&quot;Seitan Fix Wheat Gluten, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7262&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ugdQkuMrL0GxXd10KTnvDgLSQUg4NF_8yB891VN3KZEiTClFM3MJEptwkpxYDc4uiszDuS8lUN2YVvUuCj51Dw" />
    <input value="7262" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D20">
    <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/crispbread-rye-gourmet-demeter-250-g-563">
          <img alt="Crispbread Rye Gourmet Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/519/file/small-f982050e3f2474b87d26dc9882ecd70f.webp 600w, https://assets.fabulous.ch/public/variant_asset/519/file/medium-4ba662d5ffb414eb7a15fa2dc7a70f3f.webp 900w, https://assets.fabulous.ch/public/variant_asset/519/file/large-2f454ed6716006b0e3cc18fe580785f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/519/file/medium-4ba662d5ffb414eb7a15fa2dc7a70f3f.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">Pural</p>
          <a href="/en/products/crispbread-rye-gourmet-demeter-250-g-563">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Crispbread Rye Gourmet Demeter, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;563&quot;],&quot;content_name&quot;:&quot;Crispbread Rye Gourmet Demeter, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;563&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NhEObB9ONBGFY2uSl7iMF9ocYu4bciMWUWu_ApCSuB6uWne7zxYSQq9OJHrmjK03UgLgHwxjLDcBInf5ydvkgA" />
    <input value="563" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D20">
    <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/bar-loveraw-cre-m-wafer-42-g-9225">
          <img alt="Bar Loveraw Cre&amp;m Wafer" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5247/file/small-68e860817cffb3988b4104794924a247.webp 600w, https://assets.fabulous.ch/public/variant_asset/5247/file/medium-ff8224de6b4b48128af7d4f7c7153659.webp 900w, https://assets.fabulous.ch/public/variant_asset/5247/file/large-2ea1f6194e40f4c5c941e35d044b8e3d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5247/file/medium-ff8224de6b4b48128af7d4f7c7153659.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">Love Raw</p>
          <a href="/en/products/bar-loveraw-cre-m-wafer-42-g-9225">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bar Loveraw Cre&amp;m Wafer, 42 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9225&quot;],&quot;content_name&quot;:&quot;Bar Loveraw Cre\u0026m Wafer, 42 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9225&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mtiIRowI6s3_jECtEmVZLM-9U0Su0rD2xRdXFkjyn2wCk_GRXFDMntWhD0VjUXgMR6PRtbnDv9eVXp_tEbvD8g" />
    <input value="9225" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D20">
    <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/mummy-meegz-vegan-m-z-gems-80-g-16194">
          <img alt="Mummy Meegz Vegan M’z Gems" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7452/file/small-5e6260e8add69a26973fe7f35e97fc24.webp 600w, https://assets.fabulous.ch/public/variant_asset/7452/file/medium-330c0c3093d63a6380ff7672b97c876f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7452/file/large-3b9b7381e7e5d4efd0f4a5ab827ee095.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7452/file/medium-330c0c3093d63a6380ff7672b97c876f.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">Mummy Meagz</p>
          <a href="/en/products/mummy-meegz-vegan-m-z-gems-80-g-16194">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mummy Meegz Vegan M’z Gems, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16194&quot;],&quot;content_name&quot;:&quot;Mummy Meegz Vegan M’z Gems, 80 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16194&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="9e2GnzNCwO3hOs2bKI6CS94KzfqHOHx1mn4_xdS_xbFtpv9I4xrmvssXgnNZuqNrVhRPC5Apc1TKN_c-jfaZLw" />
    <input value="16194" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D20">
    <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/baking-mix-flammkuchen-gluten-free-organic-400-g-11138">
          <img alt="Baking Mix Flammkuchen Gluten Free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5705/file/small-0dac2c5fb09a17967421987b7a75b1b1.webp 600w, https://assets.fabulous.ch/public/variant_asset/5705/file/medium-6d4c2eca8418f5625d1225d92fc1801b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5705/file/large-f7e5d793056354288b15bcf3dfa6598b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5705/file/medium-6d4c2eca8418f5625d1225d92fc1801b.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">Bauckhof</p>
          <a href="/en/products/baking-mix-flammkuchen-gluten-free-organic-400-g-11138">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baking Mix Flammkuchen Gluten Free Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11138&quot;],&quot;content_name&quot;:&quot;Baking Mix Flammkuchen Gluten Free Organic, 400 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11138&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="C3Iud8oB8fdOGR0z-j0zUEz_pzsl_zruEHRqYeES-E6TOVegGlnXpGQ0UtuLCRJwxOElyjLuNc9APaKauFuk0A" />
    <input value="11138" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D20">
    <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/d-angelo-ravioli-filled-pizza-shred-organic-250-g-7759">
          <img alt="D&#39;Angelo Ravioli filled Pizza Shred Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4480/file/small-6e1b04cf765b3aa3b599b93cb5dffd87.webp 600w, https://assets.fabulous.ch/public/variant_asset/4480/file/medium-a656ace70d7e568b4d6dff8d846c3f51.webp 900w, https://assets.fabulous.ch/public/variant_asset/4480/file/large-a4c5b9e1c6656ea7fbf3cf39327ebd1b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4480/file/medium-a656ace70d7e568b4d6dff8d846c3f51.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">D&#39;Angelo Pasteria</p>
          <a href="/en/products/d-angelo-ravioli-filled-pizza-shred-organic-250-g-7759">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">D&#39;Angelo Ravioli filled Pizza Shred Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7759&quot;],&quot;content_name&quot;:&quot;D&#39;Angelo Ravioli filled Pizza Shred Organic, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7759&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_F2qfFDakoagBQC1IhGv999p1f62CHzHJqTspHhp4aVkFtOrgIK01YooT11TJY7XV3dXD6EZc-Z27SRfISC9Ow" />
    <input value="7759" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D20">
    <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/blue-fenugreek-ground-organic-40-g-12856">
          <img alt="Blue Fenugreek ground Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6332/file/small-b51ca4f52821564bd59e1808496c956d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6332/file/medium-d9755ba0571d3ef711d989f60cc13c92.webp 900w, https://assets.fabulous.ch/public/variant_asset/6332/file/large-b2cd951c061963b31569fbb4042a2b25.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6332/file/medium-d9755ba0571d3ef711d989f60cc13c92.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">Sonnentor</p>
          <a href="/en/products/blue-fenugreek-ground-organic-40-g-12856">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Blue Fenugreek ground Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.15
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12856&quot;],&quot;content_name&quot;:&quot;Blue Fenugreek ground Organic, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12856&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.15,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BhyQsPXLt7O3CemF3ibPnOJNEMEMRqHReXXFXu1FdkOeV-lnJZOR4J0kpm2vEu68alOSMBtXrvApPA2ltAwq3Q" />
    <input value="12856" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D20">
    <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/tortilla-wraps-wheat-bran-6pcs-organic-240-g-3726">
          <img alt="Tortilla Wraps Wheat Bran 6pcs Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2411/file/small-d22217071b1d1e52a0944cb78600c019.webp 600w, https://assets.fabulous.ch/public/variant_asset/2411/file/medium-8654746305d845202df18c72e7be0324.webp 900w, https://assets.fabulous.ch/public/variant_asset/2411/file/large-ce1d027c828bb028c06f4f4ef77cf0c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2411/file/medium-8654746305d845202df18c72e7be0324.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">Acapulco</p>
          <a href="/en/products/tortilla-wraps-wheat-bran-6pcs-organic-240-g-3726">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tortilla Wraps Wheat Bran 6pcs Organic, 240 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;3726&quot;],&quot;content_name&quot;:&quot;Tortilla Wraps Wheat Bran 6pcs Organic, 240 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;3726&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="18ZTOMdeMsbCX4Rb9BlnvfpxBVI4VaBtQqgmwKr9iFhPjSrvFwYUlehyy7OFLUadcm-Hoy9Er0wS4e4787TUxg" />
    <input value="3726" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D20">
    <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/benevo-chew-sticks-spinach-kale-pawtato-sticks-120-g-3664">
          <img alt="Benevo Chew Sticks Spinach / Kale Pawtato Sticks" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9108/file/small-c4e3d8f6673764372b4cef58010c7efc.webp 600w, https://assets.fabulous.ch/public/variant_asset/9108/file/medium-0002c637e1a94490648788f6ec14a80f.webp 900w, https://assets.fabulous.ch/public/variant_asset/9108/file/large-e3b5d05f37401aa1a6e27a7002bebcf4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9108/file/medium-0002c637e1a94490648788f6ec14a80f.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">Benevo</p>
          <a href="/en/products/benevo-chew-sticks-spinach-kale-pawtato-sticks-120-g-3664">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Benevo Chew Sticks Spinach / Kale Pawtato Sticks, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;3664&quot;],&quot;content_name&quot;:&quot;Benevo Chew Sticks Spinach / Kale Pawtato Sticks, 120 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;3664&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DESohN2n3rU52oRSD6TFpvheg1V081tm-83Hyj0mCeCUD9FTDf_45hP3y7p-kOSGcEABpGPiVEerhA8xZG9Vfg" />
    <input value="3664" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D20">
    <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/pralinis-lini-s-bites-vanilla-cookie-organic-46-g-17122">
          <img alt="Pralinis Lini&#39;s Bites Vanilla Cookie Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8758/file/small-d1daad3cc452fd6bde8c6b824fb4ba0d.webp 600w, https://assets.fabulous.ch/public/variant_asset/8758/file/medium-19c26a309c80de809f6d4cae5aafc9b0.webp 900w, https://assets.fabulous.ch/public/variant_asset/8758/file/large-a466c040750b7c169d6b6b06e7928e1e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8758/file/medium-19c26a309c80de809f6d4cae5aafc9b0.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">Lini&#39;s Bites</p>
          <a href="/en/products/pralinis-lini-s-bites-vanilla-cookie-organic-46-g-17122">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pralinis Lini&#39;s Bites Vanilla Cookie Organic, 46 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17122&quot;],&quot;content_name&quot;:&quot;Pralinis Lini&#39;s Bites Vanilla Cookie Organic, 46 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17122&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EdIevsP64XueWu3fTruMrn0YML3wPH0wtsolBB_gJTKJmWdpE6LHKLR3ojc_j62O9QayTOctchHmg-3_Rql5rA" />
    <input value="17122" 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">
      400 of 1&#39;282 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/collections/under-5?format=turbo_stream&amp;page=21">Show more</a>
  </div>
</div>

</template></turbo-stream>