<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/tablette-de-chocolat-double-dattes-nibs-51-bio-90-g-16671">
          <img alt="Tablette de Chocolat Double Dattes Nibs 51% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7719/file/small-f38a20465f9f3647f14a888671e6595c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7719/file/medium-0db278b64e58529d796363e58c42bb44.webp 900w, https://assets.fabulous.ch/public/variant_asset/7719/file/large-1e33a525f49fc8f57e0c2183e1023446.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7719/file/medium-0db278b64e58529d796363e58c42bb44.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">BioeCacao</p>
          <a href="/fr/products/tablette-de-chocolat-double-dattes-nibs-51-bio-90-g-16671">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tablette de Chocolat Double Dattes Nibs 51% Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o7wBVi5Js4v8E58HwCnkzArfLR1BG6rM14ASuKVCFv72Kb3SfNTVBOPxYwxTkIA4SY2KzDLgj_0KKIDUqLeQ6w" />
    <input value="16671" 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/gomme-de-fruit-pomme-bio-100-g-13222">
          <img alt="Gomme de fruit pomme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6429/file/small-41b6c04a68b4f07009636a0cb66c8a6f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6429/file/medium-34ae39f169302ec55cc6aea155b73221.webp 900w, https://assets.fabulous.ch/public/variant_asset/6429/file/large-86685b19ddc81f379c9abef3023e8bee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6429/file/medium-34ae39f169302ec55cc6aea155b73221.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">Heimatgut</p>
          <a href="/fr/products/gomme-de-fruit-pomme-bio-100-g-13222">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gomme de fruit pomme Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OVDIr3C-GZFwYpG2uiTvSkmKvVZvnFDOoH32zyEMaQZsxXQrIiN_Hm-Abb0pnYu-Ctgahxxndf991WSjLPnvEw" />
    <input value="13222" 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/nouilles-au-riz-brun-et-algues-wakame-sans-gluten-bio-250-g-1238">
          <img alt="Nouilles au riz brun et algues wakame, 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/1076/file/small-403438e2387cf198eb00bad3d797855d.webp 600w, https://assets.fabulous.ch/public/variant_asset/1076/file/medium-b1015bdde829a45f5c4807968a26b098.webp 900w, https://assets.fabulous.ch/public/variant_asset/1076/file/large-8fab0937d138e30ddf79cfc1a95e62c6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1076/file/medium-b1015bdde829a45f5c4807968a26b098.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">King Soba</p>
          <a href="/fr/products/nouilles-au-riz-brun-et-algues-wakame-sans-gluten-bio-250-g-1238">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nouilles au riz brun et algues wakame, sans gluten, Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GvtbLAwEFmWZXXceFfRQlnGMxmDQQU4sMBGyYdUpQexPbueoXplw6oa_ixWGTTRiMt5hsaO6ax3tuSAN2NzH-Q" />
    <input value="1238" 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-rapunzel-au-riz-complet-bio-250-g-16648">
          <img alt="Spaghetti Rapunzel au riz complet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7707/file/small-2ed9962a52f5ac6a87d98f55829dc5c6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7707/file/medium-8b8fe2ded96fdb7f63077b094c7e44c6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7707/file/large-1a1996d7e0ab557e7e0ad260af0d858b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7707/file/medium-8b8fe2ded96fdb7f63077b094c7e44c6.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/spaghetti-rapunzel-au-riz-complet-bio-250-g-16648">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spaghetti Rapunzel au riz complet Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MKhufSPcDghBIOcbmJ9WUM9H0cH6UoXSwU3Pxt53HsRlPdL5cUFoh17CGxALJjKkjBV2EImpoOMc5V2q04KY0Q" />
    <input value="16648" 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/pate-vegetal-basitom-bio-135-g-385">
          <img alt="Pâté Végétal Basitom Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/336/file/small-5fffdac62f801718a942e6002b0c0ccd.webp 600w, https://assets.fabulous.ch/public/variant_asset/336/file/medium-c3da5d8d687d10067c650162bde21843.webp 900w, https://assets.fabulous.ch/public/variant_asset/336/file/large-0e8ee8e49286dcc2a3e306b46a22dddd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/336/file/medium-c3da5d8d687d10067c650162bde21843.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Zwergenwiese</p>
          <a href="/fr/products/pate-vegetal-basitom-bio-135-g-385">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâté Végétal Basitom Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tG8O0KLrNDgOpJ6tshwelEXntI6dDmA6q3P9QrlCtqrh-rJU8HZStxFGYqYhpXpgBrUTX-71RQt2228utLcwvw" />
    <input value="385" 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/soja-sauce-teriyaki-bio-250-ml-9730">
          <img alt="Soja Sauce TERIYAKI Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5422/file/small-b26bc20bafcccf11a63fada72439c7e4.webp 600w, https://assets.fabulous.ch/public/variant_asset/5422/file/medium-25c7c7f357871821c8aa6d520e886efd.webp 900w, https://assets.fabulous.ch/public/variant_asset/5422/file/large-d41cc2151421b9d14bacbbd397c0cffd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5422/file/medium-25c7c7f357871821c8aa6d520e886efd.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/soja-sauce-teriyaki-bio-250-ml-9730">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soja Sauce TERIYAKI Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BmGCQOP2gyTkvN9uMsmeVhx-XKbwHD7aE3F99wyUC0lT9D7EsWvlq_teI2WhcPqiXyz7d4PnG-vO2e-bAWGNXA" />
    <input value="9730" 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/sauce-bbq-bio-230-g-13348">
          <img alt="Sauce BBQ Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6450/file/small-a97c32a3945f397dbd3ca24b51b4c7a8.webp 600w, https://assets.fabulous.ch/public/variant_asset/6450/file/medium-a48b4db74d4c69842b438dc120d8bf36.webp 900w, https://assets.fabulous.ch/public/variant_asset/6450/file/large-3d22fcdf9e7028f1d13f5a9088ea687e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6450/file/medium-a48b4db74d4c69842b438dc120d8bf36.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">Connie&#39;s Kitchen</p>
          <a href="/fr/products/sauce-bbq-bio-230-g-13348">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce BBQ Bio, 230 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="n-CYsq8BPj6zuV14SC6oREXa7op-tEm9yO07KiFFvGvKdSQ2_ZxYsaxboXPbl8ywBohJWw1PbIwVRalGLLA6fg" />
    <input value="13348" 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/preparation-pour-brownie-proteine-bio-400-g-16736">
          <img alt="Préparation pour Brownie Protéiné Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7762/file/small-3c1d2bf5919776c0c8d03e59cd3f2f25.webp 600w, https://assets.fabulous.ch/public/variant_asset/7762/file/medium-d877a9ca809471be7655b438b56d5fdf.webp 900w, https://assets.fabulous.ch/public/variant_asset/7762/file/large-49d13e06f2766067e7404b6a9d3b47e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7762/file/medium-d877a9ca809471be7655b438b56d5fdf.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">bett&#39;r</p>
          <a href="/fr/products/preparation-pour-brownie-proteine-bio-400-g-16736">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Préparation pour Brownie Protéiné Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.40
            </p>

          </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-16736-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jYzd2rNMUodJkNArijhi6tcIhwfxsjQukyhFCRoHu9nYGWFe4dE0CFZyLCAZgQYelFog1oJJER9OgNdlF_I9zA" />
    <input value="16736" 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/petits-pains-hamburger-au-sesame-bio-60-g-16589">
          <img alt="Petits pains hamburger au sésame bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7648/file/small-49a81953381f895873d0ce13134cafc3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7648/file/medium-dae2265f287035c1348d8d8940508094.webp 900w, https://assets.fabulous.ch/public/variant_asset/7648/file/large-1a67e31e0f376daa84ea39843fafd2f6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7648/file/medium-dae2265f287035c1348d8d8940508094.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/petits-pains-hamburger-au-sesame-bio-60-g-16589">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Petits pains hamburger au sésame bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GJR9qDWcWcUzdgIg1pQvmgIC_iWkDHtsSn4a_44kPx5NAcEsZwE_SiyU_itFLUtuQVBZ9Nf3Xl2X1oiTg9G5Cw" />
    <input value="16589" 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/flakes-petales-de-sarrasin-sans-gluten-bio-250-g-144">
          <img alt="Flakes Pétales de sarrasin 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/159/file/small-53f5f9bc882b29d7028ddea7640cf330.webp 600w, https://assets.fabulous.ch/public/variant_asset/159/file/medium-63edf93380545d44739827c8b5456b9e.webp 900w, https://assets.fabulous.ch/public/variant_asset/159/file/large-eaae14fb7d8895f7d73b3e0fa30c9ffb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/159/file/medium-63edf93380545d44739827c8b5456b9e.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/flakes-petales-de-sarrasin-sans-gluten-bio-250-g-144">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flakes Pétales de sarrasin Sans Gluten Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.15
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O3UeNaN3VYpSIzPFOQ5gOGz1guoZBisL2hM0Mb2cJGZu4KKx8eozBU3Bz86qtwTML6clO2r9DjoHu6ZdsGmicw" />
    <input value="144" 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/tournesol-hachee-pure-bio-76-g-4190">
          <img alt="Tournesol Hachée Pure Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2638/file/small-ed2f57e2fc34f1c895f44c28da92e290.webp 600w, https://assets.fabulous.ch/public/variant_asset/2638/file/medium-6269c325ade863edcfb347ec5687292a.webp 900w, https://assets.fabulous.ch/public/variant_asset/2638/file/large-34dd1b0a4f778e60fb579a170e2980bd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2638/file/medium-6269c325ade863edcfb347ec5687292a.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">Sunflower Family</p>
          <a href="/fr/products/tournesol-hachee-pure-bio-76-g-4190">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tournesol Hachée Pure Bio, 76 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xQZQoxiBIf_iWgWj_NWcRlUO29iaJnlWzl7XFbWwSD2Qk-wnShxHcP24-ahvbPiyFlx8CendXGcT9kV5uEXOKA" />
    <input value="4190" 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-eau-de-coco-bio-1-l-16623">
          <img alt="Boisson Eau 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/7689/file/small-1352ab541e99769a9e20613ae032f131.webp 600w, https://assets.fabulous.ch/public/variant_asset/7689/file/medium-6bdb1b9818b2aed0db246bedf9cacc4e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7689/file/large-be0d4addc3ee3d4f5e184ed1f6283749.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7689/file/medium-6bdb1b9818b2aed0db246bedf9cacc4e.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">Dr. Goerg</p>
          <a href="/fr/products/boisson-eau-de-coco-bio-1-l-16623">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson Eau de Coco Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.85
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XdzNwOs6s6OVMn69wMarwXh-gLu1WXaIA9SQpnzygsUISXFEuafVLIrQgrZTf881OywnasaiU7nefALKcQcE0A" />
    <input value="16623" 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/houmous-suisse-aux-herbes-bio-150-g-15592">
          <img alt="Houmous Suisse aux Herbes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7116/file/small-deef7441566afbf85813a1214b88ec3e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7116/file/medium-b2f8c01e774ef8661980e42acac91e9f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7116/file/large-9d5d529dd2d15db79788d7c09388406e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7116/file/medium-b2f8c01e774ef8661980e42acac91e9f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Wild Foods</p>
          <a href="/fr/products/houmous-suisse-aux-herbes-bio-150-g-15592">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Houmous Suisse aux Herbes Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </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 3.97 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1jk8psBqjSSiMITWWAf_G_lH1o0UevILx2r3FseioH6DrIAikvfrq73SeN3LvpvvuhVxXGeB1zoawmV6ylcmaw" />
    <input value="15592" 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/mozzavella-alternative-vegane-a-la-mozzarella-bio-125-g-15404">
          <img alt="MozzaVella Alternative végane à la mozzarella Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7039/file/small-850a07fd2fac1b5194d56bd56a873182.webp 600w, https://assets.fabulous.ch/public/variant_asset/7039/file/medium-d46a748868a17ae42481e0a9b07842e9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7039/file/large-2fadd7d6ff8bdbbd30caef770bedfdd6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7039/file/medium-d46a748868a17ae42481e0a9b07842e9.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">Züger</p>
          <a href="/fr/products/mozzavella-alternative-vegane-a-la-mozzarella-bio-125-g-15404">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">MozzaVella Alternative végane à la mozzarella Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </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.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YaP16B_m-raKKN0licmY3B_7aMIlgqSHkaDET3ghg_g0NklsTXucOZXKIS4acPwoXKnPE1Z5gbZMCFYjddQF7Q" />
    <input value="15404" 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/filona-creme-fraiche-aux-herbes-bio-150-g-15102">
          <img alt="Filona crème fraîche aux herbes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6924/file/small-949452ca661d41151580f43b7fe4aa9c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6924/file/medium-6dc0c32b78f648bd28eeecc4ae4e3bca.webp 900w, https://assets.fabulous.ch/public/variant_asset/6924/file/large-25a466907688cc7b2cdfa57acf107373.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6924/file/medium-6dc0c32b78f648bd28eeecc4ae4e3bca.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">Züger</p>
          <a href="/fr/products/filona-creme-fraiche-aux-herbes-bio-150-g-15102">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Filona crème fraîche aux herbes Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </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.87 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PiNokXGkoGOJzra7dzKnC_kgSgKsIn-6O6ZxkdlQWBxrttQVIznG7JYsSrDki8P_unLt09_ZWovmDuP91KXeCQ" />
    <input value="15102" 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/je-ne-suis-pas-un-fromage-d-italie-sans-gluten-bio-200-g-5706">
          <img alt="&quot;Je ne suis pas un fromage d&#39;Italie&quot; 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/3292/file/small-284800cc58bfefdeef9fd04aa8a94b47.webp 600w, https://assets.fabulous.ch/public/variant_asset/3292/file/medium-c47955507187b4a2f95505b123a67384.webp 900w, https://assets.fabulous.ch/public/variant_asset/3292/file/large-cd1e7d9eac5d4c1a6229f4427e7deba2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3292/file/medium-c47955507187b4a2f95505b123a67384.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/je-ne-suis-pas-un-fromage-d-italie-sans-gluten-bio-200-g-5706">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">&quot;Je ne suis pas un fromage d&#39;Italie&quot; Sans Gluten Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </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.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cFFTCZt3_UL7y_IM8BcsqoZQ7z1B4IcLxDuDFq6EIdclxO-NyeqbzeQpDgdjrkhexQJI7DIbojoZkxF6o3Gnwg" />
    <input value="5706" 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/tofu-fume-amandes-sesame-bio-200-g-351">
          <img alt="Tofu Fumé Amandes-Sésame Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/313/file/small-ab2ced6269fb0bb6f386eee2d442f316.webp 600w, https://assets.fabulous.ch/public/variant_asset/313/file/medium-13cbb4d781b0482474a8413ea907a9f1.webp 900w, https://assets.fabulous.ch/public/variant_asset/313/file/large-311b9a3b8fe62dec50c9e540ab710e64.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/313/file/medium-13cbb4d781b0482474a8413ea907a9f1.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">Taifun</p>
          <a href="/fr/products/tofu-fume-amandes-sesame-bio-200-g-351">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Fumé Amandes-Sésame Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </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.48 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WWvW9zpSJyOt1-33angPT1mu8-oWzypSFcz1T---qzIM_mpzaM9BrLI1Efz5wWu7GvxUO2U0D2PIZGcj4kstJw" />
    <input value="351" 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/filets-de-tofu-a-la-black-forest-bio-80-g-16733">
          <img alt="Filets de Tofu à la Black Forest Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7759/file/small-c9e8dd7f712a4ae80ce02c297c74932e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7759/file/medium-9314233befc80b586176237da5177233.webp 900w, https://assets.fabulous.ch/public/variant_asset/7759/file/large-cb223c26345e67ccb0cbe4493a2355a7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7759/file/medium-9314233befc80b586176237da5177233.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">Taifun</p>
          <a href="/fr/products/filets-de-tofu-a-la-black-forest-bio-80-g-16733">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Filets de Tofu à la Black Forest Bio, 2 x 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.25
            </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.66 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q1u_I0ePIfNb9ImQA0OGzHpwlRgHbm8m_V1Efh3rilQWzgOnFRJHfEQWdZuQ-uI4OSIyyXSVShcg9dYSEB4MQQ" />
    <input value="16733" 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/mascarvone-alternative-vegetalienne-au-mascarpone-bio-250-g-13924">
          <img alt="MascarVone Alternative végétalienne au mascarpone Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6626/file/small-682cbf7ef539b07c4707289abb5d53dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6626/file/medium-7a1dd18618718fff6bc51062f9efb39f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6626/file/large-2a64cd2c1d96113b259a09fd28c93e8a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6626/file/medium-7a1dd18618718fff6bc51062f9efb39f.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">Züger</p>
          <a href="/fr/products/mascarvone-alternative-vegetalienne-au-mascarpone-bio-250-g-13924">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">MascarVone Alternative végétalienne au mascarpone Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </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.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t-I3mNZN0Zi5TFj7-BlWP3G3U9iXo4UXRmDrJ4dFsubid4schNC3F6aupPBroDLLMuX0CeRYoCabyHlLirA08w" />
    <input value="13924" 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/lupin-filets-bio-100-g-291">
          <img alt="Lupin Filets Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/263/file/small-00fb88970bcf78f058741f4ad95e91b9.webp 600w, https://assets.fabulous.ch/public/variant_asset/263/file/medium-2a2c1ef14841d15c4de3eb26de4f6bb3.webp 900w, https://assets.fabulous.ch/public/variant_asset/263/file/large-902176a7403fb66823c98d4084db7a77.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/263/file/medium-2a2c1ef14841d15c4de3eb26de4f6bb3.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">Alberts</p>
          <a href="/fr/products/lupin-filets-bio-100-g-291">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lupin Filets Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.45
            </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 5.45 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iyu19k7DZt_ZGNQzbhz_MU5nv3Lnn1rsaFVcGVi2cS_evglyHF4AUMb6KDj9pZvFDTUYo5Rkf921_c51VUP3Og" />
    <input value="291" 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">
      200 sur 3&#39;202 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/new-roots?format=turbo_stream&amp;page=11">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>