<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/veganella-basilic-bio-200-g-1195">
          <img alt="Veganella Basilic Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1053/file/small-ec8354326dc3d98af14f94bc50db57cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/1053/file/medium-a25cec0eaa912a08478c376887430809.webp 900w, https://assets.fabulous.ch/public/variant_asset/1053/file/large-f6804bf20c25261c32b8e706aa093a78.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1053/file/medium-a25cec0eaa912a08478c376887430809.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/veganella-basilic-bio-200-g-1195">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Veganella Basilic Bio, 200 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 2.73 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="93ZMpMRWaPY69nDE2_a_DISZI9Z1o7qciDoPm1ixbNVoEh9bBlMu7pQYyNszHnwH2HPBO4-3oSfSNz9htpghrA" />
    <input value="1195" 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/new-roots-black-poivre-bio-115-g-7744">
          <img alt="New Roots Black Poivre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4468/file/small-92a5ab6083e11ba69b8e4857624e9a30.webp 600w, https://assets.fabulous.ch/public/variant_asset/4468/file/medium-a59841e2a603fd0939bd812f4da759b0.webp 900w, https://assets.fabulous.ch/public/variant_asset/4468/file/large-747044413759e79f161992ebff7d46bf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4468/file/medium-a59841e2a603fd0939bd812f4da759b0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">New Roots</p>
          <a href="/fr/products/new-roots-black-poivre-bio-115-g-7744">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">New Roots Black Poivre Bio, 115 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Loz4jRBEGffEJiHOANh1pj2dxwCRtsay4oEu0jmIAhax6Kty0kFf72rImdHoMLatYXcl7Wui3Qm4jB4o16FPbw" />
    <input value="7744" 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/pralines-soyana-natto-choco-bio-100-g-15667">
          <img alt="Pralinés Soyana Natto-Choco Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7143/file/small-a05f57081766ae158363c3014ab00284.webp 600w, https://assets.fabulous.ch/public/variant_asset/7143/file/medium-47d27baea89c2ec459277431381666d7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7143/file/large-53b3b9a1fd79fc3192cac035380f90cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7143/file/medium-47d27baea89c2ec459277431381666d7.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/pralines-soyana-natto-choco-bio-100-g-15667">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralinés Soyana Natto-Choco Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.75
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iqOf5jhLKr4o0M2RHLBxlmUAEHOj-nbwLwgjSe_TzwQVx8wZ-k5spoY-dY70WLKdOerynlnubUt1BROzAfqCfQ" />
    <input value="15667" type="hidden" name="variant_id" id="variant_id" />
    <input value="2" 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/cookie-dough-pepites-de-chocolat-bio-90-g-8382">
          <img alt="Cookie Dough Pépites de chocolat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4952/file/small-69a869f4ca3e45a5106f85bce310b12e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4952/file/medium-fd0b43411d71a48959e12d2054702462.webp 900w, https://assets.fabulous.ch/public/variant_asset/4952/file/large-18f54588eb237af17053e6de7a15b76e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4952/file/medium-fd0b43411d71a48959e12d2054702462.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">Freely Handustry</p>
          <a href="/fr/products/cookie-dough-pepites-de-chocolat-bio-90-g-8382">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cookie Dough Pépites de chocolat Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="i9hBFc5C7F1icSpRXqceRnJjhMZDlZdx9lJeMJC3QgwUvBLqDEeqRcyfkk62T91NLolmK7mBjMqsX27Kfp4PdQ" />
    <input value="8382" 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/nut-butter-biscuits-a-la-vanille-bio-250-g-14339">
          <img alt="Nut Butter Biscuits à la vanille bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6666/file/small-73604ecbd242b66a9918476b98f649f9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6666/file/medium-4c17a3445ed1db216f5d123d49748f8b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6666/file/large-676895cac28a1c21d9f12c94e3e7141b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6666/file/medium-4c17a3445ed1db216f5d123d49748f8b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Davert</p>
          <a href="/fr/products/nut-butter-biscuits-a-la-vanille-bio-250-g-14339">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nut Butter Biscuits à la vanille bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JhwiD5QK5Wdjh6JZieKjHDpD9EaegT6S_fp8Quc2XEu5eHHwVg-jf81pGkZhCmAXZqkWq2SVJSmn90y4CR8RMg" />
    <input value="14339" 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-aux-noix-de-cajou-nature-bio-1-l-11342">
          <img alt="Boisson aux Noix de Cajou Nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5818/file/small-67cc4e1d2a69d644c551d97fbecd166c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5818/file/medium-16cfefa0385642f9b9828573f8fb86c2.webp 900w, https://assets.fabulous.ch/public/variant_asset/5818/file/large-b749d8125c41d0faa9e5fdfb98d5ccc1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5818/file/medium-16cfefa0385642f9b9828573f8fb86c2.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">Natumi</p>
          <a href="/fr/products/boisson-aux-noix-de-cajou-nature-bio-1-l-11342">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson aux Noix de Cajou Nature Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r-mpGXgt3W3wM3WmRa8yeRaSrcYMHe3TYH9nhFyHV7owjfrmuiibdV7dzbmtR_FySnhPK_YJ9mg6cld-sq4aww" />
    <input value="11342" 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-multicereales-chocolat-sans-gluten-bio-300-g-15908">
          <img alt="Flocons multicéréales &amp; chocolat 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/7313/file/small-40db92ad8ddacd858018ff5f5a311c10.webp 600w, https://assets.fabulous.ch/public/variant_asset/7313/file/medium-180a32579957ede4f753d92322498f45.webp 900w, https://assets.fabulous.ch/public/variant_asset/7313/file/large-3e60104bca8b3b3f65a213350a234721.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7313/file/medium-180a32579957ede4f753d92322498f45.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">turtle Better Breakfast</p>
          <a href="/fr/products/flocons-multicereales-chocolat-sans-gluten-bio-300-g-15908">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flocons multicéréales &amp; chocolat sans gluten Bio, 300 g</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 2.65 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="geAWohMDe1FSvgGJhmQiyw2U_eYHSCtdYKjlpG7ucAwehEVd0QY9SfxQuZZujOHAUX4fC_1cMOY6pdVegMc9dQ" />
    <input value="15908" 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/bouchees-a-la-cannelle-sans-gluten-bio-300-g-15907">
          <img alt="Bouchées à la cannelle 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/7314/file/small-d8338f18d3952a1266fee1f781da5bf9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7314/file/medium-9a55f78303f0f7a06e85fa9b13b82eea.webp 900w, https://assets.fabulous.ch/public/variant_asset/7314/file/large-d35717ec31052bad85381dbf148ec709.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7314/file/medium-9a55f78303f0f7a06e85fa9b13b82eea.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">turtle Better Breakfast</p>
          <a href="/fr/products/bouchees-a-la-cannelle-sans-gluten-bio-300-g-15907">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bouchées à la cannelle sans gluten Bio, 300 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 2.17 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aU66gbT5RJJphte7OklWrJp1LlpElM3yunEVWa71cVr2Kul-dvwCisdob6TSoZWnxp_Mt76A1kngfCWjQNw8Iw" />
    <input value="15907" 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/chili-sin-carne-bio-320-g-17320">
          <img alt="Chili sin Carne Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8088/file/small-9d791341ee99ddf530bd22a4f449657c.webp 600w, https://assets.fabulous.ch/public/variant_asset/8088/file/medium-28c9534373a02115c0f0681308748ac8.webp 900w, https://assets.fabulous.ch/public/variant_asset/8088/file/large-efcffca79fc8dba6ed49156ec623971b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8088/file/medium-28c9534373a02115c0f0681308748ac8.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">the vegan cow</p>
          <a href="/fr/products/chili-sin-carne-bio-320-g-17320">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chili sin Carne Bio, 320 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.55 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="u4sbZGSn13e6alj2tXo9LvaPmoJjUwLTiFhG6l6iTqIk70ibpqKRbxSE4Oldkv4lqmV4b5lHGWjSVXYQsIsD2w" />
    <input value="17320" 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/dattes-denoyautees-bio-250-g-2958">
          <img alt="Dattes dénoyautées Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2104/file/small-d13dfe114753e93028a6b93aaa5c5ccf.webp 600w, https://assets.fabulous.ch/public/variant_asset/2104/file/medium-ee697c7a4b7665f3863f3bb322a5dadc.webp 900w, https://assets.fabulous.ch/public/variant_asset/2104/file/large-9bd2f4b161025bc7e5de2a1c14c3c35d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2104/file/medium-ee697c7a4b7665f3863f3bb322a5dadc.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pural</p>
          <a href="/fr/products/dattes-denoyautees-bio-250-g-2958">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dattes dénoyautées Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KT6_f_HcPWoI--Zed2q2RrCAopkZcatJ8oH5URcbURW2WuyAM9l7cqYVXkGfgnVN7GpAdONlsPKojMmr-TIcbA" />
    <input value="2958" 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-a-tartiner-biscuit-amande-vanille-bio-200-g-16911">
          <img alt="Pâte à tartiner Biscuit Amande Vanille Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7884/file/small-11441f440e26a07f08011fc1d5870d75.webp 600w, https://assets.fabulous.ch/public/variant_asset/7884/file/medium-f5ae7ca15d363a957877e5a7d5b48eed.webp 900w, https://assets.fabulous.ch/public/variant_asset/7884/file/large-f9e4b48da1cf2dc3fe8194952da3b93b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7884/file/medium-f5ae7ca15d363a957877e5a7d5b48eed.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">Lini&#39;s Bites</p>
          <a href="/fr/products/pate-a-tartiner-biscuit-amande-vanille-bio-200-g-16911">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâte à tartiner Biscuit Amande Vanille Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J7pTQYrVyEQlm-ClDlZuWmraL5G313uCU3eeXs2Q_N643gC-SNCOXIt1WLrmvq1RNjDNfE3DYDkJeq6kI7mxpw" />
    <input value="16911" 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/pate-a-tartiner-vegetalien-tomate-olive-sans-gluten-bio-180-g-10323">
          <img alt="Pâté à tartiner Végétalien Tomate - Olive 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/5553/file/small-ec825872fe07127a5a1654b63da880ce.webp 600w, https://assets.fabulous.ch/public/variant_asset/5553/file/medium-a6f834555529a5b4616fc48ba64a0210.webp 900w, https://assets.fabulous.ch/public/variant_asset/5553/file/large-e9792e5273edec64471321f5c8b5aa71.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5553/file/medium-a6f834555529a5b4616fc48ba64a0210.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-a-tartiner-vegetalien-tomate-olive-sans-gluten-bio-180-g-10323">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâté à tartiner Végétalien Tomate - Olive sans gluten Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vGnggBBKbNOF2tFyEr9Jo3cMKgUkTRa0Eg1m8GrcAH8jDbN_0k8qyys0aW36V4qoK-bI6N5ZDQ9IAFYKhPVNBg" />
    <input value="10323" 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/garam-masala-epices-bio-55-g-15522">
          <img alt="Garam Masala Épices Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7078/file/small-53bb91b48a6911c038bc2bf8f3cbeb0f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7078/file/medium-6661f2ab8394c153255d92e6017873a5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7078/file/large-5e6b76724d6fa4fb4b4057799c14104c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7078/file/medium-6661f2ab8394c153255d92e6017873a5.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">Sonnentor</p>
          <a href="/fr/products/garam-masala-epices-bio-55-g-15522">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Garam Masala Épices Bio, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kclGy-JevSf75Gd8BCxl0y1g9Axr5UFOFYfRF8D3q-IOrRU0IFv7P1UK32PsxKbYcYoW4ZHxWvVPiuHtLt7mmw" />
    <input value="15522" 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/tartinade-de-lentilles-rouges-aux-herbes-italiennes-bio-140-g-15534">
          <img alt="Tartinade de Lentilles Rouges aux Herbes Italiennes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7092/file/small-9e28793b3ac109c094aa775242a8c42d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7092/file/medium-a403584083ed6dd14de59564170150d6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7092/file/large-5f07a86081f23a64c6bab571df81c51d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7092/file/medium-a403584083ed6dd14de59564170150d6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/fr/products/tartinade-de-lentilles-rouges-aux-herbes-italiennes-bio-140-g-15534">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tartinade de Lentilles Rouges aux Herbes Italiennes Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bQBljLw9uHYfQMMMcc1Nop6uRKmDUSiM3rg5yoNPMxTyZDZzfjj-brGuexOZJY6pwkSmRHlFMzeEtQkwbWZ-bQ" />
    <input value="15534" 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/moutarde-moyennement-forte-bio-200-ml-5604">
          <img alt="Moutarde moyennement forte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3247/file/small-42e5938f8cb7d62bca1f6bfed067d5fc.webp 600w, https://assets.fabulous.ch/public/variant_asset/3247/file/medium-7e5052c357105d1c2bd8de3d03cd2b8d.webp 900w, https://assets.fabulous.ch/public/variant_asset/3247/file/large-c2fa2e31a2e156384b11a9887b2b5ad8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3247/file/medium-7e5052c357105d1c2bd8de3d03cd2b8d.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/moutarde-moyennement-forte-bio-200-ml-5604">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Moutarde moyennement forte Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EnSONuqG0gcZolN98ZWiQfW72SBvbPXoGDYulWNLLcKNEN3JKIOUH7dM62IZfWFKqVE7zZV47lNCOx5vjWJguw" />
    <input value="5604" 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/farine-de-chataignes-marrons-bio-350-g-1865">
          <img alt="Farine de châtaignes (marrons) Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1454/file/small-c5ecbcc7e136d7012731f70bb9d33751.webp 600w, https://assets.fabulous.ch/public/variant_asset/1454/file/medium-951c384c1df14c3bcd569e6eb04edba0.webp 900w, https://assets.fabulous.ch/public/variant_asset/1454/file/large-9a4f4ceb91545940ed239253f8ba185d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1454/file/medium-951c384c1df14c3bcd569e6eb04edba0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Govinda</p>
          <a href="/fr/products/farine-de-chataignes-marrons-bio-350-g-1865">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Farine de châtaignes (marrons) Bio, 350 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 2.67 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w8C0iDXIzcSYizYqO9FH-0S460KzMEk36D9slW0Gp4FcpOd3982L3DZljjXTOYTwGFIJr0kkUoyyMlxvgy_q-A" />
    <input value="1865" 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/twibio-biscuits-chocolat-bio-150-g-1563">
          <img alt="Twibio Biscuits Chocolat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1258/file/small-1beb8549753ce0ec87c85ccd8e9b8840.webp 600w, https://assets.fabulous.ch/public/variant_asset/1258/file/medium-19b14116681ff96f45322efd244f15de.webp 900w, https://assets.fabulous.ch/public/variant_asset/1258/file/large-f4059ac772305c4124823a648053b347.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1258/file/medium-19b14116681ff96f45322efd244f15de.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">Moulin du Piver</p>
          <a href="/fr/products/twibio-biscuits-chocolat-bio-150-g-1563">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Twibio Biscuits Chocolat Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="05fpeHfYy3ZLD2ZYrEUL9C7sDRZBBVTV7bbNRWDbKStM87qHtd2NbuXh3kdErcj_cgbv-7sRT263u_2_jvJkUg" />
    <input value="1563" 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/creme-fouettee-a-la-noix-de-coco-400-ml-11929">
          <img alt="Crème fouettée à la noix de coco" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6078/file/small-c74fbda7af381711966fb05ae19b9fff.webp 600w, https://assets.fabulous.ch/public/variant_asset/6078/file/medium-d03f5cca9527bf5b6d1695b3608fd8d1.webp 900w, https://assets.fabulous.ch/public/variant_asset/6078/file/large-a9546abe1e3ee1311a0cfeb3d7374d8b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6078/file/medium-d03f5cca9527bf5b6d1695b3608fd8d1.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">Terrasana</p>
          <a href="/fr/products/creme-fouettee-a-la-noix-de-coco-400-ml-11929">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crème fouettée à la noix de coco, 400 ml</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 1.61 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WHiWrTPYpCOMqfBBHBWRkIyAlihfR78xQ0dPTp96SuXHHMVS8d3iOyJHSF70_VKb0Gp0xaVTpIoZSn-0cVMHnA" />
    <input value="11929" 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/dentifrice-sensitive-whitening-75-ml-5577">
          <img alt="Dentifrice Sensitive Whitening" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3226/file/small-db58927c9a37f05f33a632d6523a86f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/3226/file/medium-065b9ca4e17270c386367daf95a4e90e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3226/file/large-8517ed57197293acb72def04e7ee3109.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3226/file/medium-065b9ca4e17270c386367daf95a4e90e.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">Lavera</p>
          <a href="/fr/products/dentifrice-sensitive-whitening-75-ml-5577">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dentifrice Sensitive Whitening, 75 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 10.60 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iJlrLxH10USYJ-0lzrSklNBQjZLhXWQgyOBsNYHYk3UX_TjQ0_CXXDbJVTomXGefjLpvfxtJf5uS7VzPb_HeDA" />
    <input value="5577" 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/cuisine-noix-de-cajou-sans-sucres-ajoutes-bio-200-ml-3799">
          <img alt="Cuisine Noix de cajou Sans sucres ajoutés Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2443/file/small-708e81e541467e34fe0f1527cc5d3325.webp 600w, https://assets.fabulous.ch/public/variant_asset/2443/file/medium-1cb03271d2ea74893a6320fb5bc5ac89.webp 900w, https://assets.fabulous.ch/public/variant_asset/2443/file/large-73d3d572e46e37c898bb3efa1705e1a9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2443/file/medium-1cb03271d2ea74893a6320fb5bc5ac89.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">Ecomil</p>
          <a href="/fr/products/cuisine-noix-de-cajou-sans-sucres-ajoutes-bio-200-ml-3799">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cuisine Noix de cajou Sans sucres ajoutés Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="c-kftuvuRMuKK1L3MdDlo9C3Wr7B9oP_kv3DMZNJ0UrsjUxJKesC0yTF6ujZOCaojF24UzvimETI8PPLfWCcMw" />
    <input value="3799" 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">
      220 sur 3&#39;217 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/natracare?format=turbo_stream&amp;page=12">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>