<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/lupins-doux-demeter-340-g-6928">
          <img alt="Lupins doux Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4010/file/small-2f716d65b1984798411264f98c5c7bd8.webp 600w, https://assets.fabulous.ch/public/variant_asset/4010/file/medium-70b3e138f1cf21116b3f9470f54fe269.webp 900w, https://assets.fabulous.ch/public/variant_asset/4010/file/large-d59afe29dcdeeb40aac6cff4e03bbc1a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4010/file/medium-70b3e138f1cf21116b3f9470f54fe269.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">Nur Puur</p>
          <a href="/fr/products/lupins-doux-demeter-340-g-6928">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lupins doux Demeter, 340 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.35
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k5sptohRKLQQcnNVzQo_-dh5hgBXM5_ZNxDdAmYLdowHuzs1SSntJeefCN4MY7O02zWGszn2DehQNznZ-4HSEQ" />
    <input value="6928" 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/haricots-blancs-baked-beans-bio-360-g-5880">
          <img alt="Haricots Blancs Baked Beans Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9008/file/small-00d17717ea2f9e346e05036ac27c38af.webp 600w, https://assets.fabulous.ch/public/variant_asset/9008/file/medium-031c4fedb96b411a8a78d6a680eaf606.webp 900w, https://assets.fabulous.ch/public/variant_asset/9008/file/large-07d8609b770cc4aa3ed235f5ac5d58e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9008/file/medium-031c4fedb96b411a8a78d6a680eaf606.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">de Rit</p>
          <a href="/fr/products/haricots-blancs-baked-beans-bio-360-g-5880">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Haricots Blancs Baked Beans Bio, 360 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="edNpBflsLYHed5VO-as9zUud_oF-2MxQXgl7Zpl0dRnt83uGOBToECma7sU4wrGASNH-MhAdXmE5Lp-9BP7RhA" />
    <input value="5880" 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/tomates-passees-demeter-400-ml-14924">
          <img alt="Tomates passées Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6844/file/small-107a90ca6efd7c52821f357f8132b0d5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6844/file/medium-2003ec2e6a1b6cbb73177c6d3df51b90.webp 900w, https://assets.fabulous.ch/public/variant_asset/6844/file/large-d033cb5032c048fb6b3a0ac687b4f314.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6844/file/medium-2003ec2e6a1b6cbb73177c6d3df51b90.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">Naturata</p>
          <a href="/fr/products/tomates-passees-demeter-400-ml-14924">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tomates passées Demeter, 400 ml</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 1.13 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KG6WPL6u0lvbVIfyjYFH6rDcKLDTaOSfu3n7JWl35Nu8ToS_f9YXyiy5_HlM6Muns5AoA72tdq7cXh_-9P1ARg" />
    <input value="14924" 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/algues-spaghetti-d-algues-marines-bio-30-g-2870">
          <img alt="Algues Spaghetti d&#39;algues marines Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2031/file/small-7426f5222376ab337fb780e6ac408510.webp 600w, https://assets.fabulous.ch/public/variant_asset/2031/file/medium-845505f63af1e5c13799f72e62c7cd22.webp 900w, https://assets.fabulous.ch/public/variant_asset/2031/file/large-39c175e0ad67caf6cf89336c9d479191.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2031/file/medium-845505f63af1e5c13799f72e62c7cd22.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/algues-spaghetti-d-algues-marines-bio-30-g-2870">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Algues Spaghetti d&#39;algues marines Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="h-XOoUWpuZbw-z4LE35gc9Oewna3o0Et7LMMr04eAA4TxdwihNF8BwcWRYDSF-w-0NLCxdlm0xyLlOh005Skkw" />
    <input value="2870" 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/flocons-de-levure-saupoudreuse-150-g-98">
          <img alt="Flocons de levure (saupoudreuse)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/108/file/small-f65b91f00d1a8406c0c438b1a67efae2.webp 600w, https://assets.fabulous.ch/public/variant_asset/108/file/medium-fb85950a34be0472e990807352ebb517.webp 900w, https://assets.fabulous.ch/public/variant_asset/108/file/large-0ed1691d7e885c37327be04597be132c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/108/file/medium-fb85950a34be0472e990807352ebb517.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">Naturata</p>
          <a href="/fr/products/flocons-de-levure-saupoudreuse-150-g-98">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flocons de levure (saupoudreuse), 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nxXDqkg7UYrx5Jpg2-hayizPyyxisBOIXA18X0mOoWELNdEpiUOUGwYJ4esagdaHL4PLnwx1gbk7KpiE1AQF_A" />
    <input value="98" 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/tablette-choco-dattes-citron-57-bio-85-g-15623">
          <img alt="Tablette Choco-Dattes Citron 57% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7129/file/small-6a079f81decad30c3c243a3c835aabfe.webp 600w, https://assets.fabulous.ch/public/variant_asset/7129/file/medium-0573f63785970cfc669dd4a9eaa76327.webp 900w, https://assets.fabulous.ch/public/variant_asset/7129/file/large-d445c79ac2da8592bde3f243f83f73bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7129/file/medium-0573f63785970cfc669dd4a9eaa76327.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MAKRi</p>
          <a href="/fr/products/tablette-choco-dattes-citron-57-bio-85-g-15623">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tablette Choco-Dattes Citron 57% Bio, 85 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cFoEhi-mi78tEHk5C8ql7F5ZAuzUCV5HUbB1EWvm8ubkehYF7t5OLtr9ArLKoymhXRUCX7rMzHY2l5HK9mxWew" />
    <input value="15623" 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/seitan-fix-melange-pret-a-l-emploi-bio-200-g-14242">
          <img alt="Seitan-Fix Mélange prêt à l&#39;emploi Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6659/file/small-6cad1c989cc81704da1fb5dd8cc7f28c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6659/file/medium-d4cd6060ce575a123f2af1925fefa36d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6659/file/large-08d137a1b1b8d504bdaffdf7ebffec26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6659/file/medium-d4cd6060ce575a123f2af1925fefa36d.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/seitan-fix-melange-pret-a-l-emploi-bio-200-g-14242">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seitan-Fix Mélange prêt à l&#39;emploi Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wSJHvautF33W0wKMl5NHsNcbxWACVzko4-xht5Px9FVVAlU-atXS7CE-eQdW-sv91FfF02ySqxmEy4VsDntQyA" />
    <input value="14242" 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/hummus-jalapeno-bio-170-g-5895">
          <img alt="Hummus Jalapeno Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3382/file/small-d198c7f6bd76254da7565df2c23d0eb9.webp 600w, https://assets.fabulous.ch/public/variant_asset/3382/file/medium-31cd3a7259f321cd390c88f2b705f68e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3382/file/large-0d183a8b9e15bb303fb2de5092457670.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3382/file/medium-31cd3a7259f321cd390c88f2b705f68e.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">Florentin</p>
          <a href="/fr/products/hummus-jalapeno-bio-170-g-5895">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hummus Jalapeno Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.85
            </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.85 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="x64LIyKPBuGfadznoxJUq_H8H73QX2gpY0uss_qqYIBTjhmg4_fDcGiEp2xie9jm8rAfDr6a-hgEbEhoZyDEHQ" />
    <input value="5895" 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/jus-de-cerise-acide-bio-200-ml-16514">
          <img alt="Jus de Cerise Acide Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7611/file/small-00d967a135718dd8ebd7afaef692a2f6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7611/file/medium-3a5deeac2d077fadf5a92cabe85d1776.webp 900w, https://assets.fabulous.ch/public/variant_asset/7611/file/large-cafdf3a37dee57d140bfd3b8b3b88afc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7611/file/medium-3a5deeac2d077fadf5a92cabe85d1776.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Beutelsbacher</p>
          <a href="/fr/products/jus-de-cerise-acide-bio-200-ml-16514">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jus de Cerise Acide Bio, 200 ml</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 2.25 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="x3JTbADop5nWBv3sZEsJKGW9ogSLvrMME1wtqD7tDa9TUkHvwZBiCCHrhmelIoVlZvGit-V7IT10e8lzo2epMg" />
    <input value="16514" 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-canne-roux-syramena-demeter-1-kg-1022">
          <img alt="Sucre de Canne Roux Syramena Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/895/file/small-4f68654387630ef8592ca8f834f76e68.webp 600w, https://assets.fabulous.ch/public/variant_asset/895/file/medium-e3827febde9eaffa478d1b660c007a25.webp 900w, https://assets.fabulous.ch/public/variant_asset/895/file/large-1970810cf2db7687011a988466f3f009.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/895/file/medium-e3827febde9eaffa478d1b660c007a25.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">Ekkharthof</p>
          <a href="/fr/products/sucre-de-canne-roux-syramena-demeter-1-kg-1022">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sucre de Canne Roux Syramena Demeter, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Wl9zIicuT5jsublVauGtr5bBitAwC_dvxXIAVjPt4wzOf2Gh5laKCRtUwt6riCHilY2KY17OZV6iVeSNrmdHkQ" />
    <input value="1022" 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/creme-solaire-fps-50-80-ml-15869">
          <img alt="Crème solaire FPS 50" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7269/file/small-2b751b2a25d0e0e05c3f3c7d1747861e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7269/file/medium-2ea70a760038ed7a4b687f2300dd1ca0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7269/file/large-4b1eea59411295c449295b3951b3b80c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7269/file/medium-2ea70a760038ed7a4b687f2300dd1ca0.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">farfalla</p>
          <a href="/fr/products/creme-solaire-fps-50-80-ml-15869">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crème solaire FPS 50, 80 ml</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 37.38 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qc9c-PfhAB7wDqE-HKTsrYoBrrLYmnQcBW3jlwnOTiM97057NpnFjwfj2rXdzWDgiU2uAbZf5i1iSgdMlETqvg" />
    <input value="15869" 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/petits-pois-jaunes-bio-500-g-10342">
          <img alt="Petits Pois Jaunes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5557/file/small-199050d73921049f726a2adea9bcb6d5.webp 600w, https://assets.fabulous.ch/public/variant_asset/5557/file/medium-d7a37e31a153f83f4395be52dc0e6a3f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5557/file/large-015cc647c89a9de31033536bfd5200da.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5557/file/medium-d7a37e31a153f83f4395be52dc0e6a3f.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">Biofarm</p>
          <a href="/fr/products/petits-pois-jaunes-bio-500-g-10342">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Petits Pois Jaunes Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.55
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="603BQlq9rwSQwW0WZTo6hbyaz1r7FewDtAtojR6kHIZ_bdPBm8VqlWcsFp2kU7bIv9bP6ZXQfjLTLIxWgy64Gw" />
    <input value="10342" 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/galettes-de-pois-chiches-au-chocolat-noir-bio-65-g-12010">
          <img alt="Galettes de pois chiches au chocolat noir Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6104/file/small-84c1f0aaf249c7a39d8932b390e9a1ce.webp 600w, https://assets.fabulous.ch/public/variant_asset/6104/file/medium-e56e9b9876ac9a750082c1b5e9176dea.webp 900w, https://assets.fabulous.ch/public/variant_asset/6104/file/large-55b4daf3ee753210c6718a2010d39c94.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6104/file/medium-e56e9b9876ac9a750082c1b5e9176dea.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Byodo</p>
          <a href="/fr/products/galettes-de-pois-chiches-au-chocolat-noir-bio-65-g-12010">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Galettes de pois chiches au chocolat noir Bio, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.25
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0nGXlKZBGSNu-BJAHSGGNC-x39JHZQzGtWGhqVWa4YBGUYUXZzncspkVacvcSAp5LP3fYSmgnvfSRkVyyBBFHQ" />
    <input value="12010" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          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/pistaches-sauvages-naturelles-avec-peau-bio-500-g-17534">
          <img alt="Pistaches Sauvages Naturelles avec Peau Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8178/file/small-d117feb953d269c068ca7e3ddd10aaa2.webp 600w, https://assets.fabulous.ch/public/variant_asset/8178/file/medium-a5cd01fdb8a625df2bd0f8a6a2ea8fab.webp 900w, https://assets.fabulous.ch/public/variant_asset/8178/file/large-da77a3e15645c48a4eaa5ab9ddcf1c90.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8178/file/medium-a5cd01fdb8a625df2bd0f8a6a2ea8fab.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">Pakka</p>
          <a href="/fr/products/pistaches-sauvages-naturelles-avec-peau-bio-500-g-17534">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pistaches Sauvages Naturelles avec Peau Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 38.75
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rj5cw1VKSPbb9pK71AEdTHoP6gfbcKVNIbDkwBtoJYQ6Hk5AlDKNZywb6TAVaJEBeUPqtLW1N3xGlwAbhuKBGQ" />
    <input value="17534" 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/myyo-kefir-ferment-lacto-pro-pour-fabrication-3-sachet-5-g-2951">
          <img alt="MyYo KEFIR Ferment  LACTO PRO pour fabrication Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2089/file/small-57b9fb6becd634fb108a2480cf9e1dd8.webp 600w, https://assets.fabulous.ch/public/variant_asset/2089/file/medium-7348348f5ed7fa5f024b869f65feb6a3.webp 900w, https://assets.fabulous.ch/public/variant_asset/2089/file/large-9049a079a18d439c109ba61161cdefdb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2089/file/medium-7348348f5ed7fa5f024b869f65feb6a3.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">my.yo</p>
          <a href="/fr/products/myyo-kefir-ferment-lacto-pro-pour-fabrication-3-sachet-5-g-2951">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">MyYo KEFIR Ferment  LACTO PRO pour fabrication Bio, 3 x 5 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_VRNuIynYb-1psl5Bc8URNRE9RqUSlhoqummutMO0WFpdF87Td-kLkJLsvLEppgJ1wj1qfqPylnNzkJhToR1_A" />
    <input value="2951" 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-soja-chai-indien-bio-500-ml-11326">
          <img alt="Boisson Soja Chai Indien Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5805/file/small-51dc9f93e3f9f10102ca620fa7ac26f9.webp 600w, https://assets.fabulous.ch/public/variant_asset/5805/file/medium-b9e431bb80b9b1b30012dae53aac3182.webp 900w, https://assets.fabulous.ch/public/variant_asset/5805/file/large-c2d78e741fc3995b7794408c0e0c2670.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5805/file/medium-b9e431bb80b9b1b30012dae53aac3182.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/boisson-soja-chai-indien-bio-500-ml-11326">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson Soja Chai Indien Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </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-11326-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2kfrg4_VX4mHw6xoYGWclz-PJlSPb1NodZoENPZu5jhOZ_kATq2aGHAu1-OhDBDaPMMm5-GqwVkSveDva-RCpQ" />
    <input value="11326" 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/multi-jus-mangue-jaune-100-pur-jus-demeter-750-ml-15977">
          <img alt="Multi Jus Mangue Jaune 100% pur jus Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7377/file/small-bde6f571ec08056152aed8b1977deee8.webp 600w, https://assets.fabulous.ch/public/variant_asset/7377/file/medium-fb7ada891cded434110f985fdfea79a4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7377/file/large-0a57ad8da764f5ede5a4141d6ab7e984.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7377/file/medium-fb7ada891cded434110f985fdfea79a4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Voelkel</p>
          <a href="/fr/products/multi-jus-mangue-jaune-100-pur-jus-demeter-750-ml-15977">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Multi Jus Mangue Jaune 100% pur jus Demeter, 750 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_o5cLBHHJwpEjGXduuH9a0QXqpkoNFQu4mOEVdEiAdNqrk6v0L_im7NhHlZ7iHEmR1uqKkbxxh-FRGCOTKilTg" />
    <input value="15977" 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/lazzaretti-fusilli-pois-verts-bio-250-g-1800">
          <img alt="Lazzaretti Fusilli Pois Verts Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1407/file/small-fa3c478c01b5b9c45277c9f6b2f76380.webp 600w, https://assets.fabulous.ch/public/variant_asset/1407/file/medium-d7fc49de677cddd97c6954693d460931.webp 900w, https://assets.fabulous.ch/public/variant_asset/1407/file/large-74541808ab142d37f3f8e57f96eaecdb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1407/file/medium-d7fc49de677cddd97c6954693d460931.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">Lazzaretti</p>
          <a href="/fr/products/lazzaretti-fusilli-pois-verts-bio-250-g-1800">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lazzaretti Fusilli Pois Verts Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AEUl233MYP78WSmQRinyGUBYNozD_IH8yukN_2el1-2UZTdYvLSlbwu0UhuHQH5UQxQ2P605E82tzukk-i9zcA" />
    <input value="1800" 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/crackers-crus-choucroute-sarrasin-bio-90-g-16206">
          <img alt="Crackers Crus Choucroute Sarrasin Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8818/file/small-bdcadfc48b812ab2ed9455d38026a617.webp 600w, https://assets.fabulous.ch/public/variant_asset/8818/file/medium-1c18a6d1c5fcdb96bcd7ebd1a561b3e3.webp 900w, https://assets.fabulous.ch/public/variant_asset/8818/file/large-aa35568bcae3bf4765c23278f0e9235b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8818/file/medium-1c18a6d1c5fcdb96bcd7ebd1a561b3e3.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">Lifefood</p>
          <a href="/fr/products/crackers-crus-choucroute-sarrasin-bio-90-g-16206">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crackers Crus Choucroute Sarrasin Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.35
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iHY9MTkc44I3Ged75jCcnK1PeEh1ivtp-kie44Zs_JccVi-y-GQmE8D0nPAnWRDRrgN4-xtPaVidb3o4G-ZYCg" />
    <input value="16206" 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/le-pain-des-fleurs-au-souchet-bio-150-g-3238">
          <img alt="Le pain des fleurs au souchet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2199/file/small-68b9f7de70ac2051a6f936a38e8bb7c7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2199/file/medium-8f750cd0be0fa6a843aa592ce040c56c.webp 900w, https://assets.fabulous.ch/public/variant_asset/2199/file/large-d7101ef965d0f12c70e3964c30bcb846.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2199/file/medium-8f750cd0be0fa6a843aa592ce040c56c.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">Le Pain des Fleurs</p>
          <a href="/fr/products/le-pain-des-fleurs-au-souchet-bio-150-g-3238">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Le pain des fleurs au souchet Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KAEIpcRFRxGm3c4lC9aRvbVGES4Ehk2T3p5rXWCU2wG8IRomBT2CgFEwta7Kvx3wtgoRnWpD36K5uY-G_R5_nA" />
    <input value="3238" 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;100 sur 3&#39;199 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/naughty-nuts?format=turbo_stream&amp;page=56">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>