<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/puree-de-pommes-mangue-sans-sucre-ajoute-bio-360-g-6008">
          <img alt="Purée de pommes mangue  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/3445/file/small-c468af6d940d08590afead9f67355282.webp 600w, https://assets.fabulous.ch/public/variant_asset/3445/file/medium-aec1df787442fcb95e86269f015a416b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3445/file/large-9a7719c1b1da548f0e246040d1494e00.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3445/file/medium-aec1df787442fcb95e86269f015a416b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/fr/products/puree-de-pommes-mangue-sans-sucre-ajoute-bio-360-g-6008">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Purée de pommes mangue  Sans sucre ajouté Bio, 360 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4NZ0jSKdYXnfQmie62_L_yPf9IfwT7X-GOXyNvWWLfUgdVJpCL_CcXeK_GsyCfnGPXBrNszjPxG_Td9qq4g5vw" />
    <input value="6008" 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-tomate-salsa-pronta-avec-legumes-bio-340-g-6018">
          <img alt="Sauce tomate Salsa Pronta avec légumes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3461/file/small-4e8348bd2ac352629588e92e5170cd75.webp 600w, https://assets.fabulous.ch/public/variant_asset/3461/file/medium-acf8c52ea306a436a679c92756bb6fef.webp 900w, https://assets.fabulous.ch/public/variant_asset/3461/file/large-08d6a96bed7830458d0e402b1c0e67d5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3461/file/medium-acf8c52ea306a436a679c92756bb6fef.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">LaSelva</p>
          <a href="/fr/products/sauce-tomate-salsa-pronta-avec-legumes-bio-340-g-6018">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce tomate Salsa Pronta avec légumes Bio, 340 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cCaUQX99zhlxAFlvTUEnxg3crk6Is9zvbcbJJf7mmVOwhbKlVV9tEdnIzZqUJxX_E3Mx_7QfVgDKbuR5oPiNGQ" />
    <input value="6018" 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-tomate-salsa-piccante-avec-piment-bio-340-g-6019">
          <img alt="Sauce tomate Salsa Piccante avec piment Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3462/file/small-3f08bfd5d81a006d6b2cfd4ea1bc64b9.webp 600w, https://assets.fabulous.ch/public/variant_asset/3462/file/medium-c518640a2e120fe6b7d0108ca69bc10b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3462/file/large-796d917932998857cf29ec4f2bdb88fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3462/file/medium-c518640a2e120fe6b7d0108ca69bc10b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">LaSelva</p>
          <a href="/fr/products/sauce-tomate-salsa-piccante-avec-piment-bio-340-g-6019">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce tomate Salsa Piccante avec piment Bio, 340 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="feyqy43s4disUhK5IGCWFJCIK0HkxWviL4SmfRRXXiG9T4wvp85C0ASahkz5BqQtjie08Nhp4Q2ILIshSklKaw" />
    <input value="6019" 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-bolognaise-vegan-bio-350-g-6020">
          <img alt="Sauce Bolognaise Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3463/file/small-6c1f14df6beb7e1467c0d3788277a691.webp 600w, https://assets.fabulous.ch/public/variant_asset/3463/file/medium-71ff495a121de9a35b638110748f02b7.webp 900w, https://assets.fabulous.ch/public/variant_asset/3463/file/large-18baf336648daf608b781a00c61ecb28.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3463/file/medium-71ff495a121de9a35b638110748f02b7.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">LaSelva</p>
          <a href="/fr/products/sauce-bolognaise-vegan-bio-350-g-6020">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce Bolognaise Vegan Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5LkZ477UY3FlSR2zZUb_-5AT1p94fyLOMoqVPpjGrbckGj8HlPbAec2BiUa8IM3CjrxJLkTTqCGVIrhixti5_Q" />
    <input value="6020" 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-habanero-hot-bio-140-ml-6021">
          <img alt="Sauce Habanero Hot Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3464/file/small-c919acd494749fe51418b3ac105b135d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3464/file/medium-8f26dbb83ac737434693f1710467d306.webp 900w, https://assets.fabulous.ch/public/variant_asset/3464/file/large-fda7d2642dadc4d31f95795eb495da15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3464/file/medium-8f26dbb83ac737434693f1710467d306.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">Sanchon</p>
          <a href="/fr/products/sauce-habanero-hot-bio-140-ml-6021">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce Habanero Hot Bio, 140 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VOzjyzIRHHnlUSlYNVDWfM8OwNYSybcIoEPzn5GcqJGUT8UvGDO_cU2Zva3sNuRF0aFfZy5lPecH697Dz4K82w" />
    <input value="6021" 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/huile-de-colza-en-gros-biosuisse-5-l-6081">
          <img alt="Huile de colza en gros BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3493/file/small-e67868f5bbf0a2a22d76d4fa7ef6279c.webp 600w, https://assets.fabulous.ch/public/variant_asset/3493/file/medium-e2f98631757e11ee46df43558334cd36.webp 900w, https://assets.fabulous.ch/public/variant_asset/3493/file/large-048bb6c3cd9c09a08d5c34d018349385.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3493/file/medium-e2f98631757e11ee46df43558334cd36.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/fr/products/huile-de-colza-en-gros-biosuisse-5-l-6081">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Huile de colza en gros BioSuisse, 5 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 88.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IKhpzc1hV-LCegy-LfKrL2J8mJEtzElxpzYAow-owybgC08p50P06mqymEv0lJkWfNMHIBFgw54Ani3_UbbXbA" />
    <input value="6081" 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/huile-de-tournesol-pour-la-cuisson-en-gros-biosuisse-3-l-6082">
          <img alt="Huile de tournesol pour la cuisson en gros BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3494/file/small-d85228a0b709b96f83995b5cb68023c4.webp 600w, https://assets.fabulous.ch/public/variant_asset/3494/file/medium-a73a9fa93db7e16bd509055e62bdf0e2.webp 900w, https://assets.fabulous.ch/public/variant_asset/3494/file/large-513244094207d23c584f418d2396bc09.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3494/file/medium-a73a9fa93db7e16bd509055e62bdf0e2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/fr/products/huile-de-tournesol-pour-la-cuisson-en-gros-biosuisse-3-l-6082">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Huile de tournesol pour la cuisson en gros BioSuisse, 3 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 46.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fn1NBFryLApQm4UFeXGXPDLyJGvqjrskAGMMALqxpLy-3mvgcNCPAvhTEfCgF6UFLF272tYiMcunyyFc5K-w9g" />
    <input value="6082" 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/huile-de-tournesol-en-gros-biosuisse-5-l-6083">
          <img alt="Huile de tournesol en gros BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3495/file/small-2aa2e57494e36fdc71fde78c1f01569e.webp 600w, https://assets.fabulous.ch/public/variant_asset/3495/file/medium-e6e5eff3d84d9eb776bacd8d73f621ee.webp 900w, https://assets.fabulous.ch/public/variant_asset/3495/file/large-afbb49a1813ee78f13357f612873d3bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3495/file/medium-e6e5eff3d84d9eb776bacd8d73f621ee.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/fr/products/huile-de-tournesol-en-gros-biosuisse-5-l-6083">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Huile de tournesol en gros BioSuisse, 5 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 76.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QQJGipgIpD8NJy92SLN2dNXutjYMn67FHNpNvPU5dOmBoWBusioHN6Xvu4OR1URNy0EphzAzJCq7cmDgqydgow" />
    <input value="6083" 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/naturata-asperges-blanches-bio-280-g-6143">
          <img alt="Naturata Asperges Blanches Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3523/file/small-cfe599d33f5e0c2a02e1a226a26e9a66.webp 600w, https://assets.fabulous.ch/public/variant_asset/3523/file/medium-b9cdeb09f3c7d29b438ca6cc9e06fc0b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3523/file/large-4ca8e9f4fe0e8b1ddc0c40061bb3b93f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3523/file/medium-b9cdeb09f3c7d29b438ca6cc9e06fc0b.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">Naturata</p>
          <a href="/fr/products/naturata-asperges-blanches-bio-280-g-6143">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Naturata Asperges Blanches Bio, 280 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a2ZTRRSF2IAgzw8IU92ZEZi5fO8z5k6SYMGt5kpdkHurxXWhPqd7iIgHm_2Ku6sohhbjXg9KxH3HaYC6FEOEMQ" />
    <input value="6143" 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/graines-germees-d-haricot-mungo-sans-sucres-ajoutes-bio-330-g-6149">
          <img alt="Graines germées d&#39;haricot mungo 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/3532/file/small-9c0b39e90aebab9f882975f1c26d6d7b.webp 600w, https://assets.fabulous.ch/public/variant_asset/3532/file/medium-c0605825e8b5a3bcb9c64910d1afc256.webp 900w, https://assets.fabulous.ch/public/variant_asset/3532/file/large-517d0e098f2f29e3ef1def0a6595a399.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3532/file/medium-c0605825e8b5a3bcb9c64910d1afc256.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Arche</p>
          <a href="/fr/products/graines-germees-d-haricot-mungo-sans-sucres-ajoutes-bio-330-g-6149">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Graines germées d&#39;haricot mungo sans sucres ajoutés Bio, 330 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KuGEqG1PuuzIKe-OJfOdw3hayUrTxn77GqixARodu_3qQqJMR20Z5GDhe3v8la_6ZvVW--9q9BS9AJxdRAOvtw" />
    <input value="6149" 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/pasta-simona-spaghetti-pates-completes-en-gros-bio-5-kg-6176">
          <img alt="Pasta Simona Spaghetti Pâtes Complètes en gros Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3549/file/small-cf0a35592ba29ba6ba5e718d4f6aa3b1.webp 600w, https://assets.fabulous.ch/public/variant_asset/3549/file/medium-0bb0e45405588b112b613e9f65b7aa28.webp 900w, https://assets.fabulous.ch/public/variant_asset/3549/file/large-2123a1f8462f85f788f19f7a09471a70.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3549/file/medium-0bb0e45405588b112b613e9f65b7aa28.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pasta Simona</p>
          <a href="/fr/products/pasta-simona-spaghetti-pates-completes-en-gros-bio-5-kg-6176">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Simona Spaghetti Pâtes Complètes en gros Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dS67HOO3tSE5zPPQpfFMzrm9oHbSN0AnU6Gp7w9yzCG1jZ34yZUWKZEEZyV8l373pxI_x-6bysj0CYSzUWzYaw" />
    <input value="6176" 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/ginger-party-puree-de-gingembre-verre-bio-240-g-6179">
          <img alt="Ginger Party Purée de gingembre Verre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3552/file/small-fda3e88bd749628cb5209431583d3a82.webp 600w, https://assets.fabulous.ch/public/variant_asset/3552/file/medium-146539fa816fd698e1a07c1746b3948f.webp 900w, https://assets.fabulous.ch/public/variant_asset/3552/file/large-9ceef8bfef4b21fda9a377e6499f7716.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3552/file/medium-146539fa816fd698e1a07c1746b3948f.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 ginger party</p>
          <a href="/fr/products/ginger-party-puree-de-gingembre-verre-bio-240-g-6179">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ginger Party Purée de gingembre Verre Bio, 240 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pesto-chanvre-rouge-chili-bio-150-g-6192">
          <img alt="Pesto Chanvre Rouge Chili Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3557/file/small-e108a425f72097a6233b4e42a8ffe8c3.webp 600w, https://assets.fabulous.ch/public/variant_asset/3557/file/medium-a60af3df619b0907a04813a138df6187.webp 900w, https://assets.fabulous.ch/public/variant_asset/3557/file/large-c3a2e5f2230d15434adca86ea772a850.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3557/file/medium-a60af3df619b0907a04813a138df6187.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">Hanf&amp;Natur</p>
          <a href="/fr/products/pesto-chanvre-rouge-chili-bio-150-g-6192">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pesto Chanvre Rouge Chili Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pasta-simona-tagliatelle-pates-ble-en-gros-bio-5-kg-6207">
          <img alt="Pasta Simona Tagliatelle Pâtes Blé en gros Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3566/file/small-2643f8a6f16b7ecdedeff40204ef3174.webp 600w, https://assets.fabulous.ch/public/variant_asset/3566/file/medium-2937dc273cc311fbd853d3c37039187e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3566/file/large-e9e67170a91bba9a9351bbe68b4e2253.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3566/file/medium-2937dc273cc311fbd853d3c37039187e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pasta Simona</p>
          <a href="/fr/products/pasta-simona-tagliatelle-pates-ble-en-gros-bio-5-kg-6207">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Simona Tagliatelle Pâtes Blé en gros Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.50
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pasta-simona-cornettes-pates-ble-en-gros-bio-5-kg-6209">
          <img alt="Pasta Simona Cornettes Pâtes Blé en gros Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3567/file/small-712b62bd89eaa6a92f1b2f7b5c602fe4.webp 600w, https://assets.fabulous.ch/public/variant_asset/3567/file/medium-e2cb3fcab358693ac2d135e6625b850e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3567/file/large-5cb6fdbe3264be2e3219e9f74bcdedee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3567/file/medium-e2cb3fcab358693ac2d135e6625b850e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pasta Simona</p>
          <a href="/fr/products/pasta-simona-cornettes-pates-ble-en-gros-bio-5-kg-6209">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Simona Cornettes Pâtes Blé en gros Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zX7hYctTNoculk-lgmMsbjHJnAwAUkJiGUFmsSmYrg0N3ceF4XGVj4Ze21BbBR5XL2YDvTz-yI2-6Uvtd4a6Rw" />
    <input value="6209" 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/sucre-de-fleur-de-coco-en-sachet-bio-1-kg-6225">
          <img alt="Sucre de fleur de coco en sachet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3586/file/small-d0263a997f79f669c565a1df648435b3.webp 600w, https://assets.fabulous.ch/public/variant_asset/3586/file/medium-326255e3aaa2ae4bc323356bf40ca3fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/3586/file/large-59c0a128a5ff0fe792275072ede09886.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3586/file/medium-326255e3aaa2ae4bc323356bf40ca3fa.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Dr. Goerg</p>
          <a href="/fr/products/sucre-de-fleur-de-coco-en-sachet-bio-1-kg-6225">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sucre de fleur de coco en sachet Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.95
            </p>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0cHfiatz309WB7FCBBCuU8L30Soadb9kfFNAbTixLVQRYvltgVF8R_7PJbfddpxq3FhOmybZNYvb-20xZq85Hg" />
    <input value="6225" 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/cannelle-de-ceylan-batons-bio-18-g-6446">
          <img alt="Cannelle de Ceylan Bâtons Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3696/file/small-43627a6e6c703e739669b8511f7aa060.webp 600w, https://assets.fabulous.ch/public/variant_asset/3696/file/medium-911792a4524490a66b629f4b57c5608a.webp 900w, https://assets.fabulous.ch/public/variant_asset/3696/file/large-e9e512773dd1176c97b1c68a0363d5e7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3696/file/medium-911792a4524490a66b629f4b57c5608a.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">Sonnentor</p>
          <a href="/fr/products/cannelle-de-ceylan-batons-bio-18-g-6446">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cannelle de Ceylan Bâtons Bio, 18 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lcUNnL382cr2wEQ-rtdaZKd6AJZdoFqDAe8K4_4xvClVZit4l956wl4I0Mt3sWhdudWfJ2EM0GymRye_oC-oYw" />
    <input value="6446" 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/clous-de-girofle-entier-bio-35-g-6447">
          <img alt="Clous de girofle entier Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3697/file/small-0bfdc56bbc0771c442b9a60ddf0176ca.webp 600w, https://assets.fabulous.ch/public/variant_asset/3697/file/medium-bb465ffce48aaa903ab3d08920ffd228.webp 900w, https://assets.fabulous.ch/public/variant_asset/3697/file/large-eabdfb5c9707de5f95a6e07226806587.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3697/file/medium-bb465ffce48aaa903ab3d08920ffd228.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">Sonnentor</p>
          <a href="/fr/products/clous-de-girofle-entier-bio-35-g-6447">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Clous de girofle entier Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.25
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4Ws4R7h3tsKqCNxUnYLB9cYpra71hKcFsRiyblx43nchyB6jklUVygLASKFE5PPM2IYyH8koLeoWsJ8yAmbKPQ" />
    <input value="6447" 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/graines-de-coriandre-entieres-bio-35-g-6448">
          <img alt="Graines de coriandre entières Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3698/file/small-c6676cf3d547594d04d3cdc6fbed3c6d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3698/file/medium-fca49b2c68a4bb6f4cccb1607df82809.webp 900w, https://assets.fabulous.ch/public/variant_asset/3698/file/large-f4ff418d39b9290640db313a95ac88b1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3698/file/medium-fca49b2c68a4bb6f4cccb1607df82809.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">Sonnentor</p>
          <a href="/fr/products/graines-de-coriandre-entieres-bio-35-g-6448">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Graines de coriandre entières Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CuYBsasmU8x8i40rMqE4N2P_KngVXvcUu3b9YjGmGIrKRSdVgQTwxNRDGd7rxwoOfVC1ySnyffsc3tA-b7gMwA" />
    <input value="6448" 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/cumin-entier-bio-40-g-6449">
          <img alt="Cumin entier Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3699/file/small-fc37c3fd242ed410c268a37b1a784d06.webp 600w, https://assets.fabulous.ch/public/variant_asset/3699/file/medium-ece5164edc20bddb1af9592d36970741.webp 900w, https://assets.fabulous.ch/public/variant_asset/3699/file/large-335592c8737523f36bb933f60d7a05ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3699/file/medium-ece5164edc20bddb1af9592d36970741.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">Sonnentor</p>
          <a href="/fr/products/cumin-entier-bio-40-g-6449">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cumin entier Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1tnpZY6r5-qlryfrIx137DfBUsgmo9_KtUJYSgWdDV4Wes-BpIlE4g1nsx76e0XVKW7NeRoPVSUS6nUWW4MZFA" />
    <input value="6449" 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">
      200 sur 581 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/comestibles/ingredients-de-cuisine?format=turbo_stream&amp;page=11">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>