<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%2Fgetranke%3Fformat%3Dturbo_stream%26page%3D23">
    <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/nuggets-croustillants-bio-180-g-13874">
          <img alt="Nuggets Croustillants Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6598/file/small-0c8f68067b60ee685063630904d5875b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6598/file/medium-2c86e3c86b733c78eb2feb418057a287.webp 900w, https://assets.fabulous.ch/public/variant_asset/6598/file/large-2978a604574d6e9bcf1adce3eebc79b0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6598/file/medium-2c86e3c86b733c78eb2feb418057a287.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">the vegan cow</p>
          <a href="/fr/products/nuggets-croustillants-bio-180-g-13874">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nuggets Croustillants Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </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 3.67 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-13874-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%2Fgetranke%3Fformat%3Dturbo_stream%26page%3D23">
    <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/completeorganics-chou-fleur-bio-220-g-10933">
          <img alt="completeorganics CHOU-FLEUR Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5645/file/small-b4661b5d66f386f591e958b18ce19dd5.webp 600w, https://assets.fabulous.ch/public/variant_asset/5645/file/medium-a316b26a0f672070aabff50e7dc06e43.webp 900w, https://assets.fabulous.ch/public/variant_asset/5645/file/large-84f21f439c7926bbf6ae2302b8c59984.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5645/file/medium-a316b26a0f672070aabff50e7dc06e43.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">completeorganics</p>
          <a href="/fr/products/completeorganics-chou-fleur-bio-220-g-10933">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">completeorganics CHOU-FLEUR Bio, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </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 3.23 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;10933&quot;],&quot;content_name&quot;:&quot;completeorganics CHOU-FLEUR Bio, 220 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;10933&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="xIPz2QPVjdwVnlZmP01e1YGsgxSETMfcEigMtuTaHutHV2Hjnm4K6nJXNdWZXgKGR6hnQiZZHCuk4fO02JQE8g" />
    <input value="10933" 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%2Fgetranke%3Fformat%3Dturbo_stream%26page%3D23">
    <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/100-pieces-7461cbf6-fe79-4bed-9a81-aa4462bb24cc-19749">
          <img alt="Comprimés vitamine b12 boost" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10216/file/small-9f875cffeb4f4315f282036fce4b7a4c.webp 600w, https://assets.fabulous.ch/public/variant_asset/10216/file/medium-9704b8fb2895ed0f21350cc9f6bc87ea.webp 900w, https://assets.fabulous.ch/public/variant_asset/10216/file/large-b87b295456005aa6c6709fd55a02461c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10216/file/medium-9704b8fb2895ed0f21350cc9f6bc87ea.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">Burgerstein</p>
          <a href="/fr/products/100-pieces-7461cbf6-fe79-4bed-9a81-aa4462bb24cc-19749">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Comprimés vitamine b12 boost, 100 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19749&quot;],&quot;content_name&quot;:&quot;Comprimés vitamine b12 boost, 100 pièces&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19749&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:17.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RMdiubl-gdlH-vH_lIExVJBdbwxz82inkoG5jkXkB5XHE_CDJMUG7yAzkkwykm0HVlmLWtHms1AkSEaMeaodjA" />
    <input value="19749" 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%2Fgetranke%3Fformat%3Dturbo_stream%26page%3D23">
    <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/huile-essentielle-de-lavande-fine-aop-5-ml-21413">
          <img alt="Huile essentielle de Lavande fine AOP Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11558/file/small-afd0bc6c66cb844d6c1d691a6c5142ea.webp 600w, https://assets.fabulous.ch/public/variant_asset/11558/file/medium-541892402b9d734117ae6e3a544fffd8.webp 900w, https://assets.fabulous.ch/public/variant_asset/11558/file/large-b3b0f9e073b41340d053ee6fba653142.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11558/file/medium-541892402b9d734117ae6e3a544fffd8.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">AromaLife</p>
          <a href="/fr/products/huile-essentielle-de-lavande-fine-aop-5-ml-21413">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Huile essentielle de Lavande fine AOP Bio, 5 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 250.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;21413&quot;],&quot;content_name&quot;:&quot;Huile essentielle de Lavande fine AOP Bio, 5 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;21413&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="ixwinqX-iZYAAvefMiNsa2djbXe5lqmXRxPWh1q-Zb0IyLCkOEUOoGfLlCyUMDA4oWeJIRuDcmDx2imFZvB_pA" />
    <input value="21413" 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%2Fgetranke%3Fformat%3Dturbo_stream%26page%3D23">
    <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/100-pieces-661dcc25-59f2-483c-946c-f4b4de42df37-19750">
          <img alt="Comprimés cela" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10217/file/small-ce3864626a677f0a498d458f038a701f.webp 600w, https://assets.fabulous.ch/public/variant_asset/10217/file/medium-2ec14bbbe85c96d64fbb8cd9f93b2b6d.webp 900w, https://assets.fabulous.ch/public/variant_asset/10217/file/large-b56582947bc9496c68fb16323085c4ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10217/file/medium-2ec14bbbe85c96d64fbb8cd9f93b2b6d.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">Burgerstein</p>
          <a href="/fr/products/100-pieces-661dcc25-59f2-483c-946c-f4b4de42df37-19750">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Comprimés cela, 100 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19750&quot;],&quot;content_name&quot;:&quot;Comprimés cela, 100 pièces&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19750&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:39.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vf7qzOTLBk-ZUg4gR4EEDcQvf_Lm6lh7eCKEnMOFTyg-Knj2eXCBef6bbZPhklheAiubpET_g4zO63ue_8tVMQ" />
    <input value="19750" 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%2Fgetranke%3Fformat%3Dturbo_stream%26page%3D23">
    <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/120-pieces-19757">
          <img alt="Comprimés de complexe de vitamine c" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10224/file/small-ecd66d60ff2b2a85c997f4786c2f9691.webp 600w, https://assets.fabulous.ch/public/variant_asset/10224/file/medium-d90f655b94dc860f06fdbf2eeb95fab7.webp 900w, https://assets.fabulous.ch/public/variant_asset/10224/file/large-a194d73ae06237379bed3718399f99fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10224/file/medium-d90f655b94dc860f06fdbf2eeb95fab7.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">Burgerstein</p>
          <a href="/fr/products/120-pieces-19757">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Comprimés de complexe de vitamine c, 120 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19757&quot;],&quot;content_name&quot;:&quot;Comprimés de complexe de vitamine c, 120 pièces&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19757&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:29.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OEmpcayasKb7r8G4tUvdCGNBivWTh1o_yQYyaA3niBi7nTtLMSE3kJxmogsTWIFbpUVuozGSgch_z81qMamSAQ" />
    <input value="19757" 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%2Fgetranke%3Fformat%3Dturbo_stream%26page%3D23">
    <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/soin-jour-nuit-hyaluron-algues-50-ml-20272">
          <img alt="Soin jour &amp; nuit Hyaluron Algues" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11469/file/small-f61c8bdf3ecce4e7bbbc914e480e2dc0.webp 600w, https://assets.fabulous.ch/public/variant_asset/11469/file/medium-d3fe61046db97db1671444d7a4c6dfac.webp 900w, https://assets.fabulous.ch/public/variant_asset/11469/file/large-fa46830dc3402d2358c5ec8e2ae8ae87.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11469/file/medium-d3fe61046db97db1671444d7a4c6dfac.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">Arya Laya</p>
          <a href="/fr/products/soin-jour-nuit-hyaluron-algues-50-ml-20272">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soin jour &amp; nuit Hyaluron Algues, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20272&quot;],&quot;content_name&quot;:&quot;Soin jour \u0026 nuit Hyaluron Algues, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20272&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:26.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="99NXEMJYXxptYhPAyxa53Dtm_58YUNs9SFEOieOe_cF0B8UqX-PYLAqrcHNtBeWP_WIbybpFAMr-mPGL39Dn2A" />
    <input value="20272" 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%2Fgetranke%3Fformat%3Dturbo_stream%26page%3D23">
    <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-ml-d588ad6f-130a-4f72-a395-f7e6382ebc65-19308">
          <img alt="Soin hydratant aloe vera bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11464/file/small-075c6205c19d939df555aa3a44ba089c.webp 600w, https://assets.fabulous.ch/public/variant_asset/11464/file/medium-c5d146c3a99fc557921c85380eaaaced.webp 900w, https://assets.fabulous.ch/public/variant_asset/11464/file/large-8c9ec2e52b5a9c8972b025bb0ece8168.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11464/file/medium-c5d146c3a99fc557921c85380eaaaced.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">Arya Laya</p>
          <a href="/fr/products/50-ml-d588ad6f-130a-4f72-a395-f7e6382ebc65-19308">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soin hydratant aloe vera bio, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19308&quot;],&quot;content_name&quot;:&quot;Soin hydratant aloe vera bio, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19308&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:17.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qZ5CqaDChZ3GsfAH8qPbIgyQxhBWuE0cE2zL9XJt0xcqStCTPXkCq6F4k7RUsIdxypQiRvStluulpTT3TiPJDg" />
    <input value="19308" 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%2Fgetranke%3Fformat%3Dturbo_stream%26page%3D23">
    <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-ml-d2d1709d-f6a5-4cc0-950d-3faf9bbb51e8-19334">
          <img alt="Soin jour &amp; nuit camomille" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11425/file/small-c35e63034f765c390636a36db5afa456.webp 600w, https://assets.fabulous.ch/public/variant_asset/11425/file/medium-ca241b341611ef04ee200cd61b9ac9f3.webp 900w, https://assets.fabulous.ch/public/variant_asset/11425/file/large-e4b7ee5e57b17cca525c39230daaace9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11425/file/medium-ca241b341611ef04ee200cd61b9ac9f3.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">Arya Laya</p>
          <a href="/fr/products/50-ml-d2d1709d-f6a5-4cc0-950d-3faf9bbb51e8-19334">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soin jour &amp; nuit camomille, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19334&quot;],&quot;content_name&quot;:&quot;Soin jour \u0026 nuit camomille, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19334&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Qmh0PfvEJt7r2NrvWpt9YMywlFE1fTmeLlTf0HFpvrXBvOYHZn-h6IwRuVz8iCEzCrRwB5do4mmYnSDSTSekrA" />
    <input value="19334" 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%2Fgetranke%3Fformat%3Dturbo_stream%26page%3D23">
    <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-ml-9bdc12d4-34a4-4062-b954-2c02a2d815bd-19327">
          <img alt="Crème de jour à la grenade bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11435/file/small-c051fe0311dfd2843247800da45fd4a4.webp 600w, https://assets.fabulous.ch/public/variant_asset/11435/file/medium-6791006a1500f89e4706ecc5212f69b8.webp 900w, https://assets.fabulous.ch/public/variant_asset/11435/file/large-80af6a1481df9ea8e3927e1c5048b2b7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11435/file/medium-6791006a1500f89e4706ecc5212f69b8.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">Arya Laya</p>
          <a href="/fr/products/50-ml-9bdc12d4-34a4-4062-b954-2c02a2d815bd-19327">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Crème de jour à la grenade bio, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19327&quot;],&quot;content_name&quot;:&quot;Crème de jour à la grenade bio, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19327&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:27.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1RoTG50FNe_8Nrymx0pBBigCwM5blsNZnIpmIf3XdiJWzoEhAL6y2Zv_3xVhWR1V7gYkmPmDGK4qQ5kjwZlsOw" />
    <input value="19327" 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%2Fgetranke%3Fformat%3Dturbo_stream%26page%3D23">
    <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-ml-e22c579f-0ff1-46b8-9ba4-1e08f4e48d67-19322">
          <img alt="Crème de jour exclusive repair" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11440/file/small-e9fc92640383cb1671d3b8a2851f86ff.webp 600w, https://assets.fabulous.ch/public/variant_asset/11440/file/medium-2f503eec97f7f5158ccbdda1fdc8f2bf.webp 900w, https://assets.fabulous.ch/public/variant_asset/11440/file/large-dfc676d4d5e98a1c90dd450d476821c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11440/file/medium-2f503eec97f7f5158ccbdda1fdc8f2bf.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">Arya Laya</p>
          <a href="/fr/products/50-ml-e22c579f-0ff1-46b8-9ba4-1e08f4e48d67-19322">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Crème de jour exclusive repair, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 61.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19322&quot;],&quot;content_name&quot;:&quot;Crème de jour exclusive repair, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19322&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:61.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S4Xi3aG-R7jXn257kvxupU-d9fu0YiyCi0YQhn782CXIUXDnPAXAjrBWDcg07zL2iZkRrRZ393U9j--EQrLCPA" />
    <input value="19322" 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%2Fgetranke%3Fformat%3Dturbo_stream%26page%3D23">
    <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/150-ml-40de92a3-99ba-460f-934c-a310f9281424-19337">
          <img alt="Lait corporel olive" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11445/file/small-6a710b3a80524b2f191a70ae27d18d09.webp 600w, https://assets.fabulous.ch/public/variant_asset/11445/file/medium-dd040f6aeae8013a1ba5e13d917fa0a4.webp 900w, https://assets.fabulous.ch/public/variant_asset/11445/file/large-20cafaf492507e0426ea5ab354bfa37e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11445/file/medium-dd040f6aeae8013a1ba5e13d917fa0a4.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">Arya Laya</p>
          <a href="/fr/products/150-ml-40de92a3-99ba-460f-934c-a310f9281424-19337">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lait corporel olive, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19337&quot;],&quot;content_name&quot;:&quot;Lait corporel olive, 150 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19337&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wdp_jHrViHF4uGj846l1qGkfCL-rjZT9ulkHaBfZP5pCDu22524PRx9xC09Fuin7rxvs6QmYTwoMkPhqK5clgw" />
    <input value="19337" 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%2Fgetranke%3Fformat%3Dturbo_stream%26page%3D23">
    <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/125-ml-a9934e3f-af0d-4aab-90c2-0b46d78440e7-19331">
          <img alt="Mousse nettoyante camomille" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11443/file/small-3db163f7b117967196f31ff9c358ba04.webp 600w, https://assets.fabulous.ch/public/variant_asset/11443/file/medium-4d53ce962899ffa41ba4ab1a89c03c0a.webp 900w, https://assets.fabulous.ch/public/variant_asset/11443/file/large-a3cb3d37edc0abe99aeab62302c2f36d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11443/file/medium-4d53ce962899ffa41ba4ab1a89c03c0a.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">Arya Laya</p>
          <a href="/fr/products/125-ml-a9934e3f-af0d-4aab-90c2-0b46d78440e7-19331">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mousse nettoyante camomille, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19331&quot;],&quot;content_name&quot;:&quot;Mousse nettoyante camomille, 125 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19331&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZcKqrw4zBtfB8o0zcYf_vgxpbMbY0p6uS_Z2X7PEjpjmFjiVk4iB4aY77oDXlKPtym2IkHrHRVn9P4ldj4qUgQ" />
    <input value="19331" 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%2Fgetranke%3Fformat%3Dturbo_stream%26page%3D23">
    <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/hyaluron-miracle-lift-30-ml-20259">
          <img alt="Hyaluron miracle lift" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11447/file/small-7cf8573d87a5770d681abef126899249.webp 600w, https://assets.fabulous.ch/public/variant_asset/11447/file/medium-17aafb5e5d14dc313513a440781c0b93.webp 900w, https://assets.fabulous.ch/public/variant_asset/11447/file/large-6266a261d9004a1be51a494c5ff365be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11447/file/medium-17aafb5e5d14dc313513a440781c0b93.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">Arya Laya</p>
          <a href="/fr/products/hyaluron-miracle-lift-30-ml-20259">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hyaluron miracle lift, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20259&quot;],&quot;content_name&quot;:&quot;Hyaluron miracle lift, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20259&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:32.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kvt-w4lNHC2XDDjtiT2dUA1ELGZK4sJqIZKRP7fjc0gRL-z5FPabG_DFW14vLsEDy0DIMOj3GZ2XW249i61pUQ" />
    <input value="20259" 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%2Fgetranke%3Fformat%3Dturbo_stream%26page%3D23">
    <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/15-ml-19320">
          <img alt="Crème contour des yeux exclusive repair" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11442/file/small-e85ecf57d940348f4a443a593f4356ab.webp 600w, https://assets.fabulous.ch/public/variant_asset/11442/file/medium-d0d257e1d601139cad2b2121791153e6.webp 900w, https://assets.fabulous.ch/public/variant_asset/11442/file/large-c29ea95f2ca29c20b655d04131f8b5b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11442/file/medium-d0d257e1d601139cad2b2121791153e6.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">Arya Laya</p>
          <a href="/fr/products/15-ml-19320">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Crème contour des yeux exclusive repair, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19320&quot;],&quot;content_name&quot;:&quot;Crème contour des yeux exclusive repair, 15 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19320&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:27.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wJLr3Ybu-nzeePxn7YqhEo1acp_5t139YPtG6R6fFSlDRnnnG1V9Srmxn9RLmf1BS16WyVuihgrWMrnrItEPMA" />
    <input value="19320" 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%2Fgetranke%3Fformat%3Dturbo_stream%26page%3D23">
    <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/30-ml-c814f8b4-5a85-4528-9734-be6ad3eb99af-19332">
          <img alt="Sérum camomille" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11427/file/small-22a82ec3e7f917ba6eddacc701695862.webp 600w, https://assets.fabulous.ch/public/variant_asset/11427/file/medium-0dbfc0fe1a7ece577224a958fa7a9ddb.webp 900w, https://assets.fabulous.ch/public/variant_asset/11427/file/large-30fe41bebe5618b1bfdb38ad2c46eaf4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11427/file/medium-0dbfc0fe1a7ece577224a958fa7a9ddb.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">Arya Laya</p>
          <a href="/fr/products/30-ml-c814f8b4-5a85-4528-9734-be6ad3eb99af-19332">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sérum camomille, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19332&quot;],&quot;content_name&quot;:&quot;Sérum camomille, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19332&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gSE-WcZ1wR2TQ_CdsyeJ5onvl7jEbB_tfmIT_TpsGrQC9axjW85GK_SKky4VNNW1T-tz7mZ5xBrIq-z_BiIArQ" />
    <input value="19332" 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%2Fgetranke%3Fformat%3Dturbo_stream%26page%3D23">
    <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/100-ml-d7b72758-c9c2-44a4-a31e-c5c5fb5b764d-19321">
          <img alt="Nettoyage exclusive repair" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11441/file/small-54e5524d28e14b542111d9a2b74f5459.webp 600w, https://assets.fabulous.ch/public/variant_asset/11441/file/medium-b1c4a6a51b4bdb9f1b12105e312a5b4e.webp 900w, https://assets.fabulous.ch/public/variant_asset/11441/file/large-8a62660757f69cdeaada0ef28bb8810f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11441/file/medium-b1c4a6a51b4bdb9f1b12105e312a5b4e.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">Arya Laya</p>
          <a href="/fr/products/100-ml-d7b72758-c9c2-44a4-a31e-c5c5fb5b764d-19321">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nettoyage exclusive repair, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19321&quot;],&quot;content_name&quot;:&quot;Nettoyage exclusive repair, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19321&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:22.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="s8wN5kngm6Z-IFtIFTEogRxizZUXfKnO1RXl_gStmJQwGJ_c1FsckBnpOPuzInTS2mYpw7Vpcjlj3Br8OOOCjQ" />
    <input value="19321" 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%2Fgetranke%3Fformat%3Dturbo_stream%26page%3D23">
    <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-ml-6268b259-d210-4b28-87bb-9d56bcc9813e-19330">
          <img alt="Gel hyaluron plus grenade" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11451/file/small-bf3262252382057a7ed483f0f9400a70.webp 600w, https://assets.fabulous.ch/public/variant_asset/11451/file/medium-d9ba0df07c8f7afedecf031de08b6a37.webp 900w, https://assets.fabulous.ch/public/variant_asset/11451/file/large-ac964930f5bd318dc64d4d02acb289e1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11451/file/medium-d9ba0df07c8f7afedecf031de08b6a37.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">Arya Laya</p>
          <a href="/fr/products/50-ml-6268b259-d210-4b28-87bb-9d56bcc9813e-19330">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gel hyaluron plus grenade, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19330&quot;],&quot;content_name&quot;:&quot;Gel hyaluron plus grenade, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19330&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:35.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XayHvUA5tkA-i9EAahYwbBBlU9kqzLdAztFXmkhr59jeeBWH3YIxdllCsrPMBWw_1mG3j4jZbLd4GKiYdCX9wQ" />
    <input value="19330" 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%2Fgetranke%3Fformat%3Dturbo_stream%26page%3D23">
    <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/perfect-day-mousse-teintee-30-ml-20273">
          <img alt="Perfect Day Mousse teintée" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11470/file/small-43ec50a073bee057c4d6e772c1a40a81.webp 600w, https://assets.fabulous.ch/public/variant_asset/11470/file/medium-132e95c6dddcf03d12d7c77299aad85f.webp 900w, https://assets.fabulous.ch/public/variant_asset/11470/file/large-8bac3a9d3313d9d9a427e1f8c6a3ee63.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11470/file/medium-132e95c6dddcf03d12d7c77299aad85f.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">Arya Laya</p>
          <a href="/fr/products/perfect-day-mousse-teintee-30-ml-20273">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Perfect Day Mousse teintée, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20273&quot;],&quot;content_name&quot;:&quot;Perfect Day Mousse teintée, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20273&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:26.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kPhezpGJyDosC1QMIsFHbG4OWEZaVrBlxUkrV0bujP4TLMz0DDJPDEvCN7-E0hs_qAq8EPhDa5JzgNRVeqCW5w" />
    <input value="20273" 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%2Fgetranke%3Fformat%3Dturbo_stream%26page%3D23">
    <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/feves-de-soja-jaune-non-decortiquees-en-gros-biosuisse-25-kg-4019">
          <img alt="Fèves de soja jaune non décortiquées en gros BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2548/file/small-7559e41195003d9c03482a60b66214ac.webp 600w, https://assets.fabulous.ch/public/variant_asset/2548/file/medium-35da8c81db7e3abd96b85c5f100683f3.webp 900w, https://assets.fabulous.ch/public/variant_asset/2548/file/large-8f1f85384213104a9cb424c8c138122f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2548/file/medium-35da8c81db7e3abd96b85c5f100683f3.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">Progana / Mühle Rytz</p>
          <a href="/fr/products/feves-de-soja-jaune-non-decortiquees-en-gros-biosuisse-25-kg-4019">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fèves de soja jaune non décortiquées en gros BioSuisse, 25 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 145.35
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;4019&quot;],&quot;content_name&quot;:&quot;Fèves de soja jaune non décortiquées en gros BioSuisse, 25 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;4019&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:145.35,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xbkhSjPAi15nneIXETR3_r16ADfdItZjXGgyvkuFyWZGbbNwrnsMaABUgaS3Jyute37kYX83DZTqoc28d8vTfw" />
    <input value="4019" 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">
      460 sur 3&#39;712 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/getranke?format=turbo_stream&amp;page=24">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>