<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/poudre-de-boisson-a-l-avoine-chai-latte-bio-300-g-14365">
          <img alt="Poudre de boisson à l&#39;avoine Chai Latte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6673/file/small-c4c6389d73e86c61532275318b30dbaa.webp 600w, https://assets.fabulous.ch/public/variant_asset/6673/file/medium-568f2d82ab001068ae2c88e6e13aeb16.webp 900w, https://assets.fabulous.ch/public/variant_asset/6673/file/large-76d86bbada507571d56694376afa6aa5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6673/file/medium-568f2d82ab001068ae2c88e6e13aeb16.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">BlueFarm</p>
          <a href="/fr/products/poudre-de-boisson-a-l-avoine-chai-latte-bio-300-g-14365">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Poudre de boisson à l&#39;avoine Chai Latte Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xsq8dyf_dR9M0ESMCK6kbQNoPgdw9kgHjvmACCbMgP9yY_Fu94VJdkUjuIL5crRt_LCZ5XlnYDPSAZNxQTICXg" />
    <input value="14365" 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/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èce</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="eq8lt6jEGCTB983iJ0NI6V5AGD1WMR3B-DDrQ36HwbTOBmiueL4kTcgEMezWn1jpoZi_31-gNfWkyPg6GXlDFQ" />
    <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 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/concentre-de-tamarin-bio-120-g-14410">
          <img alt="Concentré de Tamarin Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6674/file/small-11aff22fb46eec6dfb7f603091ee83e9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6674/file/medium-be19a219c41cd69b00e580739f03d184.webp 900w, https://assets.fabulous.ch/public/variant_asset/6674/file/large-c09d12d995cce6fb1237dc183d1a8eed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6674/file/medium-be19a219c41cd69b00e580739f03d184.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">YAKSO</p>
          <a href="/fr/products/concentre-de-tamarin-bio-120-g-14410">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Concentré de Tamarin Bio, 120 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 3.75 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dkfb0SbciE_pcvN_ittA73F2a-tExpMvnuAhxVeZA7jC7pbI9qa0JuCBD3F7B1Dvjq7MCU1XuxvCGDK8MGeBGQ" />
    <input value="14410" 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/dessert-de-riz-au-chocolat-bio-530-g-14411">
          <img alt="Dessert de Riz au Chocolat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6675/file/small-4560b9ac9a5f36a1276f9a2f48d2b092.webp 600w, https://assets.fabulous.ch/public/variant_asset/6675/file/medium-f124c19c87e4d87e6cc64ec3abdd75e3.webp 900w, https://assets.fabulous.ch/public/variant_asset/6675/file/large-034fa233c46028339a976caa058591a7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6675/file/medium-f124c19c87e4d87e6cc64ec3abdd75e3.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">SOON</p>
          <a href="/fr/products/dessert-de-riz-au-chocolat-bio-530-g-14411">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dessert de Riz au Chocolat Bio, 530 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sAI1U4rHo2psa4Ki7OG9lmTZYUlgWqBnpUFOjlmGPX8Eq3hKWr2fA2WYfqwdPa2WmwHGq2nLiFP5uV33Pni_3g" />
    <input value="14411" 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/dessert-de-riz-a-la-vanille-bio-530-g-14412">
          <img alt="Dessert de Riz à la Vanille Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6676/file/small-7dfd6738bf8f4e2f36d49d0560636615.webp 600w, https://assets.fabulous.ch/public/variant_asset/6676/file/medium-a19595875ac390edabac6113c10288b6.webp 900w, https://assets.fabulous.ch/public/variant_asset/6676/file/large-30ad1b9970bbe6ff3f44d48c087e397a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6676/file/medium-a19595875ac390edabac6113c10288b6.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">SOON</p>
          <a href="/fr/products/dessert-de-riz-a-la-vanille-bio-530-g-14412">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dessert de Riz à la Vanille Bio, 530 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.25
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sauce-de-roti-vegetalienne-bio-25-g-14413">
          <img alt="Sauce de Rôti végétalienne Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6678/file/small-4c76e4cb3111f5527a2b6ed40c8be720.webp 600w, https://assets.fabulous.ch/public/variant_asset/6678/file/medium-ba006d01bfdfc2e1311e1ef5d33ee7a8.webp 900w, https://assets.fabulous.ch/public/variant_asset/6678/file/large-7d74e3981561a5e7a2780b471ecef038.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6678/file/medium-ba006d01bfdfc2e1311e1ef5d33ee7a8.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/sauce-de-roti-vegetalienne-bio-25-g-14413">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce de Rôti végétalienne Bio, 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.75
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8_O35AMSmzIBvEJoW0DtwJuvYL_N-BFoIBO8fFpRIvtHWvr902inWwhPvmaqnP3AZHfHXcRpOVx8668FPa-gWg" />
    <input value="14413" 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/sauce-au-poivre-vegetalienne-bio-35-g-14414">
          <img alt="Sauce au poivre végétalienne Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6679/file/small-46fe80628f6cba7933e3b5d921d72365.webp 600w, https://assets.fabulous.ch/public/variant_asset/6679/file/medium-de5ac7649424a51bc8e413977bace3f2.webp 900w, https://assets.fabulous.ch/public/variant_asset/6679/file/large-00e2e85534f570fbc262312d1b7a83bd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6679/file/medium-de5ac7649424a51bc8e413977bace3f2.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/sauce-au-poivre-vegetalienne-bio-35-g-14414">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce au poivre végétalienne Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.75
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W5KXuBaJG8ok-afZFvP2CMQWjFfjp73Cx4a28G6TGafvO9qhxvMnoy0KW9fnL-YIO84rteo2lfabfqWJCW2bBg" />
    <input value="14414" 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-chocolatee-cacahuete-caramel-sale-bio-40-g-14432">
          <img alt="Barre chocolatée cacahuète caramel salé bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6680/file/small-692a1125e0d81777ac2a7d3aef090be7.webp 600w, https://assets.fabulous.ch/public/variant_asset/6680/file/medium-593ca2591f80863a254b124d4e5d5cf7.webp 900w, https://assets.fabulous.ch/public/variant_asset/6680/file/large-4805af467df9a4a409abc6578dd85052.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6680/file/medium-593ca2591f80863a254b124d4e5d5cf7.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/barre-chocolatee-cacahuete-caramel-sale-bio-40-g-14432">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre chocolatée cacahuète caramel salé bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.80
            </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-14432-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d8fQa4hAHAwu8sB1oIPieaBf1t-cOPWDTRbmIOgRyjDDbp1yWDogZScBPHtRX_J5X4dxPZWp3bcR7vVZj-9IkQ" />
    <input value="14432" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/barre-de-chocolat-brownie-bio-40-g-14433">
          <img alt="Barre de chocolat Brownie Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6683/file/small-76a25fdb64faa6925fef2397a2e6426d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6683/file/medium-14050503401be93f98949657f0548693.webp 900w, https://assets.fabulous.ch/public/variant_asset/6683/file/large-6dad189a8cedad29903c2686bb919f34.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6683/file/medium-14050503401be93f98949657f0548693.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/barre-de-chocolat-brownie-bio-40-g-14433">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre de chocolat Brownie Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.80
            </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-14433-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qX_tBmBML9eETd_WnYdP2fEI6t3Bgq6I-M2bNzZ8Rz8d1qAfsDYTvo2-I9hsW1_ZDtBNP8gThrykNYhOUYLFng" />
    <input value="14433" 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-de-chocolat-a-la-noix-de-coco-bio-40-g-14434">
          <img alt="Barre de chocolat à la noix de coco bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6682/file/small-287bb388eaca6e55e3de85d368323b95.webp 600w, https://assets.fabulous.ch/public/variant_asset/6682/file/medium-6bef953109d999e57dd2905f5251edfc.webp 900w, https://assets.fabulous.ch/public/variant_asset/6682/file/large-a65f148e27727ea645eadfcff94f7637.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6682/file/medium-6bef953109d999e57dd2905f5251edfc.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/barre-de-chocolat-a-la-noix-de-coco-bio-40-g-14434">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre de chocolat à la noix de coco bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.80
            </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-14434-card">
        

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/chips-de-pommes-de-terre-sel-de-mer-bio-125-g-14487">
          <img alt="Chips de pommes de terre sel de mer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6716/file/small-002b56a262de7e1c2523a4ea349813d1.webp 600w, https://assets.fabulous.ch/public/variant_asset/6716/file/medium-dd9f904deea403c75eeb31f5369651a8.webp 900w, https://assets.fabulous.ch/public/variant_asset/6716/file/large-394f30863769cb531491520322250596.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6716/file/medium-dd9f904deea403c75eeb31f5369651a8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Heimatgut</p>
          <a href="/fr/products/chips-de-pommes-de-terre-sel-de-mer-bio-125-g-14487">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips de pommes de terre sel de mer Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.25
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="F9BDAOWg9emob2dDYsqvSd2zqaAhcdaG4aPm85tmQ-yjeQ4ZNdrJgKGcm02TFr9JImsOQijg_rK9W_WK_JjBTQ" />
    <input value="14487" 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/sleep-support-pour-un-meilleur-sommeil-60-capsules-60-piece-14556">
          <img alt="Sleep Support « pour un meilleur sommeil », 60 Capsules" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6732/file/small-6bd6fcacea87b07d981692298f73d89c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6732/file/medium-4144e9083cfcbf1881325c87c0c60ca2.webp 900w, https://assets.fabulous.ch/public/variant_asset/6732/file/large-f776769f14ba46fc9daea4668ea252dd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6732/file/medium-4144e9083cfcbf1881325c87c0c60ca2.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">Vegetology</p>
          <a href="/fr/products/sleep-support-pour-un-meilleur-sommeil-60-capsules-60-piece-14556">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sleep Support « pour un meilleur sommeil », 60 Capsules, 60 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gxhjj5uN0G8UdCvrI7Lp-twJycz_tDj-Apngbagg8yI3sS6WS_fsBh2H1-XSbvn6I9FuLvYlEMpeYfMUz95xgw" />
    <input value="14556" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sleep-support-sante-des-os-60-capsules-60-piece-14557">
          <img alt="Sleep Support « Santé des os », 60 Capsules" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6735/file/small-0a7f147a6777bc54db0ff5bfda03953c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6735/file/medium-06699a45718b1d1ca440586ceee32057.webp 900w, https://assets.fabulous.ch/public/variant_asset/6735/file/large-f43bfbefc9dd335611a8c7c8942cccaf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6735/file/medium-06699a45718b1d1ca440586ceee32057.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">Vegetology</p>
          <a href="/fr/products/sleep-support-sante-des-os-60-capsules-60-piece-14557">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sleep Support « Santé des os », 60 Capsules, 60 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.90
            </p>

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

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

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

      </div>
    </div>
  </div>


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pregnancy-care-grossesse-allaitement-multivitamines-60-comprimes-60-piece-14558">
          <img alt="Pregnancy Care Grossesse &amp; Allaitement Multivitamines, 60 comprimés" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6736/file/small-0ff84ee69bb58bd2eeb83e5c06dbd531.webp 600w, https://assets.fabulous.ch/public/variant_asset/6736/file/medium-e6a36dac23d8625842c1476ed7aeda2c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6736/file/large-c74b3aa19c377d316bbe5262d7f31c3a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6736/file/medium-e6a36dac23d8625842c1476ed7aeda2c.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">Vegetology</p>
          <a href="/fr/products/pregnancy-care-grossesse-allaitement-multivitamines-60-comprimes-60-piece-14558">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pregnancy Care Grossesse &amp; Allaitement Multivitamines, 60 comprimés, 60 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.80
            </p>

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

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

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

      </div>
    </div>
  </div>


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/kids-multivit-comprimes-a-croquer-60-pieces-60-piece-14559">
          <img alt="Kids MultiVit comprimés à croquer, 60 pièces" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6737/file/small-bfb888f9c3e068956f6ff0a0f79e290a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6737/file/medium-f71e92d6b871b0b4be0c7a4bf0bf5c9f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6737/file/large-2494a7eb4c77893c31426bab1fa5066c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6737/file/medium-f71e92d6b871b0b4be0c7a4bf0bf5c9f.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">Vegetology</p>
          <a href="/fr/products/kids-multivit-comprimes-a-croquer-60-pieces-60-piece-14559">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kids MultiVit comprimés à croquer, 60 pièces, 60 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

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

      </div>
    </div>
  </div>


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/epices-d-hiver-moulues-bio-50-g-14564">
          <img alt="Épices d&#39;hiver moulues Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6738/file/small-c625021909579f53ad6f0059fa5a5d9f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6738/file/medium-ee98b040cbbcf6581cc339165cdeeb38.webp 900w, https://assets.fabulous.ch/public/variant_asset/6738/file/large-c19c943ea959f3d8ca6b43ac0056d52a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6738/file/medium-ee98b040cbbcf6581cc339165cdeeb38.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">Lebensbaum</p>
          <a href="/fr/products/epices-d-hiver-moulues-bio-50-g-14564">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Épices d&#39;hiver moulues Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nTw_n7vrNXeFysdoM3J-WmjTYQwgcl0V_wMgbR0Aen8plXKGa5EJHow5O2bCrm5alwvG7injdSGj-zMUev743g" />
    <input value="14564" 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/friandise-pour-chiens-beurre-de-cacahuetes-banane-kale-100-g-14572">
          <img alt="Friandise pour chiens beurre de cacahuètes banane Kale" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6742/file/small-2e7368fb9ef4bdeca5a85de0f1c189d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6742/file/medium-bf6ad690b3b1d55e78e7c87050705e1c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6742/file/large-4938a6306426d4433e73ca402fccd411.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6742/file/medium-bf6ad690b3b1d55e78e7c87050705e1c.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">Denzel&#39;s</p>
          <a href="/fr/products/friandise-pour-chiens-beurre-de-cacahuetes-banane-kale-100-g-14572">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Friandise pour chiens beurre de cacahuètes banane Kale, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OI9KGdO0cColJdt1g2ndphHDUVigMUWOd_roA2kvOPmMJgcAA85MQyzWJ3tytc2m7hv2uqmgbborAvt6DtG6WA" />
    <input value="14572" 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/articles-a-macher-pour-chiens-beurre-de-cacahuetes-menthe-100-g-14574">
          <img alt="Articles à mâcher pour chiens beurre de cacahuètes menthe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6746/file/small-bbb1eccd560b583860e69224c0a83f80.webp 600w, https://assets.fabulous.ch/public/variant_asset/6746/file/medium-8909b2130f6d391724fcb17cdf473543.webp 900w, https://assets.fabulous.ch/public/variant_asset/6746/file/large-cfe36e271e1184cca127e22d2851145c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6746/file/medium-8909b2130f6d391724fcb17cdf473543.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">Denzel&#39;s</p>
          <a href="/fr/products/articles-a-macher-pour-chiens-beurre-de-cacahuetes-menthe-100-g-14574">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Articles à mâcher pour chiens beurre de cacahuètes menthe, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aN5Evuwt-c2Zx-oR1Go5WTgaRW8lttNrw48vk6z1hqfcdwmnPFfFpJA0Fh8ltilZx8LijSwn-1-fdzzqywsEBg" />
    <input value="14574" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/bumi-burger-de-courge-et-tofu-bio-200-g-14595">
          <img alt="Bumi Burger de courge et tofu Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6747/file/small-6ca78c093168015c3b51146bf7b482f8.webp 600w, https://assets.fabulous.ch/public/variant_asset/6747/file/medium-fac450bb4a1a53cee4be181f4fed655f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6747/file/large-146f48867932b6821b4a5696314622d7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6747/file/medium-fac450bb4a1a53cee4be181f4fed655f.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">Bumi</p>
          <a href="/fr/products/bumi-burger-de-courge-et-tofu-bio-200-g-14595">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bumi Burger de courge et tofu Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

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

      </div>
    </div>
  </div>


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/bumi-pulled-seitan-gyros-bio-175-g-14596">
          <img alt="Bumi Pulled Seitan Gyros Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6750/file/small-82795b43a0877175ca0602006b3030a4.webp 600w, https://assets.fabulous.ch/public/variant_asset/6750/file/medium-47fbf36ae166d759a38135cf42a77479.webp 900w, https://assets.fabulous.ch/public/variant_asset/6750/file/large-2ad32edcadbbcbe5a792ed12234f9f31.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6750/file/medium-47fbf36ae166d759a38135cf42a77479.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">Bumi</p>
          <a href="/fr/products/bumi-pulled-seitan-gyros-bio-175-g-14596">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bumi Pulled Seitan Gyros Bio, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iThpX97QS_dr0dhi77AZVdjqy0AZXzsPy0JIMHjEenw9kSRGDqp3nmIiJGwebAlVJzJsohDOEzuXultJHzr43Q" />
    <input value="14596" 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">
      2&#39;260 sur 3&#39;170 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/sproud?format=turbo_stream&amp;page=114">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>