<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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D46">
    <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/ashwagandha-churna-pulver-bio-100-g-18446">
          <img alt="Ashwagandha Churna Pulver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10413/file/small-aab293804657460a3763c0d5a67fe028.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10413/file/medium-f108a7f977369afca6b9bd8083d5fbb5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10413/file/large-3a0401d6d64243e1d47ebf9e7068691c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10413/file/medium-f108a7f977369afca6b9bd8083d5fbb5.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">ClassicAyurveda</p>
          <a href="/fr/products/ashwagandha-churna-pulver-bio-100-g-18446">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ashwagandha Churna Pulver Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JwnSuDmNfyFvRMDG8fzIKbve3xfgqMJWVSX0JYkacr0n-hfkMtzlyj2YHd-xgtwjcWYAjxFNRP7roZyKWkcn-w" />
    <input value="18446" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D46">
    <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/gewurzmischung-asafoetida-mit-bockshornklee-dose-70-g-18447">
          <img alt="Gewürzmischung Asafoetida mit Bockshornklee Dose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10322/file/small-3f71da1d59e6037e64d968211f0813d3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10322/file/medium-f6e07bd85955e6a24d02829429505377.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10322/file/large-6f9d21612d31c690f3a1d80ac1507f52.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10322/file/medium-f6e07bd85955e6a24d02829429505377.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">ClassicAyurveda</p>
          <a href="/fr/products/gewurzmischung-asafoetida-mit-bockshornklee-dose-70-g-18447">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gewürzmischung Asafoetida mit Bockshornklee Dose, 70 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 35.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="InpcUKVWHTEvFBExsKUFzljGQhBSxSQ_cEJzIPFMaI4iiZkMrgeH2n3IzCjw2xHEkn6diKMgopfOxhuPIhE9yA" />
    <input value="18447" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D46">
    <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/kala-namak-gemahlen-dose-70-g-18448">
          <img alt="Kala Namak gemahlen Dose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10323/file/small-41f27cae265e0da9c74180163f32e7c2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10323/file/medium-00ea0c09474f8d9b1b7741b6f726687d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10323/file/large-8a1ac9ab9b663736f12aa1557895d328.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10323/file/medium-00ea0c09474f8d9b1b7741b6f726687d.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">ClassicAyurveda</p>
          <a href="/fr/products/kala-namak-gemahlen-dose-70-g-18448">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kala Namak gemahlen Dose, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MBXgpMHuHEA9W0cZDeIRlfvSnKq8-3ifhKof-w5te5Iw5iX4yr-Gq2-HmgBNnAWfMWpDMk0e_jc6LndU3TAu1A" />
    <input value="18448" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D46">
    <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/rosenwasser-bio-250-ml-18449">
          <img alt="Rosenwasser Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10414/file/small-4dc2d70907e4cd22e1c0ec1b0793724d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10414/file/medium-56468a27f91097704815e2b8645b0f5d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10414/file/large-a3e9fb9936eb381db389c618c2b674f3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10414/file/medium-56468a27f91097704815e2b8645b0f5d.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">ClassicAyurveda</p>
          <a href="/fr/products/rosenwasser-bio-250-ml-18449">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosenwasser Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CpFMck94JdhdzInMYxob5IUYMvuWLnmgiYk3EVBgu80KYokuRCm_Mw8QVNUjZA_uT6DtY2fL_wg3DV--gz3uiw" />
    <input value="18449" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D46">
    <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/miso-suppe-sea-vegetable-rot-bio-40-g-18450">
          <img alt="Miso Suppe Sea Vegetable rot Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11348/file/small-6bc0a03ad122a8638e3f9e1aa6d16aa4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11348/file/medium-84f7b9fb0d5f56688160bbd0f281c277.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11348/file/large-615a74ec85572f840f394a3b52973aae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11348/file/medium-84f7b9fb0d5f56688160bbd0f281c277.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">ClearSpring</p>
          <a href="/fr/products/miso-suppe-sea-vegetable-rot-bio-40-g-18450">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Miso Suppe Sea Vegetable rot Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Pk6KixwZ931pVdt8K1gPCX8bOzlSZ-Kyvq6iEXYlC9s-vU_XF0htljuJBmVrJhsDtaPkoaOCZBoAKsq-pXhenQ" />
    <input value="18450" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D46">
    <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/miso-suppe-tofu-weiss-bio-40-g-18451">
          <img alt="Miso Suppe Tofu weiss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11349/file/small-1eb7b4ac23d32f8673a0e133ce187744.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11349/file/medium-f53c9756d35fa46e46fc888a41321ad8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11349/file/large-cd9a07ef804998599249a60efb0728a9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11349/file/medium-f53c9756d35fa46e46fc888a41321ad8.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">ClearSpring</p>
          <a href="/fr/products/miso-suppe-tofu-weiss-bio-40-g-18451">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Miso Suppe Tofu weiss Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_PADVnFkzxgpOMURl_WzWp5wU0MZRPCZFCHlZ01gy-f8A8YKejVV83vkGAjXi6dQVMiM2-ihdjGqpY3Inj2eoQ" />
    <input value="18451" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D46">
    <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/miso-sweet-white-bio-250-g-18452">
          <img alt="Miso Sweet White Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11350/file/small-5df766c276b1abbd307635bca83264f9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11350/file/medium-2f0fdbe2ab2fe2ce217dde269f2a1629.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11350/file/large-59485ad57f1aee3def1f98d2cb173b12.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11350/file/medium-2f0fdbe2ab2fe2ce217dde269f2a1629.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">ClearSpring</p>
          <a href="/fr/products/miso-sweet-white-bio-250-g-18452">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Miso Sweet White Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aacpOtrb8ggTU0sQNbpp1EkNY-nndnn7x-DX-rTdISJpVOxm0Ypo40GPlgl1xH3eg7W8cRaT_1N5ZL9VZ4B0ZA" />
    <input value="18452" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D46">
    <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/joint-active-kollagen-pulver-480-g-18453">
          <img alt="Joint&#39;Active Kollagen Pulver" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9192/file/small-3ec609adbf4a2321bd833e2ded452b54.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9192/file/medium-32245d1e490d13fd20e887cdde04b3be.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9192/file/large-51a6b534ff97b55d38cf03c9c68e76bd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9192/file/medium-32245d1e490d13fd20e887cdde04b3be.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">Collamin</p>
          <a href="/fr/products/joint-active-kollagen-pulver-480-g-18453">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joint&#39;Active Kollagen Pulver, 480 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 106.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="svDWHIhqIOu2SW7sgt2saFhzeCyhWLBbfUYqP_pI0WqyAxNAgzu6AOSVs_XCo7hiksuntFC9NvPDwkKQKRWELA" />
    <input value="18453" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D46">
    <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/natur-active-kollagen-pulver-450-g-18454">
          <img alt="Natur&#39;Active Kollagen Pulver" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9193/file/small-3bfe975d2ca2b112a9f26b8fe5b2e1fc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9193/file/medium-7395debf10f22aa1189f73263a254b65.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9193/file/large-9d472977df62dbf6c1aac91877e380a1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9193/file/medium-7395debf10f22aa1189f73263a254b65.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">Collamin</p>
          <a href="/fr/products/natur-active-kollagen-pulver-450-g-18454">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Natur&#39;Active Kollagen Pulver, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="s3JcHwQ8YC4EcmaxYz6kR1SjhoEuibcC0wYLzTqIb8mzgZlDD236xVauu6gjQLBNnhtZGd9sMaptgmNi6dU6jw" />
    <input value="18454" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D46">
    <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/kartoffel-lauch-fixe-tasse-bio-3-x-20-g-18455">
          <img alt="Kartoffel-Lauch Fixe Tasse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9194/file/small-cee61aacea4cb6cb338a6b9a71646ee8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9194/file/medium-c1f6d6ad51d8a93f141bad839993f82e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9194/file/large-d739011cfd589937e71d345f5a534409.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9194/file/medium-c1f6d6ad51d8a93f141bad839993f82e.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">Compagnie</p>
          <a href="/fr/products/kartoffel-lauch-fixe-tasse-bio-3-x-20-g-18455">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kartoffel-Lauch Fixe Tasse Bio, 3 x 20 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 6.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZcABAFSBe2S2aJAkoMzHjVvi5XbQqt-iASQazhotoJplM8RcX9Dhj-S0TT3gstOHkVo67iFPWQq_oHJhyXD13A" />
    <input value="18455" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D46">
    <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/klare-huhnerbouillon-bio-100-g-18456">
          <img alt="klare Hühnerbouillon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9558/file/small-0382d0a9d3357ac3139cd4f18f6e4f45.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9558/file/medium-257a17e64e9682b5bc9bc963ea5496d6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9558/file/large-2cf2cf1170e5c5bb84b6e11db4a9f15f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9558/file/medium-257a17e64e9682b5bc9bc963ea5496d6.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">Compagnie</p>
          <a href="/fr/products/klare-huhnerbouillon-bio-100-g-18456">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">klare Hühnerbouillon Bio, 100 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 5.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UzgRpbcVqt5YMti23sOJzgYDUfdUhRJQfarwceBSFaRTy9T5vEQwNQruBa-evZ3EzLuOb6VglPjDLpjeMw9A4g" />
    <input value="18456" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D46">
    <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/tamarinden-paste-bio-135-g-18457">
          <img alt="Tamarinden Paste Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11289/file/small-e44add2ce7544067d2808069fa410be7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11289/file/medium-ae54c2c0441a08137914ad4f3bc90c69.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11289/file/large-a50e0b043c94803a49d859e408678f88.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11289/file/medium-ae54c2c0441a08137914ad4f3bc90c69.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">Cosmoveda</p>
          <a href="/fr/products/tamarinden-paste-bio-135-g-18457">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tamarinden Paste Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-d9dtO8RMYA4O3_enfpbzvvu89FMJhXu6Ip9UJgc_x_5LJjo5ECra2rnosfdhE_EMVYsSb3Dk0ZWDhX_S0GqWQ" />
    <input value="18457" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D46">
    <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/atlantik-salz-fein-1-kg-18458">
          <img alt="Atlantik Salz fein" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9678/file/small-d56ae1c79f24e5c31207d21ca653152b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9678/file/medium-3c13278019f071c1c14c72eeea97f62a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9678/file/large-faf5ae82d26970761e269dcb04e6b7ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9678/file/medium-3c13278019f071c1c14c72eeea97f62a.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">Danival</p>
          <a href="/fr/products/atlantik-salz-fein-1-kg-18458">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Atlantik Salz fein, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N3l0WGZbG_SgzfMiOylaGUXy5Yywvty54cYDXBRU_po3irEEbQqBH_IRLjt7V04Tj0o6FEFbWhFfQmvzxwmr3A" />
    <input value="18458" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D46">
    <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/genmai-reismiso-bio-200-g-18459">
          <img alt="Genmai Reismiso Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9677/file/small-407bc1f24eadd646f656ca2154015b37.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9677/file/medium-ab74c5519e481c071013af944b7c28d5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9677/file/large-d34377d7c1bdf047d340f9fc681e2d8e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9677/file/medium-ab74c5519e481c071013af944b7c28d5.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">Danival</p>
          <a href="/fr/products/genmai-reismiso-bio-200-g-18459">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Genmai Reismiso Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Rk4CBbmfxPkucrNBvTQh5g0ayxZWRCzsAz-WdEW8IPRGvcdZss5eEnyublj9SjXsx6IUjqehqkS9u_7bluF1sg" />
    <input value="18459" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D46">
    <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/kichererbsen-bio-360-g-18460">
          <img alt="Kichererbsen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9195/file/small-f4b2020545825389027aaeeff7a2be15.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9195/file/medium-a7a53dd1e44c99b85e223411c60cee8b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9195/file/large-c81d7f1087a97e0e32d66a5d29641cdf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9195/file/medium-a7a53dd1e44c99b85e223411c60cee8b.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">DeRit</p>
          <a href="/fr/products/kichererbsen-bio-360-g-18460">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kichererbsen Bio, 360 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CppbVDKLPOmTNvRau9-Y6ivMvWmyGrL8UPTcAJwnfRoKaZ4IOdqmAsHqKUP7oYzg4XRi8UP_NFTucLSvT3ooXA" />
    <input value="18460" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D46">
    <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/kidney-bohnen-bio-350-g-18461">
          <img alt="Kidney Bohnen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9196/file/small-46c39c8801113cb2ad01534dcf9bd9da.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9196/file/medium-e3c435d718a656a78d6a12a106875ad5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9196/file/large-44f61c0d360208eef20f856b0006c096.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9196/file/medium-e3c435d718a656a78d6a12a106875ad5.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">DeRit</p>
          <a href="/fr/products/kidney-bohnen-bio-350-g-18461">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kidney Bohnen Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1vCC8o8JOdqponEEuQhCY39rE8aA3KUZbkqs3z_7rS_WA0euhFijMft-rB35dlZptdPMXnE5I7HQzsRw7Kb4aQ" />
    <input value="18461" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D46">
    <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/weisse-bohnen-in-tomaten-sauce-bio-360-g-18462">
          <img alt="Weisse Bohnen in Tomaten Sauce Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9197/file/small-021a0f4e6197707eec812a65b10dca47.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9197/file/medium-f03b288f24bd83765aea69a420adabd7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9197/file/large-73f4db1c1b45de61f342cf07fad8c869.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9197/file/medium-f03b288f24bd83765aea69a420adabd7.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">DeRit</p>
          <a href="/fr/products/weisse-bohnen-in-tomaten-sauce-bio-360-g-18462">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weisse Bohnen in Tomaten Sauce Bio, 360 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dS0tkv4B3I9JG5HQHOw2J9l2BI4CPEeKKtGfHVH6as513ujO9VBGZBvHTMlckiItE87bFvPZwSKUVfeygqc_iA" />
    <input value="18462" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D46">
    <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/cocoswasser-1-l-18463">
          <img alt="Cocoswasser" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10200/file/small-00af2265a6ce82654d9b59764ac4ea87.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10200/file/medium-c901732555dde07c5754653a50330a1f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10200/file/large-e9c1575299b83713ea1b5cf3cc2f8154.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10200/file/medium-c901732555dde07c5754653a50330a1f.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">Dr. Martins</p>
          <a href="/fr/products/cocoswasser-1-l-18463">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cocoswasser, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2_5KklJ-bFNLT7lF5S749394GhtnPjAEuL0uER791yPbDY_OWS_2uBmTZFylUOz9tcDFg5bbtqwGOUa-zaCCZQ" />
    <input value="18463" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D46">
    <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/kokosmus-bio-roh-200-ml-18464">
          <img alt="Kokosmus Bio roh" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9679/file/small-3312a4573060c009eec2729b8730c416.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9679/file/medium-c3a08596cce40f13c7c35643829dfe86.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9679/file/large-fb12dc93c071490239b24522e239f7c2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9679/file/medium-c3a08596cce40f13c7c35643829dfe86.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">Dr. Goerg</p>
          <a href="/fr/products/kokosmus-bio-roh-200-ml-18464">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kokosmus Bio roh, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uIFulYYHNoEEC_4l0leLM5Llc_FQelkltdldGjVN7V64cqvJjVasalbXIzySKZ85WF2saaGf340LXTW15hC4GA" />
    <input value="18464" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D46">
    <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/molino-energieriegel-mit-molat-40-g-18465">
          <img alt="Molino Energieriegel mit Molat" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10424/file/small-069870599b8960245c8eac096d73ac8b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10424/file/medium-c95fe3cc947903621b0c8c06774623fd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10424/file/large-0b56397f49c7cd75f94eb843848663fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10424/file/medium-c95fe3cc947903621b0c8c06774623fd.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">Dr. Grandel</p>
          <a href="/fr/products/molino-energieriegel-mit-molat-40-g-18465">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Molino Energieriegel mit Molat, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1qzeEA0XmIecPI7jFNUX8V_uG1c-MOpIwFpjZ5cmXcDWXxtMBkYCbM7gU_pUqwP7lVbEz8_VbOB-3gvIRHsIhg" />
    <input value="18465" 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">
      920 sur 3&#39;030 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/rapunzel?format=turbo_stream&amp;page=47">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>