<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/broschure-vegan-fur-die-tiere-20-g-13385">
          <img alt="Broschüre: Vegan - 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/6473/file/small-b02afd1b51ac20ddae74cadabf5a0ede.webp 600w, https://assets.fabulous.ch/public/variant_asset/6473/file/medium-3d5b53f24992877f040b6755be4b0c9e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6473/file/large-f3276101d5e9f001fe9e1b924ad9f816.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6473/file/medium-3d5b53f24992877f040b6755be4b0c9e.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/broschure-vegan-fur-die-tiere-20-g-13385">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Broschüre: Vegan - Für die Tiere, 20 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-13385-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LA7c-UT8jpmuQsUImyjtDVcPgTfLqWQwN5BeQuxUtYKEg5CtGrHu6KRBxCJUBkNjtPzAOisb3bWv7kqnzyxlJA" />
    <input value="13385" 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/broschure-vegan-fur-die-gesundheit-20-g-13386">
          <img alt="Broschüre: Vegan - 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/6474/file/small-8dbe74b512f32b6eee2302b36e87317b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6474/file/medium-cc64dea537aa3e562fa5b7e4b3389047.webp 900w, https://assets.fabulous.ch/public/variant_asset/6474/file/large-490f82e46d11edfb4545da33322aef12.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6474/file/medium-cc64dea537aa3e562fa5b7e4b3389047.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/broschure-vegan-fur-die-gesundheit-20-g-13386">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Broschüre: Vegan - Für die Gesundheit, 20 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-13386-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3SrR6t5DU0uFynVvHDcZfBG6CMM2uzdsvPv8NBU_uC11p52-gA4zOo_JdEXTGbcS8klJztYJjukkhejRNkdoiw" />
    <input value="13386" 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/broschure-vegan-fur-die-umwelt-20-g-13387">
          <img alt="Broschüre: Vegan - 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/6475/file/small-0b621ac4124aff3c219ad180aa3cb21c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6475/file/medium-5632b8b0e58677da63fab425446e9948.webp 900w, https://assets.fabulous.ch/public/variant_asset/6475/file/large-edf8490c7a679576b61fff40baa9d0e6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6475/file/medium-5632b8b0e58677da63fab425446e9948.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/broschure-vegan-fur-die-umwelt-20-g-13387">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Broschüre: Vegan - Für die Umwelt, 20 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-13387-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xOId7NcfOKw7p_nHUgr-03tEPBjHMScyuBL5BVZAyLlsb1G4iVJY3TGk-O2dJFC9mLd9FSeDnrcgbO3gdTgYHw" />
    <input value="13387" 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/depliant-a-propos-des-poissons-8-g-13388">
          <img alt="Dépliant: À Propos des Poissons" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6476/file/small-28f051bd5b9de4f7e0deaf847fa82ebe.webp 600w, https://assets.fabulous.ch/public/variant_asset/6476/file/medium-a63b087a688286e35e1c3c717652a9ad.webp 900w, https://assets.fabulous.ch/public/variant_asset/6476/file/large-b61cdb0ad4021790f4ac38c7a3011ca5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6476/file/medium-a63b087a688286e35e1c3c717652a9ad.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/depliant-a-propos-des-poissons-8-g-13388">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dépliant: À Propos des Poissons, 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-13388-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cSB4o2QimBCJgXF1Xd4CnzoJ28Wa4jOLtNxAf7trwsLZrTT3Om_4YYOCcF-S8Kzx2fqayHpQig4solSamBMSZA" />
    <input value="13388" 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/depliant-a-propos-de-la-viande-8-g-13389">
          <img alt="Dépliant: À Propos de la Viande" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6477/file/small-a662b4f644ade8b73a1e8d38f805bb32.webp 600w, https://assets.fabulous.ch/public/variant_asset/6477/file/medium-90d2ef282bcf02756a27a47ec61082ac.webp 900w, https://assets.fabulous.ch/public/variant_asset/6477/file/large-e37d27030db0d5202898d2277ab1b982.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6477/file/medium-90d2ef282bcf02756a27a47ec61082ac.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/depliant-a-propos-de-la-viande-8-g-13389">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dépliant: À Propos de la Viande, 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-13389-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4h31LYs0G3FzWhSJSMJCOASetYWxolI7JFf26vHv-H1KkLl51Xl7AHlZFaOH7OxW5230iFEQ6768KeIP0pco2w" />
    <input value="13389" 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/depliant-a-propos-du-lait-8-g-13390">
          <img alt="Dépliant: À Propos du Lait" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6478/file/small-a788f66234c688d7bfe9daa21fd9cff2.webp 600w, https://assets.fabulous.ch/public/variant_asset/6478/file/medium-966267d24d93a2ca160eea8116c29f56.webp 900w, https://assets.fabulous.ch/public/variant_asset/6478/file/large-7cdbece8bd3cb6aa987e022c44af046c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6478/file/medium-966267d24d93a2ca160eea8116c29f56.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/depliant-a-propos-du-lait-8-g-13390">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dépliant: À Propos du Lait, 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-13390-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hS4CduL-EtFP_ViisRhj0MmVLw6qTNEyp0VeujFNStMto04ivLNyoEX-WYh-Ns2-KmZuA0r-aLc_O0pfEjWadQ" />
    <input value="13390" 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/depliant-a-propos-des-oeufs-8-g-13391">
          <img alt="Dépliant: À Propos des Oeufs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6479/file/small-7866e411ea11f768c1b0427d606a420f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6479/file/medium-ba4765580bae98c4026fb0fd7d6fac1d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6479/file/large-59bed4cf38000b34f3bd97a2884b9915.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6479/file/medium-ba4765580bae98c4026fb0fd7d6fac1d.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/depliant-a-propos-des-oeufs-8-g-13391">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dépliant: À Propos des Oeufs, 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-13391-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q3oJHZfJHAuYra_M6ELX6vNlb65K4VhCgUin4k_RzNTr90VJyYR8epKuruYnbHmEEJYuo6pT4ccZNrMHbKkccg" />
    <input value="13391" 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/depliant-pour-l-environnement-8-g-13392">
          <img alt="Dépliant: Pour L&#39;Environnement" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6480/file/small-16bcce1b838089694fd59f57670a4eb8.webp 600w, https://assets.fabulous.ch/public/variant_asset/6480/file/medium-5a5b01a4059729f905c6f915e300e940.webp 900w, https://assets.fabulous.ch/public/variant_asset/6480/file/large-0b8f684a6b3319c2f8f4ada632b77274.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6480/file/medium-5a5b01a4059729f905c6f915e300e940.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/depliant-pour-l-environnement-8-g-13392">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dépliant: Pour L&#39;Environnement, 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-13392-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UvZRO-YgLTDGQNJENGd-bumAasmW_5vydC_eFYNI2gj6ex1vuG1NQcxD0277SdAACnMrxHZNInfsUcrwoDAKrg" />
    <input value="13392" 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/depliant-pour-la-sante-8-g-13393">
          <img alt="Dépliant: Pour la Santé" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6481/file/small-b3f02920e5cce5037fe10d2713252b08.webp 600w, https://assets.fabulous.ch/public/variant_asset/6481/file/medium-99fecd9148f732886960ae6d5665a16c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6481/file/large-87c2f1fb009bd3381fc755d97a7566fc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6481/file/medium-99fecd9148f732886960ae6d5665a16c.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/depliant-pour-la-sante-8-g-13393">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dépliant: Pour la Santé, 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-13393-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pNFX5I3KqfeSkWdEypRtAEp9Wm9w33bEAAxIW1hiu90MXBuw04fJhpiSZm4FusNuqY4bYpBtz0GYcly-exprew" />
    <input value="13393" 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/depliant-pour-les-animaux-8-g-13394">
          <img alt="Dépliant: Pour les Animaux" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6483/file/small-41f821611940457c4b2240b4aa935d86.webp 600w, https://assets.fabulous.ch/public/variant_asset/6483/file/medium-4de369645680f9454ab50d6d9305337a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6483/file/large-a59d0a08ba92c8fc364523f8988320ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6483/file/medium-4de369645680f9454ab50d6d9305337a.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/depliant-pour-les-animaux-8-g-13394">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dépliant: Pour les Animaux, 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-13394-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HVk_oLWM4jLVEU4nRu_6R5R-1qawowZ-REWrW7SUrYm11HP068GCQ98STw2JwVQpd42Xq1ARv_vcO7--l-x9Lw" />
    <input value="13394" 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/depliant-pour-les-entreprises-8-g-13395">
          <img alt="Dépliant: Pour les Entreprises" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6482/file/small-a19f42d19cb63ace2da768017d1e1193.webp 600w, https://assets.fabulous.ch/public/variant_asset/6482/file/medium-b3541ed9b3113f50c15f84a0afa22fcf.webp 900w, https://assets.fabulous.ch/public/variant_asset/6482/file/large-7e76309a669d2eac3b9bcedf20ead8c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6482/file/medium-b3541ed9b3113f50c15f84a0afa22fcf.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/depliant-pour-les-entreprises-8-g-13395">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dépliant: Pour les Entreprises, 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-13395-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f-Qd0_101UJu9NJ7XGWR8Z0ZiCbt9p1Tq9C9-wy0-I3XaVGHozm1M2T301GTSz-ffurJKw1EJNYzrqkeL8woKw" />
    <input value="13395" 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/depliant-a-propos-de-swissveg-8-g-13396">
          <img alt="Dépliant: À Propos de Swissveg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6484/file/small-7df922b58ecb52b185f3bb004a3fb63e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6484/file/medium-c418574967686b871970181f30c27121.webp 900w, https://assets.fabulous.ch/public/variant_asset/6484/file/large-04c17d9c2ab1ba9e4310f5b1c881dce2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6484/file/medium-c418574967686b871970181f30c27121.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/depliant-a-propos-de-swissveg-8-g-13396">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dépliant: À Propos de 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-13396-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B7OyxnTOyBtGIRBtwY7zPqBOzKSTemuf9ji1fPUmjbOvPv6SKoOoakwiEUcOoF1QQ72NqXPI0hpuRqGZ1l5dFQ" />
    <input value="13396" 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/brochure-vegane-pourquoi-et-comment-20-g-13397">
          <img alt="Brochure: Végane - Pourquoi et Comment?" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6485/file/small-5b8c3871ceee9411d3d84009c2ccc68d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6485/file/medium-ceeba86769545198a378fb92a240ae82.webp 900w, https://assets.fabulous.ch/public/variant_asset/6485/file/large-047d063cae2b2e59428b55224f05fac2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6485/file/medium-ceeba86769545198a378fb92a240ae82.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/brochure-vegane-pourquoi-et-comment-20-g-13397">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Brochure: Végane - Pourquoi et Comment?, 20 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-13397-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2wUB0QQdxR0Y0DfS9HbyUb5-yirZEtCbXg0U1O_k70lziE2FWlClbBLTNvg7WFw_XY2LJzmgaR7GcwAxzJw_7w" />
    <input value="13397" 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/brochure-vegane-pour-les-animaux-20-g-13398">
          <img alt="Brochure: Végane - Pour les Animaux" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6486/file/small-5bf8de0bd068433febf7fb61b1eb6f48.webp 600w, https://assets.fabulous.ch/public/variant_asset/6486/file/medium-f863302e56986245004964123f80722f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6486/file/large-64d3fe45144f1740977817d9c5529756.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6486/file/medium-f863302e56986245004964123f80722f.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/brochure-vegane-pour-les-animaux-20-g-13398">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Brochure: Végane - Pour les Animaux, 20 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-13398-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3ojOYMx7iSMTZ2_BwRvBantc3OjUOnKwIitiRDceNxp2BYI0kjbpUhlkbusONW8EmK-d5TSIyzW6VXahFGbnvA" />
    <input value="13398" 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/brochure-vegane-pour-la-sante-20-g-13399">
          <img alt="Brochure: Végane - Pour la Santé" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6489/file/small-f27fc01d87a340be5a93913ddd1d1b56.webp 600w, https://assets.fabulous.ch/public/variant_asset/6489/file/medium-6f1e0c50de027116abc150eedb1c841c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6489/file/large-3c09b3bd99f41233812897f70a82bd96.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6489/file/medium-6f1e0c50de027116abc150eedb1c841c.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/brochure-vegane-pour-la-sante-20-g-13399">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Brochure: Végane - Pour la Santé, 20 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-13399-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IakQgKUjabJZBg7eAhAjiAPMlCSTU7Q5rTC240BTdYGJJFzU-24Jw1MFD_TNPo3m4D_VKXPhDbw1TqIGYyulJw" />
    <input value="13399" 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/brochure-vegane-pour-l-environnement-20-g-13400">
          <img alt="Brochure: Végane - Pour L&#39;Environnement" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6488/file/small-7fc83f9bd82bd4b800485d0a70c59760.webp 600w, https://assets.fabulous.ch/public/variant_asset/6488/file/medium-7df911fa22545aa0c59d138e7870a012.webp 900w, https://assets.fabulous.ch/public/variant_asset/6488/file/large-92a45d3b4d7119fd2921d84b549f2853.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6488/file/medium-7df911fa22545aa0c59d138e7870a012.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/brochure-vegane-pour-l-environnement-20-g-13400">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Brochure: Végane - Pour L&#39;Environnement, 20 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-13400-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ms99aadB3gvZFjXsN7G1kWxYk3BwnD4AlpJlp03tVb2aQjE9-Qy-etMVNMb4nxv_j6vSfZAuh4UO7HFCbpWFGw" />
    <input value="13400" 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-cookie-dough-50-g-13401">
          <img alt="Barre Protéinée Saveur Cookie Dough" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6487/file/small-245c25e65444578e6711670f7d20327a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6487/file/medium-e24e975b37f9f8120277720df4f56143.webp 900w, https://assets.fabulous.ch/public/variant_asset/6487/file/large-3cf2625a4701d6e6441f468732e07535.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6487/file/medium-e24e975b37f9f8120277720df4f56143.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-cookie-dough-50-g-13401">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre Protéinée Saveur Cookie Dough, 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-13401-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VrdvAb2--VF8snVLqr8vgxbTt8lF9xU2edVVbDfFLbf-OiNV4_OZIHaxdGFlkYHt9SD2xKVFrLPhq0GJFL39EQ" />
    <input value="13401" 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/barre-proteinee-saveur-cookie-butter-50-g-13402">
          <img alt="Barre Protéinée Saveur Cookie Butter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6491/file/small-d9811da56cfed28088eb663970835d16.webp 600w, https://assets.fabulous.ch/public/variant_asset/6491/file/medium-dabc58e82d2fbd185b582724e6b03b93.webp 900w, https://assets.fabulous.ch/public/variant_asset/6491/file/large-4e29c0836282afd4d34fd693fd62d1b9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6491/file/medium-dabc58e82d2fbd185b582724e6b03b93.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-cookie-butter-50-g-13402">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre Protéinée Saveur Cookie Butter, 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-13402-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lDCkptmXIEuA_2RJnqFS5mdwIkGeN3HUWNnOFKf7CmQ8vejyh9pAOor8ZWNRj_yIhINjTH6FyFHAp9rxhIPawg" />
    <input value="13402" 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-caramel-fudge-50-g-13403">
          <img alt="Barre Protéinée Saveur Caramel Fudge" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6492/file/small-60e5226e36deb5a0e9008458dee836f6.webp 600w, https://assets.fabulous.ch/public/variant_asset/6492/file/medium-766f8201bde1d99f8b769ae201eb98e6.webp 900w, https://assets.fabulous.ch/public/variant_asset/6492/file/large-1dfc7f1cc3708f895ccd128576a7a84f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6492/file/medium-766f8201bde1d99f8b769ae201eb98e6.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-caramel-fudge-50-g-13403">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre Protéinée Saveur Caramel Fudge, 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-13403-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aBZEja13clI4qm1AJDS0OuESQvfJdCD-KpPLnSeTBFzAmwjZ8zoSIzKpbGrrGhpUAuED-inGmXuy7d94BOvU-g" />
    <input value="13403" 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/protein-chunks-hache-fin-bio-125-g-13449">
          <img alt="Protein Chunks haché fin Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6518/file/small-c9dc76ceec7ed61c2d612edeb02ddfbd.webp 600w, https://assets.fabulous.ch/public/variant_asset/6518/file/medium-8ce7c8a379f2ff554a76775c08f860e0.webp 900w, https://assets.fabulous.ch/public/variant_asset/6518/file/large-405ba728d63ba4681b0b09acc98cf8ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6518/file/medium-8ce7c8a379f2ff554a76775c08f860e0.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">Govinda</p>
          <a href="/fr/products/protein-chunks-hache-fin-bio-125-g-13449">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protein Chunks haché fin Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.85
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ToMh5kILnXMaFVkAWqCnVS6fTWAz8ASSmQo7ygnv-ZjmDm2yHEb9AhAWWCqVjgk7zWwMbdNCvRcBdC8vKpcpPg" />
    <input value="13449" 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">
      800 sur 1&#39;217 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/collections/under-5?format=turbo_stream&amp;page=41">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>