<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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D24">
    <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/selenium-organic-high-natural-60-g-kapseln-90-piece-2637">
          <img alt="Selenium Organic High Natural 60µg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1903/file/small-aaebc1d13d2050d6ef370e52d364f1fc.webp 600w, https://assets.fabulous.ch/public/variant_asset/1903/file/medium-a44fa666a437f41e453fd47de0beae65.webp 900w, https://assets.fabulous.ch/public/variant_asset/1903/file/large-f4aa580694e9dd90a328269ece917c66.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1903/file/medium-a44fa666a437f41e453fd47de0beae65.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/selenium-organic-high-natural-60-g-kapseln-90-piece-2637">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Selenium Organic High Natural 60µg, 90 capsules</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 0.20 / Stk.
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2637&quot;],&quot;content_name&quot;:&quot;Selenium Organic High Natural 60µg, 90 capsules&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2637&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="DG8wk-baEnMv0HTTMuODwhLI1299AGwl0ninMTeXr-_TPiGxPRd1mRAdMEwNowbflbkLnqZAAfFX5zbu-hHMlw" />
    <input value="2637" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D24">
    <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/3-g-dcf86885-e653-45f0-86b2-fc99e1dc4e30-19767">
          <img alt="Herbes sauvages frottées" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11258/file/small-ea8a2cad288654bc4f00fb5f88f5f433.webp 600w, https://assets.fabulous.ch/public/variant_asset/11258/file/medium-65ff0fc0f3dfa21eb4258bddb129f11e.webp 900w, https://assets.fabulous.ch/public/variant_asset/11258/file/large-0b475680e8de610b7f1a50bd89d3fa17.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11258/file/medium-65ff0fc0f3dfa21eb4258bddb129f11e.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">Chalira</p>
          <a href="/fr/products/3-g-dcf86885-e653-45f0-86b2-fc99e1dc4e30-19767">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Herbes sauvages frottées, 3 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19767&quot;],&quot;content_name&quot;:&quot;Herbes sauvages frottées, 3 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19767&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bOCIvjJfCayZy5jq5FgU_n0Jmv_B9ssOrJQZ1SSfxaqzsZmc6ZJuRqYG3HXbGJHj-nhGDhq2ptopC4gK6Rmm0g" />
    <input value="19767" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D24">
    <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/vitamin-tripl3-c-100mg-kapseln-90-piece-5113">
          <img alt="Vitamin Tripl3 C 100mg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11654/file/small-966c923cc07d0bf7462d8ddd1abfd272.webp 600w, https://assets.fabulous.ch/public/variant_asset/11654/file/medium-b375775ff6e36df97e2ca24f2ccb0976.webp 900w, https://assets.fabulous.ch/public/variant_asset/11654/file/large-bd713e2ee326701cbc87e7a0892e555d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11654/file/medium-b375775ff6e36df97e2ca24f2ccb0976.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/vitamin-tripl3-c-100mg-kapseln-90-piece-5113">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vitamin Tripl3 C 100mg, 90 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5113&quot;],&quot;content_name&quot;:&quot;Vitamin Tripl3 C 100mg, 90 capsules&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5113&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:28.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OdQ3iZybMxtShX741jCIA7LTl7k2cMOLeVeiMQEbVnnmhSarR1ZU8W1IOmfpcA0eNaJLSO0wrl_8yDPuzJ01AQ" />
    <input value="5113" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D24">
    <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/q10-highabsorption-coenzym-biopiperine-50mg-kapseln-90-piece-6445">
          <img alt="Q10 HighAbsorption Coenzym + BioPiperine 50mg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3695/file/small-09fd2a7b7dc886ee1d4f95d94a4b89b6.webp 600w, https://assets.fabulous.ch/public/variant_asset/3695/file/medium-6040cfafc470a94b9e6ee7ea5e66ecf4.webp 900w, https://assets.fabulous.ch/public/variant_asset/3695/file/large-1bf440fa3796e45b8728a0a93500a695.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3695/file/medium-6040cfafc470a94b9e6ee7ea5e66ecf4.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/q10-highabsorption-coenzym-biopiperine-50mg-kapseln-90-piece-6445">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Q10 HighAbsorption Coenzym + BioPiperine 50mg, 90 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6445&quot;],&quot;content_name&quot;:&quot;Q10 HighAbsorption Coenzym + BioPiperine 50mg, 90 capsules&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6445&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:25.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EDBRsVYuiH6C5IRRsR8RH5vTZLf0lcyCdFxj5_B9Oe_PYUCTjePvlL0pwM6OX5QCHKK4Ri_VoVbxw_I4Pftalw" />
    <input value="6445" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D24">
    <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-g-3f336bed-b0c6-49dd-8966-df0268d6cbfb-19911">
          <img alt="Thé forêt alpine Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11222/file/small-f5fd1c7578157a7e99c507e6a803ab7f.webp 600w, https://assets.fabulous.ch/public/variant_asset/11222/file/medium-5e105c776f8bc2977f1cc7328705df46.webp 900w, https://assets.fabulous.ch/public/variant_asset/11222/file/large-63d95dec500f8e7568cb7fe4523be59d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11222/file/medium-5e105c776f8bc2977f1cc7328705df46.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">Chalira</p>
          <a href="/fr/products/100-g-3f336bed-b0c6-49dd-8966-df0268d6cbfb-19911">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thé forêt alpine Bio, 100 g</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 24.50 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19911&quot;],&quot;content_name&quot;:&quot;Thé forêt alpine Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19911&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="GcP6NoMdH1mbMWvPW-_y_Uv8q0vsldhk5TB5hlMAOfPGkusUWNB4s6T8L1Bkr3fgzI13ujfVtbBgr-hZnoZaiw" />
    <input value="19911" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D24">
    <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="2WgykzFufPgdBp600MH9Fj1UENnrN1WF2NVjoR1QBaEGOSOx6qMbEiLL2ivvgXgLuiXMKDB3OFFdSvJ-0NZm2Q" />
    <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 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D24">
    <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/vitamin-b12-500-g-methylcobalamin-vegetalien-kapseln-90-piece-2520">
          <img alt="Vitamin B12 500µg Methylcobalamin Végétalien" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11649/file/small-943c93f525cc651590a963fa0c9d3200.webp 600w, https://assets.fabulous.ch/public/variant_asset/11649/file/medium-69abf5015fdc9215d2ff6780ac906753.webp 900w, https://assets.fabulous.ch/public/variant_asset/11649/file/large-fc3cfe377c47a7f5bc0c40ef95d9a9fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11649/file/medium-69abf5015fdc9215d2ff6780ac906753.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/vitamin-b12-500-g-methylcobalamin-vegetalien-kapseln-90-piece-2520">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vitamin B12 500µg Methylcobalamin Végétalien, 90 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2520&quot;],&quot;content_name&quot;:&quot;Vitamin B12 500µg Methylcobalamin Végétalien, 90 capsules&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2520&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:23.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ij0VZ-m_SiJkGobg_I3hUvyUfDwLeiUemYRucFZ2HMRVbARFMnItyFvXwn_DzWRPe-WgzdA6SMocG_-vm_B_vA" />
    <input value="2520" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D24">
    <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/kochbuch-vegan-mit-familie-geht-doch-1-piece-5608">
          <img alt="Kochbuch Vegan mit Familie - geht doch!" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3252/file/small-910686fe7603450a42b6d77fb4b06a2a.webp 600w, https://assets.fabulous.ch/public/variant_asset/3252/file/medium-5103e240c2412a0cd7c028d6e937a872.webp 900w, https://assets.fabulous.ch/public/variant_asset/3252/file/large-d6a9d3dbfc2b6990427d7c6cce86cfc5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3252/file/medium-5103e240c2412a0cd7c028d6e937a872.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">Buchverlag</p>
          <a href="/fr/products/kochbuch-vegan-mit-familie-geht-doch-1-piece-5608">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kochbuch Vegan mit Familie - geht doch!, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 41.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5608&quot;],&quot;content_name&quot;:&quot;Kochbuch Vegan mit Familie - geht doch!, 1 pièce&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5608&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:41.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JLPft3V6Wpry1826NPO9QWyVe4hDMYSG_TC2JBxra3_74s6Vrrc9cM0aiSULszhc6-SneZhx6VJ4ryf70e0IBw" />
    <input value="5608" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D24">
    <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-g-4775d35d-0502-4237-a12e-cf4f2a322e1b-20025">
          <img alt="Moutarde à la bière mythos Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10729/file/small-e7f8ec2c86f823356affda70e7370a5b.webp 600w, https://assets.fabulous.ch/public/variant_asset/10729/file/medium-4f5921e41b5952021aa0a00ad9085731.webp 900w, https://assets.fabulous.ch/public/variant_asset/10729/file/large-810ba94d462f88d277908df09a8220c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10729/file/medium-4f5921e41b5952021aa0a00ad9085731.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">Chalira</p>
          <a href="/fr/products/120-g-4775d35d-0502-4237-a12e-cf4f2a322e1b-20025">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Moutarde à la bière mythos Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20025&quot;],&quot;content_name&quot;:&quot;Moutarde à la bière mythos Bio, 120 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20025&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3jpPTBwM70T3ebh38tMIW3i3WMyRJpunYskgrPZkKQsBa15ux8GIrsi0_OjNk41G_8aEPUpm9nPnVrFzO-JKcw" />
    <input value="20025" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D24">
    <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/magnesium-citrat-105mg-kapseln-180-piece-6359">
          <img alt="Magnesium Citrat 105mg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11648/file/small-7de00fe7127e98fdf1b4fdbfa553874e.webp 600w, https://assets.fabulous.ch/public/variant_asset/11648/file/medium-5eabc2e1e240dbf6f4e3e381d3712d00.webp 900w, https://assets.fabulous.ch/public/variant_asset/11648/file/large-c28f4b9ef6a02378f6645425969e956d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11648/file/medium-5eabc2e1e240dbf6f4e3e381d3712d00.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/magnesium-citrat-105mg-kapseln-180-piece-6359">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Magnesium Citrat 105mg, 180 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6359&quot;],&quot;content_name&quot;:&quot;Magnesium Citrat 105mg, 180 capsules&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6359&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:35.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vc-TEO9wq-MKGAXHdslTTlpBoDmPtlDNcMhEFHFkLypinoIyNL3MCTXVQVhJidZT3TB8yFT2PRn1V9XLvOJMUg" />
    <input value="6359" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D24">
    <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-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Astuce
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/deodorant-creme-mojito-no-bullsh-t-sansplastique-50-ml-6997">
          <img alt="Déodorant Crème Mojito No Bullsh!t #sansplastique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4047/file/small-806669f5b8b6b2c911b5c61707cfa6cc.webp 600w, https://assets.fabulous.ch/public/variant_asset/4047/file/medium-109052557fc71956beb95ba11a5945b6.webp 900w, https://assets.fabulous.ch/public/variant_asset/4047/file/large-814b45c3d7bc93a9835c4ba9dfe0197a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4047/file/medium-109052557fc71956beb95ba11a5945b6.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">No Bullsh!t</p>
          <a href="/fr/products/deodorant-creme-mojito-no-bullsh-t-sansplastique-50-ml-6997">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Déodorant Crème Mojito No Bullsh!t #sansplastique, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6997&quot;],&quot;content_name&quot;:&quot;Déodorant Crème Mojito No Bullsh!t #sansplastique, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6997&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:27.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ko_SnYa2x4mnKpVh1tJ6qh2zs9kXoeIhnySl3kUJikBN3sO_XXugY5jn0f7pkv-3msJvKMzhj_UauzQBiI_pOA" />
    <input value="6997" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D24">
    <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/deodorant-creme-nude-no-bullsh-t-sansplastique-50-ml-6815">
          <img alt="Déodorant Crème Nude No Bullsh!t #sansplastique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3933/file/small-8f7a7241ef2195d03c83110b8cf65803.webp 600w, https://assets.fabulous.ch/public/variant_asset/3933/file/medium-3ca719ef5a8230e1ccf620a0c9812ef6.webp 900w, https://assets.fabulous.ch/public/variant_asset/3933/file/large-e772d339b327b4eb1a801c07be4a2b3a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3933/file/medium-3ca719ef5a8230e1ccf620a0c9812ef6.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">No Bullsh!t</p>
          <a href="/fr/products/deodorant-creme-nude-no-bullsh-t-sansplastique-50-ml-6815">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Déodorant Crème Nude No Bullsh!t #sansplastique, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6815&quot;],&quot;content_name&quot;:&quot;Déodorant Crème Nude No Bullsh!t #sansplastique, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6815&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:27.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YVor_IqeXolVfT5_IGEkaNF-e-AtDz75GV9KFuzAoeO-CzreUVM5Y2qweuAfIaF1Vg-nEfZPUy2cwNvJIUbCmw" />
    <input value="6815" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D24">
    <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/deodorant-creme-modest-no-bullsh-t-sansplastique-50-ml-6814">
          <img alt="Déodorant Crème Modest No Bullsh!t #sansplastique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3932/file/small-08f53c773cd74c33e6a15ffc64a36831.webp 600w, https://assets.fabulous.ch/public/variant_asset/3932/file/medium-ce921c2fc4698c326e2c160f3c83cc2d.webp 900w, https://assets.fabulous.ch/public/variant_asset/3932/file/large-e27055bdec37bd188cf60b1462c9b053.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3932/file/medium-ce921c2fc4698c326e2c160f3c83cc2d.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">No Bullsh!t</p>
          <a href="/fr/products/deodorant-creme-modest-no-bullsh-t-sansplastique-50-ml-6814">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Déodorant Crème Modest No Bullsh!t #sansplastique, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6814&quot;],&quot;content_name&quot;:&quot;Déodorant Crème Modest No Bullsh!t #sansplastique, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6814&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:27.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oOZI2BTWh4TrkCFbT5Q2ly5vxPiUnXJeQIMfyt5MTb1_t1n6zxvgbtRdZcRw1LOKqR4YCU_dH4rFHI4VE8ouxQ" />
    <input value="6814" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D24">
    <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/deodorant-creme-royal-no-bullsh-t-sansplastique-50-ml-6813">
          <img alt="Déodorant Crème Royal No Bullsh!t #sansplastique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3931/file/small-7f052faa6c21c831de005cc0af641b3d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3931/file/medium-5f230c13f4fa02a5315a8b43c17edbfc.webp 900w, https://assets.fabulous.ch/public/variant_asset/3931/file/large-aaa3f74c44af1f4e978e5ef11435df5d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3931/file/medium-5f230c13f4fa02a5315a8b43c17edbfc.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">No Bullsh!t</p>
          <a href="/fr/products/deodorant-creme-royal-no-bullsh-t-sansplastique-50-ml-6813">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Déodorant Crème Royal No Bullsh!t #sansplastique, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6813&quot;],&quot;content_name&quot;:&quot;Déodorant Crème Royal No Bullsh!t #sansplastique, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6813&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:27.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0SBfu6lGvxzO6rx0RntrVNPge6D6Es7-HgyanZuQGwcOcU6ZcovY9vEn-Ot5O-5JVJGnUSFSoyqbkwtCVhZ4fw" />
    <input value="6813" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D24">
    <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/tartinade-de-lentilles-rouges-aux-herbes-italiennes-bio-140-g-15534">
          <img alt="Tartinade de Lentilles Rouges aux Herbes Italiennes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7092/file/small-9e28793b3ac109c094aa775242a8c42d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7092/file/medium-a403584083ed6dd14de59564170150d6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7092/file/large-5f07a86081f23a64c6bab571df81c51d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7092/file/medium-a403584083ed6dd14de59564170150d6.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">Allos</p>
          <a href="/fr/products/tartinade-de-lentilles-rouges-aux-herbes-italiennes-bio-140-g-15534">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tartinade de Lentilles Rouges aux Herbes Italiennes Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15534&quot;],&quot;content_name&quot;:&quot;Tartinade de Lentilles Rouges aux Herbes Italiennes Bio, 140 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15534&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9z196RaU7U7FFpe6suu8MEk_gAAEhD1z6ufRyPm7CnEobGzLzVmKpPrb0yWNqzktzk5c8d_EUKdveEAXND1pCQ" />
    <input value="15534" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D24">
    <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/boisson-d-amande-sans-sucres-ajoutes-bio-1-l-10204">
          <img alt="Boisson d’amande Sans sucres ajoutés Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5510/file/small-e30656d437be5b252d95ad78ed2e02e3.webp 600w, https://assets.fabulous.ch/public/variant_asset/5510/file/medium-92ff15536d22087eaf0e8213aa3dc5c4.webp 900w, https://assets.fabulous.ch/public/variant_asset/5510/file/large-79cf1677d297541f762baa7c0419fbbc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5510/file/medium-92ff15536d22087eaf0e8213aa3dc5c4.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">Ecomil</p>
          <a href="/fr/products/boisson-d-amande-sans-sucres-ajoutes-bio-1-l-10204">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Boisson d’amande Sans sucres ajoutés Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;10204&quot;],&quot;content_name&quot;:&quot;Boisson d’amande Sans sucres ajoutés Bio, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;10204&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jolmwwWQjPXRZxp18rbqtQt8_SVJw2OC5iFPMLezi6tR2Hfh3l3rH-6qXurN9m-ojA0h1JKDDlZjvt7vejXo0w" />
    <input value="10204" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D24">
    <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/vivani-chocolat-noir-nougat-gianduja-bio-80-g-418">
          <img alt="Vivani Chocolat Noir Nougat Gianduja Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/376/file/small-e0e7ddae471e9304a882b027be2a3816.webp 600w, https://assets.fabulous.ch/public/variant_asset/376/file/medium-19bfa13bf51f407f31f9e104ab591aa0.webp 900w, https://assets.fabulous.ch/public/variant_asset/376/file/large-88d729e277f9b72e593dcc0c955b11be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/376/file/medium-19bfa13bf51f407f31f9e104ab591aa0.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">Vivani / Ichoc</p>
          <a href="/fr/products/vivani-chocolat-noir-nougat-gianduja-bio-80-g-418">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vivani Chocolat Noir Nougat Gianduja Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;418&quot;],&quot;content_name&quot;:&quot;Vivani Chocolat Noir Nougat Gianduja Bio, 80 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;418&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kqaH_gCIwd2DEKn4m1Pf2AeGSHyadCHfefELOLu3xR1N95bc20WmN7zd7WekE1rFgPeUjUE0TAv8bprndjGmZQ" />
    <input value="418" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D24">
    <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/farine-farine-de-pois-chiche-sans-gluten-bio-500-g-404">
          <img alt="Farine farine de pois chiche sans gluten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/360/file/small-2be24f5ad1b93336b14dfa74602f1bc1.webp 600w, https://assets.fabulous.ch/public/variant_asset/360/file/medium-039996db40cc9a125870549693a63ccf.webp 900w, https://assets.fabulous.ch/public/variant_asset/360/file/large-9a8634854236a5e2ae357dbcb2acd9b7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/360/file/medium-039996db40cc9a125870549693a63ccf.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">Bauckhof</p>
          <a href="/fr/products/farine-farine-de-pois-chiche-sans-gluten-bio-500-g-404">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Farine farine de pois chiche sans gluten Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;404&quot;],&quot;content_name&quot;:&quot;Farine farine de pois chiche sans gluten Bio, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;404&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f9dPu2Yysv_FaQ11qV8kxBXmuvEFdcntJSKU19RrY-6ghl6Zvf_VFfqkSeqWH6HZkpdmAN41pDmgvQUIGe0Alg" />
    <input value="404" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D24">
    <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/spaghetti-de-patate-douce-bio-250-g-16827">
          <img alt="Spaghetti de Patate Douce Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7834/file/small-24c7b36ea5cb5e4012fd24d717682106.webp 600w, https://assets.fabulous.ch/public/variant_asset/7834/file/medium-d9e6cf0854b0f30f7b1011e194ab2ffe.webp 900w, https://assets.fabulous.ch/public/variant_asset/7834/file/large-70ed53b9a465f038b135f7424731ef52.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7834/file/medium-d9e6cf0854b0f30f7b1011e194ab2ffe.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">Just Taste</p>
          <a href="/fr/products/spaghetti-de-patate-douce-bio-250-g-16827">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spaghetti de Patate Douce Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16827&quot;],&quot;content_name&quot;:&quot;Spaghetti de Patate Douce Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16827&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="CAiiXOcdazLmHlZidVOIN-H4NLdhh-GzndACkQql9AHXWbN-PNAM2NnTEv1KEw0qZonoRrrHjGcYT5NOxyOXeQ" />
    <input value="16827" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D24">
    <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/power-granola-noix-graines-sans-gluten-bio-350-g-15909">
          <img alt="POWER Granola noix &amp; graines sans gluten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7315/file/small-2e6a63fe414882f97789c0c9d8647658.webp 600w, https://assets.fabulous.ch/public/variant_asset/7315/file/medium-d73ad564700cff1f5f098865f904873b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7315/file/large-4a03902838f177f28eb6f42eeed867f3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7315/file/medium-d73ad564700cff1f5f098865f904873b.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">turtle Better Breakfast</p>
          <a href="/fr/products/power-granola-noix-graines-sans-gluten-bio-350-g-15909">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">POWER Granola noix &amp; graines sans gluten Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15909&quot;],&quot;content_name&quot;:&quot;POWER Granola noix \u0026 graines sans gluten Bio, 350 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15909&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sdP3xrGm4OK9bW70K32A-vBHLXrMmInVonEDv2R2_axugubkamuHCIKgKmsUPQXndzbxixfY5AEn7pJgqfCe1A" />
    <input value="15909" 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">
      480 sur 3&#39;630 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/natura?format=turbo_stream&amp;page=25">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>