<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/cocoa-rice-crispies-bio-300-g-15911">
          <img alt="Cocoa Rice Crispies Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7318/file/small-e9a6c26ed187ee399a077e72e1293601.webp 600w, https://assets.fabulous.ch/public/variant_asset/7318/file/medium-71ede7264b0412984dea992d101bfe1e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7318/file/large-5d90e9d2a49c7c44d5d504528831d9ac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7318/file/medium-71ede7264b0412984dea992d101bfe1e.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/cocoa-rice-crispies-bio-300-g-15911">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cocoa Rice Crispies Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eXJ2h9K1X1bry5tii5-LYP3tlcGgfVtwcS04aA7ys2azhoQm4TkbbqYfTSVI8o8gh6jV4MJZNVH98t-NObpFFQ" />
    <input value="15911" 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/the-froid-menthe-pomme-bio-500-ml-15926">
          <img alt="Thé Froid Menthe Pomme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7322/file/small-a6cc13ae334edbd9b9e2623949ac801b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7322/file/medium-601cbe025da7c53b0403416d816ef071.webp 900w, https://assets.fabulous.ch/public/variant_asset/7322/file/large-8ab98836ca9499743a185adda1655819.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7322/file/medium-601cbe025da7c53b0403416d816ef071.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">Vivitz</p>
          <a href="/fr/products/the-froid-menthe-pomme-bio-500-ml-15926">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Thé Froid Menthe Pomme Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.25
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Imbkz2t9pnbLVYEJw5_xvABSwlt196F-2U5xziCQ1SHokhZuWPHiToaBV04A8vX8eheCehfTz19VkZYrF9gjUg" />
    <input value="15926" 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/the-froid-the-vert-bio-500-ml-15928">
          <img alt="Thé Froid Thé Vert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7324/file/small-d1e0061bad0e4d71c7de1b02b12a7276.webp 600w, https://assets.fabulous.ch/public/variant_asset/7324/file/medium-3986c676f03c2737d7d6aa51249fae23.webp 900w, https://assets.fabulous.ch/public/variant_asset/7324/file/large-7a2cea10e549778e8872bbedc0835a51.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7324/file/medium-3986c676f03c2737d7d6aa51249fae23.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">Vivitz</p>
          <a href="/fr/products/the-froid-the-vert-bio-500-ml-15928">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Thé Froid Thé Vert Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.25
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uxEMC7K8ORYsH7x5Ll0pWgRqpPcclcLwIGB_zhFAx_tx5f6qgTB9LmHLaj7tMC0afi_k1n6xrNGsv5grJggxiA" />
    <input value="15928" 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/schorle-rhubarbe-bio-500-ml-15929">
          <img alt="Schorle Rhubarbe Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7325/file/small-cd9b892c29bd422fe0cb07f58635508f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7325/file/medium-6852b5a5dc30c5acee7ed7d133c4629f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7325/file/large-304b17dcad5a6219ac9bba07dead18a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7325/file/medium-6852b5a5dc30c5acee7ed7d133c4629f.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">Vivitz</p>
          <a href="/fr/products/schorle-rhubarbe-bio-500-ml-15929">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schorle Rhubarbe Bio, 500 ml</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 0.60 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a7b7s1xCe-OlpbhmzPW3JRKxZ06yEjKut2hyhD2dmtihQgkSb84_2-hxbiEPmLNlaPQnb9A2XI87t5VhCtVsqw" />
    <input value="15929" 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/the-froid-cold-brew-assam-bio-500-ml-15931">
          <img alt="Thé Froid Cold Brew Assam Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7327/file/small-377f4a768cc4921374c9494aeed21bbb.webp 600w, https://assets.fabulous.ch/public/variant_asset/7327/file/medium-efff60e5f59fb0ec4bf178aae26bf6f4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7327/file/large-038b82c85656e7c608859bbec7db166a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7327/file/medium-efff60e5f59fb0ec4bf178aae26bf6f4.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">Vivitz</p>
          <a href="/fr/products/the-froid-cold-brew-assam-bio-500-ml-15931">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Thé Froid Cold Brew Assam Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rwpAnNNPf4iB02n9saXUXuvGUlYnWZ7TaO9MZyULOiBl_rI94MM7sMwHv7pyyNAekYMSd0V98PLkMKuCEkPMUw" />
    <input value="15931" 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/frais-tikka-masala-legumes-indiens-au-riz-bio-450-g-15940">
          <img alt="Frais: Tikka Masala - Légumes indiens au riz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7334/file/small-1a5485070bb5630f0cbdba4e0b01fc7d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7334/file/medium-5115543a01fac1b6308c366299babdd4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7334/file/large-0d80f97ea00fe8539940e268a9f25672.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7334/file/medium-5115543a01fac1b6308c366299babdd4.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">Jooti</p>
          <a href="/fr/products/frais-tikka-masala-legumes-indiens-au-riz-bio-450-g-15940">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Frais: Tikka Masala - Légumes indiens au riz Bio, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.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 1.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Zn966vB50ut51eIubenJTqnTPfA6xLOi7NLtNSYXYfWsi4hLw_WW0zQBNGmuhM0O05Z90Vjg3YNgDQrQEV-Xhg" />
    <input value="15940" 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 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/frais-soupe-au-brocoli-avec-noix-de-cajou-dattes-bio-450-g-15941">
          <img alt="Frais: Soupe au brocoli avec noix de cajou &amp; dattes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7335/file/small-4e3f80fe8014a366d45b88daba7e8c23.webp 600w, https://assets.fabulous.ch/public/variant_asset/7335/file/medium-045609f930b140ce6511a43a68567585.webp 900w, https://assets.fabulous.ch/public/variant_asset/7335/file/large-80b2a8426b9733254eba24853ab43ee5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7335/file/medium-045609f930b140ce6511a43a68567585.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">Jooti</p>
          <a href="/fr/products/frais-soupe-au-brocoli-avec-noix-de-cajou-dattes-bio-450-g-15941">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Frais: Soupe au brocoli avec noix de cajou &amp; dattes Bio, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.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 1.36 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cNED1K9msT9Gf4di82ZH1ffjgJtUUpl7Y7bQgmsFS6m6JfF1nOr1BwurUSUwC0OVjabAujZ291rvaTdnXE292g" />
    <input value="15941" 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/mures-blanches-crues-bio-100-g-15942">
          <img alt="Mûres blanches crues Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7336/file/small-c05a1e23b392d0abb7bae062f7d1258e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7336/file/medium-0bc1ba50d51c5388aea10ce0e5270e10.webp 900w, https://assets.fabulous.ch/public/variant_asset/7336/file/large-d02a54d85b7651d71a557de265e40a56.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7336/file/medium-0bc1ba50d51c5388aea10ce0e5270e10.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/mures-blanches-crues-bio-100-g-15942">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mûres blanches crues Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.85
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zriEBIFiem0WIM4syC41Hn52csA0o-FSICNWQda_Sy8ETHalsu4-VVv0GGsLQzFeBDMy4VaHj3Os_LGk4fe9XA" />
    <input value="15942" 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/chips-de-chou-kale-cheesy-sans-gluten-bio-30-g-15954">
          <img alt="Chips de chou kale Cheesy 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/7343/file/small-107f57709b6cfa31ad8c5c0576fdf9ac.webp 600w, https://assets.fabulous.ch/public/variant_asset/7343/file/medium-ac4ea60eb29f14c7b965430c0b012df5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7343/file/large-016da733bfb027a20e6825592f63fb68.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7343/file/medium-ac4ea60eb29f14c7b965430c0b012df5.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/chips-de-chou-kale-cheesy-sans-gluten-bio-30-g-15954">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips de chou kale Cheesy Sans gluten Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.75
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7rKJmjK4R2tMXfNc7MjRDozyzqCiBbsh-mFaIFUHHVMkRns7ATQDUwGJJRsvpdVO9reOgcAh1QB2vr3FYk_rIA" />
    <input value="15954" 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/chips-de-chou-kale-moutarde-sans-gluten-bio-30-g-15955">
          <img alt="Chips de chou kale Moutarde 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/7345/file/small-d6552f63d7e812c28e7a1ce5367316e2.webp 600w, https://assets.fabulous.ch/public/variant_asset/7345/file/medium-72e08b265a5a2b1504cb9c560f073a2d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7345/file/large-37975bdae951cb8ecc40d11656511023.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7345/file/medium-72e08b265a5a2b1504cb9c560f073a2d.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/chips-de-chou-kale-moutarde-sans-gluten-bio-30-g-15955">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips de chou kale Moutarde Sans gluten Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.75
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pbKno1HeWXsfbUboj5aF5-B8hiOLIiDUjsZCo-H4V4JvRlUCYlIdQ1K5kK9M-4GnmjnGAukGTvUCGaVG1rCh8Q" />
    <input value="15955" 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-croustillantes-aux-dattes-bio-80-g-15956">
          <img alt="Pralines croustillantes aux dattes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7342/file/small-def32cc78b164e3a7169bc3f00bd6cd2.webp 600w, https://assets.fabulous.ch/public/variant_asset/7342/file/medium-86c1ec86d89180b00a717245c3c0a123.webp 900w, https://assets.fabulous.ch/public/variant_asset/7342/file/large-7c6cbc4f2fb98247cb4b08bca1c0456d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7342/file/medium-86c1ec86d89180b00a717245c3c0a123.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MAKRi</p>
          <a href="/fr/products/pralines-croustillantes-aux-dattes-bio-80-g-15956">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralines croustillantes aux dattes Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ig0_TXJ58UyxXTTBV8heoOMbrMwC8WJeWZTaVkhslNtA-c3sQfW1dPyJ4oaUpVrgmV7s7WDVDH_VSz2zfyRiqA" />
    <input value="15956" 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/germes-de-ble-partiellement-deshuiles-bio-200-g-15959">
          <img alt="Germes de Blé partiellement déshuilés Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7348/file/small-a883f1aafffa0474b94a0f81aed16725.webp 600w, https://assets.fabulous.ch/public/variant_asset/7348/file/medium-b1a2c14b37d0732530368d92d47df4df.webp 900w, https://assets.fabulous.ch/public/variant_asset/7348/file/large-c8b84396e7fc4ad1e67b2d3491780bd5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7348/file/medium-b1a2c14b37d0732530368d92d47df4df.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturata</p>
          <a href="/fr/products/germes-de-ble-partiellement-deshuiles-bio-200-g-15959">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Germes de Blé partiellement déshuilés Bio, 200 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 2.45 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WP12_ZRiFDbw_lwNP9_8xTXsv47pGKTw61pTj7WlF8ySCYRcp-5QDr0qikr8sviFT6n_r4s8ytFnhbRqgu3hvw" />
    <input value="15959" 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/barre-energetique-orange-cacao-sans-gluten-bio-50-g-15960">
          <img alt="Barre Énergétique Orange Cacao 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/7347/file/small-c6d676042496aa904e6b296cda640ad7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7347/file/medium-1daed870b417200c003ae065e64ae303.webp 900w, https://assets.fabulous.ch/public/variant_asset/7347/file/large-2500bc29da34a91770e30aed3951e504.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7347/file/medium-1daed870b417200c003ae065e64ae303.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">Raw Bite</p>
          <a href="/fr/products/barre-energetique-orange-cacao-sans-gluten-bio-50-g-15960">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre Énergétique Orange Cacao Sans Gluten Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nIrp-RpAoexuOMh8h0C3Mw8izeqaWoednWk1xPOO7hxWfhtYKczl1CPsHjtELbNzdWeNy_h-6bwRttIhxMYYbw" />
    <input value="15960" 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/petit-biscuit-anti-parasitaire-sans-cereales-100-g-15964">
          <img alt="Petit Biscuit - Anti-Parasitaire sans céréales" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7352/file/small-5b5d4a87db5fa7fd9014f62c27ebf3c8.webp 600w, https://assets.fabulous.ch/public/variant_asset/7352/file/medium-5cb602cd1a3c98d7db78d98e93779f54.webp 900w, https://assets.fabulous.ch/public/variant_asset/7352/file/large-888a28cb6868eb77f51d3a25f7213e18.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7352/file/medium-5cb602cd1a3c98d7db78d98e93779f54.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">Little Chef</p>
          <a href="/fr/products/petit-biscuit-anti-parasitaire-sans-cereales-100-g-15964">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Petit Biscuit - Anti-Parasitaire sans céréales, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TkQMmIWW9NqR6OMOXa83EIOTr6sY45DOXWgsQgFov6WEsP45thqw4tw8NUmewjNQ-dbvinrH_u_Rt8unNiBJ1g" />
    <input value="15964" 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/petit-biscuit-digestion-sans-cereales-100-g-15965">
          <img alt="Petit Biscuit - Digestion sans céréales" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7353/file/small-96f2e357cecff34deae652238f0eb32b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7353/file/medium-d0b62aea8f121387fe87aa1f45070819.webp 900w, https://assets.fabulous.ch/public/variant_asset/7353/file/large-08262ba861d0bb530e2971f74472f295.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7353/file/medium-d0b62aea8f121387fe87aa1f45070819.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">Little Chef</p>
          <a href="/fr/products/petit-biscuit-digestion-sans-cereales-100-g-15965">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Petit Biscuit - Digestion sans céréales, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R9obFeVjqb8iA6QFtF4OzTCwbG5A2avrhSr7A9M24yWNLum01u_th2_XckJ3MwqNSvUsTyL9xcoJ9Rzm5H4VVg" />
    <input value="15965" 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/petit-biscuit-energie-sans-cereales-100-g-15966">
          <img alt="Petit Biscuit - Énergie sans céréales" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7354/file/small-dfd6a8db43dc0a5c4337f218a175a3b9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7354/file/medium-ba8419d08c3a7fff77533fd729a91f2a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7354/file/large-8b8dab4a4b288caaf3e828664aa588cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7354/file/medium-ba8419d08c3a7fff77533fd729a91f2a.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">Little Chef</p>
          <a href="/fr/products/petit-biscuit-energie-sans-cereales-100-g-15966">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Petit Biscuit - Énergie sans céréales, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3KTPi35GyLNQWTBgOPb2WkAWu6zFzsN85qAHiKI-NhoWUD0qTcqMix2N5if7m_IaOlP7jafqrV1qf-BtlXbAaQ" />
    <input value="15966" 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/petit-biscuit-dental-fresh-sans-cereales-100-g-15967">
          <img alt="Petit Biscuit - Dental Fresh sans céréales" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7355/file/small-e19e2b21313f94cf00620080857d425c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7355/file/medium-c9e3bde15d2880156c9b8895a582a10b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7355/file/large-5bfb03b275a41c6877faedd51269e694.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7355/file/medium-c9e3bde15d2880156c9b8895a582a10b.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">Little Chef</p>
          <a href="/fr/products/petit-biscuit-dental-fresh-sans-cereales-100-g-15967">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Petit Biscuit - Dental Fresh sans céréales, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0dEuzQ7R9WHM2opDimT4PzWANoFLkefoC9OQzryn6C0bJdxsPV2xWYEOXARJCfx_T8V2oCm1icmHDHcri-8eXg" />
    <input value="15967" 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/petit-biscuit-mobility-sans-cereales-100-g-15968">
          <img alt="Petit Biscuit - Mobility sans céréales" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7357/file/small-8b762da70faaa73cbc5b2e8c746e20cf.webp 600w, https://assets.fabulous.ch/public/variant_asset/7357/file/medium-01cb65c1df2cb9035bf84b90bb416f18.webp 900w, https://assets.fabulous.ch/public/variant_asset/7357/file/large-6ea09b2e1fca48f2cd70d74eb2ed5afa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7357/file/medium-01cb65c1df2cb9035bf84b90bb416f18.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">Little Chef</p>
          <a href="/fr/products/petit-biscuit-mobility-sans-cereales-100-g-15968">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Petit Biscuit - Mobility sans céréales, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ltucj0t0s1T6P5gem_BDrHt3OPZZY-qG41dcr8aQtGTkL24uePj3bLfrTllYnUfsATJ41ztHhKdviLtK8dhCFw" />
    <input value="15968" 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/petit-biscuit-immunity-sans-cereales-100-g-15969">
          <img alt="Petit Biscuit - Immunity sans céréales" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7358/file/small-3d083d80588d0cc2874db99a291e0ace.webp 600w, https://assets.fabulous.ch/public/variant_asset/7358/file/medium-0d4d197f21308abf35031e1fbf618acf.webp 900w, https://assets.fabulous.ch/public/variant_asset/7358/file/large-e333be6409ca98bcc1a2bc6818e27494.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7358/file/medium-0d4d197f21308abf35031e1fbf618acf.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">Little Chef</p>
          <a href="/fr/products/petit-biscuit-immunity-sans-cereales-100-g-15969">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Petit Biscuit - Immunity sans céréales, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="chZsqXDef2r8VgtdwKqEtOMNt8Pg0KZ-EYmcTQOLuPq44p4IQ1I7UrGC3RoDx4D0mUj34oL0yF-dVnuoNMNOiQ" />
    <input value="15969" 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/petit-biscuit-calmant-sans-cereales-100-g-15970">
          <img alt="Petit Biscuit - Calmant sans céréales" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7359/file/small-98bf29678fac9f568e662ac1a12ff768.webp 600w, https://assets.fabulous.ch/public/variant_asset/7359/file/medium-83f74b4f6fa377b4d00e0b1df812a641.webp 900w, https://assets.fabulous.ch/public/variant_asset/7359/file/large-ad45aa457552f2571b9648f25408c3c3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7359/file/medium-83f74b4f6fa377b4d00e0b1df812a641.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">Little Chef</p>
          <a href="/fr/products/petit-biscuit-calmant-sans-cereales-100-g-15970">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Petit Biscuit - Calmant sans céréales, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1Ac5Ic2jiU2U3g_0OwNwNic_mHjrQREN8gtfEktgnjUe88uA_i_NddkK2bP4bnR2XXrYWYllfyx-1Lj3fChoRg" />
    <input value="15970" 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">
      2&#39;820 sur 3&#39;205 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/byodo?format=turbo_stream&amp;page=142">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>