<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">
    <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-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Astuce
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/cuisine-de-soja-bio-250-ml-16809">
          <img alt="Cuisine de Soja Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7826/file/small-d890ae6da7efea3344c3aea12c5562a7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7826/file/medium-d155a8ba2d84df5bc9323bb1a56bab6e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7826/file/large-056e577496f9381bff8cf38cbc314982.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7826/file/medium-d155a8ba2d84df5bc9323bb1a56bab6e.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">Alpro</p>
          <a href="/fr/products/cuisine-de-soja-bio-250-ml-16809">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cuisine de Soja Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7_JNO50KrzisB4c5RivIdBKpjU_Qeksnnn30_ltysGIm12L_pNgf_kcvWxIsf_m_yuXzkwxwmfE-EABzh1M23A" />
    <input value="16809" 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/lait-de-noix-de-coco-premium-bio-1-l-6780">
          <img alt="Lait de noix de coco Premium Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3924/file/small-dd7fa610287597b5383bd7ddcd885fb3.webp 600w, https://assets.fabulous.ch/public/variant_asset/3924/file/medium-e765fb2c1469214108daff991dba143e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3924/file/large-f4e7955f26341b89bc2a11bb70e16f76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3924/file/medium-e765fb2c1469214108daff991dba143e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Dr. Goerg</p>
          <a href="/fr/products/lait-de-noix-de-coco-premium-bio-1-l-6780">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lait de noix de coco Premium Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9_dOjo2x4sZ0yevdGRb8heV0GYLgkcZJm2KmL90tToc-0mFKtGNSAJ_hN_ZzQs1OPThnXjybFJ87D1KiAQzIOQ" />
    <input value="6780" 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-bananes-plantain-salees-bio-80-g-15019">
          <img alt="Chips de Bananes Plantain salées bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6885/file/small-e396d5b595778c89ec359771de7220a7.webp 600w, https://assets.fabulous.ch/public/variant_asset/6885/file/medium-ab67817e9c979a8f66d02fc0414a25de.webp 900w, https://assets.fabulous.ch/public/variant_asset/6885/file/large-fad5aaca3921e687862436b986e5a8cd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6885/file/medium-ab67817e9c979a8f66d02fc0414a25de.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-bananes-plantain-salees-bio-80-g-15019">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips de Bananes Plantain salées 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-15019-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Wjcg9Zuz1BkgETAkCh-ffmHuiZLn_fPZKvvc_yilGTmTEg8xomFk38s57A9gS661uaL3Tjv3IQ-Klihy9ISfhw" />
    <input value="15019" 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/ombar-centres-chocolat-lait-de-coco-vanille-bio-70-g-16767">
          <img alt="Ombar Centres Chocolat Lait de Coco &amp; Vanille Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7776/file/small-81e985f1dbc1447c0ebfed7004e73734.webp 600w, https://assets.fabulous.ch/public/variant_asset/7776/file/medium-4b819d70382adac4bd1da6765b1137b0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7776/file/large-2bd1b19048c45fd59a54fbc6edb2ed70.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7776/file/medium-4b819d70382adac4bd1da6765b1137b0.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">Ombar</p>
          <a href="/fr/products/ombar-centres-chocolat-lait-de-coco-vanille-bio-70-g-16767">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ombar Centres Chocolat Lait de Coco &amp; Vanille Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.35
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Oa9hPO1tM38jFQyWtfhFuCC708Yan6uA2EqOfk4RWAXwik741L-Ducg90L3frHRz-PetGsaVeVZ4J3rzkjDeuw" />
    <input value="16767" 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/zest-d-orange-rape-bio-9-g-10606">
          <img alt="Zest d&#39;Orange Râpé Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5592/file/small-a9cb11ce8523d2ca4a05949db8cee06f.webp 600w, https://assets.fabulous.ch/public/variant_asset/5592/file/medium-e373bb298478a74334a93bbcb470ac7f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5592/file/large-fec8269e6aaa4e763cf1b55024ddb8bc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5592/file/medium-e373bb298478a74334a93bbcb470ac7f.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">Biovegan</p>
          <a href="/fr/products/zest-d-orange-rape-bio-9-g-10606">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zest d&#39;Orange Râpé Bio, 9 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="25g-0gw2kQCyMgtTjLNg66OGQHlNKFiUrY1usQVdvQYSvREWNeQhxlka13jm51Ege8o-pZEiikIN4Jo82Xw7uA" />
    <input value="10606" 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/rhythm-108-noix-de-coco-avec-couverture-chocolate-bio-33-g-4491">
          <img alt="Rhythm 108 Noix de coco avec couverture chocolate Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2776/file/small-82b1e1180293879f040fc90498337f39.webp 600w, https://assets.fabulous.ch/public/variant_asset/2776/file/medium-836e35d7eab8011c6d7dd2cc92c1a469.webp 900w, https://assets.fabulous.ch/public/variant_asset/2776/file/large-3176fd9f1f233c65ea60969298593813.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2776/file/medium-836e35d7eab8011c6d7dd2cc92c1a469.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">Rhythm 108</p>
          <a href="/fr/products/rhythm-108-noix-de-coco-avec-couverture-chocolate-bio-33-g-4491">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rhythm 108 Noix de coco avec couverture chocolate Bio, 33 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6CD78eTZtP09ksxU_R9GPShQtIqunYWgUERs-s23gsohBdQ13QsEO9a6EH-XS3f28BzKVnKXV3bwKZh3EZYEdA" />
    <input value="4491" 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/vivani-chocolat-noir-bio-92-de-cacao-bio-80-g-16647">
          <img alt="Vivani Chocolat noir bio 92% de cacao Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7706/file/small-4b33009d9e9609c74b4c4b8e28494e78.webp 600w, https://assets.fabulous.ch/public/variant_asset/7706/file/medium-3e6eeaf308182b7fdadb4cd02e7f0956.webp 900w, https://assets.fabulous.ch/public/variant_asset/7706/file/large-155077587e9800984cb9d5260b23a0e6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7706/file/medium-3e6eeaf308182b7fdadb4cd02e7f0956.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">Vivani / Ichoc</p>
          <a href="/fr/products/vivani-chocolat-noir-bio-92-de-cacao-bio-80-g-16647">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vivani Chocolat noir bio 92% de cacao Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/chips-de-pois-chiche-romarin-sachet-bio-75-g-4260">
          <img alt="Chips de pois chiche romarin sachet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9003/file/small-32284b1fefc0efdec8023357d4273196.webp 600w, https://assets.fabulous.ch/public/variant_asset/9003/file/medium-37bb8f41338f6637a113d9043a4221c1.webp 900w, https://assets.fabulous.ch/public/variant_asset/9003/file/large-41d3cad0fcecbb885b4443b0a36dd589.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9003/file/medium-37bb8f41338f6637a113d9043a4221c1.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">de Rit</p>
          <a href="/fr/products/chips-de-pois-chiche-romarin-sachet-bio-75-g-4260">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips de pois chiche romarin sachet Bio, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_EGBkCTbSXVd9d_t-UuDwZTrFyc54o04xO0zWdrnYOw1ZK5UHQn5s7bdA8aTH7IKTKdp--XoX-5kgMfUBsbmUg" />
    <input value="4260" 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/poudre-a-laver-color-sensitiv-60-1-2-kg-11745">
          <img alt="Poudre à Laver Color Sensitiv 60°" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6004/file/small-b75047f37f88e17fde3a9e579bc2a329.webp 600w, https://assets.fabulous.ch/public/variant_asset/6004/file/medium-f89e28e47d0347928a7db19c58dc964b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6004/file/large-012e7234f4f67a9e5027720f9b5e1d64.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6004/file/medium-f89e28e47d0347928a7db19c58dc964b.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">Sonett</p>
          <a href="/fr/products/poudre-a-laver-color-sensitiv-60-1-2-kg-11745">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Poudre à Laver Color Sensitiv 60°, 1.2 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sREJEVUuTk-_Xa11hA7HT3iSp9rLRGeDLTWMX3TsSNp4NCbVbPz-iVR1cV7uWvaEoN7ZBhdOtVWNWHjSqM3OZA" />
    <input value="11745" 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/cereales-avoine-proteine-sans-gluten-bio-425-g-7995">
          <img alt="Céréales Avoine Protéine 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/4686/file/small-8a2ce9904315a8cfb120d98d4977f31a.webp 600w, https://assets.fabulous.ch/public/variant_asset/4686/file/medium-7730ed49e4388a9b6b0d2185c877d4fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/4686/file/large-5aa29b1171aab7be42f86473ca1678ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4686/file/medium-7730ed49e4388a9b6b0d2185c877d4fa.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/cereales-avoine-proteine-sans-gluten-bio-425-g-7995">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Céréales Avoine Protéine sans gluten Bio, 425 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.35
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J_3aMijfBm6-q6gvIA8uwO40UnyLgC7dEzcBEYm0Fnru2PX2EQ22qFWDdARKWx8LNngsoFeK_AuzWvWcVZWQxA" />
    <input value="7995" 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/sans-muhhh-drink-1-5-de-matieres-grasses-bio-1-l-11328">
          <img alt="Sans Muhhh Drink 1.5% de matières grasses Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5806/file/small-fa58ff928962ee8904e6da2c6b289a69.webp 600w, https://assets.fabulous.ch/public/variant_asset/5806/file/medium-9db3acb9b44b030c8b96d417fe5efb7b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5806/file/large-8c7126435c3b528cca29557de10bc309.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5806/file/medium-9db3acb9b44b030c8b96d417fe5efb7b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/fr/products/sans-muhhh-drink-1-5-de-matieres-grasses-bio-1-l-11328">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sans Muhhh Drink 1.5% de matières grasses Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="G1doEFfjvpEDRv1E_l0uxz8FrSXtIODak5jOlR_dkR7SckfUbjEOV-huIW-UCR8M50nT-TEqMgwz9ToYw_wXoA" />
    <input value="11328" 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/avoine-amande-boisson-calcium-sans-sucre-ajoute-bio-1-l-11325">
          <img alt="Avoine Amande Boisson Calcium Sans Sucre Ajouté Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5803/file/small-82967e322c3980b9114d4984855058c3.webp 600w, https://assets.fabulous.ch/public/variant_asset/5803/file/medium-01836d2828c27211ef9353c6f9cc78d4.webp 900w, https://assets.fabulous.ch/public/variant_asset/5803/file/large-7a19c89ce1c74759dac04463d0b1e23a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5803/file/medium-01836d2828c27211ef9353c6f9cc78d4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/fr/products/avoine-amande-boisson-calcium-sans-sucre-ajoute-bio-1-l-11325">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Avoine Amande Boisson Calcium Sans Sucre Ajouté Bio, 1 l</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 0.47 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HFCsL64oA2avoj40KhBURQRz22dHm5p4VggrTQNjOYbVdYPrl_qzoESK4h9ARGWO3D-lu5uRSK72Zd_A30K_OA" />
    <input value="11325" 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/veganella-fumee-bio-200-g-1196">
          <img alt="Veganella Fumée Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1055/file/small-2e3fc9ba869eb1537e64f1922be00a2d.webp 600w, https://assets.fabulous.ch/public/variant_asset/1055/file/medium-bc53c963128bc86753f004f40136d875.webp 900w, https://assets.fabulous.ch/public/variant_asset/1055/file/large-acd291afdc8310f4521477f76e491d5b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1055/file/medium-bc53c963128bc86753f004f40136d875.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soyana</p>
          <a href="/fr/products/veganella-fumee-bio-200-g-1196">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Veganella Fumée Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KIaQDY5xeZsa9UnLX3J7wPci8oHi9ea9YKaCdv8zjBPho7_Jt6PJXfHdleA1JkoLL26MXT7_NGvAy3b7IxIKrQ" />
    <input value="1196" 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-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Astuce
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/brochettes-de-tofu-bio-190-g-110">
          <img alt="Brochettes de Tofu Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/120/file/small-6e2ea13608ad56ebfe5be47ed9a2ad4d.webp 600w, https://assets.fabulous.ch/public/variant_asset/120/file/medium-d33cad24f07cc5f5de9dc01910c85b5f.webp 900w, https://assets.fabulous.ch/public/variant_asset/120/file/large-858843ebef8f0770ab08ba74de582442.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/120/file/medium-d33cad24f07cc5f5de9dc01910c85b5f.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">Engel-Tofu</p>
          <a href="/fr/products/brochettes-de-tofu-bio-190-g-110">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Brochettes de Tofu Bio, 190 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </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 4.16 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KEorSitBiDL4DvCS-xZazCHO6auiLVH6YSZpcicN_ErhbwSOEpM49BMmLLmRQmsH-YKXd34ngyzBS53_-yx69A" />
    <input value="110" 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/guacamole-creme-d-avocat-bio-150-g-16104">
          <img alt="Guacamole Crème d’Avocat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7433/file/small-a0f7da41bd7b70fc6f27d54c0def73e0.webp 600w, https://assets.fabulous.ch/public/variant_asset/7433/file/medium-f6a4b09de58e8f10bc22f3a9336dd8a9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7433/file/large-55e21642d9037e8d7e80ef50174d3caf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7433/file/medium-f6a4b09de58e8f10bc22f3a9336dd8a9.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">bio-verde</p>
          <a href="/fr/products/guacamole-creme-d-avocat-bio-150-g-16104">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Guacamole Crème d’Avocat Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.85
            </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 4.57 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="arnLhzhIHyRXq_QB6v9ziY7UALbjoGF3bR2ARZJBxKijnORDAZqv4ryDKCqAq0JCVph-aj-qs6HNcHTITmBCFg" />
    <input value="16104" 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/dinki-goulache-marinade-epicee-bio-200-g-1699">
          <img alt="Dinki goulache marinade épicée Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1356/file/small-3ae9233c5ab1b82edaeefe172d447a34.webp 600w, https://assets.fabulous.ch/public/variant_asset/1356/file/medium-e80125cf57ccb95fb3cbcca649ccdd04.webp 900w, https://assets.fabulous.ch/public/variant_asset/1356/file/large-9644aa9ab15e191037bab3490cc61c84.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1356/file/medium-e80125cf57ccb95fb3cbcca649ccdd04.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soyana</p>
          <a href="/fr/products/dinki-goulache-marinade-epicee-bio-200-g-1699">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dinki goulache marinade épicée Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Gsdl0naVpECcYEhRz4lyM_GhJzx8VYvrX8PBP2SbumvT4koWT0cUhndIlHql3UP4Ke1Z4KBfWT3_rjWyuLo81Q" />
    <input value="1699" 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/lessive-liquide-aux-olives-20-40-c-laine-soie-sans-parfum-20-l-17720">
          <img alt="Lessive liquide aux olives 20°-40° C Laine/Soie (sans parfum)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8613/file/small-ec9cfd9eb6cecd170444d05dee186019.webp 600w, https://assets.fabulous.ch/public/variant_asset/8613/file/medium-6bc05c10ec614bf6108ea144f379fd0a.webp 900w, https://assets.fabulous.ch/public/variant_asset/8613/file/large-53b6151f0aa6a698f1b324858b54d043.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8613/file/medium-6bc05c10ec614bf6108ea144f379fd0a.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">Sonett</p>
          <a href="/fr/products/lessive-liquide-aux-olives-20-40-c-laine-soie-sans-parfum-20-l-17720">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lessive liquide aux olives 20°-40° C Laine/Soie (sans parfum), 20 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 150.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WaqSxelmIoRMorXxYM-RFZCaJJeNt4Zn2yWotqIHKXqQj70B0LSSQqeKadoKm6DeSNZaS1G9VLF7SFw7fiavxA" />
    <input value="17720" 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/ombar-centres-chocolat-lait-de-coco-framboise-bio-70-g-16769">
          <img alt="Ombar Centres Chocolat Lait de Coco &amp; Framboise Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7782/file/small-2a3d214a6fe7cb8702e9573a29fc51f8.webp 600w, https://assets.fabulous.ch/public/variant_asset/7782/file/medium-4ea29c983f0d469c527bf7b3060611a8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7782/file/large-3d47e1efad66f5efd746cb22ca7a987b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7782/file/medium-4ea29c983f0d469c527bf7b3060611a8.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">Ombar</p>
          <a href="/fr/products/ombar-centres-chocolat-lait-de-coco-framboise-bio-70-g-16769">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ombar Centres Chocolat Lait de Coco &amp; Framboise Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.35
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oT8Lx577GXgbXr31TEKjXLO5ClJZxem8B7lwUdIHmdJoGiQDpympvvB2Yd4mFpKXa_V0joXPO2qn1ITcDiYfbA" />
    <input value="16769" 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/tablette-de-chocolat-double-dattes-nibs-51-bio-90-g-16671">
          <img alt="Tablette de Chocolat Double Dattes Nibs 51% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7719/file/small-f38a20465f9f3647f14a888671e6595c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7719/file/medium-0db278b64e58529d796363e58c42bb44.webp 900w, https://assets.fabulous.ch/public/variant_asset/7719/file/large-1e33a525f49fc8f57e0c2183e1023446.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7719/file/medium-0db278b64e58529d796363e58c42bb44.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">BioeCacao</p>
          <a href="/fr/products/tablette-de-chocolat-double-dattes-nibs-51-bio-90-g-16671">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tablette de Chocolat Double Dattes Nibs 51% Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/gomme-de-fruit-pomme-bio-100-g-13222">
          <img alt="Gomme de fruit pomme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6429/file/small-41b6c04a68b4f07009636a0cb66c8a6f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6429/file/medium-34ae39f169302ec55cc6aea155b73221.webp 900w, https://assets.fabulous.ch/public/variant_asset/6429/file/large-86685b19ddc81f379c9abef3023e8bee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6429/file/medium-34ae39f169302ec55cc6aea155b73221.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Heimatgut</p>
          <a href="/fr/products/gomme-de-fruit-pomme-bio-100-g-13222">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gomme de fruit pomme Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

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

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



</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">
      660 sur 3&#39;211 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/spa-vivent?format=turbo_stream&amp;page=34">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>