<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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/boisson-a-l-avoine-omega-3-bio-1-l-12114">
          <img alt="Boisson à l&#39;Avoine Omega-3 Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6137/file/small-cfc7eddbd76bbeb1114f590055448007.webp 600w, https://assets.fabulous.ch/public/variant_asset/6137/file/medium-74bc1840e9b35fa1f9600813def2fd62.webp 900w, https://assets.fabulous.ch/public/variant_asset/6137/file/large-fd6520e209c832ed0805785ddd2daabd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6137/file/medium-74bc1840e9b35fa1f9600813def2fd62.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/boisson-a-l-avoine-omega-3-bio-1-l-12114">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson à l&#39;Avoine Omega-3 Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iKveypJDZ9PP7Py_qCNFyyef7_fl-4HjqIH5ThDKxNOtBX4_XQzo5Y6tlPrjyiO__0QzgoqfxRUe54IQkW6uQg" />
    <input value="12114" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/biscuits-bio-bis-choc-noisettes-a-l-epeautre-choc-o-nut-bio-85-g-7991">
          <img alt="Biscuits Bio Bis Choc Noisettes à l&#39;épeautre Choc&#39;O Nut Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4679/file/small-a5bcdbe53e5a9a11e4520a352a16934f.webp 600w, https://assets.fabulous.ch/public/variant_asset/4679/file/medium-463e0df610e5b5949310dced9697355c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4679/file/large-c8d61607028f24fbb8fffcd071c25c83.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4679/file/medium-463e0df610e5b5949310dced9697355c.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/biscuits-bio-bis-choc-noisettes-a-l-epeautre-choc-o-nut-bio-85-g-7991">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscuits Bio Bis Choc Noisettes à l&#39;épeautre Choc&#39;O Nut Bio, 85 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 2.47 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="isREYdIH9hpJ4kuFZoaW2fCtzPfyTvqReZNq4Nz5JXivauSUHUh5LAijI8Atb_CtKHYQgp0qvmfP9RG-XV1P6Q" />
    <input value="7991" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/fecule-de-marante-sans-gluten-bio-125-g-15281">
          <img alt="Fécule de Marante 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/6987/file/small-d705b2b415fa47db33c4d6acfb0d06a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/6987/file/medium-e30e606c6af000ec50566d50127f1560.webp 900w, https://assets.fabulous.ch/public/variant_asset/6987/file/large-9af931240564bc970b122d21cd313686.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6987/file/medium-e30e606c6af000ec50566d50127f1560.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">Arche</p>
          <a href="/fr/products/fecule-de-marante-sans-gluten-bio-125-g-15281">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fécule de Marante sans gluten Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JzTKFmE4d1iIfCssaZtFYaIxYFML1mnutltTlFPjdscCmmrjrnf4bsk9Q2kiciMVeuq8JmSyLRgAPSjK0kccVg" />
    <input value="15281" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/bett-r-cups-puree-d-amandes-bio-39-g-11132">
          <img alt="Bett&#39;r Cups Purée d&#39;amandes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5700/file/small-e35571a284ceb045791d94262f9f54af.webp 600w, https://assets.fabulous.ch/public/variant_asset/5700/file/medium-795b2f049958f5798762d1f21ef00b4b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5700/file/large-a96462812fb1ae82fd5a6cf697a2ba1a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5700/file/medium-795b2f049958f5798762d1f21ef00b4b.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">bett&#39;r</p>
          <a href="/fr/products/bett-r-cups-puree-d-amandes-bio-39-g-11132">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bett&#39;r Cups Purée d&#39;amandes Bio, 39 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 8.21 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PZh5mWz5_JzNVlp6bpKN7DbyHYOAf7qrlTSHAJEM9hAYNtlso7ZzqowXMj8le-uY7inB9u8b_l0jUvxeEKicgQ" />
    <input value="11132" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/champignons-chanterelles-sechees-bio-20-g-2580">
          <img alt="Champignons Chanterelles séchées Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1873/file/small-2851aafd133ab387569fcbb3a1765442.webp 600w, https://assets.fabulous.ch/public/variant_asset/1873/file/medium-2286f16867d19abb76c77844929d49ea.webp 900w, https://assets.fabulous.ch/public/variant_asset/1873/file/large-56fa5b87a6a171f0f394924f9d41b417.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1873/file/medium-2286f16867d19abb76c77844929d49ea.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/champignons-chanterelles-sechees-bio-20-g-2580">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Champignons Chanterelles séchées Bio, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L1oX2eiFeTrHAyy5s-mTrZhtuZjCUkMOd8tvqhuxvd4K9LcsJ8r2DIZCRPz4APXZQLZl7a02B_jBrRT0mhXXTw" />
    <input value="2580" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/xylitol-chewing-gum-menthe-poivree-28-g-9298">
          <img alt="Xylitol Chewing Gum MENTHE POIVRÉE" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5298/file/small-d894d9fb0cb609d0af08e1c6551495c4.webp 600w, https://assets.fabulous.ch/public/variant_asset/5298/file/medium-aeafb7802d53928d395916525564df59.webp 900w, https://assets.fabulous.ch/public/variant_asset/5298/file/large-c0b7e6b33e15e661fed52be56cf2c075.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5298/file/medium-aeafb7802d53928d395916525564df59.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">Birkengold</p>
          <a href="/fr/products/xylitol-chewing-gum-menthe-poivree-28-g-9298">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylitol Chewing Gum MENTHE POIVRÉE, 28 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 16.07 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cG8BIGERfcuD08g-EzPkCLlOe30XLkfx7QDb5-YRBClVwaHVrl7y_cKSoHtY2oJ8YZWnCHhKAwdbZqC5Z7VuuA" />
    <input value="9298" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/kulau-snack-de-nori-sans-gluten-bio-4-g-3252">
          <img alt="Kulau Snack de Nori 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/2204/file/small-5536f72017e7c34f586ca1dd88f9ca8f.webp 600w, https://assets.fabulous.ch/public/variant_asset/2204/file/medium-678c06465d2d6c96e5e72ed791f6bb1d.webp 900w, https://assets.fabulous.ch/public/variant_asset/2204/file/large-957fd530530ccc50ef2a3669ed3e9a37.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2204/file/medium-678c06465d2d6c96e5e72ed791f6bb1d.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">Kulau</p>
          <a href="/fr/products/kulau-snack-de-nori-sans-gluten-bio-4-g-3252">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kulau Snack de Nori sans gluten Bio, 4 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ysnPnXtimIMN9_-K6pqecd1waSRQvQ3vWUcwcufDoCrvZ29otC0XtUy2l8-hc_gFBau1UT_ZSRnvIUssZmfKuw" />
    <input value="3252" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pain-complet-de-riz-aux-graines-de-tournesol-sarrasin-bio-375-g-199">
          <img alt="Pain Complet de riz aux graines de tournesol &amp; sarrasin Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/205/file/small-3e16458caa9e8b4522c55f3e225ed69b.webp 600w, https://assets.fabulous.ch/public/variant_asset/205/file/medium-7d2a44ba1d6db9bf15efd960cb5108b0.webp 900w, https://assets.fabulous.ch/public/variant_asset/205/file/large-c752b38a5ac9dc40f17bbc264e64f2d1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/205/file/medium-7d2a44ba1d6db9bf15efd960cb5108b0.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-complet-de-riz-aux-graines-de-tournesol-sarrasin-bio-375-g-199">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pain Complet de riz aux graines de tournesol &amp; sarrasin Bio, 375 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 1.59 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ADkn4ronbglpXBM2eMYggNg0RE-_uJrmT7rxce_qTHEll4cXdWjhPygde3MzL0b0AO-YOtDc3hD53Iovbk4m4A" />
    <input value="199" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sarrasin-bio-500-g-45">
          <img alt="Sarrasin Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/48/file/small-2f1ff4c52ec2427df03ea89327bbbdae.webp 600w, https://assets.fabulous.ch/public/variant_asset/48/file/medium-e4c8b88ad58e28132db6c2ed4f4ceb27.webp 900w, https://assets.fabulous.ch/public/variant_asset/48/file/large-14af8c1c893cd3eb718dfbcba292b0f6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/48/file/medium-e4c8b88ad58e28132db6c2ed4f4ceb27.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">Bohlsener Mühle</p>
          <a href="/fr/products/sarrasin-bio-500-g-45">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sarrasin Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TS0JblR58vmyf-kxgvzAloRjQA4bt6L5MbxZsCqmWthog6mbmzZ9z_M-gXTJFabiXLice3TT5g-H2iLuqwIwSQ" />
    <input value="45" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/quinoa-bio-500-g-42">
          <img alt="Quinoa Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/45/file/small-65d7e8569287274441855a76afd6c500.webp 600w, https://assets.fabulous.ch/public/variant_asset/45/file/medium-bab76b9139b55dea00ac66b54063541e.webp 900w, https://assets.fabulous.ch/public/variant_asset/45/file/large-0a71681e9d88656cb09064d5bb4b4758.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/45/file/medium-bab76b9139b55dea00ac66b54063541e.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">Bohlsener Mühle</p>
          <a href="/fr/products/quinoa-bio-500-g-42">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Quinoa Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZDK3yc5MsG4iIs6yAsHYaXhiVTzrOl-ANrTxXXPvx_xBnBc8AQM_WGNjpvdJKL4doLmJSYReG3aA0ooD8kutbQ" />
    <input value="42" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/perform-poudre-de-proteines-vegetales-cacao-26-portions-26-portion-12905">
          <img alt="Perform Poudre de protéines végétales - Chocolate Brownie" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8732/file/small-0370bfd43bf56378135b42f3f653ce2b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8732/file/medium-cf95ac37729a84ced33967f1e24709eb.webp 900w, https://assets.fabulous.ch/public/variant_asset/8732/file/large-d270de9485eb456e7e1ab88435550ab8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8732/file/medium-cf95ac37729a84ced33967f1e24709eb.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">Vivo Life</p>
          <a href="/fr/products/perform-poudre-de-proteines-vegetales-cacao-26-portions-26-portion-12905">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Perform Poudre de protéines végétales - Chocolate Brownie, 26 portions</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZaQZSU7DcvYMCxCag9ByprZGIjQtMl3wh8KnEyaqL7JACrm8gYz9wE1KeN_IORTSbp3-QUJWGQYxpNxNpw5FIw" />
    <input value="12905" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/perform-poudre-de-proteines-vegetales-vanille-de-madagascar-26-portions-26-portion-12901">
          <img alt="Perform Poudre de protéines végétales - Vanille de Madagascar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8730/file/small-65f07490a905c5d4adeff9a6738f461d.webp 600w, https://assets.fabulous.ch/public/variant_asset/8730/file/medium-f76444f5af20a4829c7b13b3797dee8a.webp 900w, https://assets.fabulous.ch/public/variant_asset/8730/file/large-65fdf5c0fe3875323468100ff4665867.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8730/file/medium-f76444f5af20a4829c7b13b3797dee8a.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">Vivo Life</p>
          <a href="/fr/products/perform-poudre-de-proteines-vegetales-vanille-de-madagascar-26-portions-26-portion-12901">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Perform Poudre de protéines végétales - Vanille de Madagascar, 26 portions</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gNFDLc6_Fj0-MqDtpb3O63vPj7sEJIR5sjQl-bwVNvClf-PYAfCZC39zyKjuVKifoxRTzmtAwI8EUl6nPbFcYQ" />
    <input value="12901" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/perform-poudre-de-proteines-vegetales-caramel-de-maca-sale-26-portions-26-portion-12904">
          <img alt="Perform Poudre de protéines végétales - Salted Caramel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8738/file/small-92c1fddc87c53929b433776bee591c36.webp 600w, https://assets.fabulous.ch/public/variant_asset/8738/file/medium-72e9f46401391420f8601db2a35f3ca2.webp 900w, https://assets.fabulous.ch/public/variant_asset/8738/file/large-d56e3fd7ea596f60d8d81648d583c1ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8738/file/medium-72e9f46401391420f8601db2a35f3ca2.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">Vivo Life</p>
          <a href="/fr/products/perform-poudre-de-proteines-vegetales-caramel-de-maca-sale-26-portions-26-portion-12904">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Perform Poudre de protéines végétales - Salted Caramel, 26 portions</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WwwIS-_BmyK8NvmHHfD_6arIHb0wp4HOeIYuCJDUDtB-oqi-II4UFP13kcJWGZmdchPByF_DxTjO4FVWEXBkQQ" />
    <input value="12904" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/perform-poudre-de-proteines-vegetales-cai-myrtille-26-portions-26-portion-12903">
          <img alt="Perform Poudre de protéines végétales - Blueberry Muffin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8736/file/small-83591a0e721e4813b2171d17316bf279.webp 600w, https://assets.fabulous.ch/public/variant_asset/8736/file/medium-bc4cfbf556a7860be6745d3b76983bdc.webp 900w, https://assets.fabulous.ch/public/variant_asset/8736/file/large-5861cdb37cda6c9716220e1f9e9a7983.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8736/file/medium-bc4cfbf556a7860be6745d3b76983bdc.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">Vivo Life</p>
          <a href="/fr/products/perform-poudre-de-proteines-vegetales-cai-myrtille-26-portions-26-portion-12903">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Perform Poudre de protéines végétales - Blueberry Muffin, 26 portions</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GESH-Q41pounxeIRnG41f6jIbrEgGj4ksbIO4xLFdAw96icMwXopveaEilTXh1MLcBOyxE9-etIH1HW9k2EenQ" />
    <input value="12903" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/perform-poudre-de-proteines-vegetales-banane-cannelle-26-portions-26-portion-12902">
          <img alt="Perform Poudre de protéines végétales - Banana Bread" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8734/file/small-ffd2a19fb868da5a878bc3b2feb4f37d.webp 600w, https://assets.fabulous.ch/public/variant_asset/8734/file/medium-0b7a92af5a45475b5df273ed832bfda7.webp 900w, https://assets.fabulous.ch/public/variant_asset/8734/file/large-3d75042b72095c92971dfb05a76c5098.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8734/file/medium-0b7a92af5a45475b5df273ed832bfda7.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">Vivo Life</p>
          <a href="/fr/products/perform-poudre-de-proteines-vegetales-banane-cannelle-26-portions-26-portion-12902">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Perform Poudre de protéines végétales - Banana Bread, 26 portions</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2TsYGRBwypC6kPUkd9bG5wcRVxJ4OnBrPQa6XUCUQIH8lbjs3z9FpvvRnWE8P6CT38qLZxdeNJ2LYMEDwTAqEA" />
    <input value="12902" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/whole-repas-aux-proteines-vegetales-biscuit-au-caramel-25-portions-25-portion-12906">
          <img alt="WHOLE Repas aux protéines végétales - Biscuit au caramel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6341/file/small-3d2d2c581b5c83ab3f1cfcc93b16775f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6341/file/medium-dbce91c50d284c41557f60c6a96a7a92.webp 900w, https://assets.fabulous.ch/public/variant_asset/6341/file/large-ccfa6cda1156951c3ff8aa5613c2f960.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6341/file/medium-dbce91c50d284c41557f60c6a96a7a92.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">Vivo Life</p>
          <a href="/fr/products/whole-repas-aux-proteines-vegetales-biscuit-au-caramel-25-portions-25-portion-12906">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">WHOLE Repas aux protéines végétales - Biscuit au caramel, 25 portions</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J71YGRqd6LnYTCmmiszTInP7ecocUJ8GsgoTQvqWSkYCE_js1dJnj5kNQePBJbVWqyClv3M02_AEbGgcezIg1w" />
    <input value="12906" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/whole-repas-aux-proteines-vegetales-fraise-25-portions-25-portion-12907">
          <img alt="WHOLE Repas aux protéines végétales - Fraise" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6342/file/small-67c38c7dcc483b6c876f4b55c75c26d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6342/file/medium-acbb110cebb8049d85273eabde7bf9a1.webp 900w, https://assets.fabulous.ch/public/variant_asset/6342/file/large-5c56f08eb146955cdca7d1db3240189b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6342/file/medium-acbb110cebb8049d85273eabde7bf9a1.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">Vivo Life</p>
          <a href="/fr/products/whole-repas-aux-proteines-vegetales-fraise-25-portions-25-portion-12907">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">WHOLE Repas aux protéines végétales - Fraise, 25 portions</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iKU4p-qpsa73yP0BxeBqXeQCZOR--of4SMixEWz82mKtC5hSJeY-mLaJlUSOCQwpPNm4kRGeww7-rspP7Viw8w" />
    <input value="12907" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/whole-repas-aux-proteines-vegetales-vanille-25-portions-25-portion-12908">
          <img alt="WHOLE Repas aux protéines végétales - Vanille" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6343/file/small-3a46684e4220f5f4e947643554bc1829.webp 600w, https://assets.fabulous.ch/public/variant_asset/6343/file/medium-34361d5e073e234fc66ba45d4c8033fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/6343/file/large-a836aaa72cf1f2fd374e05686bddb4f1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6343/file/medium-34361d5e073e234fc66ba45d4c8033fc.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">Vivo Life</p>
          <a href="/fr/products/whole-repas-aux-proteines-vegetales-vanille-25-portions-25-portion-12908">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">WHOLE Repas aux protéines végétales - Vanille, 25 portions</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="C-2VyFkmQ9tDXNpXLP_id5CjYca-BZT4p-2CRMEgYt8uQzU9lmnM7QIdshJnFoQDSHi9s9Fh0A4Ri_kaQIQITg" />
    <input value="12908" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/plant-protein-collagen-builder-vanille-cannelle-25-portions-25-portion-13257">
          <img alt="Plant Protein Collagen Builder - Vanille &amp; Cannelle" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6439/file/small-e5e1c498d05cdcd53841ef9f10c68801.webp 600w, https://assets.fabulous.ch/public/variant_asset/6439/file/medium-4ad18cf3c7bca9f7bc8cf622dcb8e91e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6439/file/large-0feaef69ab841ffacb9d01a00a360cad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6439/file/medium-4ad18cf3c7bca9f7bc8cf622dcb8e91e.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">Vivo Life</p>
          <a href="/fr/products/plant-protein-collagen-builder-vanille-cannelle-25-portions-25-portion-13257">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Plant Protein Collagen Builder - Vanille &amp; Cannelle, 25 portions</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ANWh5CgYT1Vk1u7b3X4oF1gaezR7lrygaxc8NEPZAKMlewER51fAYyWXhp6Wl05jgMGnQRTy-FbdcUdqwn1qMg" />
    <input value="13257" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/vivo-scoop-set-2-pcs-2-piece-12910">
          <img alt="Vivo Scoop Set" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6345/file/small-51c011bbc2e94035aed9b5b5e4783602.webp 600w, https://assets.fabulous.ch/public/variant_asset/6345/file/medium-d426c0bc39d6a8f607c7e0109dfc1d2d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6345/file/large-a6971f678783c7e176747a3948f6c25f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6345/file/medium-d426c0bc39d6a8f607c7e0109dfc1d2d.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">Vivo Life</p>
          <a href="/fr/products/vivo-scoop-set-2-pcs-2-piece-12910">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vivo Scoop Set, 2 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1_AmoDPLWzVLYx70VHfZEmujuX7HDpIYYZ3n2JDWnt_yXoZV_ITUAwoidrEfnr9ms3hlC6hq1u7X-5yGEXL0Tg" />
    <input value="12910" 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">
      1&#39;020 sur 3&#39;212 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/ortho-analytic?format=turbo_stream&amp;page=52">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>