<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">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Astuce
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/tortilla-chips-paprika-bio-150-g-16259">
          <img alt="Tortilla Chips Paprika Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7489/file/small-1afee12b17b7c4e77a1f96b76da77f8e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7489/file/medium-f33fc7597168351bba79d53e1218cb99.webp 900w, https://assets.fabulous.ch/public/variant_asset/7489/file/large-1dd2eadf78b9332919fc2a9611b6961b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7489/file/medium-f33fc7597168351bba79d53e1218cb99.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">MiAdelita</p>
          <a href="/fr/products/tortilla-chips-paprika-bio-150-g-16259">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tortilla Chips Paprika Bio, 150 g</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 3.47 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PSDV1ODqa3wQqZ_JEov6MI0WBoTpxkxtfX7pkGUfyZSUr31GXGFcs6vDxUwyF10IM9r13n4ntBOwaBaqEsG8JA" />
    <input value="16259" 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/sucre-de-datte-bio-250-g-16877">
          <img alt="Sucre de Datte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7874/file/small-87237bfcfecb25bdaffaa17ce6428788.webp 600w, https://assets.fabulous.ch/public/variant_asset/7874/file/medium-6bcb48f3d20f70e8c533544b8c78f79d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7874/file/large-97400904cc7eb77b124348280f21ce7f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7874/file/medium-6bcb48f3d20f70e8c533544b8c78f79d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/fr/products/sucre-de-datte-bio-250-g-16877">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sucre de Datte Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nWf2xBIcbtsJLV68AAgv9qPOUbVqG6yz-LIOBTFtAxQ06F5WrpdZFLJHBDkglIjOHQKi7_36VM01pPE_RrN2pA" />
    <input value="16877" 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/yarrah-chien-croquettes-sans-cereales-vegan-bio-10-kg-17730">
          <img alt="Yarrah Chien Croquettes sans céréales Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8644/file/small-6c8c46999d89655149581b5fe998ae0f.webp 600w, https://assets.fabulous.ch/public/variant_asset/8644/file/medium-a3f6eb299a41649ff447ca9429799fe0.webp 900w, https://assets.fabulous.ch/public/variant_asset/8644/file/large-091c02431dba522e65a5ccd38dd18b9e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8644/file/medium-a3f6eb299a41649ff447ca9429799fe0.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">Yarrah</p>
          <a href="/fr/products/yarrah-chien-croquettes-sans-cereales-vegan-bio-10-kg-17730">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Yarrah Chien Croquettes sans céréales Vegan Bio, 10 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 85.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="H_cnjYcgCiM3I0HPSK9RXdM0GfwY5j8nI-XVCBRS58S2eI8fO6s97IxJG0poM_Zlbfjqpo8Hx1nu8yoyY4ySdA" />
    <input value="17730" 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/margarine-omega-3-tartinade-vegetale-bio-250-g-16533">
          <img alt="Margarine Oméga 3 Tartinade Végétale Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7624/file/small-cda0c770674701a877db832b4f23930f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7624/file/medium-5d516b6ada52cd3117071844b9b7417d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7624/file/large-3c72c7561e9dcdbbd4f17c3984149826.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7624/file/medium-5d516b6ada52cd3117071844b9b7417d.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">Vitaquell</p>
          <a href="/fr/products/margarine-omega-3-tartinade-vegetale-bio-250-g-16533">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Margarine Oméga 3 Tartinade Végétale Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.55
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération critique nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.22 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="13hdaTyLDfExlh5ardNFTk-9-GiajqOSMmOg6ehw2HV-9_X7gAA6Por8RN-NT-J28XELMg1vW-z_dV_Tn66txQ" />
    <input value="16533" 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/new-roots-la-cotta-thym-et-lavande-bio-130-g-12152">
          <img alt="New Roots La Cotta Thym et Lavande Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6145/file/small-16ae1a50e143b7b88e0704126cd2653e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6145/file/medium-b09c56783c10b95cc6703dffc1dade71.webp 900w, https://assets.fabulous.ch/public/variant_asset/6145/file/large-7647f18d0f8797ccd7751d0c639ec66e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6145/file/medium-b09c56783c10b95cc6703dffc1dade71.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">New Roots</p>
          <a href="/fr/products/new-roots-la-cotta-thym-et-lavande-bio-130-g-12152">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">New Roots La Cotta Thym et Lavande Bio, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.10
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 6.23 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cz_rEfpkUrEGVdkBPkh52fFdQu-6IE6BR8qYWN99sSXasEODRu9lfr0_g4Qe1N7hT5GxtS3Btv-K3GdiqKPElQ" />
    <input value="12152" 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/alternative-vegane-au-creme-aigre-a-base-d-amande-fermentee-bio-200-g-17331">
          <img alt="Alternative Végane au Crème Aigre à Base d’Amande Fermentée Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8089/file/small-6b2a66175e8a98275849e4702933c975.webp 600w, https://assets.fabulous.ch/public/variant_asset/8089/file/medium-633ad4e60af8bfdddf5aa323eab913b5.webp 900w, https://assets.fabulous.ch/public/variant_asset/8089/file/large-d6ccaf54b5801e3b71f13b1e10768a7e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8089/file/medium-633ad4e60af8bfdddf5aa323eab913b5.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">Soyana</p>
          <a href="/fr/products/alternative-vegane-au-creme-aigre-a-base-d-amande-fermentee-bio-200-g-17331">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Alternative Végane au Crème Aigre à Base d’Amande Fermentée Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U5hhPhNnM8-nvTfHk8OCqs3uRwDtRgZW3OSkFuKr2VL6F8msr-wEABzXbUKzXyWScyK0Wnqn_igR8lsslXWs4g" />
    <input value="17331" 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">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/ginger-beer-bio-6-x-330-ml-17818">
          <img alt="Ginger Beer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8824/file/small-5fa1c3f19fe52563bed220ce11387592.webp 600w, https://assets.fabulous.ch/public/variant_asset/8824/file/medium-9e477d76578a91c6c47f03485863cf4d.webp 900w, https://assets.fabulous.ch/public/variant_asset/8824/file/large-f35a4a189923b611a5ad72f4a96b2ec4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8824/file/medium-9e477d76578a91c6c47f03485863cf4d.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">Super Natural Club</p>
          <a href="/fr/products/ginger-beer-bio-6-x-330-ml-17818">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ginger Beer Bio, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mejUqK9jGsKnOLbBmbSmpApmBgBBUHH6K8WqeAS5BDwwZ3w6E-gtDRxS7ES5KAGctKr1WtaxiYTm01VCc2dxjA" />
    <input value="17818" 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/mini-tablette-ombar-chocolat-creme-de-coco-bio-35-g-1165">
          <img alt="Mini Tablette Ombar Chocolat Crème de Coco Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1034/file/small-4284867a3dd2c47356a56ba2198d88d0.webp 600w, https://assets.fabulous.ch/public/variant_asset/1034/file/medium-80ddfadc34e4927f675dc7482deba45a.webp 900w, https://assets.fabulous.ch/public/variant_asset/1034/file/large-8c83b4f68fcf541a638bb38713d5b810.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1034/file/medium-80ddfadc34e4927f675dc7482deba45a.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">Ombar</p>
          <a href="/fr/products/mini-tablette-ombar-chocolat-creme-de-coco-bio-35-g-1165">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mini Tablette Ombar Chocolat Crème de Coco Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t8z6ihwGv56l64moEL8UC8r9d7wmizfNh9J1ObtkylceQ1IYoI2IUR6B0y0wI7MzdDGE5rFqz7NKxIoDzLq_5w" />
    <input value="1165" 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/tablette-ombar-centres-60-creme-de-pistache-bio-70-g-16596">
          <img alt="Tablette Ombar Centres 60% Crème de Pistache Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7658/file/small-64dbc429085ca03042424d0c0bc4934c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7658/file/medium-cf37c07b80c4de104928d859639b09ab.webp 900w, https://assets.fabulous.ch/public/variant_asset/7658/file/large-f5a68e7903650b0f2a8206f78a177b47.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7658/file/medium-cf37c07b80c4de104928d859639b09ab.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">Ombar</p>
          <a href="/fr/products/tablette-ombar-centres-60-creme-de-pistache-bio-70-g-16596">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tablette Ombar Centres 60% Crème de Pistache Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.35
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Y2qRd0Qw4wDYylp2pLZO8QVu7sIHGDTy4EU1DNU2kADK5Tnl-LvUz2OgAPOEKunJu6IdmJD5zIwtU8o2oujlsA" />
    <input value="16596" 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/graines-a-germer-brocoli-bio-150-g-4167">
          <img alt="Graines à germer Brocoli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2627/file/small-bde45c732c32eb0cae7d14324fc951dd.webp 600w, https://assets.fabulous.ch/public/variant_asset/2627/file/medium-ba5a1840a685516af174c4b9f5530858.webp 900w, https://assets.fabulous.ch/public/variant_asset/2627/file/large-c6e0fc388c9cbf3eda32ffd6796d71bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2627/file/medium-ba5a1840a685516af174c4b9f5530858.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">Germline</p>
          <a href="/fr/products/graines-a-germer-brocoli-bio-150-g-4167">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Graines à germer Brocoli Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r26_lvZyaPb2n8NCdTDh0SBGYutHLUbXpfUCON_R4TIG4RcESvlfOU31mcdVrEbpnoqRsdDMvqlo4_0CqA-Ugg" />
    <input value="4167" 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/eminces-grossiers-protein-chunks-bio-125-g-13448">
          <img alt="Emincés grossiers Protein Chunks Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6517/file/small-305e3e862250761e043c77d58169debc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6517/file/medium-82ee617af282b2824139bb1019d14d18.webp 900w, https://assets.fabulous.ch/public/variant_asset/6517/file/large-b2eb33f869bbbac39c9dbf426c98d864.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6517/file/medium-82ee617af282b2824139bb1019d14d18.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/eminces-grossiers-protein-chunks-bio-125-g-13448">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Emincés grossiers Protein Chunks Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DrZ2EsxMGrqDaHLiXW38ZikK6saePDpV6L41bPiT9RinOd6AcMctdTgCKGd98Vtel8YZnAndwislqMpWj02AqA" />
    <input value="13448" 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/muesli-petit-dejeuner-croustillant-chocolat-noir-sans-gluten-bio-300-g-5043">
          <img alt="Muesli Petit Déjeuner Croustillant Chocolat Noir 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/2977/file/small-ad845eb238fd64146dc9ae81f69a3407.webp 600w, https://assets.fabulous.ch/public/variant_asset/2977/file/medium-7416cd306b46dcf03736f690fdd96374.webp 900w, https://assets.fabulous.ch/public/variant_asset/2977/file/large-66ce54755939b6bc63603dfd407ac425.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2977/file/medium-7416cd306b46dcf03736f690fdd96374.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/muesli-petit-dejeuner-croustillant-chocolat-noir-sans-gluten-bio-300-g-5043">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Muesli Petit Déjeuner Croustillant Chocolat Noir Sans Gluten Bio, 300 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 2.30 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="onTpf-qlzrzSXOz72tMx5WfZCpvqZdk793SCQ8usr1QL-0HtVi75c2k2tn76T5bd2RX5wX2EIUU6Yn15vHLa5A" />
    <input value="5043" 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">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/dessert-chocolat-au-soja-bio-4-x-100-g-17937">
          <img alt="Dessert Chocolat au Soja Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8878/file/small-46426ed214c228dd3a3043d5c408c7a2.webp 600w, https://assets.fabulous.ch/public/variant_asset/8878/file/medium-ad21dce13af8defbbbade2c38bd6e6e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/8878/file/large-a03910496532ee6cdc15bb7783ccad2f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8878/file/medium-ad21dce13af8defbbbade2c38bd6e6e4.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">Sojade</p>
          <a href="/fr/products/dessert-chocolat-au-soja-bio-4-x-100-g-17937">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dessert Chocolat au Soja Bio, 4 x 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </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-17937-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="57qMUoZcf1yJP6a2wUf-0vB7SkOY8yGUpPCJ1CPjGKJONSTAOtdIkzJV_DPh21nqTre5GQ8S2epp5nbuVD1tEg" />
    <input value="17937" 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/sojade-so-soya-sans-sucres-ajoutes-mangue-bio-400-g-8901">
          <img alt="Sojade So Soya! Sans sucres ajoutés Mangue Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5160/file/small-d4cbbeffaa0d391a8289d073413d32f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/5160/file/medium-eee33749d79c60d2082133119054f02a.webp 900w, https://assets.fabulous.ch/public/variant_asset/5160/file/large-ba56a3bb756141bc63a5387d41bfffe9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5160/file/medium-eee33749d79c60d2082133119054f02a.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">Sojade</p>
          <a href="/fr/products/sojade-so-soya-sans-sucres-ajoutes-mangue-bio-400-g-8901">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sojade So Soya! Sans sucres ajoutés Mangue Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.65
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.41 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iq066NG-D-16ZvYCpOPAQXTunKi-_bmXOMzJ0hTC0S8jIpJ6bTU4IsEMrIeEf2d5yiJv8ikcQen12jboYxyknw" />
    <input value="8901" 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/biosnacky-germoir-classique-1-piece-1-piece-15306">
          <img alt="bioSnacky Germoir Classique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6990/file/small-5f1be997c556678dda6407c3c7b1fbc2.webp 600w, https://assets.fabulous.ch/public/variant_asset/6990/file/medium-84abb885c167a59e492f0ba39b042a14.webp 900w, https://assets.fabulous.ch/public/variant_asset/6990/file/large-1844002eacd16afc6d47e382e43095e5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6990/file/medium-84abb885c167a59e492f0ba39b042a14.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/fr/products/biosnacky-germoir-classique-1-piece-1-piece-15306">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">bioSnacky Germoir Classique, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HvEvTwxPgzp0fbnbDVXbC7xP4Nzer2QZt6YhSZtEwSy3fofdsMS09c8X414tyXwzAoMThklOnGd6sN5z7Jq0nA" />
    <input value="15306" 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">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/dessert-vanille-au-soja-bio-4-x-100-g-17938">
          <img alt="Dessert Vanille au Soja Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8879/file/small-9451a17495dd630cfb1ba77b782712fe.webp 600w, https://assets.fabulous.ch/public/variant_asset/8879/file/medium-5f89614d32698a0aac66a273ff2bb9be.webp 900w, https://assets.fabulous.ch/public/variant_asset/8879/file/large-3e74ae0db838f84f2a9c206ac6d928d1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8879/file/medium-5f89614d32698a0aac66a273ff2bb9be.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">Sojade</p>
          <a href="/fr/products/dessert-vanille-au-soja-bio-4-x-100-g-17938">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dessert Vanille au Soja Bio, 4 x 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </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-17938-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lmahSGs9JyxwhlThSjZHTK8aRecvt00pCGSXejpu6I8_6Qna17YQ48vsDmRqquB0Eda2vbhWtVfFcmhATbCdPw" />
    <input value="17938" 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/quinoa-pops-bio-125-g-146">
          <img alt="Quinoa Pops Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/157/file/small-2d5ef591463e87383bec9d1926fb5988.webp 600w, https://assets.fabulous.ch/public/variant_asset/157/file/medium-7ec84ffdc0b1605e0c645aeb03b4b3c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/157/file/large-be4e048eab7432b90b63742d0f7cba72.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/157/file/medium-7ec84ffdc0b1605e0c645aeb03b4b3c8.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">Werz</p>
          <a href="/fr/products/quinoa-pops-bio-125-g-146">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Quinoa Pops Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Dt4_nxeoPxHuhPlgdWPma-jqEXLuHfC1q1FsR9oTacmnUZcNqyMI3lXuo-VV_0FTVibiKHn8CMtmR5N9rc0ceQ" />
    <input value="146" 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/boisson-a-l-avoine-natural-bio-1-l-804">
          <img alt="Boisson à l&#39;Avoine Natural Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/743/file/small-f6d8fc29f16a2276b9963d156b17dd36.webp 600w, https://assets.fabulous.ch/public/variant_asset/743/file/medium-73046add1069e7dbb34ff27ee4b6cd78.webp 900w, https://assets.fabulous.ch/public/variant_asset/743/file/large-82e101de2997f7131ecb3dced9790de1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/743/file/medium-73046add1069e7dbb34ff27ee4b6cd78.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-natural-bio-1-l-804">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson à l&#39;Avoine Natural Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aMUpaT-Ph6NXbiylK_hB_6F-vAAdwozNrkgYaxgJ03LBSoH7gwSwbOwEdiALZObHH7JPWoojdLNjXudRb9emwg" />
    <input value="804" 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/cookies-croustillant-avoine-bio-175-g-219">
          <img alt="Cookies croustillant Avoine Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/218/file/small-b21bab4b5db21ccdc008bfb9ba26f31f.webp 600w, https://assets.fabulous.ch/public/variant_asset/218/file/medium-00dca5bf73aa3232d899c302787ecbf3.webp 900w, https://assets.fabulous.ch/public/variant_asset/218/file/large-c7e471ae031c45c17bbbb6510937ae7d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/218/file/medium-00dca5bf73aa3232d899c302787ecbf3.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/cookies-croustillant-avoine-bio-175-g-219">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cookies croustillant Avoine Bio, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fKM1gxxji06j5HvilmMaJhMcPfBbC53wwKN-sjo2htTVLJ0RoOi8gRiOIWe2_70erdDOqszqZY4NtYGITejzZA" />
    <input value="219" 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/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-fabulous-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="zW8oI8BMXJcIQQUPyXJxep2Kcdcb-RC4KL6bPGv2eotk4ICxfMdrWLMrX4rp7tZCI0aCjYwY6MblqGQGHCgPOw" />
    <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>



</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">
      540 sur 3&#39;205 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/natracare?format=turbo_stream&amp;page=28">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>