<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/harvest-moon-original-barista-bio-1-l-15652">
          <img alt="Harvest Moon Original Barista Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7138/file/small-f57939d22a98f5efeae57f855e7b914e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7138/file/medium-06bae6feb39e2183c35521f15ef4c4f3.webp 900w, https://assets.fabulous.ch/public/variant_asset/7138/file/large-866a3ecfd1e945169788a3911ffe4118.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7138/file/medium-06bae6feb39e2183c35521f15ef4c4f3.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">Harvest Moon</p>
          <a href="/fr/products/harvest-moon-original-barista-bio-1-l-15652">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Harvest Moon Original Barista Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </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 0.47 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8BMNdg9RGonQ36q2DgaO0Zn3avHzooAB-UV7ux5XDKK2galJQlCl2IgKAPrPEC6kt8j4I9Lt9mNpchaP46ngaw" />
    <input value="15652" type="hidden" name="variant_id" id="variant_id" />
    <input value="6" 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/alternative-pour-oeufs-frais-bio-200-g-2065">
          <img alt="Alternative pour œufs frais Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1615/file/small-c334f2528ec95f45be465d2a728c8a3f.webp 600w, https://assets.fabulous.ch/public/variant_asset/1615/file/medium-ae5e3523d27630a9eae5390634447861.webp 900w, https://assets.fabulous.ch/public/variant_asset/1615/file/large-ec2c3926b1749b13a6fd6c3af2cfde71.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1615/file/medium-ae5e3523d27630a9eae5390634447861.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">Lord of Tofu</p>
          <a href="/fr/products/alternative-pour-oeufs-frais-bio-200-g-2065">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Alternative pour œufs frais Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </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.10 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D1rwoK5KFSQQSiTNwFQD3Oqr1i5JaCskKa5yADocRsVJyFSf40uqdUifjoEBQqOpxJRE_GgnXUa5mR80x-KqDA" />
    <input value="2065" 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/alternative-vegetalienne-au-sere-nature-bio-190-g-9920">
          <img alt="Alternative végétalienne au Séré NATURE Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5459/file/small-7f93710160da8b9bc56c3950e522c454.webp 600w, https://assets.fabulous.ch/public/variant_asset/5459/file/medium-3387309648b859cc836ec8c06d11a117.webp 900w, https://assets.fabulous.ch/public/variant_asset/5459/file/large-c341282f635452fe68d14fe7b30d3880.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5459/file/medium-3387309648b859cc836ec8c06d11a117.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">Harvest Moon</p>
          <a href="/fr/products/alternative-vegetalienne-au-sere-nature-bio-190-g-9920">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Alternative végétalienne au Séré NATURE Bio, 190 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </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.16 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6FRWunscS7Abl3b00Vz-msAimtsNMzDmIKj0GJaBsTeuxvKFNh304UNC3LgQSl7v7h0ICSx8RoSwn5ksa39d_g" />
    <input value="9920" type="hidden" name="variant_id" id="variant_id" />
    <input value="3" 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/tempeh-de-lupines-aux-herbes-sauvages-bio-170-g-17201">
          <img alt="Tempeh de lupines aux herbes sauvages Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8028/file/small-23cb8cdc8ea94617af95bed0ca09fd55.webp 600w, https://assets.fabulous.ch/public/variant_asset/8028/file/medium-06d29686d72f19e4cebc9de77ee57475.webp 900w, https://assets.fabulous.ch/public/variant_asset/8028/file/large-413a19300604c8bd054f788c56f0918a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8028/file/medium-06d29686d72f19e4cebc9de77ee57475.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">Tempehmanufaktur</p>
          <a href="/fr/products/tempeh-de-lupines-aux-herbes-sauvages-bio-170-g-17201">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tempeh de lupines aux herbes sauvages Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5Qwcz1tx3pdBo1fyCfjX4SYQN5mf0wfoZNzC3cSp1iajnrjwFnBhxhl2_b7I7neUCC-lS76ccYr066_pOVc67w" />
    <input value="17201" 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/tempeh-teriyaki-bio-200-g-17198">
          <img alt="Tempeh Teriyaki Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8024/file/small-79de11e7693936bda3891ebfec06bb20.webp 600w, https://assets.fabulous.ch/public/variant_asset/8024/file/medium-2bceeb42904083c172ad615c61c72794.webp 900w, https://assets.fabulous.ch/public/variant_asset/8024/file/large-e41e875a91a30611e7a14a3d28fca049.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8024/file/medium-2bceeb42904083c172ad615c61c72794.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">Tempehmanufaktur</p>
          <a href="/fr/products/tempeh-teriyaki-bio-200-g-17198">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tempeh Teriyaki Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CBQXcfwJC7gCekW34uBgqp-xKqbaOFjbvBy09mEO1r9OhrNOsQi06Vqv7_sj9sDfsY64dPt3LrksK9nCnPA6dg" />
    <input value="17198" 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/alsan-margarine-bio-250-g-14">
          <img alt="Alsan Margarine Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1/file/small-3e93ced63b65fefc6324d9b83c0befce.webp 600w, https://assets.fabulous.ch/public/variant_asset/1/file/medium-82bc30e602eae0142f35525aa6b46782.webp 900w, https://assets.fabulous.ch/public/variant_asset/1/file/large-95a10b92c2dce9245561ce25f34e6265.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1/file/medium-82bc30e602eae0142f35525aa6b46782.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">Alsan BIO</p>
          <a href="/fr/products/alsan-margarine-bio-250-g-14">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Alsan Margarine Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zqub5CCg9VDGcjATB53kUqlGcFpQP3DQtBjQKq4kyqGIOT_bbaFKAZ6nml_Gi0Qnh3niiHFwBrIkL70eU9omaA" />
    <input value="14" 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/myyo-vegan-ferment-pour-fabrication-de-yaourt-3-sachet-5-g-8261">
          <img alt="MyYo VEGAN Ferment pour fabrication de yaourt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8916/file/small-20f806ab4869ffcfcaf623dcaf7190cc.webp 600w, https://assets.fabulous.ch/public/variant_asset/8916/file/medium-78e9d0be726ad4e676a1488302492d1c.webp 900w, https://assets.fabulous.ch/public/variant_asset/8916/file/large-df0a2ccaf2f6dc12e712f4956f46895b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8916/file/medium-78e9d0be726ad4e676a1488302492d1c.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">my.yo</p>
          <a href="/fr/products/myyo-vegan-ferment-pour-fabrication-de-yaourt-3-sachet-5-g-8261">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">MyYo VEGAN Ferment pour fabrication de yaourt, 3 x 5 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lCLkUJ9-3QKQs35JPYAdLNLhh0tQaHBCpbSydwj6mgbSsEBv0n9iU8hm1AX8lr1Z_N4VmXEnBiA1g99D9QR2zw" />
    <input value="8261" 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/myyo-lacto-pro-ferment-pour-fabrication-de-yaourt-3-sachet-25-g-2954">
          <img alt="MyYo LACTO PRO Ferment pour fabrication de yaourt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8915/file/small-d14f27e9447ef4a3d6a82c598577ecea.webp 600w, https://assets.fabulous.ch/public/variant_asset/8915/file/medium-d341ac2e4429d56637b1c30589c23e3a.webp 900w, https://assets.fabulous.ch/public/variant_asset/8915/file/large-7d7820cfe991ad744082cb5b137d094e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8915/file/medium-d341ac2e4429d56637b1c30589c23e3a.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">my.yo</p>
          <a href="/fr/products/myyo-lacto-pro-ferment-pour-fabrication-de-yaourt-3-sachet-25-g-2954">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">MyYo LACTO PRO Ferment pour fabrication de yaourt Bio, 3 x 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rsen7rOWvRWZBp4Mt-Eu47-4Z2vJC4WatvpeFywh_7boVQPR_pcCRMHTNEB2946WkYf1uehE8_gmzTMj0d8Tfw" />
    <input value="2954" 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/machine-a-yaourt-mint-sans-electricite-1-piece-7023">
          <img alt="Machine à yaourt MINT sans électricité" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4056/file/small-e93f7cef545f78c7d2f21d03c97a41a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/4056/file/medium-b0097376927a343c0fc581650430a128.webp 900w, https://assets.fabulous.ch/public/variant_asset/4056/file/large-1d319f3ad7be6498116c846dde147ef3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4056/file/medium-b0097376927a343c0fc581650430a128.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">my.yo</p>
          <a href="/fr/products/machine-a-yaourt-mint-sans-electricite-1-piece-7023">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Machine à yaourt MINT sans électricité, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 45.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9sjpNpLdmQVp2wbb7jAazkxC8Og_OTjLZEH7WOwOG8awWk0J39wmVDEOrJcvJrq7Yn1iOh52Tqn0dpZsEfD3Dw" />
    <input value="7023" 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/machine-a-yaourt-conteneur-de-remplacement-1-piece-3991">
          <img alt="Machine à yaourt conteneur de remplacement" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2525/file/small-03349d0133ffad47e6841b209960e528.webp 600w, https://assets.fabulous.ch/public/variant_asset/2525/file/medium-cfb96985e8886e85d8bc52da2c85371f.webp 900w, https://assets.fabulous.ch/public/variant_asset/2525/file/large-e742f14927cc295b4d39bc54c1c658c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2525/file/medium-cfb96985e8886e85d8bc52da2c85371f.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">my.yo</p>
          <a href="/fr/products/machine-a-yaourt-conteneur-de-remplacement-1-piece-3991">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Machine à yaourt conteneur de remplacement, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jqWUm5GzJzhdS9PBTamijuWV90K6UbLWftZ3OHBZ-JTINzCk3LKYaQWeeY2MvwL7y6plkJsexLTu4RoMjacUXQ" />
    <input value="3991" 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/crackers-crus-olive-sans-gluten-bio-90-g-5393">
          <img alt="Crackers Crus Olive 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/8823/file/small-800328ef2df4f372ca6762a152ea2f3d.webp 600w, https://assets.fabulous.ch/public/variant_asset/8823/file/medium-0e2139442c61037c5e090bf5ba4ff576.webp 900w, https://assets.fabulous.ch/public/variant_asset/8823/file/large-517118c177e77fbe7531c085a0e8a723.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8823/file/medium-0e2139442c61037c5e090bf5ba4ff576.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">Lifefood</p>
          <a href="/fr/products/crackers-crus-olive-sans-gluten-bio-90-g-5393">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crackers Crus Olive Sans Gluten Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WVHDi2MuRvHNjzw0k2Dofeoj7WgT7xV6dvXrdin7qTUfw2e0Li_5oJValnhSdkgIxBx_ujKgYxjmwoZC1AVF_A" />
    <input value="5393" 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-soja-nature-sans-sucre-ajoute-bio-1-l-1687">
          <img alt="Boisson Soja Nature sans sucre ajouté Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1344/file/small-2836380e8e071aa1c34dfe22aed96171.webp 600w, https://assets.fabulous.ch/public/variant_asset/1344/file/medium-43144f0f79eda6baa3359e518ff247a0.webp 900w, https://assets.fabulous.ch/public/variant_asset/1344/file/large-26440529d3908b3f48d022be176e0216.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1344/file/medium-43144f0f79eda6baa3359e518ff247a0.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-soja-nature-sans-sucre-ajoute-bio-1-l-1687">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson Soja Nature sans sucre ajouté Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SrOTcRR1v84_bKU8qfFVwSsAzJiRK0LokeYBLhQN7gIMITdOWXQAn2e5D3Bo5_W0BT9eSrBkNIoB0Wwa6fMCyw" />
    <input value="1687" 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="jB8Rris9r6iO_7gayB7hPv_qujd7PEtDZwDHEME1-zPKjbWRZjwQ-dYqElYJCEFL0dUo5VpzPSH3N6okPMsX-g" />
    <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/tablette-de-chocolat-aux-dattes-white-pistachio-bio-90-g-17384">
          <img alt="Tablette de Chocolat aux Dattes White Pistachio Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8107/file/small-fd50c187a24cec95abc1f0ec46e93f54.webp 600w, https://assets.fabulous.ch/public/variant_asset/8107/file/medium-53612511b2a63fff27a7b562830d380a.webp 900w, https://assets.fabulous.ch/public/variant_asset/8107/file/large-98f7431e1b2ec6de5746590c108eb400.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8107/file/medium-53612511b2a63fff27a7b562830d380a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">BioeCacao</p>
          <a href="/fr/products/tablette-de-chocolat-aux-dattes-white-pistachio-bio-90-g-17384">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tablette de Chocolat aux Dattes White Pistachio Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.25
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0-oyqUQ6kYaIUCN46Ur57oD1fx-Wk_s0x3uWpDT-rAOVeJaWCTsu19CFiTQoXFmbrsrtzbfcjVZXTPuQyQBAyg" />
    <input value="17384" 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/kombucha-urban-framboise-citron-bio-330-ml-9047">
          <img alt="Kombucha Urban Framboise &amp; Citron Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5188/file/small-b0f7e32d4768765ecf846b8201db8c5b.webp 600w, https://assets.fabulous.ch/public/variant_asset/5188/file/medium-d90840f5a10839f4968d1b47717945f0.webp 900w, https://assets.fabulous.ch/public/variant_asset/5188/file/large-79cd0a214eb4045727bbae53e698e87f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5188/file/medium-d90840f5a10839f4968d1b47717945f0.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">Urban Kombucha</p>
          <a href="/fr/products/kombucha-urban-framboise-citron-bio-330-ml-9047">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kombucha Urban Framboise &amp; Citron Bio, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SPnZAmfwmXL9M_7aVz7KxxVhyXqG5yZAwDezSd7YOy0Oa309KvEmI6XmVJaWKGqyO15bqKeoUCJQAN59IybX5A" />
    <input value="9047" 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/kookie-cat-chanvre-cacao-biscuit-sans-gluten-bio-50-g-2288">
          <img alt="KOOKIE CAT Chanvre Cacao Biscuit 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/1690/file/small-f7584bc26775add80c1d565eaf8509be.webp 600w, https://assets.fabulous.ch/public/variant_asset/1690/file/medium-862edc10914df33667bec2a291db8dce.webp 900w, https://assets.fabulous.ch/public/variant_asset/1690/file/large-6a507cb18cd16fa582b1f5481886f8a4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1690/file/medium-862edc10914df33667bec2a291db8dce.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">Kookie Cat</p>
          <a href="/fr/products/kookie-cat-chanvre-cacao-biscuit-sans-gluten-bio-50-g-2288">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">KOOKIE CAT Chanvre Cacao Biscuit sans Gluten Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

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

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/bett-r-coupelles-de-beurre-de-pistache-bio-39gc-39-g-17528">
          <img alt="Bett&#39;r Coupelles de beurre de pistache Bio, 39gc" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8174/file/small-612944aaf5a9e59982f54396d681b630.webp 600w, https://assets.fabulous.ch/public/variant_asset/8174/file/medium-fef98251d4c4bec6358258669112d50d.webp 900w, https://assets.fabulous.ch/public/variant_asset/8174/file/large-9966a867f1ad62fa4d92af639721df91.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8174/file/medium-fef98251d4c4bec6358258669112d50d.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">bett&#39;r</p>
          <a href="/fr/products/bett-r-coupelles-de-beurre-de-pistache-bio-39gc-39-g-17528">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bett&#39;r Coupelles de beurre de pistache Bio, 39gc, 39 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Fgw0u_2JQJr55fObybq4G00kVbasIzka6fM7Dqs-GqpQnpCEsIj_y6EwWdcIrBhuYxvHZI1sT3h5xFY6VsD2Yw" />
    <input value="17528" 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/creme-de-nougat-aux-noix-bio-250-g-9583">
          <img alt="Crème de nougat aux noix Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5378/file/small-6ff86486718403a8ccfe1e56ae78bf3d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5378/file/medium-362830fc219ce69cf5a07620782f3660.webp 900w, https://assets.fabulous.ch/public/variant_asset/5378/file/large-edcab1960a69bc894af2c9cc0690b9a3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5378/file/medium-362830fc219ce69cf5a07620782f3660.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/creme-de-nougat-aux-noix-bio-250-g-9583">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crème de nougat aux noix Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8a4e5ZeGq9gncInt46NnAqwKUhnsUBOCDzbQuUFugMa3PLra2ocUiX-lI6Eitcd3gjXAy80fZeCfAb2NvJBsDw" />
    <input value="9583" 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/ketchup-sans-sucres-ajoutes-bio-330-g-16510">
          <img alt="Ketchup 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/7608/file/small-3714da30881decfe667f16dfadf4d2ef.webp 600w, https://assets.fabulous.ch/public/variant_asset/7608/file/medium-c1d27b0b69bb02672c00d4083182103a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7608/file/large-176b6c0350faa454478f5d045afd9b69.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7608/file/medium-c1d27b0b69bb02672c00d4083182103a.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">Connie&#39;s Kitchen</p>
          <a href="/fr/products/ketchup-sans-sucres-ajoutes-bio-330-g-16510">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ketchup Sans sucres ajoutés Bio, 330 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eVIRHDE9jk_3uvBBaPBfE1M9hi15njTPm9dNeXjR6NQ_wLUjfDwxHq9vWg2p5v9mfQIU_1jRQq0L4CBNhS8EHQ" />
    <input value="16510" 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/lessive-poudre-concentree-40-95-10-kg-12326">
          <img alt="Lessive Poudre Concentrée 40°- 95°" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6190/file/small-8fa52bb148009a958701d872e5db8ca3.webp 600w, https://assets.fabulous.ch/public/variant_asset/6190/file/medium-b58811561233de7a22278a0bd1be6262.webp 900w, https://assets.fabulous.ch/public/variant_asset/6190/file/large-45a136540717c5789eea8d75452ae8f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6190/file/medium-b58811561233de7a22278a0bd1be6262.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/fr/products/lessive-poudre-concentree-40-95-10-kg-12326">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lessive Poudre Concentrée 40°- 95°, 10 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 70.30
            </p>

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

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

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

</template></turbo-stream>