<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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D35">
    <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/snacker-salami-style-bio-30-g-20351">
          <img alt="Snacker Salami Style Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11016/file/small-4aca856713e16243aa67bde2cc4c5611.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11016/file/medium-b361999392f135ccce81b81825ad66fc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11016/file/large-ab4ff32f545598e598b0ac43201b68da.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11016/file/medium-b361999392f135ccce81b81825ad66fc.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">Wheaty</p>
          <a href="/fr/products/snacker-salami-style-bio-30-g-20351">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Snacker Salami Style Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7APH_eNMTDvV7NGJvPkS9yVt-LrT2wmOlC3lbJVYFGPYaog1xIr22rn367sbfaRwhMQIpt9SsGlarN_g0WdClw" />
    <input value="20351" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D35">
    <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/aufstrich-currika-bio-135-g-20352">
          <img alt="Aufstrich Currika Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11017/file/small-0f78fe6e993f130a59a7bf3a2e6be8b3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11017/file/medium-3d9bb3caa1b4a94afaf3f00d03406ea0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11017/file/large-b7ee3b34de584a9080f7743fda8c8b35.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11017/file/medium-3d9bb3caa1b4a94afaf3f00d03406ea0.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">Zwergenwiese</p>
          <a href="/fr/products/aufstrich-currika-bio-135-g-20352">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aufstrich Currika Bio, 135 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 3.19 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="q8BnkZBVg7I8Cu7TRzX3r2-el3k7s5DjwpKoOK8xugOfqShZt5M5U1AR1OHgsUEozjdnZTc6KQQME5K06w7s9w" />
    <input value="20352" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D35">
    <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/aufstrich-tomesan-bio-135-g-20353">
          <img alt="Aufstrich Tomesan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11019/file/small-ccb7d41152bf1c3d66f1eb9b243562dc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11019/file/medium-40bb18273dccadd69fec76967183389c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11019/file/large-695c632157a23f69ffd60e8ec147d21c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11019/file/medium-40bb18273dccadd69fec76967183389c.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">Zwergenwiese</p>
          <a href="/fr/products/aufstrich-tomesan-bio-135-g-20353">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aufstrich Tomesan Bio, 135 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 2.89 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VgsQj07eTIk_XFvbQCgSuzf92f471cmodiUy6mfzx89iYl9HaRj2aFNHYennrKQ8llQp4jdccE-4pAhmI8yROw" />
    <input value="20353" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D35">
    <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/protein-riegel-cherry-maca-bio-roh-60-g-20357">
          <img alt="Protein Riegel Cherry &amp; Maca 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/11059/file/small-030d156b78e9e5dfef3400e96bde4140.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11059/file/medium-b7f848917f7d1fb037b6316c573ed2d9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11059/file/large-9b05596b0a50c3231ad775e97e7652e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11059/file/medium-b7f848917f7d1fb037b6316c573ed2d9.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">Roobar</p>
          <a href="/fr/products/protein-riegel-cherry-maca-bio-roh-60-g-20357">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Protein Riegel Cherry &amp; Maca Bio roh, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </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-20357-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eDcEwSUyZXGti7dPsuW_adUy85E3SUYXg7hbhadE3sxMXksJAvTfkMGQjX0VYQnudJsDjTvA__BNOWEJ43uIOA" />
    <input value="20357" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D35">
    <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/cuisine-soja-bio-200-ml-20366">
          <img alt="Cuisine Soja Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11069/file/small-2b129f4186653749c43a00ec868c0362.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11069/file/medium-1be04d87e17d14b136ee3e4f6a26bff2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11069/file/large-d6341186a52fd485a5a4a03c3ace80cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11069/file/medium-1be04d87e17d14b136ee3e4f6a26bff2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/fr/products/cuisine-soja-bio-200-ml-20366">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cuisine Soja Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YW9MPMY0ckvQ7c1olMyMG6kixlpsg6lI6kIBqtH3boZVBgP04fLIqrz291ozSDqcCIs2RmAKEK8kwzsmlcg4cg" />
    <input value="20366" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D35">
    <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/cookies-hafer-schoko-haselnuss-bio-125-g-20383">
          <img alt="Cookies Hafer Schoko Haselnuss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11087/file/small-86897fc7213d4f8979fa04f4f4c4f886.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11087/file/medium-0d4fd0885eb2881e71ccd77f98b0b0a2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11087/file/large-330cdc88c6ba54debb8c1bd092625516.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11087/file/medium-0d4fd0885eb2881e71ccd77f98b0b0a2.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">Sommer</p>
          <a href="/fr/products/cookies-hafer-schoko-haselnuss-bio-125-g-20383">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cookies Hafer Schoko Haselnuss Bio, 125 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 3.92 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mPT7H_5Bxw7j9pl0tUSUO3xh5JKq8d8xPiYJLrP6_xCsnbTX2Yd974_to0YSwCK83cgUjqZ4ZtbwpzOi98Wp5A" />
    <input value="20383" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D35">
    <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/smoothie-drops-fruits-veggies-15-g-20428">
          <img alt="Smoothie Drops Fruits &amp; Veggies" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11141/file/small-3f2dd8a439c96acf5edf35dd85b5d438.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11141/file/medium-8a24674367a10cd57dead7445201c1da.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11141/file/large-265657b57cfb772baadcf34e9502c9d5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11141/file/medium-8a24674367a10cd57dead7445201c1da.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">Holle</p>
          <a href="/fr/products/smoothie-drops-fruits-veggies-15-g-20428">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Smoothie Drops Fruits &amp; Veggies, 15 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mFgtdG9Fs4qbPLGyG9fYGW0ToyhEJ89vKezyk_JkHtWsMWK8SIMJa_cni4C8U26ezLpTNEiudojnbcgftltIIQ" />
    <input value="20428" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D35">
    <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/sauerkraut-roh-bio-500-g-20433">
          <img alt="Sauerkraut roh Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11148/file/small-380a53d9c8752a935a0f4626b76193f3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11148/file/medium-e3830f139197dfb42c0be8b235c0b1a7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11148/file/large-42166c98bfa2680a7f8d310f38f3db39.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11148/file/medium-e3830f139197dfb42c0be8b235c0b1a7.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">Schöni</p>
          <a href="/fr/products/sauerkraut-roh-bio-500-g-20433">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sauerkraut roh Bio, 500 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 0.70 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-s5tHMqP00O87uCn0WYnVvVF_qx_GKPsifFllVsQj47OpyLU7UlpotD12pV24pHRVOwOsHORGgtHcF8ZHy_Zeg" />
    <input value="20433" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D35">
    <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/sauerkraut-gekocht-bio-250-g-20434">
          <img alt="Sauerkraut gekocht Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11149/file/small-2952513c185bd1dac3762fcbd01b418e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11149/file/medium-fdb092f563935f0c39276e5195e0b9a8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11149/file/large-189f04626d0319e9c654568a61a7297b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11149/file/medium-fdb092f563935f0c39276e5195e0b9a8.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">Schöni</p>
          <a href="/fr/products/sauerkraut-gekocht-bio-250-g-20434">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sauerkraut gekocht Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iaP1KehPty4SVsg0v8n5fhFpeAxazIvwHWko9yTt2Mu9yrrhz4kNz35N8gYYTU_5sMCIEFZFMhfT6BJ7YNKOPw" />
    <input value="20434" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D35">
    <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/tee-salted-caramel-teebeutel-bio-17-stuck-20435">
          <img alt="Tee Salted Caramel Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11150/file/small-06e32ba53e73cb0be2832ba66fbe7e3b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11150/file/medium-bb5181927b2c08c46aef9440cf57813d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11150/file/large-ed3f0120c84379427692d796f211be88.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11150/file/medium-bb5181927b2c08c46aef9440cf57813d.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">Yogi</p>
          <a href="/fr/products/tee-salted-caramel-teebeutel-bio-17-stuck-20435">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Salted Caramel Teebeutel Bio, 17 Stück</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 0.26 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="51ANuk174zCortOOCxo-CiS0tBUHA-KJG-a3_c2nmyrTOUJyar1Z0cS16bysnoiNhR1ECQuKW27VZ41xiZjN3g" />
    <input value="20435" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D35">
    <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/vanille-zucker-konv-20-g-20437">
          <img alt="Vanille Zucker konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11152/file/small-8ffc43f1f43cfa4dacd7b6a0b597d792.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11152/file/medium-f8d7cb9e15a525f7efb0bf4736801769.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11152/file/large-1d3a41ba9194d99f932aa0b993b3fd87.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11152/file/medium-f8d7cb9e15a525f7efb0bf4736801769.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">MORGA</p>
          <a href="/fr/products/vanille-zucker-konv-20-g-20437">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vanille Zucker konv, 20 g</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 22.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lvg_Aio-V9Uj8nmSLR5JPl8TI1jT9PQkLrMVs99UQoKikXDKDfjtNE_pQ6CKmv-5_rrTRN99TcPgMi8_m2sUdg" />
    <input value="20437" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D35">
    <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/quadritos-konv-40-g-20439">
          <img alt="Quadritos konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11154/file/small-4905d5faa293237a3ec06c6cf8a2d9e1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11154/file/medium-dad02d880e0ad6333e982a5bc1a216c9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11154/file/large-eb3958c9951d14ad00dd1d55350ed3b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11154/file/medium-dad02d880e0ad6333e982a5bc1a216c9.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">Schär</p>
          <a href="/fr/products/quadritos-konv-40-g-20439">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Quadritos konv, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3AlPjCBkH-daRA32sIJIzW0sSx4DoqcgNJcrqsd_liroYABEB6KlBjZfN8QXBv5KzIW7Ag8rHsf6FhEmg0DA3g" />
    <input value="20439" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D35">
    <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/kakaowaffeln-konv-125-g-20443">
          <img alt="Kakaowaffeln konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11157/file/small-2a331572b1313b58fd8377c4287666df.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11157/file/medium-2d911bd3f0bedca565b50500cf91535c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11157/file/large-f9333e02ba0398820dd31abac79f3d45.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11157/file/medium-2d911bd3f0bedca565b50500cf91535c.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">Schär</p>
          <a href="/fr/products/kakaowaffeln-konv-125-g-20443">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kakaowaffeln konv, 125 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 2.96 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X4p2Bs8qRbOCttjUSsKDhUsBMSpgZZRcBm48YSfSS6tr4znO6Oz_Uu6t4ubtRjUC6qjBNmzsLbvI7wbtY-0dXw" />
    <input value="20443" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D35">
    <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/high-protein-shake-vanille-5k-bio-30-g-20447">
          <img alt="High Protein Shake Vanille 5K Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11162/file/small-5e0ff8b9d50c51673bbe096041a1bdee.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11162/file/medium-f2d03cd7867b78772186ec48cd60ed06.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11162/file/large-5f3e06a32db1e03fab5b5e94d8550dcf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11162/file/medium-f2d03cd7867b78772186ec48cd60ed06.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">PurYa</p>
          <a href="/fr/products/high-protein-shake-vanille-5k-bio-30-g-20447">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">High Protein Shake Vanille 5K Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2R5ozrpE_6k4zcirtMmCoV_lpZNcfiXJ6peH5xw8aPHtdycGnYJFSFTW8pkTTTQm_kxVj1D3nC4kFr1rWAM-BQ" />
    <input value="20447" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D35">
    <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/high-protein-shake-kakao-4k-bio-30-g-20448">
          <img alt="High Protein Shake Kakao 4K Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11163/file/small-ec18f5c6323dde8e2ce5af8aeddda1d5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11163/file/medium-4d107ccd8e7734810393ae845a64ea2b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11163/file/large-1b6f7fa63e50322b08764ac421a318e2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11163/file/medium-4d107ccd8e7734810393ae845a64ea2b.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">PurYa</p>
          <a href="/fr/products/high-protein-shake-kakao-4k-bio-30-g-20448">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">High Protein Shake Kakao 4K Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6w0nluGfMNuvj2dbcmdCQH68MjR6gQyR0Yo3FdjZVyzfZGhexlmKOsOUXWnV4_TH3xXCKHYItXYfCw2ZnOYB2A" />
    <input value="20448" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D35">
    <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/high-protein-shake-berry-5k-bio-30-g-20449">
          <img alt="High Protein Shake Berry 5K Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11164/file/small-65bdc37e987ba555d2b8839601383775.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11164/file/medium-82946d602c921dc430fdc0981c35faa2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11164/file/large-e835a24302dc130d5ad039a6f94e4e14.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11164/file/medium-82946d602c921dc430fdc0981c35faa2.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">PurYa</p>
          <a href="/fr/products/high-protein-shake-berry-5k-bio-30-g-20449">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">High Protein Shake Berry 5K Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Zfy_-GkTOAO_33zCaiy2c2zbh3d4Yraepjxq9S29yv1RlfAwTtWC4tPERvDNqAD0zXJ3a3TrD3lovVB5aYKcCQ" />
    <input value="20449" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D35">
    <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/oxymel-kraft-shot-bio-60-ml-20462">
          <img alt="Oxymel Kraft Shot Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11178/file/small-bab6284c2efd050769f34b2e538af2bc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11178/file/medium-a65491e54f41e3994bad368eb9efed52.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11178/file/large-f243704469ab942289d0d36c029d969d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11178/file/medium-a65491e54f41e3994bad368eb9efed52.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">Kruut</p>
          <a href="/fr/products/oxymel-kraft-shot-bio-60-ml-20462">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oxymel Kraft Shot Bio, 60 ml</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 5.83 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5S-vHYhXMK8oYsry356952YdyzPwE7nf3ryZo8E-JWrRRuDVr5GKTkR58MB4Ggtgx7Q7L_yaADgQPaMvhQFzng" />
    <input value="20462" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D35">
    <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/oxymel-immun-shot-bio-60-ml-20463">
          <img alt="Oxymel Immun Shot Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11179/file/small-7338553d78abf212f38763a983638bca.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11179/file/medium-7c8f5bf5fe6af42d8237cefed0a4eabd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11179/file/large-c3af3ae004844ce411f0b33fb245a8c2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11179/file/medium-7c8f5bf5fe6af42d8237cefed0a4eabd.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">Kruut</p>
          <a href="/fr/products/oxymel-immun-shot-bio-60-ml-20463">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oxymel Immun Shot Bio, 60 ml</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 5.83 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sRXDG131TRT-2ihJNOry_F7tUcYrU2Xz17RC7m-vmruFfIzTejP39ZLBEnuTbkR7_0Sh2ifa3BQZNXhiK5DMTw" />
    <input value="20463" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D35">
    <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/oxymel-bitter-shot-bio-60-ml-20464">
          <img alt="Oxymel Bitter Shot Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11180/file/small-d990532f0094685a4d92dcbad25bcdf1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11180/file/medium-a03db146b4ea38bc893160184424128a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11180/file/large-791b11aefa50902b09522a148cacc726.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11180/file/medium-a03db146b4ea38bc893160184424128a.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">Kruut</p>
          <a href="/fr/products/oxymel-bitter-shot-bio-60-ml-20464">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oxymel Bitter Shot Bio, 60 ml</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 5.83 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eJuTC0oTLNl3D3p1yLdQNri66GVpOl9xAJNXEl65ZhVM8tzDbdWWOBsUQEdvM-axGRMYeWWz5pbOEm2eGoYw4Q" />
    <input value="20464" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D35">
    <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/oxymel-ruhe-shot-bio-60-ml-20465">
          <img alt="Oxymel Ruhe Shot Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11182/file/small-e4ed94a1f0a432a4380456bb9e019de7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11182/file/medium-ba8be71afbeff03cace5ad66372c85f1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11182/file/large-9a3c7999dca8161a16c1addb01b848e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11182/file/medium-ba8be71afbeff03cace5ad66372c85f1.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">Kruut</p>
          <a href="/fr/products/oxymel-ruhe-shot-bio-60-ml-20465">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oxymel Ruhe Shot Bio, 60 ml</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 5.83 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iEqz5xa5e3YgdxjQOvQxzmiCLujDTKs-sZcIXky6Ewi8I_wvMX_Bl0xsIuKdcIdJySve9M_FEtl_FjLSCIVF_A" />
    <input value="20465" 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">
      700 sur 722 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/collections/under-5?format=turbo_stream&amp;page=36">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>