<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%3D89">
    <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/exfoliant-de-cafe-menthe-the-hungover-220-g-3870">
          <img alt="Exfoliant de Café Menthe &quot;The Hungover&quot;" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2493/file/small-04bb24f85e4e7b2ddb4073abff1d77b7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2493/file/medium-e49b88e2b37f46f2625108d0b6834e35.webp 900w, https://assets.fabulous.ch/public/variant_asset/2493/file/large-4e4013906cddf43953db1cd23bd55159.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2493/file/medium-e49b88e2b37f46f2625108d0b6834e35.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">Optiat</p>
          <a href="/fr/products/exfoliant-de-cafe-menthe-the-hungover-220-g-3870">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Exfoliant de Café Menthe &quot;The Hungover&quot;, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UvKQNoxy-1Rf-oOB3heN163XvLmYblvqk6ZPmL2Bu8Meovb-MDDewQj_SdnazvKvsALbuWd5aVWeDLuSpT9bow" />
    <input value="3870" 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%3D89">
    <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-de-soja-sans-gluten-bio-250-g-3949">
          <img alt="Farine de Soja, 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/2506/file/small-183656ae0bfc884612ffa8da8b73b014.webp 600w, https://assets.fabulous.ch/public/variant_asset/2506/file/medium-a4ff609ec4bb648799421f876e0119b4.webp 900w, https://assets.fabulous.ch/public/variant_asset/2506/file/large-ce8543f93e16c0a342454bdb8b719ff1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2506/file/medium-a4ff609ec4bb648799421f876e0119b4.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-de-soja-sans-gluten-bio-250-g-3949">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Farine de Soja, sans gluten Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1_QCJmfD4xv98cjPzGlaNZ5EqbVYY0Bmrt8efu3ASTubpGTu24HGjqr0ApfIsCVNg5HOtad0ctmjdep09X6pWw" />
    <input value="3949" 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%3D89">
    <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/feuilles-de-riz-pour-rouleaux-de-printemps-bio-150-g-3957">
          <img alt="Feuilles de riz pour rouleaux de printemps Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2508/file/small-96ce3f3e1179a9353c077b7cee16c1f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/2508/file/medium-71e1e50eb37b8097dc9a25c5a5b2b9a6.webp 900w, https://assets.fabulous.ch/public/variant_asset/2508/file/large-f72774e4f1391c5ed9dc461e270bf056.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2508/file/medium-71e1e50eb37b8097dc9a25c5a5b2b9a6.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">Arche</p>
          <a href="/fr/products/feuilles-de-riz-pour-rouleaux-de-printemps-bio-150-g-3957">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Feuilles de riz pour rouleaux de printemps Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YU9BzOnCvuoRxVltefxIAe1HpffejZy09xQ7pBaJK5ItHycEVYCbf0bAkzV9JTd58JLC9yGargv6vs-uDjfL8g" />
    <input value="3957" 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%3D89">
    <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/pate-de-raifort-facon-wasabi-bio-50-g-3959">
          <img alt="Pâte de raifort façon wasabi Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2510/file/small-4deec3e033dba0ce93f62f0806f3d2d7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2510/file/medium-a023926bc157c260110bf25956d49d1b.webp 900w, https://assets.fabulous.ch/public/variant_asset/2510/file/large-1bd6a9511d1545beaa7f732531c61cbe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2510/file/medium-a023926bc157c260110bf25956d49d1b.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">Arche</p>
          <a href="/fr/products/pate-de-raifort-facon-wasabi-bio-50-g-3959">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pâte de raifort façon wasabi Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nDeUlGHfLbIpS8RLBj4eZuP1sMhEMmTEl-HZqciY_0rQZ_Jc3Z0IJ35ODhMC52Ee_iDXyLslVnuaSy2j0CYfKg" />
    <input value="3959" 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%3D89">
    <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/sushi-natte-en-bambou-1-pcs-1-piece-3960">
          <img alt="Sushi Natte en bambou" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2511/file/small-717683b94ddea82bddaf0e72bf96e5a8.webp 600w, https://assets.fabulous.ch/public/variant_asset/2511/file/medium-e7578e8d4afd4d0d673da32ebfcb2034.webp 900w, https://assets.fabulous.ch/public/variant_asset/2511/file/large-c4cff054e8986e45817dd57d378fe696.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2511/file/medium-e7578e8d4afd4d0d673da32ebfcb2034.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">Arche</p>
          <a href="/fr/products/sushi-natte-en-bambou-1-pcs-1-piece-3960">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sushi Natte en bambou, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ipEWDhTBuFKAtqwLu1JeE6OZWEBLwnlnq1q1qdj9KdHGwXDGqIOdx9ezZlO_iyFrvkw_QLTVS9im8EGjwEPJsQ" />
    <input value="3960" 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%3D89">
    <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/desinfectant-pour-mains-300-ml-3978">
          <img alt="Désinfectant pour mains" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2519/file/small-86ba64201a3acbd05e88d9cda00e92cf.webp 600w, https://assets.fabulous.ch/public/variant_asset/2519/file/medium-2b8cad8d8040d95871fbf98658f084f6.webp 900w, https://assets.fabulous.ch/public/variant_asset/2519/file/large-346a5f4def74d6c1a1723b0d831793b0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2519/file/medium-2b8cad8d8040d95871fbf98658f084f6.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">Sonett</p>
          <a href="/fr/products/desinfectant-pour-mains-300-ml-3978">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Désinfectant pour mains, 300 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gjHRcpdFqGAn45q-2GTErFgUz6w6X-_wa6C-x2V8VRPOYbe6KweN9XDmUObcvbvURcGorMVI3U9mCkrNfcK1cw" />
    <input value="3978" 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%3D89">
    <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/desinfectant-pour-surfaces-spray-100-ml-3981">
          <img alt="Désinfectant pour surfaces Spray" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2521/file/small-24066c8f809f0df4671e4649cf41f9d2.webp 600w, https://assets.fabulous.ch/public/variant_asset/2521/file/medium-c21b52a08b6754826909f36036aa7602.webp 900w, https://assets.fabulous.ch/public/variant_asset/2521/file/large-3d0b026839b7e3ba5bb4c3566ce6e49c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2521/file/medium-c21b52a08b6754826909f36036aa7602.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">Sonett</p>
          <a href="/fr/products/desinfectant-pour-surfaces-spray-100-ml-3981">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Désinfectant pour surfaces Spray, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HnYiMRqQZeXdI0qaN89rGSTPA620KnVtzAEV3GbJMEhSJkT5ptJAcIomgMIzFhRhORpkrUs9R9LBq-HWfnfQKA" />
    <input value="3981" 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%3D89">
    <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/puree-de-pommes-sans-sucres-ajoutes-bio-700-g-3996">
          <img alt="Purée de pommes 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/2531/file/small-4db18fcce3cd3a1c752d7bcdc4a831d8.webp 600w, https://assets.fabulous.ch/public/variant_asset/2531/file/medium-70170eb2cd6169e023d19dfb03b00b0f.webp 900w, https://assets.fabulous.ch/public/variant_asset/2531/file/large-605d774e620d3838758d3852e8f7ee9e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2531/file/medium-70170eb2cd6169e023d19dfb03b00b0f.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">Priméal</p>
          <a href="/fr/products/puree-de-pommes-sans-sucres-ajoutes-bio-700-g-3996">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Purée de pommes Sans sucres ajoutés Bio, 700 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.35
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LZLArdxg09WUT2QusvwEN3DoB6UPdz7pj5AD3sPQ4HZhwqZlYCL2QMNKrna2JXtPbT1gpfBgDFaCOvfU224AFg" />
    <input value="3996" 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%3D89">
    <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/tomates-sechees-au-soleil-bio-100-g-4010">
          <img alt="Tomates Séchées au soleil Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2544/file/small-1dffa6ba9939bc5ce15496d97fb6546e.webp 600w, https://assets.fabulous.ch/public/variant_asset/2544/file/medium-3d0378f0f03a25fae9dd36d25a7e59bb.webp 900w, https://assets.fabulous.ch/public/variant_asset/2544/file/large-30e22caf590de824df05c5e176243fe8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2544/file/medium-3d0378f0f03a25fae9dd36d25a7e59bb.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">Terrasana</p>
          <a href="/fr/products/tomates-sechees-au-soleil-bio-100-g-4010">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tomates Séchées au soleil Bio, 100 g</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 4.90 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pYu0rWAi141J-iqafmcyXspPFzRZAXUJaptNNQ70IeLp29Jl3GDyGB7_4MJ6vk0m15pwNKYWR7ZnMbk_FkrBgg" />
    <input value="4010" 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%3D89">
    <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/birkengold-xylit-sachet-bio-500-g-4024">
          <img alt="Birkengold Xylit Sachet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2552/file/small-c5fc9880b7e8c624da083b94e5af2063.webp 600w, https://assets.fabulous.ch/public/variant_asset/2552/file/medium-b3d8e431cfd902c4be20a0d9d47770f1.webp 900w, https://assets.fabulous.ch/public/variant_asset/2552/file/large-c87e0d74e400641106c02d6ed64d8870.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2552/file/medium-b3d8e431cfd902c4be20a0d9d47770f1.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">Birkengold</p>
          <a href="/fr/products/birkengold-xylit-sachet-bio-500-g-4024">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Birkengold Xylit Sachet Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yMA1n3D7ZYHksWBKTD7cQWXF_F0Wczm_pxzPa_sRc0CEkFNXzLlAFLO0qhJI56M5eBCbXelkCwCqtjth46-TIA" />
    <input value="4024" 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%3D89">
    <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/spirulina-poudre-bio-150-g-4025">
          <img alt="Spirulina Poudre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2554/file/small-95fb04e979eabbc96e00867fd8d2d9a7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2554/file/medium-f1de807d238ae206fc65da669660cc02.webp 900w, https://assets.fabulous.ch/public/variant_asset/2554/file/large-0b16f8ddea941d611420ec9b5bcefed1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2554/file/medium-f1de807d238ae206fc65da669660cc02.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">Raab</p>
          <a href="/fr/products/spirulina-poudre-bio-150-g-4025">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spirulina Poudre Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ShUKr_EjPs1qtL7KtIbLAHnHmL0GlIzpRGD9La6HXA8GRWxnTWEbWD2xdJKwX7R4ZBL_vfmDvlZJygkntjm8bw" />
    <input value="4025" 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%3D89">
    <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/chlorella-poudre-bio-150-g-4026">
          <img alt="Chlorella Poudre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2553/file/small-f2cced053837aff26fb6a42440d75563.webp 600w, https://assets.fabulous.ch/public/variant_asset/2553/file/medium-e3a018961903288d8885071d77107740.webp 900w, https://assets.fabulous.ch/public/variant_asset/2553/file/large-c81b91f9a9963d628fc81f4ebde2911b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2553/file/medium-e3a018961903288d8885071d77107740.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">Raab</p>
          <a href="/fr/products/chlorella-poudre-bio-150-g-4026">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chlorella Poudre Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kUu1EK3EHnqkrVVNbldU5VUjPc9vjj7-KdLUSCspaKvdG9PYEYY77_OonxVqjiudSPZaz5CZDEEkeCBCM5eIyw" />
    <input value="4026" 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%3D89">
    <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/pate-thai-curry-en-tube-bio-50-g-4068">
          <img alt="Pâte Thai Curry en tube Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2577/file/small-a8572c9887ba19a68df5d2301c603083.webp 600w, https://assets.fabulous.ch/public/variant_asset/2577/file/medium-c128aca547b803fc776d2833b9dad960.webp 900w, https://assets.fabulous.ch/public/variant_asset/2577/file/large-e8c619694642b053bf54d69376c13a09.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2577/file/medium-c128aca547b803fc776d2833b9dad960.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">Arche</p>
          <a href="/fr/products/pate-thai-curry-en-tube-bio-50-g-4068">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pâte Thai Curry en tube Bio, 50 g</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 9.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DbTq7SPEReq1G6kR6DQjv0q-GvrtJMXGzc7VqbafX8hB5Iwln4Zgf-IeY0ns7VzHV2t9-hIz93nAZCGjriG_qA" />
    <input value="4068" 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%3D89">
    <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-schnelle-vegane-kuche-daniela-friedl-1-piece-2da83721-0f60-474c-8206-6fe98f8368f0-4069">
          <img alt="Kochbuch Schnelle vegane Küche Daniela Friedl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2579/file/small-513a7deadc5697460ffc2b6a9fc570cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/2579/file/medium-3abfe5fd1c062fd48846d848c9c7d1cf.webp 900w, https://assets.fabulous.ch/public/variant_asset/2579/file/large-3e22ad420f7d015c34e7297a8a4437e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2579/file/medium-3abfe5fd1c062fd48846d848c9c7d1cf.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">Reedaround</p>
          <a href="/fr/products/kochbuch-schnelle-vegane-kuche-daniela-friedl-1-piece-2da83721-0f60-474c-8206-6fe98f8368f0-4069">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kochbuch Schnelle vegane Küche Daniela Friedl, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OpbQdFT7EaNOQxlrMiwttCQ-HuNugXUHpsvLDfSgYb52xra86Lk0NhlG0zM29VLMOet545GWR7irYT8H7B6B3g" />
    <input value="4069" 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%3D89">
    <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/fair-squared-preservatifs-ultra-fins-10-pieces-10-piece-4080">
          <img alt="Fair Squared Préservatifs Ultra Fins 10 Pièces" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2584/file/small-b720fef980d61de7a78089b60b2936a5.webp 600w, https://assets.fabulous.ch/public/variant_asset/2584/file/medium-523cd0e9534600f1b75789406960d8ef.webp 900w, https://assets.fabulous.ch/public/variant_asset/2584/file/large-7c116c9b27be03d37e12006566d22e52.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2584/file/medium-523cd0e9534600f1b75789406960d8ef.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">Fair Squared</p>
          <a href="/fr/products/fair-squared-preservatifs-ultra-fins-10-pieces-10-piece-4080">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fair Squared Préservatifs Ultra Fins 10 Pièces, 10 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="08G0ScnPW4K39x6Dk2WzID0u58bxAwF5HVuMd_H6DdefkdKBdY1-F-Dy1NuXvMxYIPuAxg4UM8YQ8Xh96UTttw" />
    <input value="4080" 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%3D89">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/fair-squared-preservatifs-xl-8-pieces-8-piece-4081">
          <img alt="Fair Squared Préservatifs XL 8 Pièces" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2583/file/small-e1b61d31356ad3801fe1c2b6756feefb.webp 600w, https://assets.fabulous.ch/public/variant_asset/2583/file/medium-305f0cd86ad318081175332ff9a70715.webp 900w, https://assets.fabulous.ch/public/variant_asset/2583/file/large-77ecde167e3e061c3b766dbbe7d5b2ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2583/file/medium-305f0cd86ad318081175332ff9a70715.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">Fair Squared</p>
          <a href="/fr/products/fair-squared-preservatifs-xl-8-pieces-8-piece-4081">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fair Squared Préservatifs XL 8 Pièces, 8 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.00
            </p>

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

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

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

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


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fnatura%3Fformat%3Dturbo_stream%26page%3D89">
    <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/eschenfelder-set-de-2-germoirs-en-verre-1-litre-1-l-4086">
          <img alt="Eschenfelder Set de 2 Germoirs en Verre 1 litre" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2588/file/small-bdb60c2aaa95f1ad0b88e5961d6b3f39.webp 600w, https://assets.fabulous.ch/public/variant_asset/2588/file/medium-8057f133cdbd52b5edcfa68b93cac173.webp 900w, https://assets.fabulous.ch/public/variant_asset/2588/file/large-6e4b42c9cd714249ca1e672dcb33c788.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2588/file/medium-8057f133cdbd52b5edcfa68b93cac173.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">Eschenfelder</p>
          <a href="/fr/products/eschenfelder-set-de-2-germoirs-en-verre-1-litre-1-l-4086">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Eschenfelder Set de 2 Germoirs en Verre 1 litre, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 63.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TnkQ8QfpSYH1ilEiic6zvEZ_wYErH0NP6W7R-z6obyoCKXY5u6tsFKKPm3qNF8zEW6qmgdQIcfDkxCXxJhaPSg" />
    <input value="4086" 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%3D89">
    <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/eschenfelder-set-de-3-germoirs-en-verre-1-litre-1-l-4087">
          <img alt="Eschenfelder Set de 3 Germoirs en Verre 1 Litre" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2590/file/small-78cf3efd8f0f599f1313be8ce45181ce.webp 600w, https://assets.fabulous.ch/public/variant_asset/2590/file/medium-ab472743241fca1ac67980d4d9fde5b7.webp 900w, https://assets.fabulous.ch/public/variant_asset/2590/file/large-9dfa6494e26007c3a223319f5a81219f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2590/file/medium-ab472743241fca1ac67980d4d9fde5b7.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">Eschenfelder</p>
          <a href="/fr/products/eschenfelder-set-de-3-germoirs-en-verre-1-litre-1-l-4087">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Eschenfelder Set de 3 Germoirs en Verre 1 Litre, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 79.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="i6jVYtkyBc6EtM9b-6IAJZQFy5Ct-EU3gfzr-PR7OEXH-LOqZXAgW9OxBQP_e39didCskFLvd4iMVh_y7MXYJQ" />
    <input value="4087" 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%3D89">
    <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/adoucisseur-boite-500-g-4145">
          <img alt="Adoucisseur Boîte" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2617/file/small-56f3dec8bf1361934555f160c2cbb1f7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2617/file/medium-9650b32e9f6260964111e3c276957abc.webp 900w, https://assets.fabulous.ch/public/variant_asset/2617/file/large-5969a21b48d89fb39a5b3b5a531d04ff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2617/file/medium-9650b32e9f6260964111e3c276957abc.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">Sonett</p>
          <a href="/fr/products/adoucisseur-boite-500-g-4145">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Adoucisseur Boîte, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.75
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kWXgqqke6qbLpBb-mFp9dKBUsjUFyzh9UfvaQ7W8opTdNYZiFVzPM5yh3KacgwIMvYHVNfrcCsJcUS5JrQJC9A" />
    <input value="4145" 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%3D89">
    <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/adoucisseur-carton-5-kg-4146">
          <img alt="Adoucisseur Carton" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2619/file/small-f5fe4eea3e69c3cc08dec06c74a6807d.webp 600w, https://assets.fabulous.ch/public/variant_asset/2619/file/medium-451a076c09bdeb9461d9d1ea6932ac11.webp 900w, https://assets.fabulous.ch/public/variant_asset/2619/file/large-645f7dc662e1eb0728279866a9028a2b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2619/file/medium-451a076c09bdeb9461d9d1ea6932ac11.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">Sonett</p>
          <a href="/fr/products/adoucisseur-carton-5-kg-4146">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Adoucisseur Carton, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IbqvaSl8HuldsGxBVovsYU1hhyIT1Bs7li_00RoYyKdt6smhlT47fAq1phlSUpMZULTgIuzDKYSbhQDbAqYoxw" />
    <input value="4146" 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">
      1&#39;780 sur 3&#39;305 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/natura?format=turbo_stream&amp;page=90">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>