<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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fmakri%3Fformat%3Dturbo_stream%26page%3D88">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/preparation-pour-muffin-au-chocolat-epeautre-demeter-300-g-160">
          <img alt="Préparation pour Muffin au Chocolat épeautre Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/172/file/small-9d5c0422934a27b351d3eca01824d604.webp 600w, https://assets.fabulous.ch/public/variant_asset/172/file/medium-81a8417b48ba505c557b5a45ebae39ea.webp 900w, https://assets.fabulous.ch/public/variant_asset/172/file/large-41de3ddd84007767de256c8aca247081.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/172/file/medium-81a8417b48ba505c557b5a45ebae39ea.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">Bauckhof</p>
          <a href="/fr/products/preparation-pour-muffin-au-chocolat-epeautre-demeter-300-g-160">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Préparation pour Muffin au Chocolat épeautre Demeter, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yk6nQd_yivD6BQYDDszLEKuBmY9TudiZS_KAIGIN_DurLyLbyW0sxpAO1HV-b2QxwlIZE65mLuaASz4tZdf36Q" />
    <input value="160" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fmakri%3Fformat%3Dturbo_stream%26page%3D88">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/preparation-pour-gaufrette-epeautre-bio-200-g-161">
          <img alt="Préparation pour Gaufrette épeautre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/173/file/small-a1515d16a150a2fbca4b4e94b344ca0b.webp 600w, https://assets.fabulous.ch/public/variant_asset/173/file/medium-8538c381d2116a97cce03f79a8470402.webp 900w, https://assets.fabulous.ch/public/variant_asset/173/file/large-beb02af8b0b4b1c9627f7eaa92017b3b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/173/file/medium-8538c381d2116a97cce03f79a8470402.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">Bauckhof</p>
          <a href="/fr/products/preparation-pour-gaufrette-epeautre-bio-200-g-161">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Préparation pour Gaufrette épeautre Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XqSmfVVKY9NUkv7BBmfbh9Lh8MNjFBMHYw93xLaGAB4_xSPnQ9XF5T6ZLLd2xHSmuzJwX57L5XiotsnJsVwLzA" />
    <input value="161" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fmakri%3Fformat%3Dturbo_stream%26page%3D88">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sesame-non-decortique-bio-250-g-208">
          <img alt="Sésame non décortiqué Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/209/file/small-3d4a70797fe34e17ebd269fcf861a8e0.webp 600w, https://assets.fabulous.ch/public/variant_asset/209/file/medium-ce3833399b147a23937971af4001447d.webp 900w, https://assets.fabulous.ch/public/variant_asset/209/file/large-198b33a5f69aeccc717cf5a2fe0e417b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/209/file/medium-ce3833399b147a23937971af4001447d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Davert</p>
          <a href="/fr/products/sesame-non-decortique-bio-250-g-208">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sésame non décortiqué Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VPp1A-FXTpvL65qxE70EnNWrdw2USdhHroRKF5X6ZDY1m_CZ98joraHgSMdjHqu9vHj3kWmWLjhlPfQakiBv5A" />
    <input value="208" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fmakri%3Fformat%3Dturbo_stream%26page%3D88">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/men-sensitiv-shampooing-douche-3en1-200-ml-237">
          <img alt="Men Sensitiv Shampooing Douche 3en1" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/229/file/small-08f14e49776c637286fcd2e47b81bd19.webp 600w, https://assets.fabulous.ch/public/variant_asset/229/file/medium-2ed01ece987b9591e4493e929206fb6e.webp 900w, https://assets.fabulous.ch/public/variant_asset/229/file/large-2641f444cf38dfcdfe08a526b98ba548.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/229/file/medium-2ed01ece987b9591e4493e929206fb6e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/fr/products/men-sensitiv-shampooing-douche-3en1-200-ml-237">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Men Sensitiv Shampooing Douche 3en1, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CEOq-j7A291P-Owu3PgKY9iWGCghStm9oc51HGs2O59pIi9gKF996yXzPlisW6VCsUWYtNyVL8Jqd8sRbOwwTQ" />
    <input value="237" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fmakri%3Fformat%3Dturbo_stream%26page%3D88">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/men-sensitiv-baume-apres-rasage-apaisant-100-ml-240">
          <img alt="Men sensitiv Baume Après-Rasage Apaisant" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/233/file/small-ac9946f7dacd6e12a9028b41700bc253.webp 600w, https://assets.fabulous.ch/public/variant_asset/233/file/medium-69700a5f2211bef238e321d7ab00cce9.webp 900w, https://assets.fabulous.ch/public/variant_asset/233/file/large-2eee624e2d39af6cd20217b6125a47c6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/233/file/medium-69700a5f2211bef238e321d7ab00cce9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/fr/products/men-sensitiv-baume-apres-rasage-apaisant-100-ml-240">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Men sensitiv Baume Après-Rasage Apaisant, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ORfygwJ04y3KtMiWkZfxC5q3t31ZwsTsx5GIEpgoQ0JYdncZFOtFG6C_GuDhNF4q82Q34aQdMpMMKDYfn_JIkA" />
    <input value="240" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fmakri%3Fformat%3Dturbo_stream%26page%3D88">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/fruits-gelifies-frutti-worms-sans-gelatine-bio-100-g-248">
          <img alt="Fruits Gélifiés Frutti Worms sans gelatine Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/241/file/small-d3f2a3e7b14342a694ade6aceb196fb2.webp 600w, https://assets.fabulous.ch/public/variant_asset/241/file/medium-a175f4a90ad94a6ab7fa83ac467366c9.webp 900w, https://assets.fabulous.ch/public/variant_asset/241/file/large-d6474bddb72b0bdafd988a4d2d955998.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/241/file/medium-a175f4a90ad94a6ab7fa83ac467366c9.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">Ökovital</p>
          <a href="/fr/products/fruits-gelifies-frutti-worms-sans-gelatine-bio-100-g-248">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fruits Gélifiés Frutti Worms sans gelatine Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ar5dtzKCuiCwqgoAi860eD571ko87A3VL7d4jQ7vKPkL39gtJB0cFtqh2Hb7bRtZV6hW1sEz-6rkDsaACTUjKw" />
    <input value="248" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fmakri%3Fformat%3Dturbo_stream%26page%3D88">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/jelly-ourson-sans-gelatine-bio-100-g-249">
          <img alt="Jelly Ourson sans gelatine Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/240/file/small-9b646feddd72b26a57dcf12673489ca5.webp 600w, https://assets.fabulous.ch/public/variant_asset/240/file/medium-45162d2a6d855c903f4fab605697f095.webp 900w, https://assets.fabulous.ch/public/variant_asset/240/file/large-3fee5ba9433c05c2886a739c094839a4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/240/file/medium-45162d2a6d855c903f4fab605697f095.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">Ökovital</p>
          <a href="/fr/products/jelly-ourson-sans-gelatine-bio-100-g-249">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Jelly Ourson sans gelatine Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T7-atxYbgRZI1L2xdljiHLE_bG4m4TiKaYdvOS36oUYu3h8tAIQnICLfb8cG-0092Ozs8ts-zvWiPtE0KiCqlA" />
    <input value="249" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fmakri%3Fformat%3Dturbo_stream%26page%3D88">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/vitamin-b12-1000-g-vegan-60-capsul-60-piece-277">
          <img alt="Vitamin B12 1000µg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/251/file/small-5452515d0ec2d62effb0964920cca650.webp 600w, https://assets.fabulous.ch/public/variant_asset/251/file/medium-e99b5b618e0147f4593dba7b2148662a.webp 900w, https://assets.fabulous.ch/public/variant_asset/251/file/large-ed342ffe292ec2cba38a5ed621a4b2e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/251/file/medium-e99b5b618e0147f4593dba7b2148662a.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">Bjökovit</p>
          <a href="/fr/products/vitamin-b12-1000-g-vegan-60-capsul-60-piece-277">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vitamin B12 1000µg, 60 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.38 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5mzLrG9koOj0J3G5_Apz_GMUfVtmT6xlnhj9mjdkLJyHDU42efsG3p4so8-MqdzdCsf9x5uQWhpVoUOXML4nTg" />
    <input value="277" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fmakri%3Fformat%3Dturbo_stream%26page%3D88">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/biscottes-epeautre-sans-sucres-ajoutes-200-g-311">
          <img alt="Biscottes épeautre sans sucres ajoutés" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/277/file/small-97314f1dfedc438013f3304b4816d32e.webp 600w, https://assets.fabulous.ch/public/variant_asset/277/file/medium-db263560316d0b678cf5d08d5236fd06.webp 900w, https://assets.fabulous.ch/public/variant_asset/277/file/large-d9995e38cf4ba4990f54186593a11265.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/277/file/medium-db263560316d0b678cf5d08d5236fd06.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pural</p>
          <a href="/fr/products/biscottes-epeautre-sans-sucres-ajoutes-200-g-311">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biscottes épeautre sans sucres ajoutés, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="848hFSELAGtK6xY3gzAVOsbVJPBcyfazawy7yDJPAX-S7qSPN5SmXSDgxEHzk7obrwakbKEWAMygtQXFNZUKrQ" />
    <input value="311" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fmakri%3Fformat%3Dturbo_stream%26page%3D88">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/puree-d-amandes-blanches-bio-250-g-337">
          <img alt="Purée d&#39;Amandes Blanches Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/302/file/small-bfa1d0f0d141e9b68c52318f023cc403.webp 600w, https://assets.fabulous.ch/public/variant_asset/302/file/medium-7e5427244596e8ad563175595f797355.webp 900w, https://assets.fabulous.ch/public/variant_asset/302/file/large-072bfdc47922d7b2e3c7293d2ef429af.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/302/file/medium-7e5427244596e8ad563175595f797355.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/puree-d-amandes-blanches-bio-250-g-337">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Purée d&#39;Amandes Blanches Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.15
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XXYQdHN2U2yUt-UzJK5Smp9wg8jgXPYCAs1UhlO7jak8F5XuZen1Wv68N0VUDf279qMDVB2DAH3JdOqLVGGGew" />
    <input value="337" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fmakri%3Fformat%3Dturbo_stream%26page%3D88">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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/tofu-grill-saucisses-bio-250-g-349">
          <img alt="Tofu Grill Saucisses Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/310/file/small-1b05d63dce64bf749dd8aa30b2091269.webp 600w, https://assets.fabulous.ch/public/variant_asset/310/file/medium-24f83c7c2f9b93e8fd96b7c8d78e0cc6.webp 900w, https://assets.fabulous.ch/public/variant_asset/310/file/large-b8646ebd154ea5a22c173bf1ed88d2e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/310/file/medium-24f83c7c2f9b93e8fd96b7c8d78e0cc6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Taifun</p>
          <a href="/fr/products/tofu-grill-saucisses-bio-250-g-349">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu Grill Saucisses Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-349-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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fmakri%3Fformat%3Dturbo_stream%26page%3D88">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pate-vegetal-arrabitom-bio-135-g-386">
          <img alt="Pâté Végétal Arrabitom Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/337/file/small-3cde48496c20e33cc58a5230c5decddd.webp 600w, https://assets.fabulous.ch/public/variant_asset/337/file/medium-3ef1640f4014093d7698ac166daa1da5.webp 900w, https://assets.fabulous.ch/public/variant_asset/337/file/large-2272a757454a3d4591bc663a7cf4bf5f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/337/file/medium-3ef1640f4014093d7698ac166daa1da5.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-arrabitom-bio-135-g-386">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pâté Végétal Arrabitom 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-386-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NsPGFuc6VINOI4g3raAr4lKWFIKBBzMsFGeY8h3D_QdXokOM8aXytSQoWkHdA4TDO0WUHnzYxVPf3ib_Ghn21Q" />
    <input value="386" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fmakri%3Fformat%3Dturbo_stream%26page%3D88">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/ravioriselli-epinards-bio-250-g-398">
          <img alt="Ravioriselli épinards Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/350/file/small-3cb3297e08a33581e35247161c7952ec.webp 600w, https://assets.fabulous.ch/public/variant_asset/350/file/medium-b6a0d384a73200ded82d28d6fe8febc7.webp 900w, https://assets.fabulous.ch/public/variant_asset/350/file/large-16c67608cde2a19cecfe1fe1e12d8d06.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/350/file/medium-b6a0d384a73200ded82d28d6fe8febc7.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">Mozzarisella</p>
          <a href="/fr/products/ravioriselli-epinards-bio-250-g-398">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ravioriselli épinards Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1njXgXeV8075TlmxfaP9tLbuN95Wt27aA0W1Npz92u-3GVIbYQpVeJNFi8cNAFKV3z23QqtomKXI_As7myfRPQ" />
    <input value="398" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fmakri%3Fformat%3Dturbo_stream%26page%3D88">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sauce-brune-bio-200-g-419">
          <img alt="Sauce Brune Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/375/file/small-9869ce82cf5ee83633f2bfd8b701e447.webp 600w, https://assets.fabulous.ch/public/variant_asset/375/file/medium-8a6a6ff6287f11cda09780bc4560066f.webp 900w, https://assets.fabulous.ch/public/variant_asset/375/file/large-ad346f129460c8aa1c8c9586eb4e23d3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/375/file/medium-8a6a6ff6287f11cda09780bc4560066f.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">MORGA</p>
          <a href="/fr/products/sauce-brune-bio-200-g-419">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sauce Brune Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="s28D1FCwFZm86a_zTcGFP3vq7rRInADa27KwmNON2tXSDoZORi-zr9bifYU9YioeEjluKLVD9qUQCw6V1FfRBw" />
    <input value="419" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fmakri%3Fformat%3Dturbo_stream%26page%3D88">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/huile-de-noix-coco-qualite-crudite-bio-200-ml-430">
          <img alt="Huile de noix coco Qualité Crudité Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/386/file/small-e9e5a0338d6402b0e0a0ab065126f06f.webp 600w, https://assets.fabulous.ch/public/variant_asset/386/file/medium-39d3f8a8ba962764c42df803b868e1c9.webp 900w, https://assets.fabulous.ch/public/variant_asset/386/file/large-84f651935e21da20ea398838f4bf2a1f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/386/file/medium-39d3f8a8ba962764c42df803b868e1c9.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">Kulau</p>
          <a href="/fr/products/huile-de-noix-coco-qualite-crudite-bio-200-ml-430">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Huile de noix coco Qualité Crudité Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tCqxlrzGfzCDbdu3_Sm6MrQqP6Zn39oyuTJmSoGJ3mTVSzQMqlnZBulmCcGNihUT3fm_OpoALE1yi9hHhlPVtg" />
    <input value="430" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fmakri%3Fformat%3Dturbo_stream%26page%3D88">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/millet-en-qualite-crue-bio-500-g-442">
          <img alt="Millet en qualité crue Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/399/file/small-941600e9d9d658b52080b8fca1e0abe8.webp 600w, https://assets.fabulous.ch/public/variant_asset/399/file/medium-112972a44092cb37d6b560a065aa7078.webp 900w, https://assets.fabulous.ch/public/variant_asset/399/file/large-24ae11c7fcb6fceac4bb17b9ca92c5a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/399/file/medium-112972a44092cb37d6b560a065aa7078.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Davert</p>
          <a href="/fr/products/millet-en-qualite-crue-bio-500-g-442">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Millet en qualité crue Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hTqyVaiT0wnJVCYrUrF63ilqPtCHo5TkeRUEXpXtl1TkWzfPvgx1P6Nf9F0iEtX_QLm-THp8YpuyrLpTkjechg" />
    <input value="442" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fmakri%3Fformat%3Dturbo_stream%26page%3D88">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/vinaigre-condimento-bianco-bio-0-5-l-453">
          <img alt="Vinaigre Condimento Bianco Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/407/file/small-5dc0a614f5b45299baebf7ef7c8c7e97.webp 600w, https://assets.fabulous.ch/public/variant_asset/407/file/medium-c5b86eb3be512a24cb02f1b13b0cc66d.webp 900w, https://assets.fabulous.ch/public/variant_asset/407/file/large-77d1a33fead02a1ec40c8aca160ae19e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/407/file/medium-c5b86eb3be512a24cb02f1b13b0cc66d.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">LaSelva</p>
          <a href="/fr/products/vinaigre-condimento-bianco-bio-0-5-l-453">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vinaigre Condimento Bianco Bio, 0.5 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="s4GHURfE8qxzwUS1eNEKncFzqdygaDkylPd-MgiW6ELS4ALLAVtUmhnKlsMIcqW8qKApQF23z01fTsA_D0zjkA" />
    <input value="453" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fmakri%3Fformat%3Dturbo_stream%26page%3D88">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/aceto-balsamico-di-modena-i-g-p-sans-gluten-bio-0-5-l-454">
          <img alt="Aceto Balsamico di Modena I.G.P. 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/408/file/small-580761e176ac025719e489aaa03bbb01.webp 600w, https://assets.fabulous.ch/public/variant_asset/408/file/medium-a89dee79d7de55366dadf4b166bf808c.webp 900w, https://assets.fabulous.ch/public/variant_asset/408/file/large-f4ad8680ca57decdafe5967677df0670.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/408/file/medium-a89dee79d7de55366dadf4b166bf808c.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">LaSelva</p>
          <a href="/fr/products/aceto-balsamico-di-modena-i-g-p-sans-gluten-bio-0-5-l-454">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aceto Balsamico di Modena I.G.P. Sans Gluten Bio, 0.5 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pItdn07qjR0_tAGH9YBMeKzIQ0qbLIgyX_11n4xPajDF6tgFWHUrK1W_0_GFI-NZxRvD1mbzfk2URMuSi5Vh4g" />
    <input value="454" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fmakri%3Fformat%3Dturbo_stream%26page%3D88">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/the-yogi-black-chai-bio-30-g-461">
          <img alt="Thé Yogi Black Chai Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/415/file/small-dec2ba1e4cddeb7c0871e8d7e4e94aa5.webp 600w, https://assets.fabulous.ch/public/variant_asset/415/file/medium-9bfebd4cc99caf76284bc692a9eef7fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/415/file/large-847f9687a03a1a5268bf604d674e3131.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/415/file/medium-9bfebd4cc99caf76284bc692a9eef7fa.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">Yogi Tee</p>
          <a href="/fr/products/the-yogi-black-chai-bio-30-g-461">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thé Yogi Black Chai Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="K5kThoooxSII70kXBELRRf0Sm4zIZD2uvSl19ueJnJpK-JYcnLdjFGLkm2F04X5klMEbEDW7y9F2kMv74FOXSA" />
    <input value="461" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fmakri%3Fformat%3Dturbo_stream%26page%3D88">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/the-yogi-la-femme-equilibre-bio-38-g-463">
          <img alt="Thé Yogi La Femme Equilibre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/418/file/small-0d76c217db2f8c9e69b90e41f09dc624.webp 600w, https://assets.fabulous.ch/public/variant_asset/418/file/medium-0d4fa0c210308958838255d9dc97c639.webp 900w, https://assets.fabulous.ch/public/variant_asset/418/file/large-a51ef7ed411f9a7f70dbab99174a6cd6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/418/file/medium-0d4fa0c210308958838255d9dc97c639.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">Yogi Tee</p>
          <a href="/fr/products/the-yogi-la-femme-equilibre-bio-38-g-463">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thé Yogi La Femme Equilibre Bio, 38 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ilxeIcB793KU1MWvDPZ-deEMzFH65QDXmkUHF7aSctLrPdu71uRRRP7fF9l8VdFUiN9MzQc69qhR_LkasUh5AA" />
    <input value="463" 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;760 sur 3&#39;323 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/makri?format=turbo_stream&amp;page=89">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>