<turbo-stream action="append" target="products_grid"><template>
    

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/kochbuch-vegane-pausensnacks-roland-rauter-1-piece-551">
          <img alt="Kochbuch Vegane Pausensnacks Roland Rauter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/509/file/small-676042c04d2ed73da79ae88f83093392.webp 600w, https://assets.fabulous.ch/public/variant_asset/509/file/medium-dfcf7ecff7d1520cbfc07d202acd5f28.webp 900w, https://assets.fabulous.ch/public/variant_asset/509/file/large-9fa00caaf720b5ad7c0af9c0342f9e2a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/509/file/medium-dfcf7ecff7d1520cbfc07d202acd5f28.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">Buchverlag</p>
          <a href="/fr/products/kochbuch-vegane-pausensnacks-roland-rauter-1-piece-551">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kochbuch Vegane Pausensnacks Roland Rauter, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3ENnKwavC3XrDr0-5LnDXNKbPw0Kg112V-HVyD08xcqNenBqorUEQG_DVcQNpus0FlBVo6OvSTHQ5reW2zyTxQ" />
    <input value="551" 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/kochbuch-400-rezepte-der-veganen-kuche-adelheid-stoger-1-piece-553">
          <img alt="Kochbuch 400 Rezepte der veganen Küche Adelheid Stöger" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/511/file/small-57cdc806f87d882af26a0451fcfc3043.webp 600w, https://assets.fabulous.ch/public/variant_asset/511/file/medium-bd8f271d8815ebd9b88f4e5cd0e390f1.webp 900w, https://assets.fabulous.ch/public/variant_asset/511/file/large-1f6ad33023ed1a864b4820686665ffd2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/511/file/medium-bd8f271d8815ebd9b88f4e5cd0e390f1.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">Buchverlag</p>
          <a href="/fr/products/kochbuch-400-rezepte-der-veganen-kuche-adelheid-stoger-1-piece-553">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kochbuch 400 Rezepte der veganen Küche Adelheid Stöger, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.85
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iQ9yPe0MELnODLfxzDKE6HGhyj5ChmL_s8UxVKrGf37YNmV8SRYfjErBXwslLayAtWqgkOuqdrg0wlMKTMYpcQ" />
    <input value="553" 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/pesto-alla-rucola-bio-130-g-554">
          <img alt="Pesto alla Rucola Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/512/file/small-8a23f9d18fba07288b9bc2fa19b04be1.webp 600w, https://assets.fabulous.ch/public/variant_asset/512/file/medium-425ca5ff0e3384fc1d4428f1bc429238.webp 900w, https://assets.fabulous.ch/public/variant_asset/512/file/large-c4cae53088e31cc8fd525553d791aa19.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/512/file/medium-425ca5ff0e3384fc1d4428f1bc429238.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/pesto-alla-rucola-bio-130-g-554">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pesto alla Rucola Bio, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

          </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-554-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t-eYmKxtHHFtfKuHA2sd5BsNnExanS-oA9MhxFANcA3m3o_ZCHcTROmxQ33qdDWM38b24vOxO--E1EOatg0mAg" />
    <input value="554" 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/pesto-basilic-bio-180-g-555">
          <img alt="Pesto Basilic Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/513/file/small-fc7db1a6a595261126fd260e43f8ba2c.webp 600w, https://assets.fabulous.ch/public/variant_asset/513/file/medium-7e81c3c913fb36caabd3214aa110bcb7.webp 900w, https://assets.fabulous.ch/public/variant_asset/513/file/large-75e867962058ece39ddb49d065b44ae1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/513/file/medium-7e81c3c913fb36caabd3214aa110bcb7.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/pesto-basilic-bio-180-g-555">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pesto Basilic Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_bcAfLKEWHoodm9t37vFESLyrIh8h8dmeFNOrC9HXbusjhc9Fp5XT6y7h5c2pO155jnGJtWr0yH_VCzyyUcLtA" />
    <input value="555" 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/sweet-sour-sauce-bio-130-ml-556">
          <img alt="Sweet &amp; Sour Sauce Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/514/file/small-7d73a092d2643824e455f1ada563dbb1.webp 600w, https://assets.fabulous.ch/public/variant_asset/514/file/medium-5496f7a3b877735dad63f64703405580.webp 900w, https://assets.fabulous.ch/public/variant_asset/514/file/large-cf27647647779d46830c8416bca43b0f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/514/file/medium-5496f7a3b877735dad63f64703405580.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">Arche</p>
          <a href="/fr/products/sweet-sour-sauce-bio-130-ml-556">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sweet &amp; Sour Sauce Bio, 130 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mZ4AFOqWJU8SNNOEEP8CT7gciG5feSnUsQYF2j-PCIPIpxdVTowqepb5O3754ConfNfiwPZVPZM2AWeE2Y9ejA" />
    <input value="556" 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/pain-croustillant-seigle-delicatesse-demeter-250-g-563">
          <img alt="Pain Croustillant seigle-délicatesse Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/519/file/small-f982050e3f2474b87d26dc9882ecd70f.webp 600w, https://assets.fabulous.ch/public/variant_asset/519/file/medium-4ba662d5ffb414eb7a15fa2dc7a70f3f.webp 900w, https://assets.fabulous.ch/public/variant_asset/519/file/large-2f454ed6716006b0e3cc18fe580785f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/519/file/medium-4ba662d5ffb414eb7a15fa2dc7a70f3f.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/pain-croustillant-seigle-delicatesse-demeter-250-g-563">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pain Croustillant seigle-délicatesse Demeter, 250 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.18 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WUZxUIHyXPaxQLqZSd33wP0JYzUIRkNWwnmBJQz-XC4If2YRJehTwzWNUmOgwt-oOcIJm6FqVxFFfuN76v4KIQ" />
    <input value="563" 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-mais-rolls-tomate-bio-125-g-568">
          <img alt="Chips Maïs Rolls Tomate Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/523/file/small-360ce3a39e1e4f7d486ae9dac9fad391.webp 600w, https://assets.fabulous.ch/public/variant_asset/523/file/medium-874c1790ad4705aa0a80feae1875d802.webp 900w, https://assets.fabulous.ch/public/variant_asset/523/file/large-6636dcc83e8527e57cbb3b6a855ef5af.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/523/file/medium-874c1790ad4705aa0a80feae1875d802.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/chips-mais-rolls-tomate-bio-125-g-568">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips Maïs Rolls Tomate Bio, 125 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 2.36 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OrwHXn3vxBnc6SIYsbFdRS7o2VygIcVb8JkekIMfMrZrhRAf2fXLLFgkyuJYrnUt6iOz8gkN0Rx3nnzOZR9kuQ" />
    <input value="568" 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-mais-natures-sans-gluten-bio-125-g-571">
          <img alt="Chips Mais Natures 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/527/file/small-8f768eeeba6bbe53fcae8aa4808f1ef4.webp 600w, https://assets.fabulous.ch/public/variant_asset/527/file/medium-c5607c37d73464ec1e536172d103c0cb.webp 900w, https://assets.fabulous.ch/public/variant_asset/527/file/large-a656b284df4605bde4e217f3797f6d00.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/527/file/medium-c5607c37d73464ec1e536172d103c0cb.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/chips-mais-natures-sans-gluten-bio-125-g-571">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips Mais Natures Sans Gluten Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cYqOCjAbtVawCZHGtSh5y_8cqwMWsLmi3oQy3Y45490gs5lLlAG6YzTEeTxcN1GjO9fBrb-creVZg1CDaDm10g" />
    <input value="571" 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-mais-paprika-sans-gluten-bio-125-g-572">
          <img alt="Chips Mais Paprika 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/529/file/small-83e49cd87138b65f05ff4a50b2a20caa.webp 600w, https://assets.fabulous.ch/public/variant_asset/529/file/medium-6281905db9fc1b93ff9f15a9f2d24026.webp 900w, https://assets.fabulous.ch/public/variant_asset/529/file/large-47db889adde9479ef9fb997ba0bb1e43.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/529/file/medium-6281905db9fc1b93ff9f15a9f2d24026.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/chips-mais-paprika-sans-gluten-bio-125-g-572">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips Mais Paprika Sans Gluten Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1XQSz4hI49WZaRy3duBa8C9UGJtZBiR1GOcnSgra1SmETQWOLFLs4B2k9E2f_3KY659yNfAqMDKf4EUU7NqDJg" />
    <input value="572" 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/extrait-de-levure-250-g-574">
          <img alt="Extrait de levure" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/528/file/small-50dd44b548cb0f9fdcc6ccd912516b76.webp 600w, https://assets.fabulous.ch/public/variant_asset/528/file/medium-23cedc9cbe5a8f5ff754819ba9da3822.webp 900w, https://assets.fabulous.ch/public/variant_asset/528/file/large-eedc901e30be3ed6b1f6d9ae3cc1233e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/528/file/medium-23cedc9cbe5a8f5ff754819ba9da3822.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">VITAM</p>
          <a href="/fr/products/extrait-de-levure-250-g-574">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Extrait de levure, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.55
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HmcYagohrYnrizgwUiRbMQIrXsEnkYnbrlFJaJibWylPXg8rrjuivG9G0Mq7O3NZxuA0b469nZwpVis2fpsNJg" />
    <input value="574" 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/cashew-datte-bio-50-g-587">
          <img alt="Cashew Datte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/535/file/small-4c1ea7eb20a97fe87d0b630bf3700278.webp 600w, https://assets.fabulous.ch/public/variant_asset/535/file/medium-c7212bf5e671873238054ed2d228fc60.webp 900w, https://assets.fabulous.ch/public/variant_asset/535/file/large-1373d8194afc01077586ed52e62216fb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/535/file/medium-c7212bf5e671873238054ed2d228fc60.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Raw Bite</p>
          <a href="/fr/products/cashew-datte-bio-50-g-587">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cashew Datte Bio, 50 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 4.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="q7VABUuHdFf7HpGkEaVh9mUM6HgYuJz818Po4sQ9s6D6jFdE7517Yn_TeV74ukmeoceC1rGUiLtQxIq8Ij3lrw" />
    <input value="587" 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/barre-cacao-sans-gluten-bio-50-g-589">
          <img alt="Barre Cacao Sans Gluten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/538/file/small-20d99d415d15ab02814b3d9a368d60ab.webp 600w, https://assets.fabulous.ch/public/variant_asset/538/file/medium-38e8c7040435075059bff3644aea9adb.webp 900w, https://assets.fabulous.ch/public/variant_asset/538/file/large-939e4ad9c327ddf96e121f9a3125e606.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/538/file/medium-38e8c7040435075059bff3644aea9adb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Raw Bite</p>
          <a href="/fr/products/barre-cacao-sans-gluten-bio-50-g-589">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre Cacao Sans Gluten Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OHMrnq1jR671kmrXFXwsgiqDcsvxFEAemzNMOajxpMFpSjzfCXlIm3Ffgi38YwTq7kgYZVg4VFkcNC5nTvHyzg" />
    <input value="589" 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/noix-de-coco-coconut-bio-50-g-590">
          <img alt="Noix de Coco Coconut Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/537/file/small-2d779824f93cffe0cbe8abb8e191c968.webp 600w, https://assets.fabulous.ch/public/variant_asset/537/file/medium-e36dd903551402f5bfd4e6cefd8405b8.webp 900w, https://assets.fabulous.ch/public/variant_asset/537/file/large-5da4a6b2d269b6517fb47bd518833592.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/537/file/medium-e36dd903551402f5bfd4e6cefd8405b8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Raw Bite</p>
          <a href="/fr/products/noix-de-coco-coconut-bio-50-g-590">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Noix de Coco Coconut Bio, 50 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 4.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Iy5A2TDGoz3mYy_cBRjpfUdq-nETLeGRMlE76Mj9frJyF1eYlNysCGKuxybsB8EVg6GQ37oB9da1Vlm2Lv0ovQ" />
    <input value="590" 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/vego-grande-barre-aux-chocolat-et-noix-bio-150-g-594">
          <img alt="VEGO Grande Barre aux Chocolat et Noix Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/546/file/small-9dd6f0b776f9526c4929e45aa419749f.webp 600w, https://assets.fabulous.ch/public/variant_asset/546/file/medium-5f3280dfe876a8fa736c3062899c1ea9.webp 900w, https://assets.fabulous.ch/public/variant_asset/546/file/large-5f37b16e4acae67c598b4d693ffadaf1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/546/file/medium-5f3280dfe876a8fa736c3062899c1ea9.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">Vego Chocolate</p>
          <a href="/fr/products/vego-grande-barre-aux-chocolat-et-noix-bio-150-g-594">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VEGO Grande Barre aux Chocolat et Noix Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YQ1VDzZdpdxv4BvuAlhvd4vNAxJXxUoAFQN0ClDdbJIwNEJOkkeq6est8xTrR0cfTwZpvP7pXkeSBBZUtt06nQ" />
    <input value="594" 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/puree-d-amandes-bio-500-g-604">
          <img alt="Purée d&#39;amandes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/555/file/small-bd95787fdb38a58ce833d8679215d3bb.webp 600w, https://assets.fabulous.ch/public/variant_asset/555/file/medium-72d3115229436b75ac6a46e9e38bf70d.webp 900w, https://assets.fabulous.ch/public/variant_asset/555/file/large-7892d177da07e4a375ee2abbd24cbdb4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/555/file/medium-72d3115229436b75ac6a46e9e38bf70d.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-bio-500-g-604">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Purée d&#39;amandes Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="brPQssXzu7f2M0YPAxVyUDBjIqivLy-5GImwHlsDJv8_isfzYem0gnL-rvXqClo49KhIBgYDO_6fjtJAvQNw8A" />
    <input value="604" 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/crayon-sourcils-eyebrow-designer-brun-1-13g-1-piece-610">
          <img alt="Crayon sourcils Eyebrow Designer Brun, 1,13g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/559/file/small-f3f5491209e6d6e93d9f1d6c4bb5ffca.webp 600w, https://assets.fabulous.ch/public/variant_asset/559/file/medium-f011f6b8c3b13a5b3b70e7cf77694c03.webp 900w, https://assets.fabulous.ch/public/variant_asset/559/file/large-e317e04175d54560cf777f925750dcf9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/559/file/medium-f011f6b8c3b13a5b3b70e7cf77694c03.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">benecos</p>
          <a href="/fr/products/crayon-sourcils-eyebrow-designer-brun-1-13g-1-piece-610">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crayon sourcils Eyebrow Designer Brun, 1,13g, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gAc1sMjtAhZjd-vVzk96jgwvRsWhFx9ndIpr7gxDc8fRPiLxbPcNI-e6Ay8nUFLmyOQsawg7CyDzjQmw6kMlyA" />
    <input value="610" 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/crayon-sourcils-eyebrow-designer-gentle-brown-1-13g-1-piece-611">
          <img alt="Crayon sourcils Eyebrow Designer Gentle Brown, 1,13g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/560/file/small-1d78530a29259f8f87368db5aa572954.webp 600w, https://assets.fabulous.ch/public/variant_asset/560/file/medium-13f26bf9cb7c0f3a85e9ee99f3ac2c72.webp 900w, https://assets.fabulous.ch/public/variant_asset/560/file/large-7c100fef7f2073e79e3892049d84577d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/560/file/medium-13f26bf9cb7c0f3a85e9ee99f3ac2c72.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">benecos</p>
          <a href="/fr/products/crayon-sourcils-eyebrow-designer-gentle-brown-1-13g-1-piece-611">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crayon sourcils Eyebrow Designer Gentle Brown, 1,13g, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oah_qa3W9Wbtu2bELrf7KOSNeGu9NU6oMnNLO3CdVC_wkWjoCcz6U2l2jj7HqNNAIEYSxRQZWu-1dClllp0CIA" />
    <input value="611" 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/baguette-camusette-epeautre-precuite-bio-400-g-613">
          <img alt="Baguette Camusette épeautre précuite Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/562/file/small-1b57b286136b09657dafdd1c6fcfd675.webp 600w, https://assets.fabulous.ch/public/variant_asset/562/file/medium-578710f8c93036d69af84fe12fadb875.webp 900w, https://assets.fabulous.ch/public/variant_asset/562/file/large-df9b1f69d25af5b0a9939496d26f7e30.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/562/file/medium-578710f8c93036d69af84fe12fadb875.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">L&#39;Angelus</p>
          <a href="/fr/products/baguette-camusette-epeautre-precuite-bio-400-g-613">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baguette Camusette épeautre précuite Bio, 400 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 1.83 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a5v0XxOMwl8HWrEYV1XGLmgOAEBHpCfYqcZef45QPUM6ouMet5bNaoOXWeK-Su5GrMVq7u6IM58uwTwhaFBrTA" />
    <input value="613" 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/haricot-rouge-boite-bio-400-g-621">
          <img alt="Haricot Rouge boîte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/566/file/small-0d6630245cb58911c8d445630c108f9b.webp 600w, https://assets.fabulous.ch/public/variant_asset/566/file/medium-b2a2a3f49bdec64c67f7e8622c44eb2f.webp 900w, https://assets.fabulous.ch/public/variant_asset/566/file/large-37ce1198da62045ddd40c4b389d839b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/566/file/medium-b2a2a3f49bdec64c67f7e8622c44eb2f.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/haricot-rouge-boite-bio-400-g-621">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Haricot Rouge boîte Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="doztm30r7GjOdcf85Hl3Kn4Sibe6of8l5AMXTXY91YIntfra2THjXUq4LwYNZl9CutnjGRON62JjBHUTkD2DjQ" />
    <input value="621" 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/baked-beans-bio-400-g-622">
          <img alt="Baked Beans Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/567/file/small-958908d3a47216d65b77fb6e6ad204a4.webp 600w, https://assets.fabulous.ch/public/variant_asset/567/file/medium-122425f9fc6fb71dd39bc9ba123cdf7c.webp 900w, https://assets.fabulous.ch/public/variant_asset/567/file/large-73cc6ba754ce8fe889964449c88dcf1f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/567/file/medium-122425f9fc6fb71dd39bc9ba123cdf7c.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/baked-beans-bio-400-g-622">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baked Beans Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

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

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



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

</template></turbo-stream>