<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%2Fvegetarian-quality%3Fformat%3Dturbo_stream%26page%3D3">
    <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/50-g-0eb4ccaa-72ba-4b54-999e-738e82c1c597-18739">
          <img alt="Myrtilles sauvages lyophilisées crues Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11202/file/small-759b211c63f7ebce6ce0a7d0da178856.webp 600w, https://assets.fabulous.ch/public/variant_asset/11202/file/medium-6eee26f11ad9e9f55e358bda569dbd8c.webp 900w, https://assets.fabulous.ch/public/variant_asset/11202/file/large-4a4a5e9bd410852bac28877ecc128962.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11202/file/medium-6eee26f11ad9e9f55e358bda569dbd8c.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">Naturkostbar</p>
          <a href="/fr/products/50-g-0eb4ccaa-72ba-4b54-999e-738e82c1c597-18739">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Myrtilles sauvages lyophilisées crues Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18739&quot;],&quot;content_name&quot;:&quot;Myrtilles sauvages lyophilisées crues Bio, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18739&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Y9nXAh4KY7YC9DAIDqmdSWu2hK4mzlT1AbXHJ1hoWteM5NqwfU2Ku2DPSsBxGbRYr-M02UPtCQrrF2M-ByE0_w" />
    <input value="18739" 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%2Fvegetarian-quality%3Fformat%3Dturbo_stream%26page%3D3">
    <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/framboises-lyophilisees-de-qualite-crudite-bio-50-g-4214">
          <img alt="Framboises lyophilisées de qualité Crudité Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2646/file/small-1ff1f274ad0d3c26ab4013ab3c8f0b8e.webp 600w, https://assets.fabulous.ch/public/variant_asset/2646/file/medium-ba5b3d3fde5bd6f15b0b23b1b306683e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2646/file/large-869b2073c3f2a09a1072b7a6f25b0a81.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2646/file/medium-ba5b3d3fde5bd6f15b0b23b1b306683e.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">Naturkostbar</p>
          <a href="/fr/products/framboises-lyophilisees-de-qualite-crudite-bio-50-g-4214">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Framboises lyophilisées de qualité Crudité Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;4214&quot;],&quot;content_name&quot;:&quot;Framboises lyophilisées de qualité Crudité Bio, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;4214&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b23rQQ3id-ROQMt21LbG-ejPMNkEp4AYDcS-QESOEUGAUObzbqWe6Sx7sb6rBu_oLJqArmGE3efnZhpZG8d_aQ" />
    <input value="4214" 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%2Fvegetarian-quality%3Fformat%3Dturbo_stream%26page%3D3">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/chai-epice-bio-18-sachets-22539">
          <img alt="Chai épicé Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11964/file/small-c8bdc87b4e8fecd6636ece84c31ccc24.webp 600w, https://assets.fabulous.ch/public/variant_asset/11964/file/medium-d6861e217ee1a410e863874276f3c75b.webp 900w, https://assets.fabulous.ch/public/variant_asset/11964/file/large-9d5a3f5ed62a9f1f7d2cb8fd619254b1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11964/file/medium-d6861e217ee1a410e863874276f3c75b.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">Sonnentor</p>
          <a href="/fr/products/chai-epice-bio-18-sachets-22539">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chai épicé Bio, 18 sachets</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22539&quot;],&quot;content_name&quot;:&quot;Chai épicé Bio, 18 sachets&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22539&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qh0WTqMm41RKEx_P9vEI8WTYClvkkXWd4MYyS7ojWJ9FIBv8wGEKWSgoZQeJQSHgoI26LIGyKGIKZJZS5Wo2tw" />
    <input value="22539" 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%2Fvegetarian-quality%3Fformat%3Dturbo_stream%26page%3D3">
    <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/the-calendrier-de-l-avent-organic-38-9-g-9944">
          <img alt="Thé Calendrier de l&#39;Avent Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5472/file/small-d9f49d2a4d138ea2083b524a3fe7f03e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5472/file/medium-44ee082ab7429318ff9d1f9a20b340ff.webp 900w, https://assets.fabulous.ch/public/variant_asset/5472/file/large-6a2e900f073ca1ca1e40ba9d8934980d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5472/file/medium-44ee082ab7429318ff9d1f9a20b340ff.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">Sonnentor</p>
          <a href="/fr/products/the-calendrier-de-l-avent-organic-38-9-g-9944">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thé Calendrier de l&#39;Avent Organic, 24 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9944&quot;],&quot;content_name&quot;:&quot;Thé Calendrier de l&#39;Avent Organic, 24 pièces&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9944&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fK1dBzXILJqAHKLDFEYmRFM0mu3-qCmsmT-Dwrm-_C6TkFC1Vo_Fl-In2Atr9g9Vl2EqmpuLdFNznSfb5veSBg" />
    <input value="9944" 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%2Fvegetarian-quality%3Fformat%3Dturbo_stream%26page%3D3">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/the-epice-aux-fruits-temps-de-pain-d-epices-bio-18-sachets-22538">
          <img alt="Thé épicé aux fruits Temps de Pain d’Épices Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11963/file/small-dd5c40f115ca0407ad0f4d2ade9fbeea.webp 600w, https://assets.fabulous.ch/public/variant_asset/11963/file/medium-9319745ba379e238024372dac333b0c1.webp 900w, https://assets.fabulous.ch/public/variant_asset/11963/file/large-64e82c3313c4f60ec121970bd898c0cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11963/file/medium-9319745ba379e238024372dac333b0c1.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">Sonnentor</p>
          <a href="/fr/products/the-epice-aux-fruits-temps-de-pain-d-epices-bio-18-sachets-22538">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thé épicé aux fruits Temps de Pain d’Épices Bio, 18 sachets</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22538&quot;],&quot;content_name&quot;:&quot;Thé épicé aux fruits Temps de Pain d’Épices Bio, 18 sachets&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22538&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zpEeKT69AM5LS14fep7W-Dq-F0kfka_3QDt45u7PY_khrBObXfrpwylwJNcFLv_p_uunPnqy8giqmdz_sYYN0Q" />
    <input value="22538" 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%2Fvegetarian-quality%3Fformat%3Dturbo_stream%26page%3D3">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/the-aux-herbes-lueur-de-lumiere-bio-45-g-22537">
          <img alt="Thé aux herbes Lueur de Lumière Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11962/file/small-2b5a790445b2c7eed92065763688282a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11962/file/medium-b0e9842fb18a05eb510e732a8ceb8b6f.webp 900w, https://assets.fabulous.ch/public/variant_asset/11962/file/large-3ae9b096b29e72de578f3abdb65baf58.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11962/file/medium-b0e9842fb18a05eb510e732a8ceb8b6f.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">Sonnentor</p>
          <a href="/fr/products/the-aux-herbes-lueur-de-lumiere-bio-45-g-22537">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thé aux herbes Lueur de Lumière Bio, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22537&quot;],&quot;content_name&quot;:&quot;Thé aux herbes Lueur de Lumière Bio, 45 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22537&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ni8ZNF1dI_dJ5LKGowXAKcBdhm-iCIyS_ZPn8q4lVevZEhSGPhrK-ivfyE7ctek4BAg2GMcr0W0XMUPr8Ww7ww" />
    <input value="22537" 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%2Fvegetarian-quality%3Fformat%3Dturbo_stream%26page%3D3">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/the-aux-herbes-lueur-de-lumiere-bio-18-sachets-22536">
          <img alt="Thé aux herbes Lueur de Lumière Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11961/file/small-8e7c8a7c78b0a5b459ffb8d54651902e.webp 600w, https://assets.fabulous.ch/public/variant_asset/11961/file/medium-9578219c52828937f513885a597a99eb.webp 900w, https://assets.fabulous.ch/public/variant_asset/11961/file/large-69f4213bfd7c6e812b5780b12b610d7f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11961/file/medium-9578219c52828937f513885a597a99eb.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">Sonnentor</p>
          <a href="/fr/products/the-aux-herbes-lueur-de-lumiere-bio-18-sachets-22536">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thé aux herbes Lueur de Lumière Bio, 18 sachets</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22536&quot;],&quot;content_name&quot;:&quot;Thé aux herbes Lueur de Lumière Bio, 18 sachets&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22536&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wlWIOylkpejhY5i-oRnll3_EzXmwCzFmlzn-dneb0o8taIWJSiNM5YNY4nbeqcyGu5F9DtUobJl9m1pvKNK8pw" />
    <input value="22536" 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%2Fvegetarian-quality%3Fformat%3Dturbo_stream%26page%3D3">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/the-de-l-avent-bio-18-sachets-18-sachet-9941">
          <img alt="Thé de l&#39;Avent Bio, 18 sachets" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5470/file/small-8ebd3c2c979cb80000ec438ad8706b18.webp 600w, https://assets.fabulous.ch/public/variant_asset/5470/file/medium-581688c4655f8507ad80c11aecebd250.webp 900w, https://assets.fabulous.ch/public/variant_asset/5470/file/large-4a9d280dc0a861c4d2bba6b61debd30b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5470/file/medium-581688c4655f8507ad80c11aecebd250.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">Sonnentor</p>
          <a href="/fr/products/the-de-l-avent-bio-18-sachets-18-sachet-9941">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thé de l&#39;Avent Bio, 18 sachets, 18 sachets</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9941&quot;],&quot;content_name&quot;:&quot;Thé de l&#39;Avent Bio, 18 sachets, 18 sachets&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9941&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1hijjNh1dsN1Nv5xWmKhZGjcdUkxCpGopWQv1ufFncw5Ja4-uzKfzhcNhLkl0oh1rInFPlQpzFdPxovPuIzz5A" />
    <input value="9941" 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%2Fvegetarian-quality%3Fformat%3Dturbo_stream%26page%3D3">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/18-sachets-49f41bec-ed0d-4363-8e3d-231f32560317-18961">
          <img alt="Thé pomme au four Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9562/file/small-337545c7479d1acbcdc12c8071679afa.webp 600w, https://assets.fabulous.ch/public/variant_asset/9562/file/medium-48a9964c95f92c14116e73c203faa506.webp 900w, https://assets.fabulous.ch/public/variant_asset/9562/file/large-2f7d55a60589c1383726b7499176f3b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9562/file/medium-48a9964c95f92c14116e73c203faa506.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">Sonnentor</p>
          <a href="/fr/products/18-sachets-49f41bec-ed0d-4363-8e3d-231f32560317-18961">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thé pomme au four Bio, 18 sachets</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18961&quot;],&quot;content_name&quot;:&quot;Thé pomme au four Bio, 18 sachets&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18961&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pSWppteSS3ljpZo7KO2qEvGoWFlEbBM4BjgTKJZS1alKGKQUtNWidAGe4PNXXYMDNf3oLiFPTsfsmrcxyRu7gQ" />
    <input value="18961" 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%2Fvegetarian-quality%3Fformat%3Dturbo_stream%26page%3D3">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/the-aux-epices-magie-de-cannelle-bio-18-sachets-22535">
          <img alt="Thé aux épices Magie de Cannelle Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11960/file/small-88b5295d1edc4a733eead442cfcc6869.webp 600w, https://assets.fabulous.ch/public/variant_asset/11960/file/medium-aa756f94547465c29b4462dd705bfed2.webp 900w, https://assets.fabulous.ch/public/variant_asset/11960/file/large-1608a0e4aa2bdc865d93cd1106019dd4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11960/file/medium-aa756f94547465c29b4462dd705bfed2.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">Sonnentor</p>
          <a href="/fr/products/the-aux-epices-magie-de-cannelle-bio-18-sachets-22535">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thé aux épices Magie de Cannelle Bio, 18 sachets</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22535&quot;],&quot;content_name&quot;:&quot;Thé aux épices Magie de Cannelle Bio, 18 sachets&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22535&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HdOzZhW7nG2wMUx3UVOEW_iaTKTQsDy5sJbVywp6A3Dy7r7Udvx1YNIKNr8u461KPM_807WTYUZaNHHSVTNtWA" />
    <input value="22535" 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%2Fvegetarian-quality%3Fformat%3Dturbo_stream%26page%3D3">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/chai-de-noel-the-aux-epices-bio-18-sachets-18-sachet-15786">
          <img alt="Chai de Noël - Thé aux épices bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7200/file/small-295012899cb64d77eab1c8b2adb15099.webp 600w, https://assets.fabulous.ch/public/variant_asset/7200/file/medium-95c967049c5b9447b63e4adfb8b2bec7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7200/file/large-f829a1467c5e948268e42f72779ab385.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7200/file/medium-95c967049c5b9447b63e4adfb8b2bec7.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">Sonnentor</p>
          <a href="/fr/products/chai-de-noel-the-aux-epices-bio-18-sachets-18-sachet-15786">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chai de Noël - Thé aux épices bio, 18 sachets</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15786&quot;],&quot;content_name&quot;:&quot;Chai de Noël - Thé aux épices bio, 18 sachets&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15786&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D4uCufIeP0t1XqOu1BrWLCpsUNoXbDvudS5bm4otb1bgto8LkVnWRhdl2Warqv897jngrXJPZhGfjP-C1WQBfg" />
    <input value="15786" 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%2Fvegetarian-quality%3Fformat%3Dturbo_stream%26page%3D3">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/the-aux-fruits-christkindl-celeste-bio-60-g-22534">
          <img alt="Thé aux fruits Christkindl Céleste Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11959/file/small-18afacd98bd3ee73ab7af5642d658334.webp 600w, https://assets.fabulous.ch/public/variant_asset/11959/file/medium-094fb4b4a6f376097ee8f37f59e9dd99.webp 900w, https://assets.fabulous.ch/public/variant_asset/11959/file/large-9528a45bef7a3aed879f872546759f51.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11959/file/medium-094fb4b4a6f376097ee8f37f59e9dd99.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">Sonnentor</p>
          <a href="/fr/products/the-aux-fruits-christkindl-celeste-bio-60-g-22534">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thé aux fruits Christkindl Céleste Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22534&quot;],&quot;content_name&quot;:&quot;Thé aux fruits Christkindl Céleste Bio, 60 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22534&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SRGl8tsMOHEXYCTcR_4ErPG6XZcInP88x17d7FtyKr6mLKhAuEvRfHVbXhQ4Ti29Ne_t4G2_osMt_Hn1BDtElg" />
    <input value="22534" 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%2Fvegetarian-quality%3Fformat%3Dturbo_stream%26page%3D3">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/the-aux-fruits-christkindl-celeste-bio-18-sachets-22533">
          <img alt="Thé aux fruits Christkindl Céleste Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11958/file/small-ab360516f00458be77337ea8f8a9f62a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11958/file/medium-435081d7dfc9077571a74ba805774c79.webp 900w, https://assets.fabulous.ch/public/variant_asset/11958/file/large-a25faf42b33a8d983b9cfdc447b9b516.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11958/file/medium-435081d7dfc9077571a74ba805774c79.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">Sonnentor</p>
          <a href="/fr/products/the-aux-fruits-christkindl-celeste-bio-18-sachets-22533">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thé aux fruits Christkindl Céleste Bio, 18 sachets</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22533&quot;],&quot;content_name&quot;:&quot;Thé aux fruits Christkindl Céleste Bio, 18 sachets&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22533&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7I-HOrf4zwn1s4pYiqI1q3hfT68NiLsPFPzpubuh8HIDsoqI1L8mBJeI8JD1Ehy6vAr_2Gir5vD-Xk2g5OieWg" />
    <input value="22533" 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%2Fvegetarian-quality%3Fformat%3Dturbo_stream%26page%3D3">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/the-de-nuit-d-hiver-biologique-18-sachets-100-g-22532">
          <img alt="Thé aux fruits Nuit d’Hiver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11957/file/small-17b475a8a1d43be46a3688e541f818a4.webp 600w, https://assets.fabulous.ch/public/variant_asset/11957/file/medium-7416cbff161d29ea02fe95e38b29a9c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/11957/file/large-68323c01f12436ca5747fc31571a12d2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11957/file/medium-7416cbff161d29ea02fe95e38b29a9c8.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">Sonnentor</p>
          <a href="/fr/products/the-de-nuit-d-hiver-biologique-18-sachets-100-g-22532">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thé aux fruits Nuit d’Hiver Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22532&quot;],&quot;content_name&quot;:&quot;Thé aux fruits Nuit d’Hiver Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22532&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wDOCOjfzSGyT4HkrXgn_JcDWzDNTAP1hQ08ye2iaYpUvDo-IVLShYfHbA-MhudY0BIN8RDYjoJ6p7ZZiN9MMvQ" />
    <input value="22532" 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%2Fvegetarian-quality%3Fformat%3Dturbo_stream%26page%3D3">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/the-de-nuit-d-hiver-biologique-18-sachets-18-sachet-11858">
          <img alt="Thé aux fruits Nuit d’Hiver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6059/file/small-5d01ef49b843a7d8b870aed165624af7.webp 600w, https://assets.fabulous.ch/public/variant_asset/6059/file/medium-ad06dc551f19fb669f7dafb342928c59.webp 900w, https://assets.fabulous.ch/public/variant_asset/6059/file/large-3538b52466636dfc0440f7646d1a5132.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6059/file/medium-ad06dc551f19fb669f7dafb342928c59.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">Sonnentor</p>
          <a href="/fr/products/the-de-nuit-d-hiver-biologique-18-sachets-18-sachet-11858">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thé aux fruits Nuit d’Hiver Bio, 18 sachets</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11858&quot;],&quot;content_name&quot;:&quot;Thé aux fruits Nuit d’Hiver Bio, 18 sachets&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11858&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KGYgIVSKnXzBXk_bXQh2TAeERurPTMkS1NZCwLiMbNTHWy2TN810caNlNRMiuF9dw9H2napvlO0-dObZ58UC_A" />
    <input value="11858" 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%2Fvegetarian-quality%3Fformat%3Dturbo_stream%26page%3D3">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/cheminee-de-the-aux-fruits-crepitant-bio-100-g-22531">
          <img alt="Cheminée de thé aux fruits crépitant bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11956/file/small-ee6b46bc06a7d236902ddefb893d2148.webp 600w, https://assets.fabulous.ch/public/variant_asset/11956/file/medium-4e9d8174df532916ff24b0e77947dcaf.webp 900w, https://assets.fabulous.ch/public/variant_asset/11956/file/large-df91aa1caa4727d69d051c3c20ee3f25.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11956/file/medium-4e9d8174df532916ff24b0e77947dcaf.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">Sonnentor</p>
          <a href="/fr/products/cheminee-de-the-aux-fruits-crepitant-bio-100-g-22531">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cheminée de thé aux fruits crépitant bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22531&quot;],&quot;content_name&quot;:&quot;Cheminée de thé aux fruits crépitant bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22531&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OT29xNEj5O1xvXZrH5BibkOjV0jrvFESWfQ1-bwMW5nWALB2smQN4BOGDKNgIEt_h_bnP46fDO2zVpHg40U1sQ" />
    <input value="22531" 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%2Fvegetarian-quality%3Fformat%3Dturbo_stream%26page%3D3">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/cheminee-de-the-aux-fruits-crepitant-bio-18-sachets-18-sachet-11857">
          <img alt="Cheminée de thé aux fruits crépitant bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6058/file/small-8924e3a15123f2bf57415cdcced9ac69.webp 600w, https://assets.fabulous.ch/public/variant_asset/6058/file/medium-b9a20971193fa139298ca3e23171bbe5.webp 900w, https://assets.fabulous.ch/public/variant_asset/6058/file/large-f9a18f5ec0da57f78caa2f38bfed2c64.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6058/file/medium-b9a20971193fa139298ca3e23171bbe5.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">Sonnentor</p>
          <a href="/fr/products/cheminee-de-the-aux-fruits-crepitant-bio-18-sachets-18-sachet-11857">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cheminée de thé aux fruits crépitant bio, 18 sachets</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11857&quot;],&quot;content_name&quot;:&quot;Cheminée de thé aux fruits crépitant bio, 18 sachets&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11857&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DibuPNvEuxzCUyuZMHlNwyASUENDZxm_EjQ27l8H_XXhG-OOuINSEaBoUVFPyWTS5EfgNCZERED4lpL3AE6TXQ" />
    <input value="11857" 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%2Fvegetarian-quality%3Fformat%3Dturbo_stream%26page%3D3">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/kombucha-hibiscus-menthe-souci-bio-330-ml-22526">
          <img alt="Kombucha Hibiscus, Menthe &amp; Souci Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11948/file/small-c4817aea6d6e48c79c32346667566d08.webp 600w, https://assets.fabulous.ch/public/variant_asset/11948/file/medium-c9368cf904992a0d3c1d43c501d07bb7.webp 900w, https://assets.fabulous.ch/public/variant_asset/11948/file/large-67d8c2082cb6b7cef04014c60cfbf0d7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11948/file/medium-c9368cf904992a0d3c1d43c501d07bb7.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">BENEFI’K</p>
          <a href="/fr/products/kombucha-hibiscus-menthe-souci-bio-330-ml-22526">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kombucha Hibiscus, Menthe &amp; Souci Bio, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22526&quot;],&quot;content_name&quot;:&quot;Kombucha Hibiscus, Menthe \u0026 Souci Bio, 330 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22526&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5_CaqPvZhhA2h5mwoLKyqbqRf_kqa-4DQaQAH6GUREwIzZcamJ5vHVS843jfApu4fsTPjk9Is_yrBqQG_t0qZA" />
    <input value="22526" 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%2Fvegetarian-quality%3Fformat%3Dturbo_stream%26page%3D3">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/kombucha-nature-bio-330-ml-22525">
          <img alt="Kombucha Nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11941/file/small-0edeef8aa83d38a9fc90c0491957a05b.webp 600w, https://assets.fabulous.ch/public/variant_asset/11941/file/medium-c47643a06bc9b74b67ec890c4f17b87c.webp 900w, https://assets.fabulous.ch/public/variant_asset/11941/file/large-551fa2af790929124ed22d1456e024ac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11941/file/medium-c47643a06bc9b74b67ec890c4f17b87c.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">BENEFI’K</p>
          <a href="/fr/products/kombucha-nature-bio-330-ml-22525">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kombucha Nature Bio, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22525&quot;],&quot;content_name&quot;:&quot;Kombucha Nature Bio, 330 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22525&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OceTEwl9W4D2m6ueH0tRCqf3nXQl1ah0BjeEwbrjRVXW-p6hajqyjZSg0VZg-3gbY6ItA0D29YvslSDY5aorfQ" />
    <input value="22525" 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%2Fvegetarian-quality%3Fformat%3Dturbo_stream%26page%3D3">
    <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/soja-medaillons-sans-gluten-800-g-17734">
          <img alt="Soja Medaillons" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8650/file/small-68d66e7eb6c8158721b4e1b4500caf48.webp 600w, https://assets.fabulous.ch/public/variant_asset/8650/file/medium-f4357d74cf9828df7f54c9cc5539d68d.webp 900w, https://assets.fabulous.ch/public/variant_asset/8650/file/large-94db3a01b319f02caa2141c911c42fb1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8650/file/medium-f4357d74cf9828df7f54c9cc5539d68d.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">Vantastic</p>
          <a href="/fr/products/soja-medaillons-sans-gluten-800-g-17734">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soja Medaillons, 800 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17734&quot;],&quot;content_name&quot;:&quot;Soja Medaillons, 800 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17734&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="K1_VVQUaT3OmQl9VHVB9WJwEsHmPkPkhuElN5itB7UPEYtjnZl2mfsR5JZ1i4FRJWFEADuqzpN5S6-n_dAiDaw" />
    <input value="17734" 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">
      60 sur 3&#39;989 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/vegetarian-quality?format=turbo_stream&amp;page=4">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>