<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="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-do-it-yourself%2Fyoghurt-alternative%3Fformat%3Dturbo_stream%26page%3D15">
    <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="/fr/products/cuisine-creme-avoine-bio-200-ml-4319">
          <img alt="Cuisine Creme Avoine Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2699/file/small-045af4a06e30e0794f85ee926b6ba532.webp 600w, https://assets.fabulous.ch/public/variant_asset/2699/file/medium-16c6328e51c191e7bfb4d5ff4438b97d.webp 900w, https://assets.fabulous.ch/public/variant_asset/2699/file/large-cf9ec07d7b188fc88692d8eade54efce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2699/file/medium-16c6328e51c191e7bfb4d5ff4438b97d.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">Lima</p>
          <a href="/fr/products/cuisine-creme-avoine-bio-200-ml-4319">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cuisine Creme Avoine Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lrlFWG1RxomDGo_TRa-CXZF9Kh7jLyZOKYt1gz4pJ9kOQQ_p6kTpnxfWM9yFP9RPI-K31Ob5TX57GsBPNti4Vw" />
    <input value="4319" 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>
          Ajouter au panier
</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="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-do-it-yourself%2Fyoghurt-alternative%3Fformat%3Dturbo_stream%26page%3D15">
    <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="/fr/products/pain-essene-aux-grains-d-epeautre-demeter-500-g-7983">
          <img alt="Pain Essene aux grains d&#39;épeautre Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4673/file/small-d0331a9561a45f3bf6e19f4038605916.webp 600w, https://assets.fabulous.ch/public/variant_asset/4673/file/medium-ec5debb412042757578e161c8b37623d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4673/file/large-bdef3866da51ec3e38750d891797c6eb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4673/file/medium-ec5debb412042757578e161c8b37623d.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="/fr/products/pain-essene-aux-grains-d-epeautre-demeter-500-g-7983">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pain Essene aux grains d&#39;épeautre Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zh7P9SLREvskKtE2Ff8uMcZ51vGlGacZjlMzObVnf05W5oVEpcQ97bDmbTnVb3gjdOZLO6DPzCncwob1vZbgwA" />
    <input value="7983" 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>
          Ajouter au panier
</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="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-do-it-yourself%2Fyoghurt-alternative%3Fformat%3Dturbo_stream%26page%3D15">
    <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="/fr/products/no-butter-no-chicken-bio-330-g-16073">
          <img alt="No Butter No Chicken Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7423/file/small-5e4b973ab1e222b24b5b9384a9bd4878.webp 600w, https://assets.fabulous.ch/public/variant_asset/7423/file/medium-a53afe7092bef0f59fb1c8ddc3efc7c3.webp 900w, https://assets.fabulous.ch/public/variant_asset/7423/file/large-aa941c728c1e912376a84f13472f1bd0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7423/file/medium-a53afe7092bef0f59fb1c8ddc3efc7c3.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">Nabio</p>
          <a href="/fr/products/no-butter-no-chicken-bio-330-g-16073">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">No Butter No Chicken Bio, 330 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.39 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bnvvQxMdCZrzdK9eZ1CR6u1o8sVgwT1CUXHhiDxtOCX2g6XylAgmjGe4E1GnwMf4X_dvD2UXVnID4FRENJynqw" />
    <input value="16073" 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>
          Ajouter au panier
</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="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-do-it-yourself%2Fyoghurt-alternative%3Fformat%3Dturbo_stream%26page%3D15">
    <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="/fr/products/pesto-basilic-bio-180-g-555">
          <img alt="Pesto Basilic Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/513/file/small-fc7db1a6a595261126fd260e43f8ba2c.webp 600w, https://assets.fabulous.ch/public/variant_asset/513/file/medium-7e81c3c913fb36caabd3214aa110bcb7.webp 900w, https://assets.fabulous.ch/public/variant_asset/513/file/large-75e867962058ece39ddb49d065b44ae1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/513/file/medium-7e81c3c913fb36caabd3214aa110bcb7.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">LaSelva</p>
          <a href="/fr/products/pesto-basilic-bio-180-g-555">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pesto Basilic Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="x8qN4r1qg95Y_s1GJaL-80F62RZJPgCR7T47nc050NBfMsdTOn-syMwycUnlMqjh8-VE3Ezoa6G_r45RxchPXg" />
    <input value="555" 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>
          Ajouter au panier
</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="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-do-it-yourself%2Fyoghurt-alternative%3Fformat%3Dturbo_stream%26page%3D15">
    <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="/fr/products/granules-de-proteines-de-pois-veggie-sans-gluten-bio-100-g-9918">
          <img alt="Granulés de protéines de pois Veggie sans gluten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5457/file/small-506d784b68b70cd2511633559723214c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5457/file/medium-6efb0a7d54bb0d448ccf0dfa76ede8f7.webp 900w, https://assets.fabulous.ch/public/variant_asset/5457/file/large-220c4932fdcf50eb84dd027dd5a1e158.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5457/file/medium-6efb0a7d54bb0d448ccf0dfa76ede8f7.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">Davert</p>
          <a href="/fr/products/granules-de-proteines-de-pois-veggie-sans-gluten-bio-100-g-9918">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Granulés de protéines de pois Veggie sans gluten Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_Yaone1V5iJl9ns8kP_AwXgdwhH3kkLDwt5pbk6FxnRlfuIsakDJNPE6xzNQb5bTyoJf2_JEKfOQT9yiRnRZ-g" />
    <input value="9918" 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>
          Ajouter au panier
</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="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-do-it-yourself%2Fyoghurt-alternative%3Fformat%3Dturbo_stream%26page%3D15">
    <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="/fr/products/jardin-de-fruits-framboise-bio-225-g-387">
          <img alt="Jardin de fruits Framboise Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/340/file/small-e7f854ffeb1eb00437382b3deea0b6b1.webp 600w, https://assets.fabulous.ch/public/variant_asset/340/file/medium-b68e02d62f68a6071c986caf9b7df239.webp 900w, https://assets.fabulous.ch/public/variant_asset/340/file/large-b75165afd175819d2b91140951aecaea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/340/file/medium-b68e02d62f68a6071c986caf9b7df239.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Zwergenwiese</p>
          <a href="/fr/products/jardin-de-fruits-framboise-bio-225-g-387">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Jardin de fruits Framboise Bio, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-Q_bgRK8VWCffXhSV4gvdUmrQ5TWWRmiIer3bdDnsSRh95Ewlal6dguxxF2XGHln-zTeXtOPcpJze0Kh2BYuqg" />
    <input value="387" 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>
          Ajouter au panier
</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="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-do-it-yourself%2Fyoghurt-alternative%3Fformat%3Dturbo_stream%26page%3D15">
    <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="/fr/products/chapelure-d-epeautre-bio-200-g-5044">
          <img alt="Chapelure d’épeautre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2976/file/small-bbe1dff8f456d01396c092ceac4e15a9.webp 600w, https://assets.fabulous.ch/public/variant_asset/2976/file/medium-d62d5f4f003c873b3e3b9d9c07c85ace.webp 900w, https://assets.fabulous.ch/public/variant_asset/2976/file/large-589a0bcb4748a4779fda376ada2be5ae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2976/file/medium-d62d5f4f003c873b3e3b9d9c07c85ace.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="/fr/products/chapelure-d-epeautre-bio-200-g-5044">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chapelure d’épeautre Bio, 200 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.75 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hhfHqWG3UZRyaT5P_XwTE4YdPAKTz7GiC0DWp6MwoOse740Y5qJ-gualgkA97EUBNIKhyJYZ2pJZ0WNrq8E_ZQ" />
    <input value="5044" 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>
          Ajouter au panier
</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="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-do-it-yourself%2Fyoghurt-alternative%3Fformat%3Dturbo_stream%26page%3D15">
    <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="/fr/products/huile-d-olive-extra-vierge-bio-0-75-l-452">
          <img alt="Huile d&#39;olive extra vierge Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/406/file/small-12ef1986a02c7ccb7d41f4272a1d6b1a.webp 600w, https://assets.fabulous.ch/public/variant_asset/406/file/medium-6c47d6ed0966bbfe06aa0ad63e4a7021.webp 900w, https://assets.fabulous.ch/public/variant_asset/406/file/large-7087359e9864c5b8c823cdc0b073b3b6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/406/file/medium-6c47d6ed0966bbfe06aa0ad63e4a7021.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">LaSelva</p>
          <a href="/fr/products/huile-d-olive-extra-vierge-bio-0-75-l-452">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Huile d&#39;olive extra vierge Bio, 0.75 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qWlngT94A5P5zkcW2AMg05E1tH7LbBBsexic5yTPfYMxkS0wuG0shW0C-xkYk3bBI6optM66e1wpiSkrLD7iDQ" />
    <input value="452" 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>
          Ajouter au panier
</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="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-do-it-yourself%2Fyoghurt-alternative%3Fformat%3Dturbo_stream%26page%3D15">
    <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="/fr/products/farine-farine-de-pois-chiche-sans-gluten-bio-500-g-404">
          <img alt="Farine farine de pois chiche sans gluten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/360/file/small-2be24f5ad1b93336b14dfa74602f1bc1.webp 600w, https://assets.fabulous.ch/public/variant_asset/360/file/medium-039996db40cc9a125870549693a63ccf.webp 900w, https://assets.fabulous.ch/public/variant_asset/360/file/large-9a8634854236a5e2ae357dbcb2acd9b7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/360/file/medium-039996db40cc9a125870549693a63ccf.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="/fr/products/farine-farine-de-pois-chiche-sans-gluten-bio-500-g-404">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Farine farine de pois chiche sans gluten Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pXJfwazTgh4Wxsnn4I82_tFmfkfqsauC5nIV5yX5Uxg9ihVwK8atCIIKdeggH2DsY_njje9nwLK046ArLQjMlg" />
    <input value="404" 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>
          Ajouter au panier
</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="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-do-it-yourself%2Fyoghurt-alternative%3Fformat%3Dturbo_stream%26page%3D15">
    <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="/fr/products/nettoyant-menager-universel-0-5-l-77">
          <img alt="Nettoyant Ménager Universel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/86/file/small-34286215111135b2c6dfbc9a52ab2eaa.webp 600w, https://assets.fabulous.ch/public/variant_asset/86/file/medium-d2f1bce7978412398d7616c37fce9fee.webp 900w, https://assets.fabulous.ch/public/variant_asset/86/file/large-899d9d02e0b225c20706af964a065120.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/86/file/medium-d2f1bce7978412398d7616c37fce9fee.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">Almawin</p>
          <a href="/fr/products/nettoyant-menager-universel-0-5-l-77">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nettoyant Ménager Universel, 0.5 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="h85QNDJw4NVnKVciaoZ7U3bkwvO371ncXTYupoRd5B0fNhqFtWXPw_Pl6y2qFi1BxHtfObI5MuwPp5tqjKx7kw" />
    <input value="77" 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>
          Ajouter au panier
</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="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-do-it-yourself%2Fyoghurt-alternative%3Fformat%3Dturbo_stream%26page%3D15">
    <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="/fr/products/nappage-rouge-pour-tarte-bio-7-g-7373d40c-f8f9-441f-8360-1405b735330a-4446">
          <img alt="Nappage Rouge Pour Tarte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2765/file/small-669c117c52ebb3becc35ce8e05c7350f.webp 600w, https://assets.fabulous.ch/public/variant_asset/2765/file/medium-c08b6f304836f83fa47367e22020c987.webp 900w, https://assets.fabulous.ch/public/variant_asset/2765/file/large-50c67bea0890c9afd0b40bfc4818f140.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2765/file/medium-c08b6f304836f83fa47367e22020c987.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="/fr/products/nappage-rouge-pour-tarte-bio-7-g-7373d40c-f8f9-441f-8360-1405b735330a-4446">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nappage Rouge Pour Tarte Bio, 2 x 7 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MySenyrv5aI5NEqR2du99djFFGq2XJ_UztKPwhtJr1Kr3NQurfrKtK349p4ZS-vnalqJoLOK9OScQzoOE7gw3A" />
    <input value="4446" 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>
          Ajouter au panier
</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="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-do-it-yourself%2Fyoghurt-alternative%3Fformat%3Dturbo_stream%26page%3D15">
    <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="/fr/products/the-english-breakfast-tea-fairtrade-bio-20-sachets-20-sachet-5157">
          <img alt="Thé English Breakfast Tea Fairtrade Bio, 20 Sachets" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3030/file/small-1019b4227cd56390f902a5a4fe7bd7ce.webp 600w, https://assets.fabulous.ch/public/variant_asset/3030/file/medium-2ffc349c3348e0d13afd1678396b3947.webp 900w, https://assets.fabulous.ch/public/variant_asset/3030/file/large-c8813ce06669b7aaf10d49a97ae6abef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3030/file/medium-2ffc349c3348e0d13afd1678396b3947.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">Cupper</p>
          <a href="/fr/products/the-english-breakfast-tea-fairtrade-bio-20-sachets-20-sachet-5157">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thé English Breakfast Tea Fairtrade Bio, 20 Sachets, 20 sachets</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.26 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S9FS2SyK7SoJy5rLTFzIKpPyTuyyYotoQ1ecF0w35MbTKRhoq5_CPJ0HJsSMzJ44IW3TJre04FgRxinbRMZ7SA" />
    <input value="5157" 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>
          Ajouter au panier
</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="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-do-it-yourself%2Fyoghurt-alternative%3Fformat%3Dturbo_stream%26page%3D15">
    <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="/fr/products/pain-noir-pumpernickel-bio-375-g-562">
          <img alt="Pain Noir (Pumpernickel) Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/518/file/small-5637b46e767e75779e1dc4f40ac9e96e.webp 600w, https://assets.fabulous.ch/public/variant_asset/518/file/medium-16a014465518eac3b4431615daabfd24.webp 900w, https://assets.fabulous.ch/public/variant_asset/518/file/large-adfbd3c0b36737f5bbeee00a69cc5846.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/518/file/medium-16a014465518eac3b4431615daabfd24.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="/fr/products/pain-noir-pumpernickel-bio-375-g-562">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pain Noir (Pumpernickel) Bio, 375 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vK8vKIrHxvsh8s16kYRYrQe1vTZqb-niVEOQyajeXeIkV2WZDdLp7bU-cXVRFA6_tSog_G-5gtIG0iUFoC_CbA" />
    <input value="562" 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>
          Ajouter au panier
</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="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-do-it-yourself%2Fyoghurt-alternative%3Fformat%3Dturbo_stream%26page%3D15">
    <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="/fr/products/sirop-d-agave-bio-1450-ml-12020">
          <img alt="Sirop d&#39;Agave Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6105/file/small-5c5d6c51982e3f1f03ff3ff57eeedb5b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6105/file/medium-a905517cfab178c85f775af3b6f4a52a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6105/file/large-4a97a758cc2b5e7783d591ab471aef89.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6105/file/medium-a905517cfab178c85f775af3b6f4a52a.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="/fr/products/sirop-d-agave-bio-1450-ml-12020">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sirop d&#39;Agave Bio, 1450 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6IYabBVu91NtD4bGTF6VBkVP6MOUGWBQdr2hgfb7AgBwflDdknvYRfnDOsmMzsMU99B1CZHPC2AkLBRN_gqdjg" />
    <input value="12020" 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>
          Ajouter au panier
</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="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-do-it-yourself%2Fyoghurt-alternative%3Fformat%3Dturbo_stream%26page%3D15">
    <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="/fr/products/pate-a-tartiner-chufella-creme-chocolatee-sans-sucres-ajoutes-bio-220-g-413">
          <img alt="Pâte à tartiner Chufella Crème Chocolatée Sans sucres ajoutés Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/370/file/small-41f05286d3b248f805accb0492c7951f.webp 600w, https://assets.fabulous.ch/public/variant_asset/370/file/medium-35cf3d701e11c72915326f644007f232.webp 900w, https://assets.fabulous.ch/public/variant_asset/370/file/large-90360031bac544922372f9a2b13965dd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/370/file/medium-35cf3d701e11c72915326f644007f232.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">Govinda</p>
          <a href="/fr/products/pate-a-tartiner-chufella-creme-chocolatee-sans-sucres-ajoutes-bio-220-g-413">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pâte à tartiner Chufella Crème Chocolatée Sans sucres ajoutés Bio, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.25
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0KNB7PoAAoh1dvk23tcznUVJBd61BPut6NFUkb9b09xIWwtdfRUtnuG6RTkeR2WP99aYFLDSkJ26QOFdt6pMUg" />
    <input value="413" 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>
          Ajouter au panier
</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="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-do-it-yourself%2Fyoghurt-alternative%3Fformat%3Dturbo_stream%26page%3D15">
    <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="/fr/products/spaghetti-de-mais-bio-250-g-17828">
          <img alt="Spaghetti de maïs Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8846/file/small-9c8f64688d7db2a7ca7d4e4ba2aa64d0.webp 600w, https://assets.fabulous.ch/public/variant_asset/8846/file/medium-eb8f4aca474ef9cf62271486fe3d3a56.webp 900w, https://assets.fabulous.ch/public/variant_asset/8846/file/large-9e7e21bff0ec674c7584d071e89ae646.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8846/file/medium-eb8f4aca474ef9cf62271486fe3d3a56.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">Pasta d&#39;Alba</p>
          <a href="/fr/products/spaghetti-de-mais-bio-250-g-17828">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spaghetti de maïs Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="de5Jmt1KWQrDMwbpXY-UqjSPL3iwzGNXtQ8susITinztFgMrWl92HFf_uuadH8K4hhCysrUaCGfnnpl2yuIV8g" />
    <input value="17828" 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>
          Ajouter au panier
</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="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-do-it-yourself%2Fyoghurt-alternative%3Fformat%3Dturbo_stream%26page%3D15">
    <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="/fr/products/boules-de-protein-framboise-chia-bio-50-g-9328">
          <img alt="Boules de Protein Framboise &amp; Chia Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5310/file/small-818f9367921de6f0e12516324fba9796.webp 600w, https://assets.fabulous.ch/public/variant_asset/5310/file/medium-050439d1088abe717b7e2c836e997259.webp 900w, https://assets.fabulous.ch/public/variant_asset/5310/file/large-998e7cfe5dabaf651af2c7b080a95f53.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5310/file/medium-050439d1088abe717b7e2c836e997259.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">followfood</p>
          <a href="/fr/products/boules-de-protein-framboise-chia-bio-50-g-9328">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Boules de Protein Framboise &amp; Chia Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="843__wQmlOGD30pYlb1h4hHm1OlXh92Qq_A0fUAtnr9rdbVOgzO79xcT9ldVLTfwo3lJI1JRtqD5YYGxSNwBMQ" />
    <input value="9328" 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>
          Ajouter au panier
</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="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-do-it-yourself%2Fyoghurt-alternative%3Fformat%3Dturbo_stream%26page%3D15">
    <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="/fr/products/nettoyant-spray-salle-de-bain-0-5-l-70">
          <img alt="Nettoyant Spray Salle de Bain" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/74/file/small-f7b5589f2f857768d1045c34e90eb737.webp 600w, https://assets.fabulous.ch/public/variant_asset/74/file/medium-3f400cd72f2b92f9278c6ca4c61087b1.webp 900w, https://assets.fabulous.ch/public/variant_asset/74/file/large-3bb3f8d0d9f1268758710effd15f63f7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/74/file/medium-3f400cd72f2b92f9278c6ca4c61087b1.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">Almawin</p>
          <a href="/fr/products/nettoyant-spray-salle-de-bain-0-5-l-70">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nettoyant Spray Salle de Bain, 0.5 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cfzcBDC5Qf48tXyyIp7ND8fcW8Csg_SoHollQpo7gNTpBJa1t6xu6Kh5wL3iDpsddUPGCqlVn5hMGNCOksofWg" />
    <input value="70" 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>
          Ajouter au panier
</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="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-do-it-yourself%2Fyoghurt-alternative%3Fformat%3Dturbo_stream%26page%3D15">
    <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="/fr/products/tortillas-wraps-6pcs-bio-240-g-2052">
          <img alt="Tortillas Wraps 6pcs Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1610/file/small-82351e047c181e7cafa2bb7c7fe68409.webp 600w, https://assets.fabulous.ch/public/variant_asset/1610/file/medium-76351d29a4d305504f7a2632eb73fc90.webp 900w, https://assets.fabulous.ch/public/variant_asset/1610/file/large-a025e69422589577a118c36bdacf2c0e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1610/file/medium-76351d29a4d305504f7a2632eb73fc90.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="/fr/products/tortillas-wraps-6pcs-bio-240-g-2052">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tortillas Wraps 6pcs Bio, 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-2052-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bV2diOaYqo43wni9ZwvaPjoTeVstFWFYDnC2yxDJ9r71pdc5YY2FmKMOxLKnm4wsiIzkkSjDCmhc4QMHGDhpMA" />
    <input value="2052" 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>
          Ajouter au panier
</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="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-do-it-yourself%2Fyoghurt-alternative%3Fformat%3Dturbo_stream%26page%3D15">
    <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="/fr/products/tablette-choco-dattes-noisettes-56-bio-85-g-15625">
          <img alt="Tablette Choco-Dattes Noisettes 56% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7131/file/small-f8311605cdc9d30aa8af93f638572b0b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7131/file/medium-e624fca4dea5bc6cba22d23a995c60e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7131/file/large-460a5bb417f6a43ae41956fdd744c367.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7131/file/medium-e624fca4dea5bc6cba22d23a995c60e8.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">MAKRi</p>
          <a href="/fr/products/tablette-choco-dattes-noisettes-56-bio-85-g-15625">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tablette Choco-Dattes Noisettes 56% Bio, 85 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WJSaLyj8DqGCfoBhUDfc-FwR6Np393qdCVR5IVlSRSnAbNCer-khtxayPG6Qp4rq7o51EHIhEa1bxcztUaPapw" />
    <input value="15625" 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>
          Ajouter au panier
</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">
      300 sur 3&#39;265 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/diy-do-it-yourself/yoghurt-alternative?format=turbo_stream&amp;page=16">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>