<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%2Fmounthagen%3Fformat%3Dturbo_stream%26page%3D100">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/3-2-ml-19381">
          <img alt="Correcteur light" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9941/file/small-9f2dbed1c9a13962cc506c82c9e8c4a8.webp 600w, https://assets.fabulous.ch/public/variant_asset/9941/file/medium-152a2923cdd98530a4e73c0e5331742e.webp 900w, https://assets.fabulous.ch/public/variant_asset/9941/file/large-0b4b72df6db005ff46265e0d235fb1c0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9941/file/medium-152a2923cdd98530a4e73c0e5331742e.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">Börlind</p>
          <a href="/fr/products/3-2-ml-19381">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Correcteur light, 3.2 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19381&quot;],&quot;content_name&quot;:&quot;Correcteur light, 3.2 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19381&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:26.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SDQL9KCy-r_kv6mK5a7zP0buY7L6qmXZ_lYxJ2IY2hGnLEMj_3o99giFeSoKxzldlNLqUXx02XHUuSHcMVJvzA" />
    <input value="19381" 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%2Fmounthagen%3Fformat%3Dturbo_stream%26page%3D100">
    <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/10-ml-7c48c8f4-b0d6-48f4-ab17-25d67fd3c874-19457">
          <img alt="Mascara precision &amp;amp; care noir" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9920/file/small-bac8e4258f30483e784595cc9260049b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9920/file/medium-a004568caecb02884154fc30a28d1659.webp 900w, https://assets.fabulous.ch/public/variant_asset/9920/file/large-f8d5a47704347fe969ce856d3e856d88.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9920/file/medium-a004568caecb02884154fc30a28d1659.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">Börlind</p>
          <a href="/fr/products/10-ml-7c48c8f4-b0d6-48f4-ab17-25d67fd3c874-19457">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mascara precision &amp;amp; care noir, 10 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19457&quot;],&quot;content_name&quot;:&quot;Mascara precision \u0026amp; care noir, 10 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19457&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:24.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EkrIcQyQyMsBRr54Ldelky3E81LUwAvm2mfdBm1cvDP9UoCmU1gPgu18btjCvm_x__h6sVIet07wiM39PhYJ7g" />
    <input value="19457" 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%2Fmounthagen%3Fformat%3Dturbo_stream%26page%3D100">
    <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/9-3-ml-19453">
          <img alt="Mascara lift &amp;amp; length noir" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9921/file/small-8b31be61c07dd2e0943ae2386a1c10b1.webp 600w, https://assets.fabulous.ch/public/variant_asset/9921/file/medium-972da3d166c52d00ebf789bc136ed7ea.webp 900w, https://assets.fabulous.ch/public/variant_asset/9921/file/large-dfa2b2923dda457cd1955c325161461c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9921/file/medium-972da3d166c52d00ebf789bc136ed7ea.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">Börlind</p>
          <a href="/fr/products/9-3-ml-19453">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mascara lift &amp;amp; length noir, 9.3 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19453&quot;],&quot;content_name&quot;:&quot;Mascara lift \u0026amp; length noir, 9.3 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19453&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:24.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rWesPfx3nJ2WqgzRj1qGyBcKZmqbmwDYZHV_UEh5MkNCf-Tqo79b1HqQ3HFgM0yqxTbviR1FvHBOmm-rGzOHng" />
    <input value="19453" 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%2Fmounthagen%3Fformat%3Dturbo_stream%26page%3D100">
    <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/15-ml-1cbc07f0-0f6b-4325-a908-b8f481e01b20-19498">
          <img alt="Rosentau crème contour des yeux vitalisante bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9843/file/small-724b2ea1c30fbfe526273a39aae54094.webp 600w, https://assets.fabulous.ch/public/variant_asset/9843/file/medium-6268f795498dac336fe613a169d55bb8.webp 900w, https://assets.fabulous.ch/public/variant_asset/9843/file/large-bb614eb1f471ffbbc2faaf5b5b3fa071.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9843/file/medium-6268f795498dac336fe613a169d55bb8.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">Börlind</p>
          <a href="/fr/products/15-ml-1cbc07f0-0f6b-4325-a908-b8f481e01b20-19498">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosentau crème contour des yeux vitalisante bio, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19498&quot;],&quot;content_name&quot;:&quot;Rosentau crème contour des yeux vitalisante bio, 15 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19498&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:29.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S76Z7VOdgfPB_nqfgLamrpAXv50UL2XRGl4CJ92w2E2kptE6DFVGui3Eqj9v32zMQis2fpLx2XkwsRLcjvptkA" />
    <input value="19498" 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%2Fmounthagen%3Fformat%3Dturbo_stream%26page%3D100">
    <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/50-ml-039d0ede-259a-46dd-8271-b84da9beec29-19353">
          <img alt="2 phase hyaluron shake" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9353/file/small-427123f8f00bd6ee227077d85d90653b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9353/file/medium-51ccbce1c7426a2deb26927341fb4221.webp 900w, https://assets.fabulous.ch/public/variant_asset/9353/file/large-f3c3a76daa16ac2045a6dcef1145593b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9353/file/medium-51ccbce1c7426a2deb26927341fb4221.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">Börlind</p>
          <a href="/fr/products/50-ml-039d0ede-259a-46dd-8271-b84da9beec29-19353">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">2 phase hyaluron shake, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19353&quot;],&quot;content_name&quot;:&quot;2 phase hyaluron shake, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19353&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:30.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5eSlnX0MtvhDclMZLGkAwH0T-HisnEYntMko7rs-tp4K_O1KIsRxsa9Ig7nDAMqiry9xmypC-o-eJjgV6HQDQw" />
    <input value="19353" 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%2Fmounthagen%3Fformat%3Dturbo_stream%26page%3D100">
    <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/150-ml-58617550-a5ed-4bab-abcd-6d7de1cb7ab4-19739">
          <img alt="Gel nettoyant purifying care bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10209/file/small-81760af911d9bb6a9f4fbc587df727b6.webp 600w, https://assets.fabulous.ch/public/variant_asset/10209/file/medium-ccd6dbde336b19b664da3d409dc2d4be.webp 900w, https://assets.fabulous.ch/public/variant_asset/10209/file/large-3ae778a494944a7cf3210a8a99c38cbf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10209/file/medium-ccd6dbde336b19b664da3d409dc2d4be.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">Börlind</p>
          <a href="/fr/products/150-ml-58617550-a5ed-4bab-abcd-6d7de1cb7ab4-19739">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gel nettoyant purifying care bio, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19739&quot;],&quot;content_name&quot;:&quot;Gel nettoyant purifying care bio, 150 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19739&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Kw7zj7yNklK8LpQeAcpkcWioI9nj89EABxQQa6dTOhjEFrtY40VVG1AURL7uo64TupSqOmUtbagt-wCQ9BmPxQ" />
    <input value="19739" 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%2Fmounthagen%3Fformat%3Dturbo_stream%26page%3D100">
    <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/150-ml-c9c3f31d-0754-481d-a172-77848a07dee4-19489">
          <img alt="Tonique visage purifying care bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9848/file/small-53d4e770200248eb500494b00369bc13.webp 600w, https://assets.fabulous.ch/public/variant_asset/9848/file/medium-b2a05d1e206b1be9c0fa591cc031f4f5.webp 900w, https://assets.fabulous.ch/public/variant_asset/9848/file/large-2f75e6296354b6141d1af74d3d0d9c79.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9848/file/medium-b2a05d1e206b1be9c0fa591cc031f4f5.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">Börlind</p>
          <a href="/fr/products/150-ml-c9c3f31d-0754-481d-a172-77848a07dee4-19489">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tonique visage purifying care bio, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19489&quot;],&quot;content_name&quot;:&quot;Tonique visage purifying care bio, 150 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19489&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jNIf9GAa0r2UEgZnImTGOFTcF5ukMNECnp4Zo3-AiZJjylcjP9IV9Hgo1sfNDQxahuCeeCLubaq0cQlYLMo8Tw" />
    <input value="19489" 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%2Fmounthagen%3Fformat%3Dturbo_stream%26page%3D100">
    <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/75-ml-a87d2c25-8a7c-4717-879f-53f172162b2c-19488">
          <img alt="Crème visage purifying care bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11016/file/small-f69edeb70bba6602ecc785a136570e3d.webp 600w, https://assets.fabulous.ch/public/variant_asset/11016/file/medium-fe2d6306af10d4081c3286b42efb7fb0.webp 900w, https://assets.fabulous.ch/public/variant_asset/11016/file/large-c4c1f8ab8f2f37c48e30c0acb5fc06cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11016/file/medium-fe2d6306af10d4081c3286b42efb7fb0.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">Börlind</p>
          <a href="/fr/products/75-ml-a87d2c25-8a7c-4717-879f-53f172162b2c-19488">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Crème visage purifying care bio, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19488&quot;],&quot;content_name&quot;:&quot;Crème visage purifying care bio, 75 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19488&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:22.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PF-hzsNc4qmHWIJ2OyOpqVT0b4ZmYzm8f3kBm0smB8DTR-kZnJQl4GtiUtbUSmPLhsjmZeC9hRRVlhFgGGyyHQ" />
    <input value="19488" 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%2Fmounthagen%3Fformat%3Dturbo_stream%26page%3D100">
    <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/pois-chiches-rotis-sweet-chili-35-g-16408">
          <img alt="Pois chiches rôtis Sweet Chili" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7550/file/small-7d428ced9381ca7b9fbbc3b0e3a0b0fb.webp 600w, https://assets.fabulous.ch/public/variant_asset/7550/file/medium-ce249f473f70d3b17b85c116b53bd6f7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7550/file/large-1869ce0c35c6e09bfa97c935c486c3d7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7550/file/medium-ce249f473f70d3b17b85c116b53bd6f7.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">Chichery</p>
          <a href="/fr/products/pois-chiches-rotis-sweet-chili-35-g-16408">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pois chiches rôtis Sweet Chili, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16408&quot;],&quot;content_name&quot;:&quot;Pois chiches rôtis Sweet Chili, 35 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16408&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lJIbQvRO5qwTY5gLhwFjbjZGyvfO5x-O5MT0Vf17wqJ7ilOVq4Yh5f9ZSKtoaKkM5HpDFEg5oybOK-SurjF3fw" />
    <input value="16408" 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%2Fmounthagen%3Fformat%3Dturbo_stream%26page%3D100">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Astuce
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pois-chiches-rotis-dark-chocolate-100-g-16396">
          <img alt="Pois chiches rôtis Dark Chocolate" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7544/file/small-dffdac2bae3f2aa2ede467b60a42fd52.webp 600w, https://assets.fabulous.ch/public/variant_asset/7544/file/medium-32626d4d913f7232a12c9b26edf09292.webp 900w, https://assets.fabulous.ch/public/variant_asset/7544/file/large-f73c9dc3d5612d5a02a3b7b81485997e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7544/file/medium-32626d4d913f7232a12c9b26edf09292.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">Chichery</p>
          <a href="/fr/products/pois-chiches-rotis-dark-chocolate-100-g-16396">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pois chiches rôtis Dark Chocolate, 100 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 3.90 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16396&quot;],&quot;content_name&quot;:&quot;Pois chiches rôtis Dark Chocolate, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16396&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vAKhCzS7xsTZpJQtNdSNMSr4vsdCvA9nXRXttGTK34tTGunca3MBjTWeRI3avUdT-MQ3JMRis893-v1PN4BqVg" />
    <input value="16396" 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%2Fmounthagen%3Fformat%3Dturbo_stream%26page%3D100">
    <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/kombucha-fruit-de-la-passion-mangue-330-ml-17088">
          <img alt="Kombucha Fruit de la Passion &amp; Mangue" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7957/file/small-c3008078d83931c57236f7a79ddaf475.webp 600w, https://assets.fabulous.ch/public/variant_asset/7957/file/medium-054e7a3054e95dfb2be9630b843de047.webp 900w, https://assets.fabulous.ch/public/variant_asset/7957/file/large-0244573990967d7af0279596a643b4d1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7957/file/medium-054e7a3054e95dfb2be9630b843de047.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">Rudy&#39;s Kombucha</p>
          <a href="/fr/products/kombucha-fruit-de-la-passion-mangue-330-ml-17088">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kombucha Fruit de la Passion &amp; Mangue, 330 ml</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 1.18 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17088&quot;],&quot;content_name&quot;:&quot;Kombucha Fruit de la Passion \u0026 Mangue, 330 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17088&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XF_-G6_9_mP5rqGXT6C7iFsV689ge5J_DStvSCrJBYqzR7bM8DU5KhWUcTegyXHqiSliLOalLtcnxH-zeYOwVw" />
    <input value="17088" 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%2Fmounthagen%3Fformat%3Dturbo_stream%26page%3D100">
    <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/kombucha-framboise-basilic-330-ml-17085">
          <img alt="Kombucha Framboise &amp; Basilic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7954/file/small-f28e179b855af993842c7465f9f88bf3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7954/file/medium-153311b913d3a84aae07ca5de8eaa39c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7954/file/large-d80f6502e25bc43de478d6bcb13f379d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7954/file/medium-153311b913d3a84aae07ca5de8eaa39c.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">Rudy&#39;s Kombucha</p>
          <a href="/fr/products/kombucha-framboise-basilic-330-ml-17085">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kombucha Framboise &amp; Basilic, 330 ml</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 1.18 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17085&quot;],&quot;content_name&quot;:&quot;Kombucha Framboise \u0026 Basilic, 330 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17085&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kLqE_ztx_tpV2Kjp9FPoMOqbutB1Ah3nF30TK05rZz1_oswoZLk5k7nieEkbOiJSOKczM_PcoU89kgPQHSHS4A" />
    <input value="17085" 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%2Fmounthagen%3Fformat%3Dturbo_stream%26page%3D100">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Astuce
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/kombucha-mandarine-yuzu-330-ml-17086">
          <img alt="Kombucha Mandarine &amp; Yuzu" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7955/file/small-e8e5bc7eb26784a70087312312177633.webp 600w, https://assets.fabulous.ch/public/variant_asset/7955/file/medium-4f35f6d45a21351807b16eeffd35da22.webp 900w, https://assets.fabulous.ch/public/variant_asset/7955/file/large-335bc1a52245399170e7ca8d4d2f6db6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7955/file/medium-4f35f6d45a21351807b16eeffd35da22.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">Rudy&#39;s Kombucha</p>
          <a href="/fr/products/kombucha-mandarine-yuzu-330-ml-17086">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kombucha Mandarine &amp; Yuzu, 330 ml</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 1.18 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17086&quot;],&quot;content_name&quot;:&quot;Kombucha Mandarine \u0026 Yuzu, 330 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17086&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xB2QPmrYNOoeHAEZ8KPapQbyri5y7kKtt5m6-M63lcMrBdjpNRDzo_Im0bkfyhDH1M4nzfQw_gWddqoDnf0gHg" />
    <input value="17086" 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%2Fmounthagen%3Fformat%3Dturbo_stream%26page%3D100">
    <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/kombucha-ananas-peche-330-ml-17070">
          <img alt="Kombucha Ananas &amp; Pêche" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7953/file/small-b77770cc514ea33ea3eb00d819f675cc.webp 600w, https://assets.fabulous.ch/public/variant_asset/7953/file/medium-3f7c2bb35ce3b6fb809c0da8e568afe0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7953/file/large-ea87e92430e80dc5fdbcae0d1276f974.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7953/file/medium-3f7c2bb35ce3b6fb809c0da8e568afe0.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">Rudy&#39;s Kombucha</p>
          <a href="/fr/products/kombucha-ananas-peche-330-ml-17070">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kombucha Ananas &amp; Pêche, 330 ml</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 1.18 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17070&quot;],&quot;content_name&quot;:&quot;Kombucha Ananas \u0026 Pêche, 330 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17070&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vPeu-uDGsPVIfdzPtZS-Ij_ZyIZz_TNjlc3ivRIx4C5T7-Ytvw53vKRHDG9a_XRA7eVBZfUjj8u_IvJGQXtV8w" />
    <input value="17070" 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%2Fmounthagen%3Fformat%3Dturbo_stream%26page%3D100">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/boisson-barista-coco-molk-1-l-17510">
          <img alt="Boisson Barista Coco Mølk" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8165/file/small-266e2ed08ad491cdb1ea4565bee0a177.webp 600w, https://assets.fabulous.ch/public/variant_asset/8165/file/medium-4c8315d75fbfb1e2ac21d8ef62eecd89.webp 900w, https://assets.fabulous.ch/public/variant_asset/8165/file/large-7cd0087009256cd7de83df26004e9799.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8165/file/medium-4c8315d75fbfb1e2ac21d8ef62eecd89.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">Mølk</p>
          <a href="/fr/products/boisson-barista-coco-molk-1-l-17510">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Boisson Barista Coco Mølk, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

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

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


  

  <div 
       class="border-gray-200  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%2Fmounthagen%3Fformat%3Dturbo_stream%26page%3D100">
    <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/kase-aus-nussen-julie-piatt-1-piece-6633">
          <img alt="Käse aus Nüssen! | Julie Piatt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3823/file/small-337be169fd899dfa3d99e38e1951c6fa.webp 600w, https://assets.fabulous.ch/public/variant_asset/3823/file/medium-d16a68f585892cd5bd01c27b315229c7.webp 900w, https://assets.fabulous.ch/public/variant_asset/3823/file/large-e006addee91eba327ac7826524912172.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3823/file/medium-d16a68f585892cd5bd01c27b315229c7.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Buchverlag</p>
          <a href="/fr/products/kase-aus-nussen-julie-piatt-1-piece-6633">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Käse aus Nüssen! | Julie Piatt, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.55
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6633&quot;],&quot;content_name&quot;:&quot;Käse aus Nüssen! | Julie Piatt, 1 pièce&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6633&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:36.55,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r-NlcBeLHHV5sRy4Kre1B8VnePa7JKaxIH7Cmcb4UnlA-y2nSEPbPJWLzBjF3n9lF1vxFT36GhkKkdJilbLnpA" />
    <input value="6633" 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%2Fmounthagen%3Fformat%3Dturbo_stream%26page%3D100">
    <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/125-g-7e112bf1-cbfd-4542-a75a-29539ccb7544-18783">
          <img alt="Perles à potage à l&#39;épeautre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10611/file/small-535df6dc5e4c66afe7a01a9c8ba8c3e1.webp 600w, https://assets.fabulous.ch/public/variant_asset/10611/file/medium-660a8d59bb3a016b87bd34b73e4386f4.webp 900w, https://assets.fabulous.ch/public/variant_asset/10611/file/large-61e146ac50b81f9648024c92f24540f4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10611/file/medium-660a8d59bb3a016b87bd34b73e4386f4.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">Pural</p>
          <a href="/fr/products/125-g-7e112bf1-cbfd-4542-a75a-29539ccb7544-18783">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Perles à potage à l&#39;épeautre Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18783&quot;],&quot;content_name&quot;:&quot;Perles à potage à l&#39;épeautre Bio, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18783&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="G-ABcOujD9d09cWl4Sa6kft1WwdXNg3cZnMJwhRnlrv0-EmntGvInpjPFQUOT3DzKUnS5NHosXRMnBk5Ry0jZg" />
    <input value="18783" 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%2Fmounthagen%3Fformat%3Dturbo_stream%26page%3D100">
    <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/alternative-vegetalien-au-mayonnaise-sans-oeuf-demeter-190-ml-99">
          <img alt="Alternative Végétalien au Mayonnaise Sans œuf Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11544/file/small-aa73fcc2fa96a294b52966a0d072f847.webp 600w, https://assets.fabulous.ch/public/variant_asset/11544/file/medium-675c3fa96f2ec6b6ae04f514209155d1.webp 900w, https://assets.fabulous.ch/public/variant_asset/11544/file/large-7626e03b4119274df4e2b6482b45382e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11544/file/medium-675c3fa96f2ec6b6ae04f514209155d1.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">Naturata</p>
          <a href="/fr/products/alternative-vegetalien-au-mayonnaise-sans-oeuf-demeter-190-ml-99">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Alternative Végétalien au Mayonnaise Sans œuf Demeter, 190 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;99&quot;],&quot;content_name&quot;:&quot;Alternative Végétalien au Mayonnaise Sans œuf Demeter, 190 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;99&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CdfsVaWuPF5q8L8uvXDjS8NSuQ5hVjOxGbD7dcypI2rmz6SC-mb7F4bKb45SGSkpEW4w7eeIjxkzX-uOn-OWtw" />
    <input value="99" 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%2Fmounthagen%3Fformat%3Dturbo_stream%26page%3D100">
    <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/sac-a-pain-sansplastique-bio-2pcs-1-piece-9780">
          <img alt="Sac à pain #sansplastique Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5427/file/small-aab12f12c89f5e160a70a3a79740aa7c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5427/file/medium-608620a3609d0511e256f3ef5ea1b0dd.webp 900w, https://assets.fabulous.ch/public/variant_asset/5427/file/large-ebda0c0ee8b5120aed0d31b8e2ef810a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5427/file/medium-608620a3609d0511e256f3ef5ea1b0dd.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">memo</p>
          <a href="/fr/products/sac-a-pain-sansplastique-bio-2pcs-1-piece-9780">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sac à pain #sansplastique Bio, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9780&quot;],&quot;content_name&quot;:&quot;Sac à pain #sansplastique Bio, 1 pièce&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9780&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Zcxa1LkBRojCUlt7oSTDDpSf3MHqIg9xrwDp8mGFdNqK1BID5smBwS5oi9tOTQlsRqNVImz8s9mF7_kJMs_BBw" />
    <input value="9780" 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%2Fmounthagen%3Fformat%3Dturbo_stream%26page%3D100">
    <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/extrait-de-vanille-bourbon-bio-20-ml-14611">
          <img alt="Extrait de vanille Bourbon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6764/file/small-fe61eeb7c2683210963f0d22a556a3f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/6764/file/medium-16267d5612d4c139800ceaf91b0913fb.webp 900w, https://assets.fabulous.ch/public/variant_asset/6764/file/large-3504401e68834964a8af37baedbdc8b9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6764/file/medium-16267d5612d4c139800ceaf91b0913fb.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">Biovegan</p>
          <a href="/fr/products/extrait-de-vanille-bourbon-bio-20-ml-14611">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Extrait de vanille Bourbon Bio, 20 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14611&quot;],&quot;content_name&quot;:&quot;Extrait de vanille Bourbon Bio, 20 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14611&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DFI0kPsIIszyG7qhyDxEeCeuRVBUtmdgXKmg7g4PZ-zjSnxHpMDlhR4hagEnVY4a9ZLMs9Jo28h2RrAVXUXSMQ" />
    <input value="14611" 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">
      2&#39;000 sur 4&#39;021 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/mounthagen?format=turbo_stream&amp;page=101">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>