<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/riz-basmati-complet-biofarm-grand-conditionnement-bio-5-kg-15895">
          <img alt="Riz Basmati Complet Biofarm Grand conditionnement Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7302/file/small-2d77858e83ccfa841a87a7b0a4fc93df.webp 600w, https://assets.fabulous.ch/public/variant_asset/7302/file/medium-494b856818d5553f8157f62d06bf000b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7302/file/large-8c83c2b0cce817945b0fbc2e10ccb942.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7302/file/medium-494b856818d5553f8157f62d06bf000b.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">Biofarm</p>
          <a href="/fr/products/riz-basmati-complet-biofarm-grand-conditionnement-bio-5-kg-15895">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riz Basmati Complet Biofarm Grand conditionnement Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 41.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0iWeWtk9hZMRd_VgED81zOMlpgjmzkbOM9YsD3q9u-Q5G6kaLgQjFUYkxtNlMSe9vHe0Si0Vk-xXzHVnh0R9qg" />
    <input value="15895" 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-lovechock-salted-pecan-80-cacao-bio-40-g-12832">
          <img alt="Barre Lovechock Salted Pecan 80 % cacao Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6329/file/small-9e74d6918be6671973922665c5866154.webp 600w, https://assets.fabulous.ch/public/variant_asset/6329/file/medium-2d20b23508c8ca1be049396cd4a67821.webp 900w, https://assets.fabulous.ch/public/variant_asset/6329/file/large-11b626450d7c48b828fc1c18a91862cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6329/file/medium-2d20b23508c8ca1be049396cd4a67821.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lovechock</p>
          <a href="/fr/products/barre-lovechock-salted-pecan-80-cacao-bio-40-g-12832">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre Lovechock Salted Pecan 80 % cacao Bio, 40 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 12.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eQh4us4m0FUve2g0bfklKl2CzBww6Sl992isg5hXxriSNk_6OR9203goW4cY9zdbAtDeXvsy_F-TcvXrZa4A9g" />
    <input value="12832" 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/couches-ecologiques-t5-12-25kg-40-piece-14366">
          <img alt="Couches Ecologiques T5 12-25kg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6677/file/small-73b7614ed0f4ebdc683649e4650189bc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6677/file/medium-21b0f5dcb1dcda99017be3e6aa380682.webp 900w, https://assets.fabulous.ch/public/variant_asset/6677/file/large-ad9baee3f5434bd6d467b38ce847c10a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6677/file/medium-21b0f5dcb1dcda99017be3e6aa380682.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">Tidoo</p>
          <a href="/fr/products/couches-ecologiques-t5-12-25kg-40-piece-14366">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Couches Ecologiques T5 12-25kg, 40 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tS8DDAbzoKUd56ao97gaHYCqoXXIvtI4nj58qP6eakleETRM8coGI0q0lRuCtghs3_izNwNlBxr6JCXAA2esBw" />
    <input value="14366" 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-nettoyant-basis-sensitiv-2en1-125-ml-5802">
          <img alt="Lait nettoyant basis sensitiv 2en1" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3344/file/small-1bf066e58710345680e4930d1d9a61eb.webp 600w, https://assets.fabulous.ch/public/variant_asset/3344/file/medium-e5c89ba370f4205a71411309c2a14398.webp 900w, https://assets.fabulous.ch/public/variant_asset/3344/file/large-f680628d42d3314933a4056d08521eb9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3344/file/medium-e5c89ba370f4205a71411309c2a14398.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/fr/products/lait-nettoyant-basis-sensitiv-2en1-125-ml-5802">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lait nettoyant basis sensitiv 2en1, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dxywmlG-asK_BeWJkF0GSUymDArhKTOmpECvlNLAzp2cIofapofMROhW1jrlUxQ4E_QeSCry5oTAWvb8LzkI0w" />
    <input value="5802" 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/preparation-pour-pancakes-sans-gluten-bio-200-g-15182">
          <img alt="Préparation pour Pancakes 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/6959/file/small-c10775dd099bd85461e48433462fc627.webp 600w, https://assets.fabulous.ch/public/variant_asset/6959/file/medium-28b20337af3541e25f69122d788ff294.webp 900w, https://assets.fabulous.ch/public/variant_asset/6959/file/large-705c5f540dcd494a8ea1c8bf99f4e8db.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6959/file/medium-28b20337af3541e25f69122d788ff294.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/preparation-pour-pancakes-sans-gluten-bio-200-g-15182">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Préparation pour Pancakes Sans Gluten Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XH1tIG2kT3Sa5UbWnbJ4baMehxqJkot91g4W7Jf2ZD23Q1pgmp3p8s22dWXovGoc_EyVWEJJXl-yFE-Eag-icw" />
    <input value="15182" 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/toastie-high-protein-sans-gluten-bio-170-g-16799">
          <img alt="Toastie High Protein 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/7821/file/small-c590616c04a258c22f6087cda7cca87a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7821/file/medium-946b960e017887427a1e758fac2b5d41.webp 900w, https://assets.fabulous.ch/public/variant_asset/7821/file/large-f024af33d2a862b2f78575e6347e7282.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7821/file/medium-946b960e017887427a1e758fac2b5d41.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">Schnitzer</p>
          <a href="/fr/products/toastie-high-protein-sans-gluten-bio-170-g-16799">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Toastie High Protein sans gluten Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WsxiOsZGGSt0-1S-XdFjxGP_QMQyxk8ZMqOMyh-gvRex8lV6MX-_rSOoZw0o33G1PK1ShvkdmjtWudWi4ll7WQ" />
    <input value="16799" 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/savon-liquide-doux-basis-sensitiv-recharge-500-ml-6908">
          <img alt="Savon Liquide Doux &#39;Basis Sensitiv&#39; Recharge" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4001/file/small-b84cb3a1c2195c256725361c88639013.webp 600w, https://assets.fabulous.ch/public/variant_asset/4001/file/medium-ac7e002f63f806a933002a0cd682eb5d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4001/file/large-847f73093f09383763fcc4ef5a06cffc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4001/file/medium-ac7e002f63f806a933002a0cd682eb5d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/fr/products/savon-liquide-doux-basis-sensitiv-recharge-500-ml-6908">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Savon Liquide Doux &#39;Basis Sensitiv&#39; Recharge, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="etvlvm-gftrOk9Bk_dMqr4zggHXMpGqO0P7tWQDletaR5dL-mJnYXJnA49eI3Tje07KSNwd_v6y05LQx_Ry8mA" />
    <input value="6908" 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/boisson-au-chanvre-sans-sucres-ajoutes-bio-1-l-4050">
          <img alt="Boisson au chanvre Sans sucres ajoutés Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2570/file/small-618c6c9f55cbc2b73124f83e0aed8d03.webp 600w, https://assets.fabulous.ch/public/variant_asset/2570/file/medium-776f31529d2787d735d0ca852fdf821f.webp 900w, https://assets.fabulous.ch/public/variant_asset/2570/file/large-ea4df4bb62e70057814c0d65aba6a321.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2570/file/medium-776f31529d2787d735d0ca852fdf821f.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">Ecomil</p>
          <a href="/fr/products/boisson-au-chanvre-sans-sucres-ajoutes-bio-1-l-4050">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson au chanvre Sans sucres ajoutés Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qtkPrjqD5TFymQVeF-ariUGFuwd460RizemCYt_j1PVB5zjuzbpDtyXKNu1i6Ln4HtepRbMwkUCp89sKIhoSuw" />
    <input value="4050" 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/dattello-creme-choco-dattes-bio-400-g-15810">
          <img alt="Dattello Crème Choco-Dattes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7219/file/small-7cdfebc9ff6eb5edd51664337b5af1a9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7219/file/medium-f2979ae5d8338bc2ba9e4f1336323e97.webp 900w, https://assets.fabulous.ch/public/variant_asset/7219/file/large-878d697de2e0db0f1646a06f8f756ab5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7219/file/medium-f2979ae5d8338bc2ba9e4f1336323e97.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MAKRi</p>
          <a href="/fr/products/dattello-creme-choco-dattes-bio-400-g-15810">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dattello Crème Choco-Dattes Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Vo20_7hei0z-w_LGSYve78ALFFnkzcoWNPuErPenjIe9s4O_T2ctyqmQwXU8hcyen1kGGy8WHzRQ4d3ECl5KyQ" />
    <input value="15810" 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/concentre-de-tomates-double-concentre-28-30-bio-145-g-7988">
          <img alt="Concentré de tomates, double concentré 28-30% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4676/file/small-a188e6d9b83b49c95072dd93d95e7870.webp 600w, https://assets.fabulous.ch/public/variant_asset/4676/file/medium-2feaee0a189f881e594e11f9bb4ee2fd.webp 900w, https://assets.fabulous.ch/public/variant_asset/4676/file/large-dfe8957b2ca39c0c9c896b0b75e4a027.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4676/file/medium-2feaee0a189f881e594e11f9bb4ee2fd.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/concentre-de-tomates-double-concentre-28-30-bio-145-g-7988">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Concentré de tomates, double concentré 28-30% Bio, 145 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z9mN_d91izsVOuxETEzBOHZ6cCi7gI-uMdpuMD30X70k57q9KEwtvUJp3_c5QtNJKShianBbWoxVwDdYwA2Z8w" />
    <input value="7988" 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/violife-en-bloc-epic-mature-alternative-vegan-au-cheddar-200-g-8564">
          <img alt="Violife en Bloc Epic Mature alternative vegan au Cheddar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4991/file/small-0574e3d881b090b825de82026c4f88c7.webp 600w, https://assets.fabulous.ch/public/variant_asset/4991/file/medium-93f84b368be62d2d7afa9ab285d6c15d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4991/file/large-ea0f32b4077c8b44ed00e2e8d304084e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4991/file/medium-93f84b368be62d2d7afa9ab285d6c15d.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">Violife</p>
          <a href="/fr/products/violife-en-bloc-epic-mature-alternative-vegan-au-cheddar-200-g-8564">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Violife en Bloc Epic Mature alternative vegan au Cheddar, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </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.90 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SwIYH6xUyOrGpJujOH5fEKS4Y75B-Y1wuFaX1dyfC0mgPC9fW21ubJH3qBBNcE1h--px_IoiWFLcTM69IWbNBw" />
    <input value="8564" 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/proteine-de-pois-facon-lyoner-bio-200-g-16134">
          <img alt="Protéine de Pois Façon Lyoner Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7436/file/small-9f66b17cbf46c456a6a092a9855cba4e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7436/file/medium-a2854bd7e052c150d0f3ff0a5dc2c1db.webp 900w, https://assets.fabulous.ch/public/variant_asset/7436/file/large-4abef3748ba1b1a94901739ce390a82c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7436/file/medium-a2854bd7e052c150d0f3ff0a5dc2c1db.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">Wheaty</p>
          <a href="/fr/products/proteine-de-pois-facon-lyoner-bio-200-g-16134">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protéine de Pois Façon Lyoner Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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 2.48 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="odCebLs9Dvz3xPsHlAtsYOBQWnvxmDpb8F0xJ1SZov1K7qksTASoeqCXyLThBX4RvwJIOTpD73mUR2hPqWBksw" />
    <input value="16134" 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/nuggets-croustillants-bio-180-g-13874">
          <img alt="Nuggets Croustillants Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6598/file/small-0c8f68067b60ee685063630904d5875b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6598/file/medium-2c86e3c86b733c78eb2feb418057a287.webp 900w, https://assets.fabulous.ch/public/variant_asset/6598/file/large-2978a604574d6e9bcf1adce3eebc79b0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6598/file/medium-2c86e3c86b733c78eb2feb418057a287.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">the vegan cow</p>
          <a href="/fr/products/nuggets-croustillants-bio-180-g-13874">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nuggets Croustillants Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </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.67 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RW5SxIK0Bo0i4XvD3he5cLifEeNjMnwPjS08sfCA98-uUGWEdY2gC3WySHCrGasB580DoajpqS3pN2XZDXkxgQ" />
    <input value="13874" 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/pasta-simona-tagliatelle-pates-ble-en-gros-bio-5-kg-6207">
          <img alt="Pasta Simona Tagliatelle Pâtes Blé en gros Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3566/file/small-2643f8a6f16b7ecdedeff40204ef3174.webp 600w, https://assets.fabulous.ch/public/variant_asset/3566/file/medium-2937dc273cc311fbd853d3c37039187e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3566/file/large-e9e67170a91bba9a9351bbe68b4e2253.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3566/file/medium-2937dc273cc311fbd853d3c37039187e.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">Pasta Simona</p>
          <a href="/fr/products/pasta-simona-tagliatelle-pates-ble-en-gros-bio-5-kg-6207">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Simona Tagliatelle Pâtes Blé en gros Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Bl1hdZoshagjqvycj5CGiLuhBNSCYUd8NDfUWURO_bXtY1Y1bRUjLnT5zy_6npT55PMWlkm6kl5QLY0xubc7-w" />
    <input value="6207" 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/rapunzel-caramel-sel-bio-100-g-15459">
          <img alt="Rapunzel Caramel &amp; Sel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7057/file/small-3b9068160f73c9752eb1381790ac4faa.webp 600w, https://assets.fabulous.ch/public/variant_asset/7057/file/medium-aac5e04f8b9e683e09d252dbb26427e7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7057/file/large-777b96df47f3e41f757b5c9f492115da.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7057/file/medium-aac5e04f8b9e683e09d252dbb26427e7.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/rapunzel-caramel-sel-bio-100-g-15459">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rapunzel Caramel &amp; Sel Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1ElHh3o1uOxzFfjCCN5EstNwQUvkWdymEmoo47lVLLk_d3DHjQweaiRGy3F90FbDjCJTCS-CCYR2cHGLRKzq9w" />
    <input value="15459" 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/flocons-avoine-fins-en-gros-biosuisse-5-kg-9234">
          <img alt="Flocons Avoine fins en gros BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5258/file/small-0e352d9b55d3fdb16310ca4d2801c7da.webp 600w, https://assets.fabulous.ch/public/variant_asset/5258/file/medium-7dc918e4473f6ebd9d217668603108c1.webp 900w, https://assets.fabulous.ch/public/variant_asset/5258/file/large-22a0e97fe023f562d2d4a07bccb37a3b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5258/file/medium-7dc918e4473f6ebd9d217668603108c1.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">Biofarm</p>
          <a href="/fr/products/flocons-avoine-fins-en-gros-biosuisse-5-kg-9234">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flocons Avoine fins en gros BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SKKnOhNfmNQ6m4w4swESTmzjo32v5ZaKumhrleTKVyOjnJB65GY-Um3Iv4vGDwA_M7GxP2Q-Q6jecjL9GTORbQ" />
    <input value="9234" 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/sucettes-glacees-fruity-ice-sticks-bio-400-ml-15600">
          <img alt="Sucettes glacées Fruity Ice Sticks Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7124/file/small-389bdf36bde47b067b99a246c51cb44a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7124/file/medium-1aea2c2d9a0d5a0434becf64a1d0d3f8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7124/file/large-c4b409df7ff991dba966674499e40f9c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7124/file/medium-1aea2c2d9a0d5a0434becf64a1d0d3f8.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">Biotta</p>
          <a href="/fr/products/sucettes-glacees-fruity-ice-sticks-bio-400-ml-15600">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sucettes glacées Fruity Ice Sticks Bio, 400 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="g7Ah27BuyMpzVU6ZQIv0zK4evcxI2x-vuax7ngcrmKBojhabR1duTCQGfSo1hea98UyvjoMAyo3dtiL2-tJe7g" />
    <input value="15600" 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/papier-d-aluminium-100-recycle-1-piece-1988">
          <img alt="Papier d&#39;aluminium 100% Recyclé" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1575/file/small-1181a9a4884af9548bd184c5238804f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/1575/file/medium-2445692a96763da3503ff13731dc75c7.webp 900w, https://assets.fabulous.ch/public/variant_asset/1575/file/large-8c3a054d8ba35de09241413ba9a5d470.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1575/file/medium-2445692a96763da3503ff13731dc75c7.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">If you care</p>
          <a href="/fr/products/papier-d-aluminium-100-recycle-1-piece-1988">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Papier d&#39;aluminium 100% Recyclé, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Y2xWijbjaO-3t3gzqxKpcpdn5koqs64H7yYjsYIoa7WIUmHKwdrOaeDkS4DeHLsDyDX0COFoeyWLPHrZf9Gt-w" />
    <input value="1988" 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/petits-pois-jaunes-en-gros-biosuisse-5-kg-10343">
          <img alt="Petits Pois Jaunes en gros BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5559/file/small-54789dc50d91a31ccff36094d225eea7.webp 600w, https://assets.fabulous.ch/public/variant_asset/5559/file/medium-dea0baf3fe18d71033de4ddb84634fb6.webp 900w, https://assets.fabulous.ch/public/variant_asset/5559/file/large-3411c336244873c52fa35ad706482efd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5559/file/medium-dea0baf3fe18d71033de4ddb84634fb6.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">Biofarm</p>
          <a href="/fr/products/petits-pois-jaunes-en-gros-biosuisse-5-kg-10343">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Petits Pois Jaunes en gros BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 45.75
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZsnXN8y8jE8Bm58Es3qPAhvT0c4sX6-PWymlEF4F3cCN9-B3O4UqyVbIrLfGdJ1zRIHDjOeEeq0_M_x4o_wbjg" />
    <input value="10343" 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/boisson-de-riz-choco-bio-500-ml-11327">
          <img alt="Boisson de Riz Choco Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5804/file/small-d2a539d052bd95018f2d376e7ef8c4b3.webp 600w, https://assets.fabulous.ch/public/variant_asset/5804/file/medium-620d84fe5d35fbd17e111efba84039c5.webp 900w, https://assets.fabulous.ch/public/variant_asset/5804/file/large-017599ad370d175092720a3b085a5a72.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5804/file/medium-620d84fe5d35fbd17e111efba84039c5.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/boisson-de-riz-choco-bio-500-ml-11327">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson de Riz Choco Bio, 500 ml</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 0.54 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hJGjjcX-d_DaEa96zhODYqpr1K9kkptywCezeHvLE5Zvr5TNMsfRdo1CnMm7HZET9TnG7a9JTlCkPeoQhjLV2A" />
    <input value="11327" 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">
      540 sur 3&#39;191 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/henauer-kaffee?format=turbo_stream&amp;page=28">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>