<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/mister-mie-mie-nouilles-bio-250-g-14696">
          <img alt="&quot;Mister Mie&quot; Mie Nouilles Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6781/file/small-116e65b7cb581980ce8cc21726a42897.webp 600w, https://assets.fabulous.ch/public/variant_asset/6781/file/medium-ad3716257a6b78cd373242ff3232f459.webp 900w, https://assets.fabulous.ch/public/variant_asset/6781/file/large-eaa7f9dc9b7560e91b39e82c9ad740aa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6781/file/medium-ad3716257a6b78cd373242ff3232f459.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">Misses Mie &amp; Mister Mie</p>
          <a href="/fr/products/mister-mie-mie-nouilles-bio-250-g-14696">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">&quot;Mister Mie&quot; Mie Nouilles Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kf5zU3KECNcb7B6YIFdeWStVdNSZkRbGDm-fVhp1vfSn9-0C-0FPzjTAQ1smO0WLRVsK3yi1Ao13tPl_cVuNEg" />
    <input value="14696" 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/misses-mie-nouilles-de-mie-completes-bio-250-g-14713">
          <img alt="Misses Mie Nouilles de Mie complètes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6782/file/small-261c557a7cf6d0077c43c024f4b9f013.webp 600w, https://assets.fabulous.ch/public/variant_asset/6782/file/medium-629cd19d2d7e9b9b7ed265ba0e8ff0db.webp 900w, https://assets.fabulous.ch/public/variant_asset/6782/file/large-ae03e587d4f58045bf7324316a6995c4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6782/file/medium-629cd19d2d7e9b9b7ed265ba0e8ff0db.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">Misses Mie &amp; Mister Mie</p>
          <a href="/fr/products/misses-mie-nouilles-de-mie-completes-bio-250-g-14713">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Misses Mie Nouilles de Mie complètes Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ID2wGe7OOcVha64NdcxEuOgWbsRyw7QA9oNkGdFlRaEWNC5IZwt-3E5H885zoF9qhhgQz8PnoEuPWAIwukt1Rw" />
    <input value="14713" 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/misses-mie-nouilles-de-mie-d-epeautre-bio-250-g-14714">
          <img alt="Misses Mie Nouilles de Mie d&#39;épeautre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6784/file/small-4a203984cf7791a70a9c908e50ef1e78.webp 600w, https://assets.fabulous.ch/public/variant_asset/6784/file/medium-41fe4e50102189470440b9997fe009f3.webp 900w, https://assets.fabulous.ch/public/variant_asset/6784/file/large-14ada5575b43f248c8da41c80fb89218.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6784/file/medium-41fe4e50102189470440b9997fe009f3.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">Misses Mie &amp; Mister Mie</p>
          <a href="/fr/products/misses-mie-nouilles-de-mie-d-epeautre-bio-250-g-14714">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Misses Mie Nouilles de Mie d&#39;épeautre Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wzNJTeqNvOfjwycyWEQoEEspR4m04TxOM6q5LJkjNzb1OtccY0j7_szvevFeKDPCJSc5ggXFKAVKcd8F8g0H0A" />
    <input value="14714" 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/misses-mie-nouilles-de-mie-chili-bio-250-g-14715">
          <img alt="Misses Mie Nouilles de Mie Chili Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6783/file/small-ab5d7dbd9db0587f85a20adb7ad33f52.webp 600w, https://assets.fabulous.ch/public/variant_asset/6783/file/medium-f2c6791ac6f72fc7db9accf1d945aa24.webp 900w, https://assets.fabulous.ch/public/variant_asset/6783/file/large-e6a9accea16f3b5da8c77c6591760499.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6783/file/medium-f2c6791ac6f72fc7db9accf1d945aa24.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">Misses Mie &amp; Mister Mie</p>
          <a href="/fr/products/misses-mie-nouilles-de-mie-chili-bio-250-g-14715">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Misses Mie Nouilles de Mie Chili Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wYNV3VirUnePAx2lmT3tmVzeJFhF9eI_Od_uou-93I73isuM0W4VbqAvQGafUfZLMtBaU_TR9nRABIiLhJPsaA" />
    <input value="14715" 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/misses-mie-nouilles-de-mie-legumes-bio-250-g-14716">
          <img alt="Misses Mie Nouilles de Mie Légumes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6785/file/small-1862e515e39a7bf6e956d366144a7257.webp 600w, https://assets.fabulous.ch/public/variant_asset/6785/file/medium-fff7187b86cc68acfbbd88a7cb6bdea8.webp 900w, https://assets.fabulous.ch/public/variant_asset/6785/file/large-0783950a55b7aa3bac47382040f8a8fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6785/file/medium-fff7187b86cc68acfbbd88a7cb6bdea8.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">Misses Mie &amp; Mister Mie</p>
          <a href="/fr/products/misses-mie-nouilles-de-mie-legumes-bio-250-g-14716">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Misses Mie Nouilles de Mie Légumes Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Sv8Y_1-va66pQBxrUtvIWEl8djZWRZ61E-ZY_hBffG989oau1most4ZsQahUt9OKJ3IIPedhiv5qPT7Xe3FMiQ" />
    <input value="14716" 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/vegdog-pops-20-g-14810">
          <img alt="VEGDOG Pops" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6790/file/small-262131f74dcc2768e130d48cc69d87d5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6790/file/medium-b939b17169c4f741d80c7033a874b77c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6790/file/large-c8f9a4314f72bc91617a9cee5d0d3a86.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6790/file/medium-b939b17169c4f741d80c7033a874b77c.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">VEGDOG</p>
          <a href="/fr/products/vegdog-pops-20-g-14810">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VEGDOG Pops, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Nd2UD8zLrm5-sdmpCGm8WDhEAyF9sfTNBDsAAnxm2uQD1ApeRQ7pd1GdhGoOBaeKVkp9KsyV4IZ94GYrF0jqAg" />
    <input value="14810" 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-lovechock-tout-amour-hibiscus-cacao-nibs-chocolat-bio-40-g-14871">
          <img alt="Barre Lovechock Tout Amour Hibiscus Cacao Nibs Chocolat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6812/file/small-16cdbec42e835c5575abbfe3793e5089.webp 600w, https://assets.fabulous.ch/public/variant_asset/6812/file/medium-a2f56305306249e6f84f7467f7658493.webp 900w, https://assets.fabulous.ch/public/variant_asset/6812/file/large-4072ae762e91103c5580cf90e962bb8b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6812/file/medium-a2f56305306249e6f84f7467f7658493.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">Lovechock</p>
          <a href="/fr/products/barre-lovechock-tout-amour-hibiscus-cacao-nibs-chocolat-bio-40-g-14871">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre Lovechock Tout Amour Hibiscus Cacao Nibs Chocolat Bio, 40 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 9.38 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FlGL5TJpQRywBOfT8DCnoCwKwGbdK_Q3qVs2KQ4isNggWBW0u6wGBZ8ouhD2XLxyQgS-bWwP4HzQgFAAZQyAPg" />
    <input value="14871" 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-krupuk-vegetaliens-bio-60-g-14878">
          <img alt="Chips Krupuk végétaliens Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6817/file/small-5b947f790d129d9b679ac03e8dc5bf72.webp 600w, https://assets.fabulous.ch/public/variant_asset/6817/file/medium-e4c6b23102d0f92008f13f43903dd695.webp 900w, https://assets.fabulous.ch/public/variant_asset/6817/file/large-c91411cd87570c60e8bcb2b2424e2df4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6817/file/medium-e4c6b23102d0f92008f13f43903dd695.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">YAKSO</p>
          <a href="/fr/products/chips-krupuk-vegetaliens-bio-60-g-14878">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips Krupuk végétaliens Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_aziOYu7EhqNodh6-16E9I_OjDkkh8oOBJJPYjNZIBnLpXxoAn5VA6KNhbn9Mp8m4cDyMpWj3kV9SSlLWHcQ_w" />
    <input value="14878" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/flocons-de-kamut-bio-250-g-14883">
          <img alt="Flocons de kamut Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6818/file/small-f7813bcfa3e6dfbcf91aecf6123a6672.webp 600w, https://assets.fabulous.ch/public/variant_asset/6818/file/medium-a2560866b13d80bfcb1b7a8d6bc508b0.webp 900w, https://assets.fabulous.ch/public/variant_asset/6818/file/large-a3efb60b949977d608cbffe6702efa59.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6818/file/medium-a2560866b13d80bfcb1b7a8d6bc508b0.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">Spielberger Mühle</p>
          <a href="/fr/products/flocons-de-kamut-bio-250-g-14883">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flocons de kamut Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tJFPjuzNnWVMiiZ_Vh7wMUve-ziju3_HzuGdbvAxVdSCmNHfZQjafGOme7xQcuvjJdCFMxKfa4y3OvtHmx9lMg" />
    <input value="14883" 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/sauce-barbecue-aigre-douce-sans-gluten-bio-210-ml-094c1b11-2e27-4490-9e43-733454edb820-14923">
          <img alt="Sauce barbecue aigre-douce 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/6843/file/small-720d1684b07ee277f042e92f283753ff.webp 600w, https://assets.fabulous.ch/public/variant_asset/6843/file/medium-6edd84b5357f9c4eb135dd492cbc3cf0.webp 900w, https://assets.fabulous.ch/public/variant_asset/6843/file/large-830aee4681ca56d000b271d7e88c203d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6843/file/medium-6edd84b5357f9c4eb135dd492cbc3cf0.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/sauce-barbecue-aigre-douce-sans-gluten-bio-210-ml-094c1b11-2e27-4490-9e43-733454edb820-14923">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce barbecue aigre-douce sans gluten Bio, 210 ml</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.33 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XIKUjVgGz_wKcFGrfEZ9z8G5LCe6R_exUkoSBcAoEpdqiwrc0cOI5SVcDGh6KmYdr7dSLAtj4_orkXQsqwYicQ" />
    <input value="14923" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/unfished-planzalmon-alternative-au-saumon-a-tartiner-tube-100-g-14973">
          <img alt="Unfished PlanZalmon Alternative au Saumon à Tartiner Tube" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6870/file/small-ee660504b60b4b43b8138d2de0bbb6f5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6870/file/medium-a20cb96ad14d1abaeab8a2907e041e0c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6870/file/large-75d7c5712bc6a77523c95e3afeba7fe8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6870/file/medium-a20cb96ad14d1abaeab8a2907e041e0c.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">Unfished / Verdino Green Foods</p>
          <a href="/fr/products/unfished-planzalmon-alternative-au-saumon-a-tartiner-tube-100-g-14973">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Unfished PlanZalmon Alternative au Saumon à Tartiner Tube, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/fr/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    M&#39;avertir
</a>

      </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-plantain-au-paprika-bio-80-g-15021">
          <img alt="Chips de Plantain au Paprika Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6887/file/small-767f40f69145cb91faeda3b71c9d63fc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6887/file/medium-ed56872c5c73a941c574d795d63cce2b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6887/file/large-a9c21a1117826e4051102b0d02f72599.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6887/file/medium-ed56872c5c73a941c574d795d63cce2b.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">el origen</p>
          <a href="/fr/products/chips-de-plantain-au-paprika-bio-80-g-15021">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips de Plantain au Paprika Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EQmpnfrcuSAtyT3rtG6IkS0TEANTRcc8fH-v4THD0acnADfMcxn-OQLlYCiyApNDQx1uCOJh03cFpMnIWu3hQQ" />
    <input value="15021" 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-manioc-au-sour-cream-onion-bio-60-g-15022">
          <img alt="Chips de Manioc au Sour Cream &amp; Onion Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6890/file/small-490364215601deb7aca1fcd721fb2a25.webp 600w, https://assets.fabulous.ch/public/variant_asset/6890/file/medium-639ad7cf410944898d0ccfe1cb78ba05.webp 900w, https://assets.fabulous.ch/public/variant_asset/6890/file/large-0d29a200f5811d754e27fe60abd8cd5a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6890/file/medium-639ad7cf410944898d0ccfe1cb78ba05.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">el origen</p>
          <a href="/fr/products/chips-de-manioc-au-sour-cream-onion-bio-60-g-15022">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips de Manioc au Sour Cream &amp; Onion Bio, 60 g</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 5.33 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DRyNdk--lBrn41vdGo8QN_-RjII0BwupKl6lWaQFpqM7FRMnxnvTA8jPBh4c4wvlkZ_yiYUjH-JThcNwzyuWRQ" />
    <input value="15022" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/biscuits-rubli-a-la-carotte-et-a-l-epeautre-bio-125-g-15056">
          <img alt="Biscuits Rübli à la carotte et à l&#39;épeautre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6898/file/small-538e035c35db926691e949ce46ae5d7e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6898/file/medium-0a0d408a3d16ab4453ce8a46af8ba3c7.webp 900w, https://assets.fabulous.ch/public/variant_asset/6898/file/large-4334939c44466a29bd3b548195271ff7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6898/file/medium-0a0d408a3d16ab4453ce8a46af8ba3c7.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">Mogli Naturkost GmbH</p>
          <a href="/fr/products/biscuits-rubli-a-la-carotte-et-a-l-epeautre-bio-125-g-15056">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscuits Rübli à la carotte et à l&#39;épeautre Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.80</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.05</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4L6qyxOJRKLbipQanMHIIb_q5HyFf80DVOjYO0SbR4XWtzSamkwDu_SmydmardPz0eSadzRb2UgtM74SL7V3Yw" />
    <input value="15056" 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/boisson-au-petit-pois-barista-1-l-f4a21d56-79ef-45cd-a590-204ce9d395d6-15057">
          <img alt="Boisson au petit pois BARISTA" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6899/file/small-0376f0097c7eb3fc0e440d929b4015eb.webp 600w, https://assets.fabulous.ch/public/variant_asset/6899/file/medium-773c1926d88b3f25a8292711e34d5d7d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6899/file/large-35c3b55fda239a9dfea5b0f7cddb2ca3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6899/file/medium-773c1926d88b3f25a8292711e34d5d7d.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">SPROUD</p>
          <a href="/fr/products/boisson-au-petit-pois-barista-1-l-f4a21d56-79ef-45cd-a590-204ce9d395d6-15057">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson au petit pois BARISTA, 1 l</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 0.38 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Y-Waj2lPuDTn3nx0JNnqZLJNluomC6zttDRMeTodwTtV7ATe4Ir_LcjyIbcitfG23EPo4ZcvuKbN7ypQUTPx3Q" />
    <input value="15057" 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-vegetal-meditom-bio-160-g-15076">
          <img alt="Pâté Végétal Meditom Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8991/file/small-f3230318ef7ec6f419801a8fdbe148dd.webp 600w, https://assets.fabulous.ch/public/variant_asset/8991/file/medium-c6d90ed66f9a10906223314096d6d87a.webp 900w, https://assets.fabulous.ch/public/variant_asset/8991/file/large-e57033eb1a8eaadba301202b9e4da37a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8991/file/medium-c6d90ed66f9a10906223314096d6d87a.webp" />
</a>    </header>

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

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NN-VhqAn4ulieJ5o-pjkEhQ_xpzOVTM_b529-y6TIDoC1gvXKeKl8E1Uw6v89P_AejG4l39xJ3QWRtvSRb0Q3A" />
    <input value="15076" 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/true-dates-peche-douce-100-g-15078">
          <img alt="True Dates Pêche douce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6909/file/small-5ef088c88a3868c7a80856503e216d1b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6909/file/medium-b1d4c5229e3d9aa7cd80472b5cd99420.webp 900w, https://assets.fabulous.ch/public/variant_asset/6909/file/large-101f654e7523c186ff0dc70b4d165732.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6909/file/medium-b1d4c5229e3d9aa7cd80472b5cd99420.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">True. ApS.</p>
          <a href="/fr/products/true-dates-peche-douce-100-g-15078">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">True Dates Pêche douce, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v_Z-hBInsSQSgNeL0e_krIxrviyuCokN8P6NYFhGsXeJ_-DVm-L2PT2sikjXg_9-4mXAJx8unUaJJetJM2iBkQ" />
    <input value="15078" 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/true-dates-cola-acide-100-g-15079">
          <img alt="True Dates cola acide" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6910/file/small-5fffc5209e722787a30ff472e2f5c8ef.webp 600w, https://assets.fabulous.ch/public/variant_asset/6910/file/medium-ff4f5054a29042e9503719c179cf0b1e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6910/file/large-85f2d21050e038ac5c18e4f78bdae1f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6910/file/medium-ff4f5054a29042e9503719c179cf0b1e.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">True. ApS.</p>
          <a href="/fr/products/true-dates-cola-acide-100-g-15079">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">True Dates cola acide, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bfJ7638AiU70BXyOCBMomYP_OLPK7aqg2yk_PWejqzxb--W69sXOV9spIU0OfzNL7fFGuHvJvuui8lkUDI2b2g" />
    <input value="15079" 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/true-dates-beurre-de-cacahuetes-cremeux-100-g-15080">
          <img alt="True Dates Beurre de cacahuètes crémeux" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6913/file/small-be97a571c3d1cdec7bb838278c1f1cbc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6913/file/medium-ca11ff7af88c080a7474740bc823130a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6913/file/large-c30925bddde58184043cddb7daf7a315.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6913/file/medium-ca11ff7af88c080a7474740bc823130a.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">True. ApS.</p>
          <a href="/fr/products/true-dates-beurre-de-cacahuetes-cremeux-100-g-15080">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">True Dates Beurre de cacahuètes crémeux, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-me1PX8dhh__rf42NrZpY4-uc4Wh6igG1uMsvBL0dpjMbits9tjBBtCBo_Uw2nKx4aANjhDOPE2vOEqVedpGfg" />
    <input value="15080" 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/true-dates-pate-a-cookies-100-g-15081">
          <img alt="True Dates Pâte à cookies" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6914/file/small-104bd15bd053e1b018f446246580a5d1.webp 600w, https://assets.fabulous.ch/public/variant_asset/6914/file/medium-eb3d734d5bf430f37126ee5055b0e78f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6914/file/large-cd0c3c5b8478d3b2ef22e6a6b0bca3b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6914/file/medium-eb3d734d5bf430f37126ee5055b0e78f.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">True. ApS.</p>
          <a href="/fr/products/true-dates-pate-a-cookies-100-g-15081">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">True Dates Pâte à cookies, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mhgqQVwiACvNs_PcTJDWs6yZsQzQW1B4L0wcBLvh17esEbQQ1edHMuKfrh9K_M1hwpfPB2F_RDNWl3ot0M_nUQ" />
    <input value="15081" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      1&#39;020 sur 1&#39;235 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/collections/under-5?format=turbo_stream&amp;page=52">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>