<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/lecker-s-huile-de-citron-bio-2-ml-7083">
          <img alt="Lecker&#39;s huile de citron, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4070/file/small-d9420f8a9864402a5bf7908f5ab0bf95.webp 600w, https://assets.fabulous.ch/public/variant_asset/4070/file/medium-502416b5824bc3ea816e89bf87a92795.webp 900w, https://assets.fabulous.ch/public/variant_asset/4070/file/large-139efb9c3b52cd1b392475c8168cb78d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4070/file/medium-502416b5824bc3ea816e89bf87a92795.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">Lecker&#39;s</p>
          <a href="/fr/products/lecker-s-huile-de-citron-bio-2-ml-7083">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lecker&#39;s huile de citron, Bio, 2 ml</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 225.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bW157_3fdiBMnYToSWViHMyf0lkxjnk-Ljrvy7ewI3Odi7GxycqpBfFnFbPk3lpIyN0t2seSup9JeVxMB-xH_Q" />
    <input value="7083" 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/lecker-s-huile-d-orange-bio-2-ml-7084">
          <img alt="Lecker&#39;s huile d&#39;orange, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4074/file/small-c5d30140402d4370abb6983b7f4071cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/4074/file/medium-e19202e17b4b006a629bc287ca45966a.webp 900w, https://assets.fabulous.ch/public/variant_asset/4074/file/large-bf969263ecbee42de6a2973883ecdc7b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4074/file/medium-e19202e17b4b006a629bc287ca45966a.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">Lecker&#39;s</p>
          <a href="/fr/products/lecker-s-huile-d-orange-bio-2-ml-7084">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lecker&#39;s huile d&#39;orange, Bio, 2 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NjafHH8ou2-ZbOhHrkpmFzN2-5I_tkjvoB4_VIRNTeXG0FdCSz1kSiSWeRwD8V5DNzQEEcmqi07HXYzTNBEpaw" />
    <input value="7084" 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/analyse-de-l-eau-potable-du-robinet-1-piece-7102">
          <img alt="Analyse de l&#39;eau potable/du robinet" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4081/file/small-535a3b3860aa2c061d18a344047e8d28.webp 600w, https://assets.fabulous.ch/public/variant_asset/4081/file/medium-91926561374bd560ef88eaa93651347c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4081/file/large-5b3fd74aa20b83d32a83737c9826f16f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4081/file/medium-91926561374bd560ef88eaa93651347c.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">ortho-analytic</p>
          <a href="/fr/products/analyse-de-l-eau-potable-du-robinet-1-piece-7102">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Analyse de l&#39;eau potable/du robinet, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 199.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="C1jws10X-dxiAvNGuRkeU_28Eyhfl91YPAOHjAygLE37vjjtaQIm-d_4Yh0UoiYH-f7sq6mLHvlbQDQLvPxIww" />
    <input value="7102" 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/haricots-verts-demeter-680-g-7124">
          <img alt="Haricots verts Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4087/file/small-5e9b4e61ad40bcd95480120a1aecd425.webp 600w, https://assets.fabulous.ch/public/variant_asset/4087/file/medium-bef90624b717fe9dd26cff9dd61d5897.webp 900w, https://assets.fabulous.ch/public/variant_asset/4087/file/large-702a413e47c60222a7548be57aad6f04.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4087/file/medium-bef90624b717fe9dd26cff9dd61d5897.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/haricots-verts-demeter-680-g-7124">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Haricots verts Demeter, 680 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="62A0_CIMy2OS6NNBHbMLQMRIjDsfrhIDX9w0QgEl1kcbhvyiFhkURi8SQhqwCDMUwApzuOmy0aI4n4fFsXmyyQ" />
    <input value="7124" 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-aux-oeufs-vegan-bio-20-g-7129">
          <img alt="Alternative aux œufs vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4092/file/small-14298162187b7b2da957f3ca10112419.webp 600w, https://assets.fabulous.ch/public/variant_asset/4092/file/medium-2c9b9159ee6ca29445560060f11fc2b5.webp 900w, https://assets.fabulous.ch/public/variant_asset/4092/file/large-f4ab4391e5d4a14c2e51e0d451583e20.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4092/file/medium-2c9b9159ee6ca29445560060f11fc2b5.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/alternative-aux-oeufs-vegan-bio-20-g-7129">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Alternative aux œufs vegan Bio, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wGRghP-4z1kaVFBscGvjqQszPXQ08d3uM-E-M5cj46Iwgqjay60QfKeuwTfd0Nv9D3HC98LtHk9Uoo20J3-HLA" />
    <input value="7129" 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/haricot-melange-haricots-bio-400-g-7130">
          <img alt="Haricot Mélange haricots Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4093/file/small-4ef85c1be8542a76bc3f1b27e0347d16.webp 600w, https://assets.fabulous.ch/public/variant_asset/4093/file/medium-01e8113ad473791d76341b853bf4acdc.webp 900w, https://assets.fabulous.ch/public/variant_asset/4093/file/large-507c6612f6e9e9c1f18539a062530cfd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4093/file/medium-01e8113ad473791d76341b853bf4acdc.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/haricot-melange-haricots-bio-400-g-7130">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Haricot Mélange haricots Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6zjnGK_LiXDEAD7PVKRUNtFdpEQHfcziVmvbfzvKrsob3i9Gm95WVXn6r5T5H2xi1R9bx_FhD0MxKGj4i5bKRA" />
    <input value="7130" 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/haricots-azuki-bio-500-g-7132">
          <img alt="Haricots Azuki Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4095/file/small-bb94db5ad0ed317211cad352dbe23a93.webp 600w, https://assets.fabulous.ch/public/variant_asset/4095/file/medium-9049b1bdb25cbc94fd8cbb0fdd51e7f6.webp 900w, https://assets.fabulous.ch/public/variant_asset/4095/file/large-ab8ca14b428513f837b89ca3456e8fc7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4095/file/medium-9049b1bdb25cbc94fd8cbb0fdd51e7f6.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/haricots-azuki-bio-500-g-7132">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Haricots Azuki Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="j5iQZEtYfEOzyl3kWAorLWbmonBLMiVEX2I9vBN5E31_flg6f02jZg4wzL_1sRN5YqRd870u5uU4IY47oyV38w" />
    <input value="7132" 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/haricots-borlotti-bio-400-g-7133">
          <img alt="Haricots Borlotti Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4096/file/small-87200c32d6b651fece078e5448fdd612.webp 600w, https://assets.fabulous.ch/public/variant_asset/4096/file/medium-f7cf54d5f44ab9d1517cb6a1328b787e.webp 900w, https://assets.fabulous.ch/public/variant_asset/4096/file/large-2b65fc7f8d4ccfa8f3d77d3eaae0ee61.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4096/file/medium-f7cf54d5f44ab9d1517cb6a1328b787e.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">Alce Nero</p>
          <a href="/fr/products/haricots-borlotti-bio-400-g-7133">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Haricots Borlotti Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="026VTUjWXF3KhSiOZDxbcw-TC_XgSak9h2JFZCm3yycjiF0TfMODeHd_udXJh2MnC9H0dhZVapzgIfbjmeuvqQ" />
    <input value="7133" 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-rosso-bio-130-g-7167">
          <img alt="Pesto Rosso Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4103/file/small-ff3d961670c64fadb88aaf9496daca85.webp 600w, https://assets.fabulous.ch/public/variant_asset/4103/file/medium-71e2cede5b6c5c811fdfef7ee7f43c8b.webp 900w, https://assets.fabulous.ch/public/variant_asset/4103/file/large-8b60d6d05f624f9a2fbf83650b852353.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4103/file/medium-71e2cede5b6c5c811fdfef7ee7f43c8b.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/pesto-rosso-bio-130-g-7167">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pesto Rosso Bio, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gNVUp_uR8VoVMK62xVcz55nbKn9UXU8K9wkBK_B1UeVwM5z5z4Quf6jKP-1o7AuznZnV_KJBjKuQSrKsQCk1aw" />
    <input value="7167" 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/shampooing-reparateur-soin-en-profondeur-250-ml-7230">
          <img alt="Shampooing Réparateur &amp; Soin en Profondeur" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4107/file/small-b4b11452aa5475d9dc04733da67d07be.webp 600w, https://assets.fabulous.ch/public/variant_asset/4107/file/medium-013358df485a4486e6a3cbbb4b4c13a8.webp 900w, https://assets.fabulous.ch/public/variant_asset/4107/file/large-d1ed7384a140b4519ad94d7ef0fea5e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4107/file/medium-013358df485a4486e6a3cbbb4b4c13a8.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/shampooing-reparateur-soin-en-profondeur-250-ml-7230">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampooing Réparateur &amp; Soin en Profondeur, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.95
            </p>

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

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

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/gluten-de-ble-en-poudre-seitan-fix-250-g-7262">
          <img alt="Gluten de blé en poudre (Seitan Fix)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4114/file/small-8f8fe5a5d3c32338da72723457dae926.webp 600w, https://assets.fabulous.ch/public/variant_asset/4114/file/medium-8aeb29c55daa9fa7e97fb71c6d6b0e62.webp 900w, https://assets.fabulous.ch/public/variant_asset/4114/file/large-b3db62041f7b0bc5779414ab2f3dd8e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4114/file/medium-8aeb29c55daa9fa7e97fb71c6d6b0e62.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">Vantastic</p>
          <a href="/fr/products/gluten-de-ble-en-poudre-seitan-fix-250-g-7262">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gluten de blé en poudre (Seitan Fix), 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="79P87yG3JPvqiKiGfxOscARCDRVkGrMkDEt_o-rhBc4fNTSxFaL73ldyOd3SqJQkAADylpIGcIVrCMwkWr1hQA" />
    <input value="7262" 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/lifebar-barres-energetiques-cru-inchoco-cacao-vanille-bio-40-g-7266">
          <img alt="Lifebar Barres énergétiques Cru InChoco Cacao Vanille Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4116/file/small-78cd34c21a7479673866b8f8b9bf5101.webp 600w, https://assets.fabulous.ch/public/variant_asset/4116/file/medium-192c95e50acac8691caf26743c7df711.webp 900w, https://assets.fabulous.ch/public/variant_asset/4116/file/large-9494df5b47c3d5a22eaa4949b58bda0d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4116/file/medium-192c95e50acac8691caf26743c7df711.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lifefood</p>
          <a href="/fr/products/lifebar-barres-energetiques-cru-inchoco-cacao-vanille-bio-40-g-7266">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lifebar Barres énergétiques Cru InChoco Cacao Vanille Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8uvBOAThDNzQRzWmpEQguAAgOjPCIjk1zBeO5vUl9oUCDQlmMPTT-W29pP0J_xjsBGLFsDQ--pSrVD1hRXmSCw" />
    <input value="7266" 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/lifebar-barres-energetiques-cru-inchoco-orange-bio-40-g-7267">
          <img alt="Lifebar Barres énergétiques cru InChoco orange Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4117/file/small-3b169738e68ac2a0675d44778abf7bee.webp 600w, https://assets.fabulous.ch/public/variant_asset/4117/file/medium-1b89dfe98e275e3efee5a45167ef8128.webp 900w, https://assets.fabulous.ch/public/variant_asset/4117/file/large-5f34325881ea37072a4ce6e927af0ad6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4117/file/medium-1b89dfe98e275e3efee5a45167ef8128.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lifefood</p>
          <a href="/fr/products/lifebar-barres-energetiques-cru-inchoco-orange-bio-40-g-7267">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lifebar Barres énergétiques cru InChoco orange Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TtVLS780hjte2kda-5sfzOl_al-X6Ji6RE5inktMtEi-M4MViyFZHuMg1gFWICeY7T2V3GH0WxsjDdEZ-xDQxg" />
    <input value="7267" 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/lifebar-barres-energetiques-cru-inchoco-prune-bio-40-g-7268">
          <img alt="Lifebar Barres énergétiques Cru InChoco prune Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4118/file/small-8a5e33dd8c3e0e212854a28e520649d4.webp 600w, https://assets.fabulous.ch/public/variant_asset/4118/file/medium-bd8e4dee435a91402feecfddc82a82d0.webp 900w, https://assets.fabulous.ch/public/variant_asset/4118/file/large-b8bb06a0414d4bfbdcc0d99b22ab60e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4118/file/medium-bd8e4dee435a91402feecfddc82a82d0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lifefood</p>
          <a href="/fr/products/lifebar-barres-energetiques-cru-inchoco-prune-bio-40-g-7268">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lifebar Barres énergétiques Cru InChoco prune Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Uff7c-Nm_RZ_PQwKSff0nctJ0N8G5mdceQWd2Hh_CX-hETMt13MiM8LHnVHkTMzJzwsvXPD6pP0eRi5fyCNt8Q" />
    <input value="7268" 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/kookie-cat-vanille-choco-chip-biscuits-sachet-bio-100-g-7270">
          <img alt="KOOKIE CAT Vanille Choco Chip Biscuits Sachet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4120/file/small-6996755699d48f8c781144059797024a.webp 600w, https://assets.fabulous.ch/public/variant_asset/4120/file/medium-2e138d6cf3243c1ba1a450a76d3d229c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4120/file/large-6289b44d4fa9be0960a8d10d946a3268.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4120/file/medium-2e138d6cf3243c1ba1a450a76d3d229c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Kookie Cat</p>
          <a href="/fr/products/kookie-cat-vanille-choco-chip-biscuits-sachet-bio-100-g-7270">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">KOOKIE CAT Vanille Choco Chip Biscuits Sachet Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vhyngVKBXWNxSrHvTejK4N-x0_7ktH4Aokx3VWWB2dNO-m_fZpSCRsywILTgU_K02_MsfRKovaHFD8TS1d29XQ" />
    <input value="7270" 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/cafe-sauvage-medium-grains-kaffa-bio-1-kg-7271">
          <img alt="Café sauvage medium grains &#39;Kaffa&#39; Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4121/file/small-d792691de32c9fb69e8c1bae619243b9.webp 600w, https://assets.fabulous.ch/public/variant_asset/4121/file/medium-04f832fa1ff6ba5b4dac110aa46ff299.webp 900w, https://assets.fabulous.ch/public/variant_asset/4121/file/large-eac1c89dbf35027b2ce9aa783367fe7c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4121/file/medium-04f832fa1ff6ba5b4dac110aa46ff299.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">Original Food</p>
          <a href="/fr/products/cafe-sauvage-medium-grains-kaffa-bio-1-kg-7271">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Café sauvage medium grains &#39;Kaffa&#39; Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 41.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9weR1_LMjm6qgIPWUKF0e691FHTH_TTNnaDGsF2j4LgH4VmJxtlRSxd6Eo39Gkwvqzfr9zHh92z643U37f-ENg" />
    <input value="7271" 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/cafe-bonga-red-mountain-capsules-de-cafe-lungo-bio-10-capsules-10-piece-7272">
          <img alt="Café Bonga Red Mountain Capsules de café lungo Bio, 10 capsules" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4122/file/small-570680df5e6dcc44deff166b99e9a035.webp 600w, https://assets.fabulous.ch/public/variant_asset/4122/file/medium-c14d41c02d4aa9447e87e7075fba1f78.webp 900w, https://assets.fabulous.ch/public/variant_asset/4122/file/large-56c14913a0975278f2e60fe05dd6a1e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4122/file/medium-c14d41c02d4aa9447e87e7075fba1f78.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">Original Food</p>
          <a href="/fr/products/cafe-bonga-red-mountain-capsules-de-cafe-lungo-bio-10-capsules-10-piece-7272">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Café Bonga Red Mountain Capsules de café lungo Bio, 10 capsules, 10 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q5Gh_-3gjn6W_IPIkuYssnt8NN8ZjXcnTz_7qJY7C82zd2mh2fVRWysGEpM_XRTmfz7LXO-RtIYofEgvJmdvQw" />
    <input value="7272" 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">
    <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/mais-doux-sans-sucres-ajoutes-demeter-340-g-7273">
          <img alt="Maïs doux sans sucres ajoutés Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4123/file/small-03b40bca0bfe9b6f0b83730315419828.webp 600w, https://assets.fabulous.ch/public/variant_asset/4123/file/medium-4fba4a549cb52693e09c26625baef58e.webp 900w, https://assets.fabulous.ch/public/variant_asset/4123/file/large-c803b8cbe36348e6b145124569d74cd4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4123/file/medium-4fba4a549cb52693e09c26625baef58e.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/mais-doux-sans-sucres-ajoutes-demeter-340-g-7273">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Maïs doux sans sucres ajoutés Demeter, 340 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/choucroute-en-verre-demeter-720-ml-3cec7713-5525-48fa-94f6-9f44d5205c08-7274">
          <img alt="Choucroute en verre Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4124/file/small-c61a25a876318f2c4bd3e2869a21f66e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4124/file/medium-7382844c0e49454eb34bce4094c4741d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4124/file/large-62799dc4fed13c18f402c651e871aa0a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4124/file/medium-7382844c0e49454eb34bce4094c4741d.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">Schweizer Naturkost</p>
          <a href="/fr/products/choucroute-en-verre-demeter-720-ml-3cec7713-5525-48fa-94f6-9f44d5205c08-7274">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Choucroute en verre Demeter, 720 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f46ootbuCVbtlTsdkIrnjOYdFtT-LAwbY_ZK4thbszOPaGD84vvWc1BvqkY9Md_Y4l_pVwgwz7oEtfllaAfXvQ" />
    <input value="7274" 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/sel-fleur-de-sel-de-guerande-140-g-7275">
          <img alt="Sel Fleur de Sel de Guérande" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4125/file/small-5a1dcf1efca66118d1d783d395b1a0a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/4125/file/medium-f8dcf7f98ed71a2df3f31f3af340ff7a.webp 900w, https://assets.fabulous.ch/public/variant_asset/4125/file/large-ee3deb5790b6e889a762ee7115d42596.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4125/file/medium-f8dcf7f98ed71a2df3f31f3af340ff7a.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">Guérande</p>
          <a href="/fr/products/sel-fleur-de-sel-de-guerande-140-g-7275">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sel Fleur de Sel de Guérande, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pRx_bpt2JAyQMKeqeV3mVTDZxCHMsoIjUTn4o5AJRsFV-rcwr2P7KS3KNvHU5t4BNJs7ojquQYI2ekskIFUiTw" />
    <input value="7275" 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">
      1&#39;200 sur 3&#39;189 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/peak-punk?format=turbo_stream&amp;page=61">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>