<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/feves-de-soja-jaune-non-decortiquees-en-gros-biosuisse-25-kg-4019">
          <img alt="Fèves de soja jaune non décortiquées 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/2548/file/small-7559e41195003d9c03482a60b66214ac.webp 600w, https://assets.fabulous.ch/public/variant_asset/2548/file/medium-35da8c81db7e3abd96b85c5f100683f3.webp 900w, https://assets.fabulous.ch/public/variant_asset/2548/file/large-8f1f85384213104a9cb424c8c138122f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2548/file/medium-35da8c81db7e3abd96b85c5f100683f3.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">Progana / Mühle Rytz</p>
          <a href="/fr/products/feves-de-soja-jaune-non-decortiquees-en-gros-biosuisse-25-kg-4019">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fèves de soja jaune non décortiquées en gros BioSuisse, 25 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 145.35
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/chips-de-pois-chiche-paprika-sachet-bio-75-g-4242">
          <img alt="Chips de pois chiche paprika sachet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9004/file/small-44d7507282a27bcf3b7ebbd7f00c917b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9004/file/medium-7884ca3425d29aaa6bf0966eb957da9b.webp 900w, https://assets.fabulous.ch/public/variant_asset/9004/file/large-b04532eaf5a918361ecc421ebbe404a5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9004/file/medium-7884ca3425d29aaa6bf0966eb957da9b.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">de Rit</p>
          <a href="/fr/products/chips-de-pois-chiche-paprika-sachet-bio-75-g-4242">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips de pois chiche paprika sachet Bio, 75 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 5.47 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U5goxAdoupzIEYHjXl4uU8wlRnI6NONwkNetMiGuB2qTLRCO8zPvKrA9dUf9JPIHQUvdxpmUAYThYyEO2PtaOw" />
    <input value="4242" 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/q10-lotion-corporelle-raffermissante-250-ml-3650">
          <img alt="Q10 Lotion corporelle raffermissante" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2388/file/small-77d65d715701cc8bcd579cf0bb2634e4.webp 600w, https://assets.fabulous.ch/public/variant_asset/2388/file/medium-ddc8002395910b89acf7340a5ea68e8f.webp 900w, https://assets.fabulous.ch/public/variant_asset/2388/file/large-b1b8773c27f8f3755391f0a43474f3d7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2388/file/medium-ddc8002395910b89acf7340a5ea68e8f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/fr/products/q10-lotion-corporelle-raffermissante-250-ml-3650">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Q10 Lotion corporelle raffermissante, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4rBIVngFUBymHXdJLZuf3hACs2p2uzYB1r6PNijtu68iBXAcjF4Fqt4xg-2O4UOKnWwo3tUb1PWnCgMK0bjm_g" />
    <input value="3650" 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/shampoing-couleur-lumiere-250-ml-710">
          <img alt="Shampoing Couleur &amp; Lumière" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/660/file/small-84f63571143192fa4a063def708c4429.webp 600w, https://assets.fabulous.ch/public/variant_asset/660/file/medium-0def361c5927db341f7025fbb05677d9.webp 900w, https://assets.fabulous.ch/public/variant_asset/660/file/large-188912c8b16e76a8b00da4c5cfa2fbe1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/660/file/medium-0def361c5927db341f7025fbb05677d9.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">MADARA</p>
          <a href="/fr/products/shampoing-couleur-lumiere-250-ml-710">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoing Couleur &amp; Lumière, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DBCu5ukcjpqj3r9z7htCp2AWYEtvh-KjbaFIbi4cbD7MpZasHUfbLNvyS9dNYZ7z7Xj7_8wnAFccFcRS10kxbw" />
    <input value="710" 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/apres-shampoing-reparateur-nourrissant-conditioner-200-ml-711">
          <img alt="Après-Shampoing Réparateur &amp; Nourrissant (Conditioner)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/662/file/small-82bef915f552215912d4f55fb59ad18c.webp 600w, https://assets.fabulous.ch/public/variant_asset/662/file/medium-438619fdc1e76fdd242ad99fef5535e2.webp 900w, https://assets.fabulous.ch/public/variant_asset/662/file/large-88d6fc0e2e0f974b3377935a0b3e5735.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/662/file/medium-438619fdc1e76fdd242ad99fef5535e2.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">MADARA</p>
          <a href="/fr/products/apres-shampoing-reparateur-nourrissant-conditioner-200-ml-711">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Après-Shampoing Réparateur &amp; Nourrissant (Conditioner), 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0byK6IrntxmA99B8vNjXouuoCvjqUNlltpIcx_OXMY8RCbKifrzir_jbJNgfogv2ZsaRTEnwO5HHJpD7CsJs3g" />
    <input value="711" 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/physalis-qualite-crudite-bio-100-g-5709">
          <img alt="Physalis Qualité Crudité Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3295/file/small-149fe9cf6bd5f8a5397ab3068439de16.webp 600w, https://assets.fabulous.ch/public/variant_asset/3295/file/medium-e89070efc9cb673ea3f0869b3b19c0e5.webp 900w, https://assets.fabulous.ch/public/variant_asset/3295/file/large-fb1933a4b661e41778ab3bdea60d20f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3295/file/medium-e89070efc9cb673ea3f0869b3b19c0e5.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">Flores Farm</p>
          <a href="/fr/products/physalis-qualite-crudite-bio-100-g-5709">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Physalis Qualité Crudité Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.30
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/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">
        

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/biscuits-double-chocolat-noisette-sans-gluten-bio-135-g-4141">
          <img alt="Biscuits Double Chocolat-Noisette 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/2613/file/small-bbd9b558274fcb23ba49be40737b7e3b.webp 600w, https://assets.fabulous.ch/public/variant_asset/2613/file/medium-258b65ce1f9b2e65ef1f7d2402b8e115.webp 900w, https://assets.fabulous.ch/public/variant_asset/2613/file/large-7dd08e5851ae5019563d60df635bd483.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2613/file/medium-258b65ce1f9b2e65ef1f7d2402b8e115.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">Rhythm 108</p>
          <a href="/fr/products/biscuits-double-chocolat-noisette-sans-gluten-bio-135-g-4141">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscuits Double Chocolat-Noisette Sans Gluten Bio, 135 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 3.04 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AOG-G-8kHVFYFQapANrrK8VwLgHFim4LsNapp99YcUrAVIZRG39I5yA58g2joDd_SB61tWYqjP_BYiWbJg0sGw" />
    <input value="4141" 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/nirwana-baton-de-chocolat-bio-22-g-13320">
          <img alt="Nirwana bâton de chocolat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6446/file/small-1aef1abca5c49b93fb46eb478a6895b8.webp 600w, https://assets.fabulous.ch/public/variant_asset/6446/file/medium-d448013e2689ed76d059adb427dcab18.webp 900w, https://assets.fabulous.ch/public/variant_asset/6446/file/large-5036f283638aaf6606659198e1718be9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6446/file/medium-d448013e2689ed76d059adb427dcab18.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/nirwana-baton-de-chocolat-bio-22-g-13320">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nirwana bâton de chocolat Bio, 22 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QOHwP9Ln3d2BLLynbsRW4lISoT5-Wi970eFhuva5xOWAVMh1JryIa_kASAPNvoq233w6it36zY-gVe2GD-yZtA" />
    <input value="13320" 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/leckerli-aux-noix-duo-bio-35-g-4120">
          <img alt="Leckerli «aux noix» Duo Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2599/file/small-66eb79bb034e44d4fa23330c7ea2d37c.webp 600w, https://assets.fabulous.ch/public/variant_asset/2599/file/medium-b11a3334923e574d2ee7a5db680a5cc6.webp 900w, https://assets.fabulous.ch/public/variant_asset/2599/file/large-7a252e18968aed7c7eb2257f3ca89f2e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2599/file/medium-b11a3334923e574d2ee7a5db680a5cc6.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">Leibacher Biber-Manufaktur</p>
          <a href="/fr/products/leckerli-aux-noix-duo-bio-35-g-4120">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Leckerli «aux noix» Duo Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </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-4120-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vd6phhm8rc5eAniiGT82DnB2rt1lQ0cHNjCMBCKR9Od9a5HM7ef4eCYujAa6Repa_Rg1acbjpfNHhAA428Sptg" />
    <input value="4120" 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/biber-duo-bio-40-g-16772">
          <img alt="Biber Duo Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7790/file/small-029a5a45d7824d9baeae423808eb577c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7790/file/medium-991bb64103495cfe6c7fbfbc27c3ef8c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7790/file/large-95265b288e4fb174e264e7ef909b8fe0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7790/file/medium-991bb64103495cfe6c7fbfbc27c3ef8c.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">Leibacher Biber-Manufaktur</p>
          <a href="/fr/products/biber-duo-bio-40-g-16772">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biber Duo Bio, 2 x 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GYia2xxq03bFfGMmG3FeX5fYvg4STMDJLKviy3jNHIzZPaKR6DGGwL1Ql4K4C4ILGrYlurHsIj1dH273gZhB3Q" />
    <input value="16772" 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/poudre-a-lever-meister-weinstein-bio-17-g-6087">
          <img alt="Poudre à lever Meister Weinstein Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3501/file/small-697978d38afd9087a9270c9fbc7c70dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/3501/file/medium-7e24978226f215b43c1a7f710ee33718.webp 900w, https://assets.fabulous.ch/public/variant_asset/3501/file/large-60d797bbb70e7a9759e03b800a2cf56f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3501/file/medium-7e24978226f215b43c1a7f710ee33718.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/fr/products/poudre-a-lever-meister-weinstein-bio-17-g-6087">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Poudre à lever Meister Weinstein Bio, 3 x 17 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="93J4H6yT8rNSBAE4OiTdGf-Pwy5G8iC-3QB8rB-9jAQ3x0BVWMinBSoo9ZyZXgFNcuFYmuVSwkqstPCQ5ujRVQ" />
    <input value="6087" 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-noix-de-coco-caramel-sales-bio-70-g-4367">
          <img alt="Chips Noix de Coco Caramel Salés Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2721/file/small-bfd10cdf9018f513736384f726043caf.webp 600w, https://assets.fabulous.ch/public/variant_asset/2721/file/medium-84acf8628904f043a8f50c2f3adc96cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/2721/file/large-2113eb12ef476fc997bf2396ca8f8d49.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2721/file/medium-84acf8628904f043a8f50c2f3adc96cd.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/chips-noix-de-coco-caramel-sales-bio-70-g-4367">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips Noix de Coco Caramel Salés Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.35
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="P1wbSwXylsBKyZPM1kCRlHkMZKWClAzBNtHpL5XUTeH_6SMB8anDdjLlZ2h1Ok3A9GL_ESE07jVHZWUTbIEQsA" />
    <input value="4367" 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/veggi-filata-rape-bio-200-g-6348">
          <img alt="Veggi Filata Râpé Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3642/file/small-9d0495e9bf57b4c9d4000f1779e88f89.webp 600w, https://assets.fabulous.ch/public/variant_asset/3642/file/medium-6350de957284ac29b78597382bddc7e1.webp 900w, https://assets.fabulous.ch/public/variant_asset/3642/file/large-28f6121b87d3dbb85ea83da756a525d7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3642/file/medium-6350de957284ac29b78597382bddc7e1.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">Veggi filata</p>
          <a href="/fr/products/veggi-filata-rape-bio-200-g-6348">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Veggi Filata Râpé Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zl3X8neKncJnsoakn-01M_zdFjZRCSIN8-m5l4q1Ug8O6O-4g9HIdB-ecgA8l-lncbONgvKpwPmCXTWrc-APXg" />
    <input value="6348" 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-vegetale-au-fromage-frais-mangue-bio-200-g-4372">
          <img alt="Alternative Végétale au fromage frais Mangue, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2728/file/small-ea27830c5a4375bf35864f607f6e4d90.webp 600w, https://assets.fabulous.ch/public/variant_asset/2728/file/medium-bcedd1f9f93688c85b51fc12164c1eb7.webp 900w, https://assets.fabulous.ch/public/variant_asset/2728/file/large-ba0ddfad4e25c9f3912eff712e5c6c65.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2728/file/medium-bcedd1f9f93688c85b51fc12164c1eb7.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/alternative-vegetale-au-fromage-frais-mangue-bio-200-g-4372">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Alternative Végétale au fromage frais Mangue, Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KM4gjnHtMdi5y-IY3__7X9u3xoZJYxa7UmoPK0yskNXoexjEhbZkbsHnFrx8hScLVtldMurD9E8j3oMXtfnNhA" />
    <input value="4372" 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/crunchy-fruity-fraises-croquants-qualite-crue-bio-12-g-5131">
          <img alt="Crunchy Fruity Fraises Croquants Qualité Crue Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3018/file/small-8f6bc3b1495abc0e4d7dc2ddf8683420.webp 600w, https://assets.fabulous.ch/public/variant_asset/3018/file/medium-3d125102b6666bf1e9aaefe538e5b1dd.webp 900w, https://assets.fabulous.ch/public/variant_asset/3018/file/large-050e55cae31ae80a59a51da65407692d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3018/file/medium-3d125102b6666bf1e9aaefe538e5b1dd.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">Organica</p>
          <a href="/fr/products/crunchy-fruity-fraises-croquants-qualite-crue-bio-12-g-5131">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crunchy Fruity Fraises Croquants Qualité Crue Bio, 12 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B8s0MxCTFdZXS2L3jtkUUQ8i6gzy1s1wgN2YCbhHDg_Hfgx55MhAYC9nllMto8gFgkxxuFF2L4TxaRQ1QRJTXg" />
    <input value="5131" 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/crunchy-fruity-myrtille-croquants-qualite-crue-bio-16-g-5129">
          <img alt="Crunchy Fruity Myrtille Croquants Qualité Crue Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3015/file/small-576a3497d99d60252a9a45710e8a069b.webp 600w, https://assets.fabulous.ch/public/variant_asset/3015/file/medium-c8f30898f0bb182a0e4c033d75f25666.webp 900w, https://assets.fabulous.ch/public/variant_asset/3015/file/large-f3c0ba883cf4e38fc8596b82bc572cad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3015/file/medium-c8f30898f0bb182a0e4c033d75f25666.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">Organica</p>
          <a href="/fr/products/crunchy-fruity-myrtille-croquants-qualite-crue-bio-16-g-5129">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crunchy Fruity Myrtille Croquants Qualité Crue Bio, 16 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RzZD3sOK9AHzsy974YGWjCZjYvRvTT6F25OYgyvTEt6Hg3uUN9Ght4uf299C-0rYqw35QMzt3HGqJxS_0oZPjw" />
    <input value="5129" 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/the-matcha-bio-30-g-95a2fb8b-2120-42fe-b995-3b4e2cc369d2-482">
          <img alt="Thé MATCHA Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/436/file/small-f4b59943e93fb410f464ef7a25dc0da7.webp 600w, https://assets.fabulous.ch/public/variant_asset/436/file/medium-0bd887ce7774f033d5a066713bd9c053.webp 900w, https://assets.fabulous.ch/public/variant_asset/436/file/large-35cc5e86cba38eb8066ff705ee19eb76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/436/file/medium-0bd887ce7774f033d5a066713bd9c053.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">Raab</p>
          <a href="/fr/products/the-matcha-bio-30-g-95a2fb8b-2120-42fe-b995-3b4e2cc369d2-482">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Thé MATCHA Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cLwx4ShMSXiOVyu59mCxlPFjv4Atad2S0T4ZMrC8vvqwCQmr3BcczvZ73x1VGm3AfA0kNI7JP2agipUOSenjqw" />
    <input value="482" 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/assaisonnement-flocons-de-levure-100-bio-levure-bio-100-g-5269">
          <img alt="Assaisonnement flocons de levure 100% Bio Levure Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3074/file/small-73a6aeca950cfe6b8927845fd9dbd4da.webp 600w, https://assets.fabulous.ch/public/variant_asset/3074/file/medium-00f21fa24a89027c3c94c619f948ef8d.webp 900w, https://assets.fabulous.ch/public/variant_asset/3074/file/large-84065d66cea702627b058b510967cd9d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3074/file/medium-00f21fa24a89027c3c94c619f948ef8d.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/assaisonnement-flocons-de-levure-100-bio-levure-bio-100-g-5269">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Assaisonnement flocons de levure 100% Bio Levure Bio, 100 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 10.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SlJbsm7IyhBEEHY26hcuUv949MoRbOwcbcIlFQPcAgCK52P4mpOfpjw8gpJJbfIGchZvfrLMDugcdqkp-olfUQ" />
    <input value="5269" 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/poudre-d-eglantier-bio-150-g-1027">
          <img alt="Poudre d&#39;églantier Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/903/file/small-ead0c907eb9b8d51ec6c990d665ea9ec.webp 600w, https://assets.fabulous.ch/public/variant_asset/903/file/medium-5cf1c57468069b72d9969dee89016990.webp 900w, https://assets.fabulous.ch/public/variant_asset/903/file/large-759bff9cceb5fb4a968a597266d95ab1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/903/file/medium-5cf1c57468069b72d9969dee89016990.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">Raab</p>
          <a href="/fr/products/poudre-d-eglantier-bio-150-g-1027">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Poudre d&#39;églantier Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.80
            </p>

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

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

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

</template></turbo-stream>