<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%2Fjay-joy%3Fformat%3Dturbo_stream%26page%3D148">
    <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/creme-reparatrice-pour-les-pointes-des-cheveux-50-ml-14868">
          <img alt="Crème Réparatrice pour les Pointes des Cheveux" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6808/file/small-d08fcfb60ce9b612da85d252627cffff.webp 600w, https://assets.fabulous.ch/public/variant_asset/6808/file/medium-27d255c92f0955ba4cd5f25f7271a7bf.webp 900w, https://assets.fabulous.ch/public/variant_asset/6808/file/large-c30273bbbfa993dcaf486aa57e1a825f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6808/file/medium-27d255c92f0955ba4cd5f25f7271a7bf.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">Chey Haircare</p>
          <a href="/fr/products/creme-reparatrice-pour-les-pointes-des-cheveux-50-ml-14868">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Crème Réparatrice pour les Pointes des Cheveux, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14868&quot;],&quot;content_name&quot;:&quot;Crème Réparatrice pour les Pointes des Cheveux, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14868&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="452OZCnClVwz6movdbHFVkE0uHso0vSwHKiGEpkwLmBnidgmKtJivEhUl0jhtGWHn4ANnG7bbqaBSbtxOYEl9Q" />
    <input value="14868" 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%2Fjay-joy%3Fformat%3Dturbo_stream%26page%3D148">
    <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/cure-sans-rincage-sans-alcool-50-ml-14870">
          <img alt="Cure sans rinçage sans alcool" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6810/file/small-8e958b564e02f3190b28d00942e66118.webp 600w, https://assets.fabulous.ch/public/variant_asset/6810/file/medium-68af1036cd1c5aac0fdb34f550e9c278.webp 900w, https://assets.fabulous.ch/public/variant_asset/6810/file/large-ba025a4d1d62d8107618b0d9b0dfc93b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6810/file/medium-68af1036cd1c5aac0fdb34f550e9c278.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">Chey Haircare</p>
          <a href="/fr/products/cure-sans-rincage-sans-alcool-50-ml-14870">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cure sans rinçage sans alcool, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14870&quot;],&quot;content_name&quot;:&quot;Cure sans rinçage sans alcool, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14870&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:21.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ha0HwR82-RO3QhbVYvZgBM6Ni0lCor14UswsuGavczUBuVGDHCYO88z867L288DVEDk-rgSrJ27PLRHbxh54oA" />
    <input value="14870" 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%2Fjay-joy%3Fformat%3Dturbo_stream%26page%3D148">
    <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-lovechock-tout-amour-hibiscus-cacao-nibs-chocolat-bio-40-g-14871">
          <img alt="Barre Lovechock Tout Amour Hibiscus Cacao Nibs Chocolat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6812/file/small-16cdbec42e835c5575abbfe3793e5089.webp 600w, https://assets.fabulous.ch/public/variant_asset/6812/file/medium-a2f56305306249e6f84f7467f7658493.webp 900w, https://assets.fabulous.ch/public/variant_asset/6812/file/large-4072ae762e91103c5580cf90e962bb8b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6812/file/medium-a2f56305306249e6f84f7467f7658493.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">Lovechock</p>
          <a href="/fr/products/barre-lovechock-tout-amour-hibiscus-cacao-nibs-chocolat-bio-40-g-14871">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Barre Lovechock Tout Amour Hibiscus Cacao Nibs Chocolat Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.75
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14871&quot;],&quot;content_name&quot;:&quot;Barre Lovechock Tout Amour Hibiscus Cacao Nibs Chocolat Bio, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14871&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4XLJz5vyqhynCtlh4gMtakaSD3hYwTNT2axfXK51uAZlZp-NmOJd_Ny0JAZ2Bo27mCa6nx7IqUVETWI_DsSzkw" />
    <input value="14871" 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%2Fjay-joy%3Fformat%3Dturbo_stream%26page%3D148">
    <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/sac-a-lait-de-noix-en-coton-bio-1-piece-1-piece-14875">
          <img alt="Sac à lait de noix en coton Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6811/file/small-4ba4e1064e66642185e41409d60ba6bd.webp 600w, https://assets.fabulous.ch/public/variant_asset/6811/file/medium-ccbf75b24007a815dd4c7f93374d7653.webp 900w, https://assets.fabulous.ch/public/variant_asset/6811/file/large-6d3b74734072e9c682fd206b1de3d693.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6811/file/medium-ccbf75b24007a815dd4c7f93374d7653.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">frohkost</p>
          <a href="/fr/products/sac-a-lait-de-noix-en-coton-bio-1-piece-1-piece-14875">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sac à lait de noix en coton Bio, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14875&quot;],&quot;content_name&quot;:&quot;Sac à lait de noix en coton Bio, 1 pièce&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14875&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d12pVaCSSrYmnSB9PXY4qMJ53NfR8nAD2XjNlJx6-6nzSf8Xo4K9Vl0j3Rqpc5h5HM1pMJf76hVEmfD3PMvwPA" />
    <input value="14875" 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%2Fjay-joy%3Fformat%3Dturbo_stream%26page%3D148">
    <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/sac-a-lait-de-noix-en-lin-bio-1-piece-1-piece-14876">
          <img alt="Sac à lait de noix en lin Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6814/file/small-1cc552ffff00b237bc61ce59719b2c7e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6814/file/medium-75887d2f3f69847940ba75919f4baf00.webp 900w, https://assets.fabulous.ch/public/variant_asset/6814/file/large-00da9287b1ff1ef8d3b68011ac50146a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6814/file/medium-75887d2f3f69847940ba75919f4baf00.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">frohkost</p>
          <a href="/fr/products/sac-a-lait-de-noix-en-lin-bio-1-piece-1-piece-14876">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sac à lait de noix en lin Bio, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14876&quot;],&quot;content_name&quot;:&quot;Sac à lait de noix en lin Bio, 1 pièce&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14876&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3HKdGUiBbRBMfRFN-XXrjpyLF0RG4cbm5j19n_sZM4ZYZstbS5Ga8DfD7CptcEtfQj-iowDoXPB73ED8W6g4Ew" />
    <input value="14876" 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%2Fjay-joy%3Fformat%3Dturbo_stream%26page%3D148">
    <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/shampooing-energie-cafe-bio-500-ml-14884">
          <img alt="Shampooing Énergie Café Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6819/file/small-d1fb17599b0117c74d3e427d1e6ddc47.webp 600w, https://assets.fabulous.ch/public/variant_asset/6819/file/medium-0868dfa609f81d356e88102a21ec7f2f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6819/file/large-3d150ec336ad73318b8beb3392894354.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6819/file/medium-0868dfa609f81d356e88102a21ec7f2f.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">benecos</p>
          <a href="/fr/products/shampooing-energie-cafe-bio-500-ml-14884">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shampooing Énergie Café Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14884&quot;],&quot;content_name&quot;:&quot;Shampooing Énergie Café Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14884&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="reMPiMI5A7nfrmx5Xw2J1r7-ce0ggmHhaOxlmf_Xaf4p91nKwSn0WaQQkR7LCCkHYErECmaL-_f1DVj6X2Ziaw" />
    <input value="14884" 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%2Fjay-joy%3Fformat%3Dturbo_stream%26page%3D148">
    <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/shampooing-energie-cafe-recharge-bio-1000-ml-14888">
          <img alt="Shampooing Énergie Café Recharge Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6826/file/small-604337c08bd3a2c1e3999e0eb7f6f201.webp 600w, https://assets.fabulous.ch/public/variant_asset/6826/file/medium-8f0c5f64f8e1637bb1c20f11fcca7c6f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6826/file/large-df298cf23c06de7bc047153b18e4d667.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6826/file/medium-8f0c5f64f8e1637bb1c20f11fcca7c6f.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">benecos</p>
          <a href="/fr/products/shampooing-energie-cafe-recharge-bio-1000-ml-14888">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shampooing Énergie Café Recharge Bio, 1000 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.35
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-14888-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%2Fjay-joy%3Fformat%3Dturbo_stream%26page%3D148">
    <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/shampooing-chanvre-cheveux-normaux-recharge-bio-1000-ml-14889">
          <img alt="Shampooing Chanvre Cheveux Normaux Recharge Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6828/file/small-4f33e7d0b98aa1645fd778f7b406caf5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6828/file/medium-784ba910fb78cb86a7a89e3a54662893.webp 900w, https://assets.fabulous.ch/public/variant_asset/6828/file/large-294cc843bf7d30dd5aaac57a626756ee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6828/file/medium-784ba910fb78cb86a7a89e3a54662893.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">benecos</p>
          <a href="/fr/products/shampooing-chanvre-cheveux-normaux-recharge-bio-1000-ml-14889">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shampooing Chanvre Cheveux Normaux Recharge Bio, 1000 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.35
            </p>

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

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

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

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


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       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%2Fjay-joy%3Fformat%3Dturbo_stream%26page%3D148">
    <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/shampooing-biere-unisexe-recharge-bio-1000-ml-14890">
          <img alt="Shampooing Bière Unisexe Recharge Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6827/file/small-5d77d3239ffc58c622ba95e2d11bd673.webp 600w, https://assets.fabulous.ch/public/variant_asset/6827/file/medium-d4722515614c2257ae0c3d1ca0f46a32.webp 900w, https://assets.fabulous.ch/public/variant_asset/6827/file/large-dbddd7ebfea7e6c5207fe4e2f53ebc46.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6827/file/medium-d4722515614c2257ae0c3d1ca0f46a32.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">benecos</p>
          <a href="/fr/products/shampooing-biere-unisexe-recharge-bio-1000-ml-14890">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shampooing Bière Unisexe Recharge Bio, 1000 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.25
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14890&quot;],&quot;content_name&quot;:&quot;Shampooing Bière Unisexe Recharge Bio, 1000 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14890&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:19.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pveo-z0yuFk-A_Y0DCOvv3nLbmR_Fp_nQb3lhoTTQBki4_65PiJPuUW9C1OYJg9up3_bgzkfBfHcXNjlJGJLjA" />
    <input value="14890" 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%2Fjay-joy%3Fformat%3Dturbo_stream%26page%3D148">
    <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/shampooing-volume-raisin-recharge-bio-1000-ml-14891">
          <img alt="Shampooing Volume Raisin Recharge Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6829/file/small-c67fd92190f3fb850e9e91fdaa150d77.webp 600w, https://assets.fabulous.ch/public/variant_asset/6829/file/medium-e5f9a1e21fd7d738d6a8a5a2f261c5a9.webp 900w, https://assets.fabulous.ch/public/variant_asset/6829/file/large-80465a1a404017e63728f98e537d7806.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6829/file/medium-e5f9a1e21fd7d738d6a8a5a2f261c5a9.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">benecos</p>
          <a href="/fr/products/shampooing-volume-raisin-recharge-bio-1000-ml-14891">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shampooing Volume Raisin Recharge Bio, 1000 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.35
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14891&quot;],&quot;content_name&quot;:&quot;Shampooing Volume Raisin Recharge Bio, 1000 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14891&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:19.35,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JbWG-Ugd_BzmukxtOgQCVW9CQry9PLWjS6I0PoDPI7OhodC7Sw0L_J0EsQquAaKEsfb3W_s1L7XWQwldIH4oJg" />
    <input value="14891" 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%2Fjay-joy%3Fformat%3Dturbo_stream%26page%3D148">
    <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/sirop-d-erable-grade-a-bio-375-ml-14906">
          <img alt="Sirop d&#39;Érable Grade A Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6832/file/small-f31951a2233fc9c852f119688b496605.webp 600w, https://assets.fabulous.ch/public/variant_asset/6832/file/medium-186b8ad077e9a443b34b650e1802da6c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6832/file/large-ff9cd2dcb9b22c7af622448b92c9b84b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6832/file/medium-186b8ad077e9a443b34b650e1802da6c.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">Naturata</p>
          <a href="/fr/products/sirop-d-erable-grade-a-bio-375-ml-14906">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sirop d&#39;Érable Grade A Bio, 375 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14906&quot;],&quot;content_name&quot;:&quot;Sirop d&#39;Érable Grade A Bio, 375 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14906&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FsyaqBNqJC9R21hEXxc-6Oq5ZAxaaRdILL01sIukneqS2MzqEHrTzyplpSPLEp45NA3R6xxgjV6xXAjTKxWWfw" />
    <input value="14906" 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%2Fjay-joy%3Fformat%3Dturbo_stream%26page%3D148">
    <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/spirelli-a-l-epeautre-clair-bio-500-g-14916">
          <img alt="Spirelli à l&#39;épeautre clair Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11182/file/small-03066e898fb4f0e365a0138618bbf223.webp 600w, https://assets.fabulous.ch/public/variant_asset/11182/file/medium-ece37dc30ba367bcacc90c6521bfaa8b.webp 900w, https://assets.fabulous.ch/public/variant_asset/11182/file/large-cd93f65e5100fceaeb48df76109e62eb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11182/file/medium-ece37dc30ba367bcacc90c6521bfaa8b.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">Naturata</p>
          <a href="/fr/products/spirelli-a-l-epeautre-clair-bio-500-g-14916">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spirelli à l&#39;épeautre clair Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.65
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14916&quot;],&quot;content_name&quot;:&quot;Spirelli à l&#39;épeautre clair Demeter, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14916&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.65,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="V59VvLt6SC4bT11duO-eM8rwb9vV0orLpT8CxLe_9CzTiwP-uGq_zmDxoDos6j7iFETaPJPbEN043j-nFw7_uQ" />
    <input value="14916" 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%2Fjay-joy%3Fformat%3Dturbo_stream%26page%3D148">
    <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/spirelli-a-l-epeautre-complet-bio-500-g-14917">
          <img alt="Spirelli à l&#39;épeautre complet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6835/file/small-dfb6351b0612f6cb228ea099baf2f21c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6835/file/medium-a99f6fb3abab9249948e32095e630e43.webp 900w, https://assets.fabulous.ch/public/variant_asset/6835/file/large-97268e743eb584c1e5916d3ccef58864.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6835/file/medium-a99f6fb3abab9249948e32095e630e43.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">Naturata</p>
          <a href="/fr/products/spirelli-a-l-epeautre-complet-bio-500-g-14917">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spirelli à l&#39;épeautre complet Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.35
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14917&quot;],&quot;content_name&quot;:&quot;Spirelli à l&#39;épeautre complet Bio, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14917&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.35,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dO9CxrM1xRNVjHfv69ActiXKoIrDlZEZMOyKl6CEYw_w-xSEsCUy8y4yioh_1bxn-34VbYWcCw-tDbf0ADVomg" />
    <input value="14917" 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%2Fjay-joy%3Fformat%3Dturbo_stream%26page%3D148">
    <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/bouillon-de-legumes-a-la-levure-bio-recharge-bio-500-g-14919">
          <img alt="Bouillon de légumes à la levure bio Recharge Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6838/file/small-d2c67bae048de2285c348d3aa05b5e9a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6838/file/medium-2c7ff1c656a2a75eba8b78d587ac265c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6838/file/large-2ccf73d1b1031f13a3bec7248468e633.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6838/file/medium-2c7ff1c656a2a75eba8b78d587ac265c.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">Naturata</p>
          <a href="/fr/products/bouillon-de-legumes-a-la-levure-bio-recharge-bio-500-g-14919">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bouillon de légumes à la levure bio Recharge Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14919&quot;],&quot;content_name&quot;:&quot;Bouillon de légumes à la levure bio Recharge Bio, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14919&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Fixx1ZtAxUFPerqJUT1fqyXn2GuznXCwiPTebAdmQOGSOCeXmFAyoTTER-7FOP96-1NtjPWU6qYVFeMPp9dLdA" />
    <input value="14919" 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%2Fjay-joy%3Fformat%3Dturbo_stream%26page%3D148">
    <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/sauce-barbecue-aigre-douce-sans-gluten-bio-210-ml-094c1b11-2e27-4490-9e43-733454edb820-14923">
          <img alt="Sauce barbecue aigre-douce sans gluten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6843/file/small-720d1684b07ee277f042e92f283753ff.webp 600w, https://assets.fabulous.ch/public/variant_asset/6843/file/medium-6edd84b5357f9c4eb135dd492cbc3cf0.webp 900w, https://assets.fabulous.ch/public/variant_asset/6843/file/large-830aee4681ca56d000b271d7e88c203d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6843/file/medium-6edd84b5357f9c4eb135dd492cbc3cf0.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">Naturata</p>
          <a href="/fr/products/sauce-barbecue-aigre-douce-sans-gluten-bio-210-ml-094c1b11-2e27-4490-9e43-733454edb820-14923">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sauce barbecue aigre-douce sans gluten Bio, 210 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14923&quot;],&quot;content_name&quot;:&quot;Sauce barbecue aigre-douce sans gluten Bio, 210 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14923&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Cd4Xe8NwU6M4r8OJ8i8ZdzBHYxwopL6_kI5dozru9oqNykE5wGCkQ0MRPu5mKrmm7vPW-26tJKkNb2DAml_9Hw" />
    <input value="14923" 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%2Fjay-joy%3Fformat%3Dturbo_stream%26page%3D148">
    <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/cafe-instantane-epeautre-decafeine-sachet-de-recharge-demeter-175-g-14929">
          <img alt="Café instantané épeautre décaféiné, sachet de recharge Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8852/file/small-a1e63f582d84406745680b0794a6447d.webp 600w, https://assets.fabulous.ch/public/variant_asset/8852/file/medium-01e84cf5ff236ab8b014c333114d8f83.webp 900w, https://assets.fabulous.ch/public/variant_asset/8852/file/large-4be08a55a85b82d1d67775c7dfd02e0f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8852/file/medium-01e84cf5ff236ab8b014c333114d8f83.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">Naturata</p>
          <a href="/fr/products/cafe-instantane-epeautre-decafeine-sachet-de-recharge-demeter-175-g-14929">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Café instantané épeautre décaféiné, sachet de recharge Demeter, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14929&quot;],&quot;content_name&quot;:&quot;Café instantané épeautre décaféiné, sachet de recharge Demeter, 175 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14929&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LQ5wQ09L-ogUWn7D56w_qCq_NGbl4REQCe8fArPYo56pGiYBTFsNaG_kg6RzqZ959AuBgaPoiwaUDiJhE2moCw" />
    <input value="14929" 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%2Fjay-joy%3Fformat%3Dturbo_stream%26page%3D148">
    <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/cafe-instantane-epeautre-decafeinedose-demeter-75-g-14930">
          <img alt="Café instantané Épeautre décaféiné Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8853/file/small-af7eef3870379c6e3ab08ce1aa3f65a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/8853/file/medium-18f63dfc8aece61bfc35bba34f27f260.webp 900w, https://assets.fabulous.ch/public/variant_asset/8853/file/large-1a8ebb06200c9898304ab35bad01a145.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8853/file/medium-18f63dfc8aece61bfc35bba34f27f260.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">Naturata</p>
          <a href="/fr/products/cafe-instantane-epeautre-decafeinedose-demeter-75-g-14930">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Café instantané Épeautre décaféiné Demeter, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14930&quot;],&quot;content_name&quot;:&quot;Café instantané Épeautre décaféiné Demeter, 75 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14930&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="12oTXLAXFMibmFRkp-fpXhDBMGg8-_zLtNSa4eUJq-NTfkUeswfjKOAmqQMz4kmPznWFj3ryZt0pNaeCRbigdg" />
    <input value="14930" 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%2Fjay-joy%3Fformat%3Dturbo_stream%26page%3D148">
    <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/poudre-de-cacao-noble-commerce-equitable-bio-125-g-14931">
          <img alt="Poudre de Cacao noble commerce équitable Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6850/file/small-267f1caeddac328a23d3662101a2d350.webp 600w, https://assets.fabulous.ch/public/variant_asset/6850/file/medium-639e3d601857a1241ef6e6405100c22c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6850/file/large-92e58db84696774ba18e37b6aba5942d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6850/file/medium-639e3d601857a1241ef6e6405100c22c.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">Naturata</p>
          <a href="/fr/products/poudre-de-cacao-noble-commerce-equitable-bio-125-g-14931">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Poudre de Cacao noble commerce équitable Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14931&quot;],&quot;content_name&quot;:&quot;Poudre de Cacao noble commerce équitable Bio, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14931&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eBhIXnVqCj9ZotkZMFIRcWaiyVAqBfJ4hfMqZ0fwbmX8DB4cdnr93yIcJH6kV7GguBZ8t2wMaG4YEhcE50Fl8A" />
    <input value="14931" 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%2Fjay-joy%3Fformat%3Dturbo_stream%26page%3D148">
    <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/ginseng-eleuterococcus-vegicaps-bio-200-capsules-200-piece-14987">
          <img alt="Ginseng Eleuterococcus Vegicaps Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6876/file/small-8615036d15dce6ad771fcaa93ab520d7.webp 600w, https://assets.fabulous.ch/public/variant_asset/6876/file/medium-317fc5cf3ee790e61dfecb54627c307b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6876/file/large-c5fd28fe2a9df8f11d3dc4d374f58c6c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6876/file/medium-317fc5cf3ee790e61dfecb54627c307b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/fr/products/ginseng-eleuterococcus-vegicaps-bio-200-capsules-200-piece-14987">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ginseng Eleuterococcus Vegicaps Bio, 200 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14987&quot;],&quot;content_name&quot;:&quot;Ginseng Eleuterococcus Vegicaps Bio, 200 capsules&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14987&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:28.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JaNr-Wkoq2bWd7rulG0gJ70U808kCZ9O1JpF-Tcb8Myhtz27ajhchq3JR4kAaID2Y6BGqGIABVhJe3ial6r7WQ" />
    <input value="14987" 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%2Fjay-joy%3Fformat%3Dturbo_stream%26page%3D148">
    <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/chips-de-manioc-au-sour-cream-onion-bio-60-g-15022">
          <img alt="Chips de Manioc au Sour Cream &amp; Onion Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6890/file/small-490364215601deb7aca1fcd721fb2a25.webp 600w, https://assets.fabulous.ch/public/variant_asset/6890/file/medium-639ad7cf410944898d0ccfe1cb78ba05.webp 900w, https://assets.fabulous.ch/public/variant_asset/6890/file/large-0d29a200f5811d754e27fe60abd8cd5a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6890/file/medium-639ad7cf410944898d0ccfe1cb78ba05.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">el origen</p>
          <a href="/fr/products/chips-de-manioc-au-sour-cream-onion-bio-60-g-15022">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chips de Manioc au Sour Cream &amp; Onion Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15022&quot;],&quot;content_name&quot;:&quot;Chips de Manioc au Sour Cream \u0026 Onion Bio, 60 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15022&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NQxyDgiEHFFvb-Rf-00Sn8fLAIhlkzA13MaaaODC4HexGCRMC5TrsRTRGThvSLJOGX-1byOaqiNBJ6cLQHPr4g" />
    <input value="15022" 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;960 sur 3&#39;548 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/jay-joy?format=turbo_stream&amp;page=149">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>