<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%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D2">
    <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/lime-juice-100-direct-juice-organic-200-ml-15975">
          <img alt="Lime Juice 100% Direct Juice Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7374/file/small-3d693f451714f4a89672ad1be8f206b7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7374/file/medium-8f5f53913b4ee27a3805230c0ecefdf8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7374/file/large-75e944abd8f0d34bf1e918818b997fed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7374/file/medium-8f5f53913b4ee27a3805230c0ecefdf8.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">Beutelsbacher</p>
          <a href="/en/products/lime-juice-100-direct-juice-organic-200-ml-15975">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lime Juice 100% Direct Juice Organic, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15975&quot;],&quot;content_name&quot;:&quot;Lime Juice 100% Direct Juice Organic, 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15975&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L8ymBnHB3eno_wWEOCdu49TuU8uI-e1jlNuLBV6K7Fasv5zkHFf5IELDW4M5VAGy6bCyYuDlm63rPTIwWip7OQ" />
    <input value="15975" 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%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D2">
    <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-urban-green-tea-peppermint-organic-330-ml-15947">
          <img alt="Kombucha Urban Green Tea &amp; Peppermint Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7340/file/small-d937ae2981d9cf9e19920cf9eb7cd107.webp 600w, https://assets.fabulous.ch/public/variant_asset/7340/file/medium-4ec4635689221a9b7ec010cd2517628f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7340/file/large-37399ef4fe36d1917fe8a97c82cbafff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7340/file/medium-4ec4635689221a9b7ec010cd2517628f.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">Urban Kombucha</p>
          <a href="/en/products/kombucha-urban-green-tea-peppermint-organic-330-ml-15947">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kombucha Urban Green Tea &amp; Peppermint Organic, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15947&quot;],&quot;content_name&quot;:&quot;Kombucha Urban Green Tea \u0026 Peppermint Organic, 330 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15947&quot;,&quot;quantity&quot;:12}],&quot;value&quot;:37.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="40SuXqUdfj6pOJDoj35bu_XRswY9u7gfPE5i-QIBFRhgN5S8yIta9wMEzu-ODTTqyI9Sr1WnztFDqNvMBqGCdw" />
    <input value="15947" type="hidden" name="variant_id" id="variant_id" />
    <input value="12" 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%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D2">
    <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/laundry-liquid-30-95-c-sensitive-without-perfume-2-l-3477">
          <img alt="Laundry Liquid 30–95 °C SENSITIVE (without perfume)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2287/file/small-09c9d14c6bcfec6f51781e2855b32bac.webp 600w, https://assets.fabulous.ch/public/variant_asset/2287/file/medium-771dbcc7b9650305c9f51488ae71d482.webp 900w, https://assets.fabulous.ch/public/variant_asset/2287/file/large-a9937a5b011598a0b5d1f2a4a75cc3ee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2287/file/medium-771dbcc7b9650305c9f51488ae71d482.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">Sonett</p>
          <a href="/en/products/laundry-liquid-30-95-c-sensitive-without-perfume-2-l-3477">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Laundry Liquid 30–95 °C SENSITIVE (without perfume), 2 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.55
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;3477&quot;],&quot;content_name&quot;:&quot;Laundry Liquid 30–95 °C SENSITIVE (without perfume), 2 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;3477&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.55,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Gge2RhSXhhxTwXnrHM4hr9TiFMhJnEFgxV-4Xmjx5d-ZdIykeQGi1fn9J-wdvU7-6bz1YSGAN666uQFrbFFysA" />
    <input value="3477" 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%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D2">
    <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/glass-cleaner-0-5-l-541">
          <img alt="Glass Cleaner" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/493/file/small-f6bf3035569bd86c3261fbcbc9ae2c11.webp 600w, https://assets.fabulous.ch/public/variant_asset/493/file/medium-db1a72ceccd536652f2425d2daef51d0.webp 900w, https://assets.fabulous.ch/public/variant_asset/493/file/large-0fc496481fdc1f8dd9a6a60e868e69fe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/493/file/medium-db1a72ceccd536652f2425d2daef51d0.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">Sonett</p>
          <a href="/en/products/glass-cleaner-0-5-l-541">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Glass Cleaner, 0.5 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;541&quot;],&quot;content_name&quot;:&quot;Glass Cleaner, 0.5 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;541&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3Kjobi5s37VqczUg290dET9wVewsNjCeIXLkuowtSd5f29KMQ_r7fMBPayfarnJAAi60RUQqRlBelF2PiI3esQ" />
    <input value="541" 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%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D2">
    <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-urban-lemongrass-and-hibiscus-organic-330-ml-4965">
          <img alt="Kombucha Urban Lemongrass and Hibiscus Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2945/file/small-9c493c79401e1a289f44230d3b6f0727.webp 600w, https://assets.fabulous.ch/public/variant_asset/2945/file/medium-df880108b4b527bdaae32f8935c8e4c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/2945/file/large-e1fd88292cd3969d78d7ce8f8b65d66c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2945/file/medium-df880108b4b527bdaae32f8935c8e4c8.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">Urban Kombucha</p>
          <a href="/en/products/kombucha-urban-lemongrass-and-hibiscus-organic-330-ml-4965">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kombucha Urban Lemongrass and Hibiscus Organic, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;4965&quot;],&quot;content_name&quot;:&quot;Kombucha Urban Lemongrass and Hibiscus Organic, 330 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;4965&quot;,&quot;quantity&quot;:12}],&quot;value&quot;:37.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fd8DyWEWDnIAa_TyCgLxMDElnWfDkllYTS82FhbvB5L-rDkrDIAqu6pXqvULcZ5hDHt8zquOL5YyyY8jEk-Q_Q" />
    <input value="4965" type="hidden" name="variant_id" id="variant_id" />
    <input value="12" 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%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D2">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/cashew-butter-organic-250-g-332">
          <img alt="Cashew Butter Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/292/file/small-823cae19aad346d2be04a2937ee2aa28.webp 600w, https://assets.fabulous.ch/public/variant_asset/292/file/medium-a5feedf880c55ac62bf5a27e0f643672.webp 900w, https://assets.fabulous.ch/public/variant_asset/292/file/large-4b5899705c5f22d9849542ff94207ecd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/292/file/medium-a5feedf880c55ac62bf5a27e0f643672.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/en/products/cashew-butter-organic-250-g-332">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cashew Butter Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;332&quot;],&quot;content_name&quot;:&quot;Cashew Butter Organic, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;332&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ue1EDJHFiwEEinBl31xya0sQO8zT8yo9U7Qh3oFixb46nn7u_FOvyK62LmLeLx06dk7aZbvvXPMsUpjrhcJS0Q" />
    <input value="332" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D2">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/cucumber-in-glas-jar-demeter-720-ml-7307">
          <img alt="Cucumber in Glas Jar Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4162/file/small-5c994118112bf2e6c63990d28f219566.webp 600w, https://assets.fabulous.ch/public/variant_asset/4162/file/medium-bc712596f175a6dd4387b682a5e0ed30.webp 900w, https://assets.fabulous.ch/public/variant_asset/4162/file/large-ceff801f96cdae0610b5965e0a9750d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4162/file/medium-bc712596f175a6dd4387b682a5e0ed30.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Schweizer Naturkost</p>
          <a href="/en/products/cucumber-in-glas-jar-demeter-720-ml-7307">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cucumber in Glas Jar Demeter, 720 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7307&quot;],&quot;content_name&quot;:&quot;Cucumber in Glas Jar Demeter, 720 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7307&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qDgb-dUxAhp0OYv18fzKqXmsn0paluhF0tZwEoKqmYArSyEbuKcm094F1fLwj6X4RPJ-4zKKnoutMMknhgoO7w" />
    <input value="7307" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  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%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D2">
    <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-butter-smooth-organic-500-g-2214">
          <img alt="Peanut Butter Smooth Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1660/file/small-9b2c04d585f430a999c4ccb1a29d536c.webp 600w, https://assets.fabulous.ch/public/variant_asset/1660/file/medium-e09c33b15cf3adca3540dfaa87d19f65.webp 900w, https://assets.fabulous.ch/public/variant_asset/1660/file/large-bccf0d7e7f9c44ecd340d7d92e8ad3ea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1660/file/medium-e09c33b15cf3adca3540dfaa87d19f65.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Terrasana</p>
          <a href="/en/products/peanut-butter-smooth-organic-500-g-2214">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Peanut Butter Smooth Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2214&quot;],&quot;content_name&quot;:&quot;Peanut Butter Smooth Organic, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2214&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WzTiKQUYxyMespoPSJHPAxjJbH3ReBzSO0Cj4FwLJgnYR9jLaI7j6rSOxAhJ4qBSJZeN1LlkahxEphrVWKuxZg" />
    <input value="2214" 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%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D2">
    <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/200-ml-18288">
          <img alt="Oat Cuisine Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10568/file/small-19e36df096c87e1b47e8dffcf1e49bd7.webp 600w, https://assets.fabulous.ch/public/variant_asset/10568/file/medium-10639e1006da83f17e3799425d8cf8e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/10568/file/large-fa9d8f24b28301fe7131531b1fd0d804.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10568/file/medium-10639e1006da83f17e3799425d8cf8e4.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">Allos</p>
          <a href="/en/products/200-ml-18288">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oat Cuisine Organic, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.35
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18288&quot;],&quot;content_name&quot;:&quot;Oat Cuisine Organic, 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18288&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.35,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="h0x67roQVd3GxyYhBGX3DULdUM8C7pFCX4Foc3tZskoEP0AM14ZxFGz7eCYFFphcf4OxZmry54wgZ9FGf_klJQ" />
    <input value="18288" 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%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D2">
    <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/chickpea-wafers-with-dark-chocolate-organic-65-g-12010">
          <img alt="Chickpea Wafers with Dark Chocolate Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6104/file/small-84c1f0aaf249c7a39d8932b390e9a1ce.webp 600w, https://assets.fabulous.ch/public/variant_asset/6104/file/medium-e56e9b9876ac9a750082c1b5e9176dea.webp 900w, https://assets.fabulous.ch/public/variant_asset/6104/file/large-55b4daf3ee753210c6718a2010d39c94.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6104/file/medium-e56e9b9876ac9a750082c1b5e9176dea.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">Byodo</p>
          <a href="/en/products/chickpea-wafers-with-dark-chocolate-organic-65-g-12010">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chickpea Wafers with Dark Chocolate Organic, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.25
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12010&quot;],&quot;content_name&quot;:&quot;Chickpea Wafers with Dark Chocolate Organic, 65 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12010&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vHW_MDXj8NPRQxpmfi2hYIVjNMwf7CF7dyWbtdc-RhI_BoXSWHXUGnt_RGF_Xs4xuD3VZXfwV7UIwyKA057RfQ" />
    <input value="12010" 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%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D2">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vegan-alternative-to-scrambled-egg-organic-50-g-9152">
          <img alt="Vegan Alternative to Scrambled Egg Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5197/file/small-62d37b78ed57a748db36122c87b56340.webp 600w, https://assets.fabulous.ch/public/variant_asset/5197/file/medium-6fbefd5c47c66b5302e03dce37a3ff38.webp 900w, https://assets.fabulous.ch/public/variant_asset/5197/file/large-bff8a7b82bcfbaafc2739bb5b461b2b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5197/file/medium-6fbefd5c47c66b5302e03dce37a3ff38.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">Biovegan</p>
          <a href="/en/products/vegan-alternative-to-scrambled-egg-organic-50-g-9152">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegan Alternative to Scrambled Egg Organic, 50 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 5.80 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9152&quot;],&quot;content_name&quot;:&quot;Vegan Alternative to Scrambled Egg Organic, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9152&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="v-y0yALcCV_XtR50gwG56wf46yEBDB5E7BNPkG1KyuQ8n44qb0otln2JQHOCcta6OqYKiGkQaIqT9falaepdiw" />
    <input value="9152" 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%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D2">
    <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/rapunzel-espresso-dark-chocolate-organic-100-g-7934">
          <img alt="Rapunzel Espresso Dark Chocolate Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4657/file/small-e0dc7726cedd07eadd06f523ed7b3af7.webp 600w, https://assets.fabulous.ch/public/variant_asset/4657/file/medium-94e9f1ca39d25fd31d7f691ad2557798.webp 900w, https://assets.fabulous.ch/public/variant_asset/4657/file/large-a1273ff26371572960db00604b84c955.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4657/file/medium-94e9f1ca39d25fd31d7f691ad2557798.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/en/products/rapunzel-espresso-dark-chocolate-organic-100-g-7934">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Espresso Dark Chocolate Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.45
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7934&quot;],&quot;content_name&quot;:&quot;Rapunzel Espresso Dark Chocolate Organic, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7934&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cMKH2ybeJsgDLiFDfYh_zl8WS8DSCDGu-suWsGh6I9_zsb05S0gCAakSf0R8-xCfYkiqaboUR2CFLS-FbNq0sA" />
    <input value="7934" 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%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D2">
    <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/freely-vegan-cookie-caramel-salt-gluten-free-organic-65-g-7277">
          <img alt="Freely Vegan Cookie Caramel &amp; Salt 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/4127/file/small-c2739e6a1ecf643450fb1ee70e4bd014.webp 600w, https://assets.fabulous.ch/public/variant_asset/4127/file/medium-9ebdd09ceabcc7c2965424e1f535b898.webp 900w, https://assets.fabulous.ch/public/variant_asset/4127/file/large-b1dcd34faa0ac18eb9d2c75ab71436ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4127/file/medium-9ebdd09ceabcc7c2965424e1f535b898.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">Freely Handustry</p>
          <a href="/en/products/freely-vegan-cookie-caramel-salt-gluten-free-organic-65-g-7277">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Freely Vegan Cookie Caramel &amp; Salt Gluten Free Organic, 65 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 4.92 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7277&quot;],&quot;content_name&quot;:&quot;Freely Vegan Cookie Caramel \u0026 Salt Gluten Free Organic, 65 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7277&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="wInng-O9xmS4zXwK6sD-ykQcNA1EUK-Q5DaljH1xChBD-t1hjivirRLxIg3rs5GbeULVpCxM2V6b0By5edGdfw" />
    <input value="7277" 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%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D2">
    <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/fruit-bar-blueberry-organic-40-g-12142">
          <img alt="Fruit Bar Blueberry Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6142/file/small-b1535e06ec39ae662b55ed659d05d726.webp 600w, https://assets.fabulous.ch/public/variant_asset/6142/file/medium-9f03062261e18e1585beff88a55f8a80.webp 900w, https://assets.fabulous.ch/public/variant_asset/6142/file/large-548e04c517d41ff5b3cb2418bd7b7b86.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6142/file/medium-9f03062261e18e1585beff88a55f8a80.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">Allos</p>
          <a href="/en/products/fruit-bar-blueberry-organic-40-g-12142">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fruit Bar Blueberry Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12142&quot;],&quot;content_name&quot;:&quot;Fruit Bar Blueberry Organic, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12142&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8rbW2QqubKYz_96wfYH61Gv5uZ7bjtuH5E7OfdnoJdVxxew7ZzhIb5nDgLd88pWFVqdYN7OSrUmbqHdI3Uiyug" />
    <input value="12142" 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%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D2">
    <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/bar-protein-organic-45-g-588">
          <img alt="Bar Protein Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/536/file/small-b585d94847f846f97bb51524d8daf090.webp 600w, https://assets.fabulous.ch/public/variant_asset/536/file/medium-e359b83cb29870ca5cd96858923b364e.webp 900w, https://assets.fabulous.ch/public/variant_asset/536/file/large-8be3016e7e6609b8c10a0a12b7f33d4b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/536/file/medium-e359b83cb29870ca5cd96858923b364e.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">Raw Bite</p>
          <a href="/en/products/bar-protein-organic-45-g-588">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bar Protein Organic, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.75
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;588&quot;],&quot;content_name&quot;:&quot;Bar Protein Organic, 45 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;588&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="u84vUuAG8lEtng3Bk_y1TUEG-V0zY4VDSY8FUvLfwiA4vRWwjZDWmIeiU8aSj9ocfFgY9Ft_8402abxn9n9VTw" />
    <input value="588" 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%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D2">
    <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/jellys-veggie-hearts-organic-100-g-5847">
          <img alt="Jellys Veggie-Hearts Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3361/file/small-e0113d824d97ac382b3e88b3b88abdaf.webp 600w, https://assets.fabulous.ch/public/variant_asset/3361/file/medium-ed4ad63f31b41ee95afe62a5223d7ff4.webp 900w, https://assets.fabulous.ch/public/variant_asset/3361/file/large-f31640a92ccf700048558bbb98ffc368.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3361/file/medium-ed4ad63f31b41ee95afe62a5223d7ff4.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">Ökovital</p>
          <a href="/en/products/jellys-veggie-hearts-organic-100-g-5847">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Jellys Veggie-Hearts Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5847&quot;],&quot;content_name&quot;:&quot;Jellys Veggie-Hearts Organic, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5847&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L6wmkq4On3Wls4GqGcLFSj4NCTep7MuoFqRZ8LRE3hes3xxww5i7vA-P360YsaobA1PonsHwvWZpQuDFsORJeA" />
    <input value="5847" 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%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D2">
    <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/beet-jerky-beetroot-snack-original-organic-40-g-16008">
          <img alt="Beet Jerky Beetroot Snack Original Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7393/file/small-5e13066282b411ddcb78fbed0c53b21d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7393/file/medium-b6af98cb26b065271b5f5cf1c9167a08.webp 900w, https://assets.fabulous.ch/public/variant_asset/7393/file/large-bb05e37d91e78e7b4cf62fb457fb0ff5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7393/file/medium-b6af98cb26b065271b5f5cf1c9167a08.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">Wild Foods</p>
          <a href="/en/products/beet-jerky-beetroot-snack-original-organic-40-g-16008">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beet Jerky Beetroot Snack Original Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.75
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16008&quot;],&quot;content_name&quot;:&quot;Beet Jerky Beetroot Snack Original Organic, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16008&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3fmJ79paEFblQG9nl5gRj4gm3LEbs00m0u99C-GVl8heirMNt8w0n098MWCW637etXg9GHOvO-itCcQ-5TUApw" />
    <input value="16008" 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%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D2">
    <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/beet-jerky-beetroot-snack-alpine-chili-organic-40-g-16009">
          <img alt="Beet Jerky Beetroot Snack Alpine Chili Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7394/file/small-343f00212c85405e354a76c02bae122b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7394/file/medium-4deb5e313436d8b3c0a7cf499b62ebdf.webp 900w, https://assets.fabulous.ch/public/variant_asset/7394/file/large-68e741f43e51eb09fd0f08b94a5141f4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7394/file/medium-4deb5e313436d8b3c0a7cf499b62ebdf.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">Wild Foods</p>
          <a href="/en/products/beet-jerky-beetroot-snack-alpine-chili-organic-40-g-16009">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beet Jerky Beetroot Snack Alpine Chili Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.75
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16009&quot;],&quot;content_name&quot;:&quot;Beet Jerky Beetroot Snack Alpine Chili Organic, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16009&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v4USDmzqw0htg9cUkiEgfNhZZtlXuDP8pRMWHjDkGrI89ijsAXzngce_iROTUk8t5QeHcD-kRTLa9a8rNESN3Q" />
    <input value="16009" 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%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D2">
    <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/krunchy-low-sugar-original-organic-375-g-9290">
          <img alt="Krunchy Low Sugar ORIGINAL Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5284/file/small-cab84bd1bfaf722347748fa94ff9432d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5284/file/medium-3a0fca05e2f5b57b7aa1708fa2b8039d.webp 900w, https://assets.fabulous.ch/public/variant_asset/5284/file/large-817b6172597216c3377ac266baf04f2c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5284/file/medium-3a0fca05e2f5b57b7aa1708fa2b8039d.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">Barnhouse Naturprodukte</p>
          <a href="/en/products/krunchy-low-sugar-original-organic-375-g-9290">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Krunchy Low Sugar ORIGINAL Organic, 375 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9290&quot;],&quot;content_name&quot;:&quot;Krunchy Low Sugar ORIGINAL Organic, 375 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9290&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zFdyetH4-dS-2uAf1GKb_XmS5xU3A8RD6h2OGJSbTxFPJEiYvG7dHRTmvhjVEfSsRMwGvF8fso2V-zctkDvYfg" />
    <input value="9290" 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%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D2">
    <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/shot-ginger-with-apple-juice-demeter-280-ml-7676">
          <img alt="Shot Ginger with Apple Juice Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4440/file/small-41adf2ddbb7a7e221668418d75092d98.webp 600w, https://assets.fabulous.ch/public/variant_asset/4440/file/medium-c76b13c827b136fdbc306058246ea1a2.webp 900w, https://assets.fabulous.ch/public/variant_asset/4440/file/large-b48ef514f020148922706bae4093a79e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4440/file/medium-c76b13c827b136fdbc306058246ea1a2.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">Voelkel</p>
          <a href="/en/products/shot-ginger-with-apple-juice-demeter-280-ml-7676">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shot Ginger with Apple Juice Demeter, 280 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7676&quot;],&quot;content_name&quot;:&quot;Shot Ginger with Apple Juice Demeter, 280 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7676&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JMsPkK_eBGc-r1KXJHOjRkXg2WIPxelmNoprRw2GA3enuDVywkggrpSTDJAlAMwXeL44y2fZn6hJbNJyCSaUGA" />
    <input value="7676" 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">
      40 of 3&#39;717 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/diy-faites-le-vous-memes?format=turbo_stream&amp;page=3">Show more</a>
  </div>
</div>

</template></turbo-stream>