<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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-mach-s-selber%3Fformat%3Dturbo_stream%26page%3D133">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pill-cosmetique-gel-nettoyant-clarifiant-a-l-extrait-de-bardane-200-ml-13162">
          <img alt="Pill Cosmétique - Gel nettoyant clarifiant à l&#39;extrait de bardane" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6421/file/small-aab2e49ee32ed55f653b57a5356dca7e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6421/file/medium-e61dd05eb430627c095e3d7c5548a21f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6421/file/large-e8b93504051400f7f32d41a3a713d237.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6421/file/medium-e61dd05eb430627c095e3d7c5548a21f.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetique-gel-nettoyant-clarifiant-a-l-extrait-de-bardane-200-ml-13162">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Cosmétique - Gel nettoyant clarifiant à l&#39;extrait de bardane, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="plffNujFbwuBs6uIjEwePbV2usW_xcrRLPnPozKMUM4fswlJWmLoWx2wVciMdhItP0B6nK81B1xZeZm4PnzLug" />
    <input value="13162" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-mach-s-selber%3Fformat%3Dturbo_stream%26page%3D133">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pill-cosmetique-tonique-micellaire-clarifiant-200-ml-13163">
          <img alt="Pill Cosmétique - Tonique micellaire clarifiant" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6422/file/small-b0e9003ed985c0953b8ebef2b5782e27.webp 600w, https://assets.fabulous.ch/public/variant_asset/6422/file/medium-6cd6707051dac5b235b035f66bc94ab0.webp 900w, https://assets.fabulous.ch/public/variant_asset/6422/file/large-d4c59c1c5d6b8514bfa4f40fcf1f018d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6422/file/medium-6cd6707051dac5b235b035f66bc94ab0.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetique-tonique-micellaire-clarifiant-200-ml-13163">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Cosmétique - Tonique micellaire clarifiant, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4pZRSMJrtlGzpDpCyivGpK1iKBM1XH6X2ekWRiHH2YFbcoc3cMwxAS-nxALKEcq0J1ToSiWssxqsaUBdLTdC9Q" />
    <input value="13163" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-mach-s-selber%3Fformat%3Dturbo_stream%26page%3D133">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pill-cosmetique-concentre-actif-clarifiant-30-ml-13164">
          <img alt="Pill Cosmétique - Concentré actif clarifiant" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6423/file/small-3068c8fb08525a31d1ac05cc544b1309.webp 600w, https://assets.fabulous.ch/public/variant_asset/6423/file/medium-4fe0839a3e8f5cd0a11f499443bc13e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/6423/file/large-97f84a4b61574c22ea798cd143810e18.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6423/file/medium-4fe0839a3e8f5cd0a11f499443bc13e8.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetique-concentre-actif-clarifiant-30-ml-13164">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Cosmétique - Concentré actif clarifiant, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="h_P0pULYLelXDTkQKKay0shuGJDM87c2TWNSQvjGw_I-FyLa8H-qucsOx1AonL7CQljYydwDers44wRZ9DZYhg" />
    <input value="13164" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-mach-s-selber%3Fformat%3Dturbo_stream%26page%3D133">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pill-cosmetique-gel-creme-clarifiant-50-ml-13165">
          <img alt="Pill Cosmétique - Gel-crème clarifiant" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6424/file/small-8d80048340f01eae2f7f3109eb43f07d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6424/file/medium-6310eb71c122a810f8c4d0ca83f6b654.webp 900w, https://assets.fabulous.ch/public/variant_asset/6424/file/large-2dc0f1de2c0ad8ccd288ff8318c6ded3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6424/file/medium-6310eb71c122a810f8c4d0ca83f6b654.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetique-gel-creme-clarifiant-50-ml-13165">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Cosmétique - Gel-crème clarifiant, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yQsTf6HcYuIbGARRPdgE6IQgH4EnfWQ4DChEI3qmd-5w78UAE3vlsocb-hE94gj4Dhbf2DeNqbV5qBI4dlbsmg" />
    <input value="13165" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-mach-s-selber%3Fformat%3Dturbo_stream%26page%3D133">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pill-cosmetique-serum-liftant-au-procollagene-50-ml-13166">
          <img alt="Pill Cosmétique - Sérum liftant au procollagène" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6426/file/small-4eb0487630fd887593564022b57a2b33.webp 600w, https://assets.fabulous.ch/public/variant_asset/6426/file/medium-0d5d664ec3f825c66041164069ebbb9e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6426/file/large-0d18de3bd61fd9c6465f96ca50ca30f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6426/file/medium-0d5d664ec3f825c66041164069ebbb9e.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetique-serum-liftant-au-procollagene-50-ml-13166">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Cosmétique - Sérum liftant au procollagène, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 53.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="K-UdX4FNaRL8jBjwR9ejqzWn40mCGqQrh3ACy6kDqPiSAcsgM-ruQmCP5rBH7a-7v5EjEJLqaaby8FTQpfMzjA" />
    <input value="13166" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-mach-s-selber%3Fformat%3Dturbo_stream%26page%3D133">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pill-cosmetique-deodorant-spray-bioactif-antimicrobien-100-ml-13167">
          <img alt="Pill Cosmétique - Déodorant spray bioactif &amp; antimicrobien" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6425/file/small-ded0ddb2aaa2dcd73128751a342e433a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6425/file/medium-6741146fcc59723a06c6fd974ab80133.webp 900w, https://assets.fabulous.ch/public/variant_asset/6425/file/large-2c76f091f037a424f28330ea9e11ce86.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6425/file/medium-6741146fcc59723a06c6fd974ab80133.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetique-deodorant-spray-bioactif-antimicrobien-100-ml-13167">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Cosmétique - Déodorant spray bioactif &amp; antimicrobien, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Tsi-krjOvT-P5TKAMJUXqYhqBt-IksFAu9xxmyFcm_L3LGjtCmk6bxPmzMAwrxu5AlzGhphiDM3OXCeALawAhg" />
    <input value="13167" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-mach-s-selber%3Fformat%3Dturbo_stream%26page%3D133">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/gomme-de-fruit-melange-rouge-bio-100-g-13224">
          <img alt="Gomme de fruit mélange rouge Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6431/file/small-9ff500e4e8b7f39e024d59de82f3fcbe.webp 600w, https://assets.fabulous.ch/public/variant_asset/6431/file/medium-b3f8d5b0322276ca39d67dc1008c7fb3.webp 900w, https://assets.fabulous.ch/public/variant_asset/6431/file/large-0c0bf326b0b10b623e9262df0568fa06.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6431/file/medium-b3f8d5b0322276ca39d67dc1008c7fb3.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/gomme-de-fruit-melange-rouge-bio-100-g-13224">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gomme de fruit mélange rouge 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-13224-card">
        

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-mach-s-selber%3Fformat%3Dturbo_stream%26page%3D133">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <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-brand-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="1fA-KyCeA4IePuZSYwVDclD6tGzGpSv3E-lfa8O4xlZsFOhUkjmE0oI9GBJjP09i2sx0NdZV5npmaQlwz0hdIg" />
    <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 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-mach-s-selber%3Fformat%3Dturbo_stream%26page%3D133">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <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-brand-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="WKBzikyofJINgn2B1E4j5c-a8n133_ZuedstjcaXqSfhRKX1_g_7wpGBg8HUdC_1RawyJGcvO-MMW3uWymcyUw" />
    <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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-mach-s-selber%3Fformat%3Dturbo_stream%26page%3D133">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <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-brand-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="7onHkWCBPQSnYYEF6Q3-TYcpex2lEX9xgVfwIBYoqMtXbRHu0ia6VDtif0XpN_JdDR-7RLXhsvz016Y7Gtgzvw" />
    <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 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-mach-s-selber%3Fformat%3Dturbo_stream%26page%3D133">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <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-brand-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="3YAixW02uSxZm3xIj2JiySj37KiGy1TAmcD34PoqQ8tkZPS635E-fMWYggiPWG7ZosEs8ZY7mU3sQKH79trYvw" />
    <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  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-mach-s-selber%3Fformat%3Dturbo_stream%26page%3D133">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <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-brand-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="wpezAeZAwqXSHYi-PnUuCp7wu7JvrOmGsVNGXTBfk8p7c2V-VOdF9U4edv4-TyIaFMZ7639cJAvE0xBGPK8Ivg" />
    <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 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-mach-s-selber%3Fformat%3Dturbo_stream%26page%3D133">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <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-brand-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="cQBOxt19HWXiVHSQQrwx9ubcagOsMOnKlZQzmaA37gnI5Ji5b9qaNX5XitBChj3mbOqqWrzAJEfgFGWCrMd1fQ" />
    <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  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-mach-s-selber%3Fformat%3Dturbo_stream%26page%3D133">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <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-brand-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="0rc4G61EcaJX_QGg3jKrQL34iEHI4SEKeoP0S5iKt5lrU-5kH-P28sv-_-DeCKdQN85IGNgR7IcPA6JQlHos7Q" />
    <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 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-mach-s-selber%3Fformat%3Dturbo_stream%26page%3D133">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <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-brand-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="X3xGxEIgikaWJ_k0UKEJ7NvUzLyQOd0Q_EWMiuC4EWLmmJC78IcNFgokB3RQmwX8UeIM5YDJEJ2JxdqR7EiKFg" />
    <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  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-mach-s-selber%3Fformat%3Dturbo_stream%26page%3D133">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <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-brand-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="vSNQx_uIt85SGBNa1m_qlPEXqD5iomxgMQSGL6_H06YEx4a4SS8wns4b7RrWVeaEeyFoZ3JSoe1EhNA0ozdI0g" />
    <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 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-mach-s-selber%3Fformat%3Dturbo_stream%26page%3D133">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <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-brand-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="rcgIVjJ5ikcRb6P_k4oORToV3ExFP9CqIwWYEIS_rc0ULN4pgN4NF41sXb-TsAJVsCMcFVXPHSdWhc4LiE82uQ" />
    <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  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-mach-s-selber%3Fformat%3Dturbo_stream%26page%3D133">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <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-brand-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="wDg__uhw6y34pa-cIcxUn1BFBDWzSxPveaVfWFyi1vN53OmBWtdsfWSmUdwh9liP2nPEbKO73mIMJQlDUFJNhw" />
    <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 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-mach-s-selber%3Fformat%3Dturbo_stream%26page%3D133">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <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-brand-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="K2rr-WoFIpI6_SP0flGjtqZayk9YvW4QOJcEmWGQZeKSjj2G2KKlwqb-3bR-a6-mLGwKFkhNo51NF1KCbWD-lg" />
    <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>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-mach-s-selber%3Fformat%3Dturbo_stream%26page%3D133">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/broschure-vegan-warum-und-wie-20-g-13384">
          <img alt="Broschüre: Vegan - Warum und Wie?" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6472/file/small-4df4294840d35ef93d4ca448bce977e4.webp 600w, https://assets.fabulous.ch/public/variant_asset/6472/file/medium-bf0b4c695fccfdd60fdac4ab3bd68fa2.webp 900w, https://assets.fabulous.ch/public/variant_asset/6472/file/large-12ca1b5ce40651e923cdd669d94de3f6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6472/file/medium-bf0b4c695fccfdd60fdac4ab3bd68fa2.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-warum-und-wie-20-g-13384">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Broschüre: Vegan - Warum und Wie?, 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-13384-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TaR9FkvepQoeAeGbZCZyZbxchywaFbADSjOIdHpg0Gj0QKtp-XkiWoICH9tkHH51NmpHdQrlfY4_s95vdpBLHA" />
    <input value="13384" 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;660 sur 3&#39;297 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/diy-mach-s-selber?format=turbo_stream&amp;page=134">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>