<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/gommes-aux-fruits-bouteilles-de-cola-bio-100-g-13225">
          <img alt="Gommes aux fruits bouteilles de cola Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6432/file/small-c168bad661505172e67a91eab7909dc9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6432/file/medium-29ae08ebf040a480e8e30d6bd6b09975.webp 900w, https://assets.fabulous.ch/public/variant_asset/6432/file/large-fdce33e4fa386d82a58d961c148f3a59.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6432/file/medium-29ae08ebf040a480e8e30d6bd6b09975.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Heimatgut</p>
          <a href="/fr/products/gommes-aux-fruits-bouteilles-de-cola-bio-100-g-13225">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gommes aux fruits bouteilles de cola Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nOkjv64TigeDEpfnthtU_Oew4EfLpXywh2SeVKPrN5In7sJksX0jS602EeRrLQoIOv4sXVoJj2R5lH6gWEQ7vA" />
    <input value="13225" 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/lassi-citron-bio-230-ml-13253">
          <img alt="Lassi Citron Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6438/file/small-c4755517976429619f154e1f2a50d558.webp 600w, https://assets.fabulous.ch/public/variant_asset/6438/file/medium-c6787f170fe642978c586587c6b0f7ca.webp 900w, https://assets.fabulous.ch/public/variant_asset/6438/file/large-b3b1dcf8cf62e0bfba8026982ab02ec0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6438/file/medium-c6787f170fe642978c586587c6b0f7ca.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">Biedermann Bio Vegan</p>
          <a href="/fr/products/lassi-citron-bio-230-ml-13253">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lassi Citron Bio, 230 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </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.09 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-hp-FYx9G69632lGP35wrH3e2nEWaasbNZ5Swhb1PjxBHZ_OkxOy41T770XiSC5YoJAWa4fFWM_LbrI27VoyEg" />
    <input value="13253" 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/barre-a-l-avoine-peak-punk-blueberry-muffin-bio-60-g-13292">
          <img alt="Barre à l&#39;avoine Peak Punk Blueberry Muffin Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6440/file/small-42d4ccaa0f4e73674c3077c7f33b4b14.webp 600w, https://assets.fabulous.ch/public/variant_asset/6440/file/medium-63b44898e5a678e32910593392e52a87.webp 900w, https://assets.fabulous.ch/public/variant_asset/6440/file/large-bba83cf14466ebf7c9d47c3520342361.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6440/file/medium-63b44898e5a678e32910593392e52a87.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">Peak Punk</p>
          <a href="/fr/products/barre-a-l-avoine-peak-punk-blueberry-muffin-bio-60-g-13292">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre à l&#39;avoine Peak Punk Blueberry Muffin Bio, 60 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 4.92 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bZsrYhf9_Pc7QKidAuBGWfiAZL9Mi99g_chVls_yegzWnMq5CJNVuxVkLp7f1hitJc6opd0nLLQDOLViNF12Ig" />
    <input value="13292" 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/peak-punk-haferriegel-brownie-noix-de-cajou-bio-60-g-13293">
          <img alt="Peak Punk Haferriegel Brownie noix de cajou Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6441/file/small-3a839b712f01ca1d9cc1769462d753be.webp 600w, https://assets.fabulous.ch/public/variant_asset/6441/file/medium-414ca80437dab52600e040dca677c61e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6441/file/large-2d645e6684e9a2a3932db9783649f6f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6441/file/medium-414ca80437dab52600e040dca677c61e.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">Peak Punk</p>
          <a href="/fr/products/peak-punk-haferriegel-brownie-noix-de-cajou-bio-60-g-13293">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peak Punk Haferriegel Brownie noix de cajou Bio, 60 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 4.92 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RRk-E0CDg7x46F5D25Kt8SXfPIl9xVWyAhTOZrI7wrz-Ht_IX-0q8FbM2EAGpPMF-JHwk-xppmb85C6SSZTOkg" />
    <input value="13293" 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/peak-punk-barre-a-l-avoine-chocolate-peanut-bio-60-g-13294">
          <img alt="Peak Punk Barre à l&#39;avoine Chocolate Peanut Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6442/file/small-ea1bad4ec00127bcac06293e90ada00c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6442/file/medium-4151af30fa4129159c020c8a3f59ab39.webp 900w, https://assets.fabulous.ch/public/variant_asset/6442/file/large-7eb291f011c30bc3c4e59f42ba934609.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6442/file/medium-4151af30fa4129159c020c8a3f59ab39.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">Peak Punk</p>
          <a href="/fr/products/peak-punk-barre-a-l-avoine-chocolate-peanut-bio-60-g-13294">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peak Punk Barre à l&#39;avoine Chocolate Peanut Bio, 60 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 4.92 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iejab6rGW-JVIO4RquzhVKC2bayYspuBY0ByOW6OyIAy7zu0tajyrnsEaBJ32r-gffihtgkeaFWdsJLNlSHErg" />
    <input value="13294" 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/peak-punk-barre-a-l-avoine-raspberry-white-chocolate-bio-55-g-13297">
          <img alt="Peak Punk Barre à l&#39;avoine Raspberry White Chocolate bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6445/file/small-33380bbceecbd7ae3fb4b3634f133bae.webp 600w, https://assets.fabulous.ch/public/variant_asset/6445/file/medium-57d564ab9d0df809a0f53f812d90c24d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6445/file/large-2535a084b772ddeedb5b07f901e57b31.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6445/file/medium-57d564ab9d0df809a0f53f812d90c24d.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">Peak Punk</p>
          <a href="/fr/products/peak-punk-barre-a-l-avoine-raspberry-white-chocolate-bio-55-g-13297">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peak Punk Barre à l&#39;avoine Raspberry White Chocolate bio, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/nirwana-baton-de-chocolat-bio-22-g-13320">
          <img alt="Nirwana bâton de chocolat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6446/file/small-1aef1abca5c49b93fb46eb478a6895b8.webp 600w, https://assets.fabulous.ch/public/variant_asset/6446/file/medium-d448013e2689ed76d059adb427dcab18.webp 900w, https://assets.fabulous.ch/public/variant_asset/6446/file/large-5036f283638aaf6606659198e1718be9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6446/file/medium-d448013e2689ed76d059adb427dcab18.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/fr/products/nirwana-baton-de-chocolat-bio-22-g-13320">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nirwana bâton de chocolat Bio, 22 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.00
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/cuisine-sans-mouhhh-creme-de-cuisine-bio-200-ml-13322">
          <img alt="Cuisine Sans Mouhhh Crème de cuisine Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6449/file/small-7b9a7e3eed511f0cb41f81e2a0d0595e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6449/file/medium-11aeac540303f1cad039bc9fb0b10f56.webp 900w, https://assets.fabulous.ch/public/variant_asset/6449/file/large-51b5e1c8eec3ed0b276999aab1ebefe8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6449/file/medium-11aeac540303f1cad039bc9fb0b10f56.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">Allos</p>
          <a href="/fr/products/cuisine-sans-mouhhh-creme-de-cuisine-bio-200-ml-13322">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cuisine Sans Mouhhh Crème de cuisine Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.50
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sauce-bbq-bio-230-g-13348">
          <img alt="Sauce BBQ Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6450/file/small-a97c32a3945f397dbd3ca24b51b4c7a8.webp 600w, https://assets.fabulous.ch/public/variant_asset/6450/file/medium-a48b4db74d4c69842b438dc120d8bf36.webp 900w, https://assets.fabulous.ch/public/variant_asset/6450/file/large-3d22fcdf9e7028f1d13f5a9088ea687e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6450/file/medium-a48b4db74d4c69842b438dc120d8bf36.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Connie&#39;s Kitchen</p>
          <a href="/fr/products/sauce-bbq-bio-230-g-13348">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce BBQ Bio, 230 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z08yoddvDYVNwxGonjTLbptvceAhJmHt4jkBurKPKeTcSNN6yAGkyWPnl6tDApWaRiG9-rCKkjkcyeFOSSAlyg" />
    <input value="13348" 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/beurre-de-cacahuetes-croquant-1-kg-13364">
          <img alt="Beurre de cacahuètes croquant" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6458/file/small-457b055c33b12dd3bd67c9af229419a5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6458/file/medium-abfd9fd0bdfc88a5498b25eac559effd.webp 900w, https://assets.fabulous.ch/public/variant_asset/6458/file/large-11e4f9af08fd58385844cef976757ec5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6458/file/medium-abfd9fd0bdfc88a5498b25eac559effd.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">Pip &amp; Nut</p>
          <a href="/fr/products/beurre-de-cacahuetes-croquant-1-kg-13364">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Beurre de cacahuètes croquant, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oPb_-l_4UjsXTqRFQj3X7569IMa28kBIB_Wsy8akL7Eb8R4hQJb7dzlqIkafC4kbQ_Ps3Cdes5z5BUw_PQsjnw" />
    <input value="13364" 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/barre-proteinee-saveur-brownie-batter-50-g-13365">
          <img alt="Barre Protéinée Saveur Brownie Batter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6459/file/small-2e330944bf3ffd373bb1242791f18fbc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6459/file/medium-99118408ac973ccc70205b5345cb368e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6459/file/large-b4e47252e05aefc0c7e3b0a01d386a2d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6459/file/medium-99118408ac973ccc70205b5345cb368e.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">Misfits</p>
          <a href="/fr/products/barre-proteinee-saveur-brownie-batter-50-g-13365">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre Protéinée Saveur Brownie Batter, 50 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 6.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CTGHmz_bTijHwAK7z1pVqrrDx7KXC4f1qAkvP17jRXKyNmZAILXnZOnkhLgSbAteZ40LqAandCFW-c_LpUxJXA" />
    <input value="13365" 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/faltblatt-uber-fisch-8-g-13366">
          <img alt="Faltblatt: Über Fisch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6461/file/small-c84fa20edcf4f612149d7d261ab1752d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6461/file/medium-c8e7027af9d495b3434a2edf116575d2.webp 900w, https://assets.fabulous.ch/public/variant_asset/6461/file/large-378f53d3bd295c3e65bcfbfd111bdb3f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6461/file/medium-c8e7027af9d495b3434a2edf116575d2.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">Swissveg</p>
          <a href="/fr/products/faltblatt-uber-fisch-8-g-13366">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Faltblatt: Über Fisch, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="P8QRHJtsgq8GMYqiv2HPz-ADE1VFDY-OJsU33ugmF12Ew_DHhAIr4ygVDKFiV5E7PU3fT9ShfFrYNdcqE4kbcw" />
    <input value="13366" 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/faltblatt-uber-fleisch-8-g-13367">
          <img alt="Faltblatt: Über Fleisch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6462/file/small-dd6f51ddaf09ac77cbc63d4f46c9eded.webp 600w, https://assets.fabulous.ch/public/variant_asset/6462/file/medium-cc143843c0c6792c634303aaab09f1c4.webp 900w, https://assets.fabulous.ch/public/variant_asset/6462/file/large-871b9f766f339f07b9daab54f023a018.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6462/file/medium-cc143843c0c6792c634303aaab09f1c4.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">Swissveg</p>
          <a href="/fr/products/faltblatt-uber-fleisch-8-g-13367">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Faltblatt: Über Fleisch, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="73ZOWqj45tvWvoDrj4WoyCf8XxqjwWlUcrinAOhXpCdUca-Bt5ZPl_iaBuhSs_Y8-rKTADJtmoCMSEf0E_ioCQ" />
    <input value="13367" 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/faltblatt-uber-milch-8-g-13368">
          <img alt="Faltblatt: Über Milch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6464/file/small-49a200a34100f827a6be6af74c9807ac.webp 600w, https://assets.fabulous.ch/public/variant_asset/6464/file/medium-337f58f9622db188eb053bce0846f7e9.webp 900w, https://assets.fabulous.ch/public/variant_asset/6464/file/large-78a2407da628ae6b1e5be01761a3df1f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6464/file/medium-337f58f9622db188eb053bce0846f7e9.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">Swissveg</p>
          <a href="/fr/products/faltblatt-uber-milch-8-g-13368">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Faltblatt: Über Milch, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="brm_ha-OhYfBClUnBD89rxZJYEiwCpvOA8xgF70g7MHVvl5esOAsy-8u0yTZCWNbywesUiGmaBr9PIDjRo_g7w" />
    <input value="13368" 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/faltblatt-uber-eier-8-g-13372">
          <img alt="Faltblatt: Über Eier" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6463/file/small-411c75ec3a31e4ce6e1c68d2177f2f05.webp 600w, https://assets.fabulous.ch/public/variant_asset/6463/file/medium-110e7892d3a0f2e76fb5a18da8ea1d05.webp 900w, https://assets.fabulous.ch/public/variant_asset/6463/file/large-cd1fc11f87d36e53f378d1cfeedcdec3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6463/file/medium-110e7892d3a0f2e76fb5a18da8ea1d05.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">Swissveg</p>
          <a href="/fr/products/faltblatt-uber-eier-8-g-13372">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Faltblatt: Über Eier, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6ncuh0a0--HLqdjr_-xMMUUFfPLZ3jlebg4paNYmDm1RcM9cWdpSreWNXugi2hLFmEuw6EhyyoqQ_smcLYkCQw" />
    <input value="13372" 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/faltblatt-fur-die-umwelt-8-g-13379">
          <img alt="Faltblatt: Für die Umwelt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6466/file/small-b5efbacc29f859e0ddce41640bd4fe98.webp 600w, https://assets.fabulous.ch/public/variant_asset/6466/file/medium-14d8e28030ebc617d6a0ce2199e04d82.webp 900w, https://assets.fabulous.ch/public/variant_asset/6466/file/large-bb04727eca441c46b46acaee71d75e37.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6466/file/medium-14d8e28030ebc617d6a0ce2199e04d82.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">Swissveg</p>
          <a href="/fr/products/faltblatt-fur-die-umwelt-8-g-13379">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Faltblatt: Für die Umwelt, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l707a1z-RMPc92jKaLLDhSBKIkk7W8RjA-_xWnNrk4ssutqwQ5Dtj_LT7sm1hJ1x_QTuU6r3N7f9HxGuiMSfpQ" />
    <input value="13379" 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/faltblatt-fur-die-gesundheit-8-g-13380">
          <img alt="Faltblatt: Für die Gesundheit" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6467/file/small-82dda7cda806dc4a55719c7b422739b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/6467/file/medium-8d1061919a7f77ec89dd226d40e30996.webp 900w, https://assets.fabulous.ch/public/variant_asset/6467/file/large-6cb30efa8ba9aecf990f83af4b114dba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6467/file/medium-8d1061919a7f77ec89dd226d40e30996.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">Swissveg</p>
          <a href="/fr/products/faltblatt-fur-die-gesundheit-8-g-13380">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Faltblatt: Für die Gesundheit, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OkyUtd1Jppwh_XkgIwPZQ9EQEPyVFKjgcz2msxLvLfKBS3VuwicP0A_Z_yP-NYe3DF7c5gS4WzSNzUZH6UAh3A" />
    <input value="13380" 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/faltblatt-fur-die-tiere-8-g-13381">
          <img alt="Faltblatt: Für die Tiere" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6468/file/small-0ff198db2aa43369f34e4486761d52a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/6468/file/medium-009a9c5d234152ffd3c9dce4bb26d629.webp 900w, https://assets.fabulous.ch/public/variant_asset/6468/file/large-4d224b655b8ade7f8b26b9025468e0ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6468/file/medium-009a9c5d234152ffd3c9dce4bb26d629.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">Swissveg</p>
          <a href="/fr/products/faltblatt-fur-die-tiere-8-g-13381">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Faltblatt: Für die Tiere, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JxOH9L53AL8llvB72zid1v8yNcZ7C65rk4Viif2cUjGcFGYvoRmp8wuydngGDsMiInz53OqnXb9tdYJ9BjNeHw" />
    <input value="13381" 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/faltblatt-fur-firmen-8-g-13382">
          <img alt="Faltblatt: Für Firmen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6470/file/small-8b4d584734db960266c04aca7cf7060c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6470/file/medium-f6c3aeff0246a4b591eb8c25d077324d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6470/file/large-b0b570719d722e532a3681acb01c6963.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6470/file/medium-f6c3aeff0246a4b591eb8c25d077324d.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">Swissveg</p>
          <a href="/fr/products/faltblatt-fur-firmen-8-g-13382">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Faltblatt: Für Firmen, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TtLBUyAadQDLeLgbOCVDDeEm7R9ufF0Wkc8JLvEwQR711SCIP3TcTOVcPhjlEx35PGghBf_QrsJvP-naCp9NMA" />
    <input value="13382" 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/faltblatt-uber-swissveg-8-g-13383">
          <img alt="Faltblatt: Über Swissveg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6471/file/small-0d171971fdcdf59dbb3aaf780d84ef36.webp 600w, https://assets.fabulous.ch/public/variant_asset/6471/file/medium-07e0467cc83d38d6d59267f0680f7e16.webp 900w, https://assets.fabulous.ch/public/variant_asset/6471/file/large-f56b17689e7d34dc816a0258b1235aa2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6471/file/medium-07e0467cc83d38d6d59267f0680f7e16.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">Swissveg</p>
          <a href="/fr/products/faltblatt-uber-swissveg-8-g-13383">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Faltblatt: Über Swissveg, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0jYovCXOqkzHxwxkyLm42EwqFvOjrAUNgeifXdhH6gxpMclnOqADAOnjimcVj-YskWTa6TIA9tl_GH-pI-jmIg" />
    <input value="13383" 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">
      2&#39;200 sur 3&#39;168 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/fupi?format=turbo_stream&amp;page=111">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>