<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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D11">
    <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/vitamine-d3-k2-c-spray-buccal-25-ml-9489">
          <img alt="Vitamine D3 K2 &amp; C Spray buccal" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5346/file/small-23bd3726affdcdaae351c15d4434d212.webp 600w, https://assets.fabulous.ch/public/variant_asset/5346/file/medium-19b709750cfae2541209c5080a401ed1.webp 900w, https://assets.fabulous.ch/public/variant_asset/5346/file/large-44166f139b49b045f03f98162999db7d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5346/file/medium-19b709750cfae2541209c5080a401ed1.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">energybalance</p>
          <a href="/fr/products/vitamine-d3-k2-c-spray-buccal-25-ml-9489">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vitamine D3 K2 &amp; C Spray buccal, 25 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9489&quot;],&quot;content_name&quot;:&quot;Vitamine D3 K2 \u0026 C Spray buccal, 25 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9489&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iXhB--vIbt_xPLG9r22r0SF-3hk6NtskKPDkWeyHlfDwanv9WEGPOprruSUkbhpFp_Dw4TwiiRfT9BtzM81bEg" />
    <input value="9489" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D11">
    <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/ovega3-enfants-dha-epa-en-gouttes-50-ml-15725">
          <img alt="Ovega3 Enfants DHA + EPA en gouttes" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7159/file/small-683ce4e11d30d83180813979658b04bf.webp 600w, https://assets.fabulous.ch/public/variant_asset/7159/file/medium-8dc0ca2ad966f86d3833d95a7a590e79.webp 900w, https://assets.fabulous.ch/public/variant_asset/7159/file/large-232685e5e99fef13d2cf35b5c74cb03f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7159/file/medium-8dc0ca2ad966f86d3833d95a7a590e79.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">energybalance</p>
          <a href="/fr/products/ovega3-enfants-dha-epa-en-gouttes-50-ml-15725">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ovega3 Enfants DHA + EPA en gouttes, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15725&quot;],&quot;content_name&quot;:&quot;Ovega3 Enfants DHA + EPA en gouttes, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15725&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:24.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eENScBvNBTB968Ys-uZGNfwr-McbOybxIGmSMvuRHbIBUWh2qETk1RY8zrRx5feheqXWPx0vdMLbbW0YJNvTUA" />
    <input value="15725" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D11">
    <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/ovega3-vitamines-huile-d-algues-dha-et-epa-250-mg-b12-d3-k2-kapseln-60-piece-6444">
          <img alt="Ovega3® Vitamines, huile d&#39;algues DHA et EPA 250 mg + B12, D3, K2" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11655/file/small-4554270857757e72eac8771f76809f93.webp 600w, https://assets.fabulous.ch/public/variant_asset/11655/file/medium-306bbcefc04d72864054ef1492606b37.webp 900w, https://assets.fabulous.ch/public/variant_asset/11655/file/large-00133c2a35cec1c56855feecdc3e0340.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11655/file/medium-306bbcefc04d72864054ef1492606b37.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">energybalance</p>
          <a href="/fr/products/ovega3-vitamines-huile-d-algues-dha-et-epa-250-mg-b12-d3-k2-kapseln-60-piece-6444">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ovega3® Vitamines, huile d&#39;algues DHA et EPA 250 mg + B12, D3, K2, 60 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6444&quot;],&quot;content_name&quot;:&quot;Ovega3® Vitamines, huile d&#39;algues DHA et EPA 250 mg + B12, D3, K2, 60 capsules&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6444&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:28.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IkGWKkwcsOrlZoR0mCQstKWgzURk7LEwZzCH-2JKn9pbU6ws_5VRD46xjOwTJ50gIy7jvGL44wOcNHjRvQBROA" />
    <input value="6444" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D11">
    <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/moo-free-calendrier-de-l-avent-vegan-au-chocolat-70-g-22618">
          <img alt="Moo Free Calendrier de l&#39;Avent vegan au chocolat" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12036/file/small-6b83d0cf46618df31788014a30ccb84a.webp 600w, https://assets.fabulous.ch/public/variant_asset/12036/file/medium-6dbc07e6d478e98effcb968545544647.webp 900w, https://assets.fabulous.ch/public/variant_asset/12036/file/large-028f0de0d3344ecd876d7258fb2d2d67.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12036/file/medium-6dbc07e6d478e98effcb968545544647.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">Moo Free Chocolates</p>
          <a href="/fr/products/moo-free-calendrier-de-l-avent-vegan-au-chocolat-70-g-22618">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Moo Free Calendrier de l&#39;Avent vegan au chocolat, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22618&quot;],&quot;content_name&quot;:&quot;Moo Free Calendrier de l&#39;Avent vegan au chocolat, 70 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22618&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MsfMT_nsGSSx04pIBRRmViliJYnTFrn2ydCcdVU4VPFL1fZJSmX4wdoEgtCOF9fCr-wLcdUC68Uy1GNfinKaEw" />
    <input value="22618" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D11">
    <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/jackfruit-smoky-tomato-200-g-22617">
          <img alt="Jackfruit Smoky Tomato " class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12034/file/small-2ed24ad8a1246205d2356709b31b0ea7.webp 600w, https://assets.fabulous.ch/public/variant_asset/12034/file/medium-a769d13edf77a723ad4d0a7a1f682ab1.webp 900w, https://assets.fabulous.ch/public/variant_asset/12034/file/large-4b58767958de4558d7498caf9d141595.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12034/file/medium-a769d13edf77a723ad4d0a7a1f682ab1.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">Vegetarian Quality</p>
          <a href="/fr/products/jackfruit-smoky-tomato-200-g-22617">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Jackfruit Smoky Tomato , 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </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 2.75 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22617&quot;],&quot;content_name&quot;:&quot;Jackfruit Smoky Tomato , 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22617&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="rLOI0-sHimVbbl70KEKU-yD7o9QT3lOVB5NbDcfxXhbVobLVWI5rgDC5VmyjQSVvpnWNLBXKAab8l6QnGLuQ9A" />
    <input value="22617" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D11">
    <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/chocolat-blanc-70-g-9966">
          <img alt="Moo Free Calendrier de l&#39;Avent vegan au chocolat blanc" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12033/file/small-85db21b37f512b0c6f2246316271bc6a.webp 600w, https://assets.fabulous.ch/public/variant_asset/12033/file/medium-f3b7381c6d9ebb9b191b2c2d4e84d7af.webp 900w, https://assets.fabulous.ch/public/variant_asset/12033/file/large-393d2cd7d84434e600ca6845a06702b7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12033/file/medium-f3b7381c6d9ebb9b191b2c2d4e84d7af.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">Moo Free Chocolates</p>
          <a href="/fr/products/chocolat-blanc-70-g-9966">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Moo Free Calendrier de l&#39;Avent vegan au chocolat blanc, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9966&quot;],&quot;content_name&quot;:&quot;Moo Free Calendrier de l&#39;Avent vegan au chocolat blanc, 70 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9966&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zODg-e1bXb-1E-swQ9qaUtDiQiP_umL8M2-kSRFaA0q18tr_XtK8Wt7E46jI2SvGVmxs2_muMM_Ia1tjzhDNqA" />
    <input value="9966" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D11">
    <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/lokum-artisanal-rose-avec-mure-99-g-99-g-16926">
          <img alt="Marsel Delights Loukoum vegan à la rose et à la mûre" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12029/file/small-97e764e021c31c3dd4038d1e68f5fbd9.webp 600w, https://assets.fabulous.ch/public/variant_asset/12029/file/medium-2f9710e9c2dc94a69adb228611f77c2f.webp 900w, https://assets.fabulous.ch/public/variant_asset/12029/file/large-7a3b7289912e6f08a24a52a87a94883d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12029/file/medium-2f9710e9c2dc94a69adb228611f77c2f.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">Marsel Delights</p>
          <a href="/fr/products/lokum-artisanal-rose-avec-mure-99-g-99-g-16926">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Marsel Delights Loukoum vegan à la rose et à la mûre, 99 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16926&quot;],&quot;content_name&quot;:&quot;Marsel Delights Loukoum vegan à la rose et à la mûre, 99 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16926&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WlMQ-tWTL3QtCiubC1NkNp9jhH-tTX1uwzZDXwRXOp0jQSr8ZhrOkUbdIwOAUNWiGe2qh6tZL104Mrx12x30fw" />
    <input value="16926" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D11">
    <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/lokum-artisanal-noisette-avec-caramel-99-g-16928">
          <img alt="Marsel Delights Loukoum vegan aux noisettes et caramel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12028/file/small-116cb9bff0c71eef49072f991aa6651f.webp 600w, https://assets.fabulous.ch/public/variant_asset/12028/file/medium-6c62655e343e3dd3e4fcb2f92b91e024.webp 900w, https://assets.fabulous.ch/public/variant_asset/12028/file/large-3c27591cd6bf31567af9259503f3d69c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12028/file/medium-6c62655e343e3dd3e4fcb2f92b91e024.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">Marsel Delights</p>
          <a href="/fr/products/lokum-artisanal-noisette-avec-caramel-99-g-16928">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Marsel Delights Loukoum vegan aux noisettes et caramel, 99 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16928&quot;],&quot;content_name&quot;:&quot;Marsel Delights Loukoum vegan aux noisettes et caramel, 99 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16928&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LlpqO_odQb5PztPzgMsoCwrn8aX0MhcreT-BRZdRE11XSFA9SZSgWyQZ22sLyJmfjGnfXfImRRiCO35vSBvdvw" />
    <input value="16928" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D11">
    <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/lokum-artisanal-pistache-99-g-16927">
          <img alt="Marsel Delights Loukoum vegan aux pistaches" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12030/file/small-cc473cc9f36620d4b5462a3e658fe599.webp 600w, https://assets.fabulous.ch/public/variant_asset/12030/file/medium-498c2363116d75051a932f843231d77c.webp 900w, https://assets.fabulous.ch/public/variant_asset/12030/file/large-632c2fb3d72fc0dce18e4ac2aad40edd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12030/file/medium-498c2363116d75051a932f843231d77c.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">Marsel Delights</p>
          <a href="/fr/products/lokum-artisanal-pistache-99-g-16927">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Marsel Delights Loukoum vegan aux pistaches, 99 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16927&quot;],&quot;content_name&quot;:&quot;Marsel Delights Loukoum vegan aux pistaches, 99 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16927&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZOxn1l9PvCPMG50wDe4j3Y-59ZD6bKA1lwBKNRpgGzUd_l3Q7MZdxqfMlaiG7ZJJCTfbaPx48gZsBLUfxSrV1w" />
    <input value="16927" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D11">
    <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/lokum-artisanal-grenade-avec-framboise-sumac-99-g-16924">
          <img alt="Marsel Delights Loukoum à la grenade, framboise et sumac" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12031/file/small-e379fb5318fdba5bb5299a60b840e24d.webp 600w, https://assets.fabulous.ch/public/variant_asset/12031/file/medium-e240670a5968e913c62cd94ad79c8925.webp 900w, https://assets.fabulous.ch/public/variant_asset/12031/file/large-453bbcde808da518d99826a89263da29.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12031/file/medium-e240670a5968e913c62cd94ad79c8925.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">Marsel Delights</p>
          <a href="/fr/products/lokum-artisanal-grenade-avec-framboise-sumac-99-g-16924">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Marsel Delights Loukoum à la grenade, framboise et sumac, 99 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16924&quot;],&quot;content_name&quot;:&quot;Marsel Delights Loukoum à la grenade, framboise et sumac, 99 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16924&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MbnvzmfJMJpuwnyr2JIdjdWsbg1qFJRctAgAd-_q-sVIq9XI1EDRfwUVdDNTkawZUyJA9WwAxm9PDP9dMKA0Jw" />
    <input value="16924" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D11">
    <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/vergani-panettone-classique-vegan-750-g-22615">
          <img alt="Vergani Panettone classique vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12021/file/small-9e109db8953dc76e06f3bbb7911aa7f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/12021/file/medium-94377862c6d0a05a98116008a8d9c2ce.webp 900w, https://assets.fabulous.ch/public/variant_asset/12021/file/large-2bb84eccba619a538516fe07f398b805.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12021/file/medium-94377862c6d0a05a98116008a8d9c2ce.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">Vergani</p>
          <a href="/fr/products/vergani-panettone-classique-vegan-750-g-22615">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vergani Panettone classique vegan, 750 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22615&quot;],&quot;content_name&quot;:&quot;Vergani Panettone classique vegan, 750 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22615&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:24.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nzj2PZODNFXPQK-FPUtBMkHcAoQuPMnQDiI971iV4zjmKsw7IArVsKSXpx22SPCmx1IsfCgom-P1JsLFh98t2g" />
    <input value="22615" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D11">
    <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/vergani-panettone-vegan-au-chocolat-750-g-22614">
          <img alt="Vergani Panettone vegan au chocolat" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12020/file/small-b3d22393b95ea6566fcfe8831eba9ce9.webp 600w, https://assets.fabulous.ch/public/variant_asset/12020/file/medium-262176d5d74e4257c47478ff892dcd00.webp 900w, https://assets.fabulous.ch/public/variant_asset/12020/file/large-f5c985eae600c0c50a1264917869305b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12020/file/medium-262176d5d74e4257c47478ff892dcd00.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">Vergani</p>
          <a href="/fr/products/vergani-panettone-vegan-au-chocolat-750-g-22614">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vergani Panettone vegan au chocolat, 750 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22614&quot;],&quot;content_name&quot;:&quot;Vergani Panettone vegan au chocolat, 750 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22614&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:24.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v67IhIhmJGtFxT6v6ZvBb8KB8bnIH4A_TR0xPAvQXubGvPKCO-_Fji4SNjdimHD7RA_fQc4L0gy2Gc4W1JqQBA" />
    <input value="22614" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D11">
    <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/monty-bojangles-coffret-cadeau-de-truffes-au-chocolat-vegan-130-g-22613">
          <img alt="Monty Bojangles Coffret cadeau de truffes au chocolat vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12019/file/small-5ea40e0898230cde6231f7012b6e4ef3.webp 600w, https://assets.fabulous.ch/public/variant_asset/12019/file/medium-dd65e61576ef6f2dc2d07848c0768fa0.webp 900w, https://assets.fabulous.ch/public/variant_asset/12019/file/large-d301e07d3ffa4397151b30c310fecaf1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12019/file/medium-dd65e61576ef6f2dc2d07848c0768fa0.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">Monty Bojangles</p>
          <a href="/fr/products/monty-bojangles-coffret-cadeau-de-truffes-au-chocolat-vegan-130-g-22613">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Monty Bojangles Coffret cadeau de truffes au chocolat vegan, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.25
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22613&quot;],&quot;content_name&quot;:&quot;Monty Bojangles Coffret cadeau de truffes au chocolat vegan, 130 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22613&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W6EHGFnb4WniKA_GG9GrxLRCb6BJjRSbNvWi-SH5kQMisz0e6lIAjIn_B16Q0hpQMsxBWE-ZRqjN8V3T_rNf4Q" />
    <input value="22613" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D11">
    <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/mince-pies-tartelettes-anglaises-traditionnelles-vegan-starry-280-g-8294">
          <img alt="Mince Pies Tartelettes anglaises traditionnelles Vegan Starry" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4865/file/small-308a7b6c6b379c69a65ed24caad40fda.webp 600w, https://assets.fabulous.ch/public/variant_asset/4865/file/medium-bc860b8951d5bb9b2d86448b7c736559.webp 900w, https://assets.fabulous.ch/public/variant_asset/4865/file/large-e05d3eb6d9b318ad81c00e96da474629.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4865/file/medium-bc860b8951d5bb9b2d86448b7c736559.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 Foods of Athenry</p>
          <a href="/fr/products/mince-pies-tartelettes-anglaises-traditionnelles-vegan-starry-280-g-8294">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mince Pies Tartelettes anglaises traditionnelles Vegan Starry, 280 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 3.20 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;8294&quot;],&quot;content_name&quot;:&quot;Mince Pies Tartelettes anglaises traditionnelles Vegan Starry, 280 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;8294&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="SJKzJK_aInXXTNWY0p4seZwi761UoAmnYdZEzvzO5LExgIkiHFPDkLyb3QBZnZ3tGqzBVVK0W5Sa0rvkI4QqUw" />
    <input value="8294" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D11">
    <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/mince-pies-tartelettes-anglaises-traditionnelles-vegan-70-g-14469">
          <img alt="Mince Pies Tartelettes anglaises traditionnelles Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6695/file/small-d16c23a22229f4e83df8591ea629f9b3.webp 600w, https://assets.fabulous.ch/public/variant_asset/6695/file/medium-3d39d2bfe9683b6d721fb544778c0a37.webp 900w, https://assets.fabulous.ch/public/variant_asset/6695/file/large-493846ef2fdf84b5bb041fa605283360.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6695/file/medium-3d39d2bfe9683b6d721fb544778c0a37.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">Lottie Shaw&#39;s</p>
          <a href="/fr/products/mince-pies-tartelettes-anglaises-traditionnelles-vegan-70-g-14469">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mince Pies Tartelettes anglaises traditionnelles Vegan, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14469&quot;],&quot;content_name&quot;:&quot;Mince Pies Tartelettes anglaises traditionnelles Vegan, 70 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14469&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1co5WfSeEoDW85D8UAU3gzR4DLP7yOGgCc-ktSyCOQOs2ANfRxfzZb0kmGTbBoYXsvYiS_3cs5Pyy1uf88j34Q" />
    <input value="14469" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D11">
    <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/truffes-saupoudrees-de-cacao-avec-eclats-de-cacao-90-g-16929">
          <img alt="Truffes saupoudrées de cacao avec éclats de cacao" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7910/file/small-1afc2f69813702a114ab5ca89b0d6a4b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7910/file/medium-403b58704adc922ea7fafda2bd2f40b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7910/file/large-3ef93c0f947d39749205eedd078684b6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7910/file/medium-403b58704adc922ea7fafda2bd2f40b9.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">Monty Bojangles</p>
          <a href="/fr/products/truffes-saupoudrees-de-cacao-avec-eclats-de-cacao-90-g-16929">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Truffes saupoudrées de cacao avec éclats de cacao, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16929&quot;],&quot;content_name&quot;:&quot;Truffes saupoudrées de cacao avec éclats de cacao, 90 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16929&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T7hPee5cYbt2ZDvbMKXTDIEaLE2FfrQlqCG4s3sgqMg2qnV_XdWAXh2zM0O7pmKYB5QCtYNq5hZTJUeZpGpmKg" />
    <input value="16929" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D11">
    <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/catherine-s-originals-chocolate-selection-box-300-g-16856">
          <img alt="Catherine&#39;s Originals Chocolate Selection Box" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12054/file/small-3bd041d293646783b7acd0dbf9583125.webp 600w, https://assets.fabulous.ch/public/variant_asset/12054/file/medium-a6606cc1481b142519adac9cb619de19.webp 900w, https://assets.fabulous.ch/public/variant_asset/12054/file/large-b266ba834cf6748a396842ab97be388e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12054/file/medium-a6606cc1481b142519adac9cb619de19.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">Catherine&#39;s Originals</p>
          <a href="/fr/products/catherine-s-originals-chocolate-selection-box-300-g-16856">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Catherine&#39;s Originals Chocolate Selection Box, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16856&quot;],&quot;content_name&quot;:&quot;Catherine&#39;s Originals Chocolate Selection Box, 300 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16856&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bHmUNQciuuIDIDq_e4UzRRJTAOCxCydgi9ZidGr5P5sVa64ztKtbB2j3MifwhoLRlN0uGLcfdVNw0p1etbPxeQ" />
    <input value="16856" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D11">
    <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/coffret-de-barres-chocolatees-sans-gluten-228-g-22612">
          <img alt="Coffret de barres chocolatées Sans Gluten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12018/file/small-81906e3c2b1e3706d264940d2fe7ba7c.webp 600w, https://assets.fabulous.ch/public/variant_asset/12018/file/medium-28d9bfcf6bd6e644d32f10c4e736cf9e.webp 900w, https://assets.fabulous.ch/public/variant_asset/12018/file/large-537a26f648770af072d1f9e4faed6671.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12018/file/medium-28d9bfcf6bd6e644d32f10c4e736cf9e.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">Buttermilk Confectionary</p>
          <a href="/fr/products/coffret-de-barres-chocolatees-sans-gluten-228-g-22612">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coffret de barres chocolatées Sans Gluten, 228 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.15
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22612&quot;],&quot;content_name&quot;:&quot;Coffret de barres chocolatées Sans Gluten, 228 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22612&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.15,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rMM3jTDuwVgq9F6R-hqTRbjpp8GaqmtP0Qa3HhMXLMfV0Q2Lg2cgvUEjVglxGSLRPmeJOZy-OXwqAkg0zF3iJQ" />
    <input value="22612" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D11">
    <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/h-p-coffret-cadeau-de-chocolats-noel-160-g-22611">
          <img alt="H!P Coffret cadeau de chocolats Noël" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12017/file/small-7dec35b9f860e6ee20e174aff25417cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/12017/file/medium-7841493d25937d31e527ffde0070e824.webp 900w, https://assets.fabulous.ch/public/variant_asset/12017/file/large-fff46a7e2f25f02df8d3c3c45c45ba3f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12017/file/medium-7841493d25937d31e527ffde0070e824.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">H!P Chocolate</p>
          <a href="/fr/products/h-p-coffret-cadeau-de-chocolats-noel-160-g-22611">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">H!P Coffret cadeau de chocolats Noël, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.85
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22611&quot;],&quot;content_name&quot;:&quot;H!P Coffret cadeau de chocolats Noël, 160 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22611&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.85,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="V1h_ObsHtHyjltPZzjNMKWF9Quh7Jj63crwhMv9OyuUuSkU_CI5VmchB20FFMP295_NsEH0ybISJuN4YIAQEBw" />
    <input value="22611" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D11">
    <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-d-olive-douce-vierge-extra-bio-500-ml-2862">
          <img alt="Huile d&#39;olive douce vierge extra Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2019/file/small-62155a848a29a7af953a428f74fd3fea.webp 600w, https://assets.fabulous.ch/public/variant_asset/2019/file/medium-b22eb7a6b3306ff5cf61b61577a2f4a4.webp 900w, https://assets.fabulous.ch/public/variant_asset/2019/file/large-9d2fe67bc05acbaf5405fa09de364687.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2019/file/medium-b22eb7a6b3306ff5cf61b61577a2f4a4.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">Bio Planète</p>
          <a href="/fr/products/huile-d-olive-douce-vierge-extra-bio-500-ml-2862">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Huile d&#39;olive douce vierge extra Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2862&quot;],&quot;content_name&quot;:&quot;Huile d&#39;olive douce vierge extra Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2862&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qDZI1FDu9O1FxXOt6ZMxeZuJYLTO-XapNSWR5KsUSH3RJHLS42cVCC4SezVikIDtHQdOTMjtJJrOIW7OdF6Gnw" />
    <input value="2862" 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">
      220 sur 4&#39;106 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/spa-vivent?format=turbo_stream&amp;page=12">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>