<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/tofu-aux-legumes-suisse-bio-250-g-17390">
          <img alt="Tofu aux légumes Suisse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8112/file/small-3ef3f74981fec2155cb8e47483264549.webp 600w, https://assets.fabulous.ch/public/variant_asset/8112/file/medium-3c94fbc61a6e95b8265f2c11bc61becc.webp 900w, https://assets.fabulous.ch/public/variant_asset/8112/file/large-fc6afb473ad38418a890f26fa6e6e24a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8112/file/medium-3c94fbc61a6e95b8265f2c11bc61becc.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">Futur</p>
          <a href="/fr/products/tofu-aux-legumes-suisse-bio-250-g-17390">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu aux légumes Suisse Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RW7P6YP_rqLcFGi9E0QVEg9VEhZw8It7SECHtaBw22CWlwj9BKgcHbWu8xGSxz7dyXvePQ7w1BFa7m_JIZE4kA" />
    <input value="17390" 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/freely-cookie-double-chocolat-sans-gluten-bio-65-g-17416">
          <img alt="Freely Cookie Double Chocolat 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/8113/file/small-48664f6da5263b364739a526d36b718b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8113/file/medium-b059a75c16c136a842055d9322ecebcc.webp 900w, https://assets.fabulous.ch/public/variant_asset/8113/file/large-e280266f914acc4eb601f3ef83f33038.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8113/file/medium-b059a75c16c136a842055d9322ecebcc.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">Freely Handustry</p>
          <a href="/fr/products/freely-cookie-double-chocolat-sans-gluten-bio-65-g-17416">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Freely Cookie Double Chocolat Sans Gluten Bio, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="io4_TLetC3UaaWTxeoR6AYKuSR-axL5J0m_UhHHSR8hZd_hYMPq5ynPT_137B1HORICFNOTE4SPAwTz48DOkOA" />
    <input value="17416" 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/sojade-so-soya-citron-bio-400-g-17417">
          <img alt="Sojade So Soya! Citron Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8114/file/small-10768bafca7914a57387d45f7ef35cbd.webp 600w, https://assets.fabulous.ch/public/variant_asset/8114/file/medium-12e6c32f16f19a07be62092a13484f5b.webp 900w, https://assets.fabulous.ch/public/variant_asset/8114/file/large-e59c2373ba7a7db6b87da7c06d89b32e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8114/file/medium-12e6c32f16f19a07be62092a13484f5b.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">Sojade</p>
          <a href="/fr/products/sojade-so-soya-citron-bio-400-g-17417">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sojade So Soya! Citron Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.00
            </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.25 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5SwXef4ojvbxjTy-ppFZpCsxSUENjpEaRApdV30B9Mo21dBteX88SZg3pxInEnJr7R-FanOOznBWpLUr_OAXOg" />
    <input value="17417" 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/vitamix-a3500i-noir-1-piece-17421">
          <img alt="Vitamix A3500i NOIR" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8118/file/small-aac9a03c6aa396a259ee86d3fa2a26c6.webp 600w, https://assets.fabulous.ch/public/variant_asset/8118/file/medium-4f20c44ab5878d482e5eca3f1c4b2992.webp 900w, https://assets.fabulous.ch/public/variant_asset/8118/file/large-e66fd8058d41a04d1cda4f48f292bec4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8118/file/medium-4f20c44ab5878d482e5eca3f1c4b2992.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">Vitamix</p>
          <a href="/fr/products/vitamix-a3500i-noir-1-piece-17421">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamix A3500i NOIR, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1&#39;099.00
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1&#39;099.00 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mu6VH7rmTUY34u7VwyAD_VBuxzFI6e3K6NcMuK0xZ9FJF1ILPbH_-V5YdXlCoygylkALGjbpsqD6eeTELNCEIQ" />
    <input value="17421" 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/kuvings-vacuum-blender-sv-400-anthracite-1-piece-17422">
          <img alt="Kuvings vacuum blender SV-400 anthracite" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8119/file/small-c075ea19ca1e17f62b65a049ba45df5e.webp 600w, https://assets.fabulous.ch/public/variant_asset/8119/file/medium-e3b9aaf79ba222b1f42734f81b1a62bb.webp 900w, https://assets.fabulous.ch/public/variant_asset/8119/file/large-5725de9119318c085a96b7cb2e1e1c8a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8119/file/medium-e3b9aaf79ba222b1f42734f81b1a62bb.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">Kuvings</p>
          <a href="/fr/products/kuvings-vacuum-blender-sv-400-anthracite-1-piece-17422">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kuvings vacuum blender SV-400 anthracite, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 525.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PyInFM-zLJvAqBQB-qi-fyepQxD2ZySiDHIcctHnCnfs2-AASOSeJKkSj617K5Ww4YePO4hne8ge3PQOUAbphw" />
    <input value="17422" 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/kuvings-vacuum-blender-sv-400-rouge-1-piece-17423">
          <img alt="Kuvings vacuum blender SV-400 rouge" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8120/file/small-7edd5c09e5174fc11dccfd802dc24dcf.webp 600w, https://assets.fabulous.ch/public/variant_asset/8120/file/medium-c21fa0a840ed22b20f5b2f28eea30159.webp 900w, https://assets.fabulous.ch/public/variant_asset/8120/file/large-bffe386e79e980fe40389be1f3c2e158.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8120/file/medium-c21fa0a840ed22b20f5b2f28eea30159.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">Kuvings</p>
          <a href="/fr/products/kuvings-vacuum-blender-sv-400-rouge-1-piece-17423">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kuvings vacuum blender SV-400 rouge, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 525.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="orWbCvih1byU8MnVwzHak5JH3DC-k5NDams9u6LvIu9xTFwef_ZnA_1KUnlCsvFcVGkQG8CTzCl4xdXHIw7BHw" />
    <input value="17423" 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/vitamix-bol-mixeur-ascent-2-litres-2-l-17424">
          <img alt="Vitamix Bol mixeur Ascent 2 litres" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8121/file/small-fc0d0a82c212396ede6e29b55f8af87b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8121/file/medium-5317b7cce276189e3bfbcab6d0b8d141.webp 900w, https://assets.fabulous.ch/public/variant_asset/8121/file/large-6c974a1da9f7b25046cf88ca81b5d43c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8121/file/medium-5317b7cce276189e3bfbcab6d0b8d141.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">Vitamix</p>
          <a href="/fr/products/vitamix-bol-mixeur-ascent-2-litres-2-l-17424">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamix Bol mixeur Ascent 2 litres, 2 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 219.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PC2tnJ_KkoiOmUAXT8mH1JeuuUMPmYK0wnrQJixT_ZHv1GqIGJ0gN-cj27vOSqwbUYB1aHGZ3d7Q1DharbIeYQ" />
    <input value="17424" 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/grattoir-pour-lame-vitamix-1-piece-17425">
          <img alt="Grattoir pour lame Vitamix" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8122/file/small-87b422cf28a40f57660b6afa214fcdda.webp 600w, https://assets.fabulous.ch/public/variant_asset/8122/file/medium-4aebc118171fbd66e196e098af53a4a6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8122/file/large-c7475ecdb82cd33f2ce7583d6d412e7c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8122/file/medium-4aebc118171fbd66e196e098af53a4a6.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">Vitamix</p>
          <a href="/fr/products/grattoir-pour-lame-vitamix-1-piece-17425">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Grattoir pour lame Vitamix, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vO3XC71PYGkTFUkA5twnbbbXlYZ10_YrwWKti8QioelvFBAfOhjS1nqv0qxnXwyicPlZrQvTqUHTzEX3RcNCGQ" />
    <input value="17425" 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/set-de-bocaux-de-conservation-et-de-fermentation-3-pieces-3-piece-17429">
          <img alt="Set de bocaux de conservation et de fermentation, 3 pièces" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8123/file/small-8078a52726a1683b8a91c2c0513d5e97.webp 600w, https://assets.fabulous.ch/public/variant_asset/8123/file/medium-17cba4d00480db72b00c541c14b9be82.webp 900w, https://assets.fabulous.ch/public/variant_asset/8123/file/large-638a6e9cd92af42ea6a1fb0ee5037580.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8123/file/medium-17cba4d00480db72b00c541c14b9be82.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">frohkost</p>
          <a href="/fr/products/set-de-bocaux-de-conservation-et-de-fermentation-3-pieces-3-piece-17429">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Set de bocaux de conservation et de fermentation, 3 pièces, 3 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 64.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oFQN184JQtYjfUsPW6Qb9b6I7ELgYHc6unbNkYFtJIxzrcrDSV7waUrH0KPaJzA6eKYgaZ5gKFCo2CXtAIzHfA" />
    <input value="17429" 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/kit-de-demarrage-pour-levain-0-35-l-17430">
          <img alt="Kit de démarrage pour levain" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8129/file/small-cc6b9447965382a03733d78c20d1b998.webp 600w, https://assets.fabulous.ch/public/variant_asset/8129/file/medium-6ae4d3cf930d4e855fd3b20893c8481f.webp 900w, https://assets.fabulous.ch/public/variant_asset/8129/file/large-88cdb1c070ab8cd023e656475523669b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8129/file/medium-6ae4d3cf930d4e855fd3b20893c8481f.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">Kilner</p>
          <a href="/fr/products/kit-de-demarrage-pour-levain-0-35-l-17430">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kit de démarrage pour levain, 0.35 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jX_z16Nnk5HVVh3VjSCzyaoPyEnPsAmt3nmgnvtlwkhehjTDJDAhLrzshnkMo5gGbCEEYrGwVsfM10jieoQhuA" />
    <input value="17430" 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/extrait-amer-de-plantes-ameres-bio-100-ml-17435">
          <img alt="Extrait amer de plantes amères Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8131/file/small-685de79c9259d098b032325a81650fd8.webp 600w, https://assets.fabulous.ch/public/variant_asset/8131/file/medium-82e98e537fda28d91e28a260a9d5a573.webp 900w, https://assets.fabulous.ch/public/variant_asset/8131/file/large-705d15417fd51f666e1374f0e71c03e1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8131/file/medium-82e98e537fda28d91e28a260a9d5a573.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">NaturKraftWerke</p>
          <a href="/fr/products/extrait-amer-de-plantes-ameres-bio-100-ml-17435">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Extrait amer de plantes amères Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3ltlKacT7zfdIqaHPYd4hceu8u9_zpVF9v3UyPaZqKMNoqI9IERdiLSYPSu8BFNKAYA-xAHOyi_kUzy0d3hLUw" />
    <input value="17435" 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/alternative-vegetalien-a-la-creme-fraiche-bio-180-g-84734656-bc0c-4820-9eb6-2b3e58a30d08-17436">
          <img alt="Alternative Végétalien à la Crème Fraîche Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8133/file/small-591ed6e57b58cc95e43129630581b690.webp 600w, https://assets.fabulous.ch/public/variant_asset/8133/file/medium-f8d29a873bcab2543d9606b54b991826.webp 900w, https://assets.fabulous.ch/public/variant_asset/8133/file/large-9cbfa2420ddcad3044838a9032b6492f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8133/file/medium-f8d29a873bcab2543d9606b54b991826.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">Züger</p>
          <a href="/fr/products/alternative-vegetalien-a-la-creme-fraiche-bio-180-g-84734656-bc0c-4820-9eb6-2b3e58a30d08-17436">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Alternative Végétalien à la Crème Fraîche Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.25
            </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.81 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="I8GEEmSI89BGJsK3rOMT5PWxKvJTcfRxpwPpwfE6fKrwOEMG499Bby-cWRstYDgrM5_m2S1xqxu1rQG9cNufWg" />
    <input value="17436" 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/poudre-de-citrate-de-magnesium-fruits-des-bois-200-g-17437">
          <img alt="Poudre de Citrate de Magnésium Fruits des Bois" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8134/file/small-536242d45018a508d3a09a4cf965f4e6.webp 600w, https://assets.fabulous.ch/public/variant_asset/8134/file/medium-ebf0dbbcb8a63b4625563dec2ff89455.webp 900w, https://assets.fabulous.ch/public/variant_asset/8134/file/large-4473c1635091b7214b348cd883ffc077.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8134/file/medium-ebf0dbbcb8a63b4625563dec2ff89455.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-de-citrate-de-magnesium-fruits-des-bois-200-g-17437">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Poudre de Citrate de Magnésium Fruits des Bois, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5Nyp565rtyHhSv0ygQs6LTZ9Jmc0CuLhSmydfQauNk83JW7zKTwFnojwZp4AiBHi8FPqTEoKvYtYwnUBh0_Vvw" />
    <input value="17437" 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-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/huile-croustillante-a-l-ail-et-piment-scorpion-110-g-17460">
          <img alt="Huile Croustillante à l’Ail et Piment Scorpion" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8136/file/small-b9a231e0b4cedcb690303f284eac896c.webp 600w, https://assets.fabulous.ch/public/variant_asset/8136/file/medium-66e62bf271ab5dd3b79313e7c9c96085.webp 900w, https://assets.fabulous.ch/public/variant_asset/8136/file/large-b6e0380119afe7822181281f935785ee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8136/file/medium-66e62bf271ab5dd3b79313e7c9c96085.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">Odawaraya</p>
          <a href="/fr/products/huile-croustillante-a-l-ail-et-piment-scorpion-110-g-17460">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Huile Croustillante à l’Ail et Piment Scorpion, 110 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 6.82 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DRQK76PcA7g2P1g_ztUH4Jze40QxTDrRr4xJqz8p5_Pe7c37JIuxB1-Fw5NPViwvWvAvb09MZbu9IqHXvsgEAw" />
    <input value="17460" 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/jardin-de-fruits-peche-fruit-de-la-passion-bio-225-g-17461">
          <img alt="Jardin de Fruits Pêche Fruit de la Passion Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8135/file/small-5f84a15909c000132f54731279b2ea8e.webp 600w, https://assets.fabulous.ch/public/variant_asset/8135/file/medium-03a1d0eb7191a9ed52dfebdbd1ca37b3.webp 900w, https://assets.fabulous.ch/public/variant_asset/8135/file/large-03c99482406f63c9e0488089ff6dfba2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8135/file/medium-03a1d0eb7191a9ed52dfebdbd1ca37b3.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">Zwergenwiese</p>
          <a href="/fr/products/jardin-de-fruits-peche-fruit-de-la-passion-bio-225-g-17461">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jardin de Fruits Pêche Fruit de la Passion Bio, 225 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 2.64 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="C6AS2WM7wQ42IaWDywXwUPcPL0pTE0QmujxEFI1SeBvYWdXN5GxzsV-bPi9KhtufMSHjYS0TG0yokqxoDLOb6w" />
    <input value="17461" 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/jardin-de-fruits-eglantier-bio-225-g-17463">
          <img alt="Jardin de Fruits Églantier Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8137/file/small-fb5d8c114772aab50a02fabf1a6045c9.webp 600w, https://assets.fabulous.ch/public/variant_asset/8137/file/medium-ec8caa7a5ecc2c09643ad4c19f77a7fe.webp 900w, https://assets.fabulous.ch/public/variant_asset/8137/file/large-8dfc95419e4f5dc570d36646a968895f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8137/file/medium-ec8caa7a5ecc2c09643ad4c19f77a7fe.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">Zwergenwiese</p>
          <a href="/fr/products/jardin-de-fruits-eglantier-bio-225-g-17463">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jardin de Fruits Églantier Bio, 225 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 2.64 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Gb44uRwyjv7FVrlvrm0SVZzdJ9b6zrNBMVChhuoj25jKR_-tm2U8QazsIsMv7jmaWvPr_YTO7Csj_kn6a8I4aA" />
    <input value="17463" 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/jardin-de-fruits-fraise-rhubarbe-bio-225-g-17464">
          <img alt="Jardin de Fruits Fraise-Rhubarbe Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8138/file/small-7cd729c6f60738e558e7f5565fff8299.webp 600w, https://assets.fabulous.ch/public/variant_asset/8138/file/medium-5360722d7063527e36dfedbe20066b7e.webp 900w, https://assets.fabulous.ch/public/variant_asset/8138/file/large-422bf960704757f44abe86d12b3546c3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8138/file/medium-5360722d7063527e36dfedbe20066b7e.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">Zwergenwiese</p>
          <a href="/fr/products/jardin-de-fruits-fraise-rhubarbe-bio-225-g-17464">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jardin de Fruits Fraise-Rhubarbe Bio, 225 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 2.64 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v4IruP6jGi4LYcKxxj9HLSov750-IGuUnKcBnKRLa7lse-ysefSokWLbWR1HvGzi7AEjtkAgNP6OCengJaqISQ" />
    <input value="17464" 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/deo-baton-have-fun-avec-mandarine-et-citron-40-g-17465">
          <img alt="Déo bâton have fun avec mandarine et citron" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8139/file/small-735d2538eda4ff888a5c878b4722b0a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/8139/file/medium-2fd436e7aaa42cf8f9472edb8d790d73.webp 900w, https://assets.fabulous.ch/public/variant_asset/8139/file/large-22978b10fff42ad0a05f2269b456bc25.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8139/file/medium-2fd436e7aaa42cf8f9472edb8d790d73.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">The Lekker company</p>
          <a href="/fr/products/deo-baton-have-fun-avec-mandarine-et-citron-40-g-17465">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Déo bâton have fun avec mandarine et citron, 40 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 18.75 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-17465-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/deo-baton-be-active-woodland-40-g-17472">
          <img alt="Déo bâton be active Woodland" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8140/file/small-cf57ea2e507dc4155793ee0d74339517.webp 600w, https://assets.fabulous.ch/public/variant_asset/8140/file/medium-ebf44164fcb72827122c2d5d3ea42517.webp 900w, https://assets.fabulous.ch/public/variant_asset/8140/file/large-eaaf7f793108060fb70d563e1c538ea5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8140/file/medium-ebf44164fcb72827122c2d5d3ea42517.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">The Lekker company</p>
          <a href="/fr/products/deo-baton-be-active-woodland-40-g-17472">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Déo bâton be active Woodland, 40 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 18.75 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0uxfldAlz45VtexJR7eG9z837gUswriK99vbxB0Yh1sBFZiBV3J9MTwPd-XGNK04-RkiLlLC5-DldTO4nPlkqw" />
    <input value="17472" 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/deo-baton-feel-free-avec-lavende-40-g-17473">
          <img alt="Déo bâton feel free avec lavende" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8141/file/small-d85a50ac37e66319d5d0fffdcd932906.webp 600w, https://assets.fabulous.ch/public/variant_asset/8141/file/medium-815d87163aa5f2eb35860046f22f980f.webp 900w, https://assets.fabulous.ch/public/variant_asset/8141/file/large-1df54e371b71e01875d76dcfc79a972b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8141/file/medium-815d87163aa5f2eb35860046f22f980f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">The Lekker company</p>
          <a href="/fr/products/deo-baton-feel-free-avec-lavende-40-g-17473">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Déo bâton feel free avec lavende, 40 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 18.75 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N9nSJgR4FmmizWWaizS4rmOqOsRa_eA_YdwWcgUJX-nkIBUygy-k1st3_jYKt5NhpYT27yT9v1Vzcv4OhOi8GQ" />
    <input value="17473" 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">
      3&#39;060 sur 3&#39;168 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/davert?format=turbo_stream&amp;page=154">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>