<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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fmounthagen%3Fformat%3Dturbo_stream%26page%3D204">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/dattel-dark-chocolate-bar-80-organic-85-g-short-shelf-life-30-11-2026-22589">
          <img alt="Dattel Dark Chocolate Bar 80% Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7134/file/small-bc2027f111b91052cddff8f18dc42d9f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7134/file/medium-788d193e1e4a45c3a3048295f29fd058.webp 900w, https://assets.fabulous.ch/public/variant_asset/7134/file/large-e0c9b9ab772617174db9bad0f9136a9f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7134/file/medium-788d193e1e4a45c3a3048295f29fd058.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">MAKRi</p>
          <a href="/en/products/dattel-dark-chocolate-bar-80-organic-85-g-short-shelf-life-30-11-2026-22589">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dattel Dark Chocolate Bar 80% Organic, 85 g (Short shelf life 30.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 6.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 5.50</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22589&quot;],&quot;content_name&quot;:&quot;Dattel Dark Chocolate Bar 80% Organic, 85 g (Short shelf life 30.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22589&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MFoOVQFXA-xE-sHDpgpRe0IR09zb415l3rl7N128w7Bv4-YSSsgnPO-Y6kBZZGhjH1upcb20SWoFZsTb37I4qA" />
    <input value="22589" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fmounthagen%3Fformat%3Dturbo_stream%26page%3D204">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/roasted-chickpeas-sea-salt-35-g-short-shelf-life-30-11-2026-22590">
          <img alt="Roasted Chickpeas Sea Salt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7547/file/small-7c0c14811e1b471820a3577363bede17.webp 600w, https://assets.fabulous.ch/public/variant_asset/7547/file/medium-9ab48d33e9c880abe27f56a3838aee87.webp 900w, https://assets.fabulous.ch/public/variant_asset/7547/file/large-4e0b91fe24703251cdee6f2bae84652a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7547/file/medium-9ab48d33e9c880abe27f56a3838aee87.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="/en/products/roasted-chickpeas-sea-salt-35-g-short-shelf-life-30-11-2026-22590">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Roasted Chickpeas Sea Salt, 35 g (Short shelf life 30.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 2.00</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 1.60</span>
            </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-22590-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22590&quot;],&quot;content_name&quot;:&quot;Roasted Chickpeas Sea Salt, 35 g (Short shelf life 30.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22590&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="g5_5itUscPLsbofit5-hmazr6n5s0T9SBfHPSeighDHcJhHNnrNUIkcMrGFI8ZiB8aGQ0wqGKF3eLnClaq5_KQ" />
    <input value="22590" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fmounthagen%3Fformat%3Dturbo_stream%26page%3D204">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/pita-bread-whole-wheat-organic-4-pack-4-pieces-short-shelf-life-09-11-2026-22591">
          <img alt="Pita Bread Whole Wheat Organic  (4 pack)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1095/file/small-1c5ce5229e493d03f418db6a512326c1.webp 600w, https://assets.fabulous.ch/public/variant_asset/1095/file/medium-8a416801d15a899c3abb0973815860e0.webp 900w, https://assets.fabulous.ch/public/variant_asset/1095/file/large-e77a7f25d89fa337d91b3ece8dd47efd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1095/file/medium-8a416801d15a899c3abb0973815860e0.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">Florentin</p>
          <a href="/en/products/pita-bread-whole-wheat-organic-4-pack-4-pieces-short-shelf-life-09-11-2026-22591">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pita Bread Whole Wheat Organic  (4 pack), 4 pieces (Short shelf life 09.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.10</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.30</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22591&quot;],&quot;content_name&quot;:&quot;Pita Bread Whole Wheat Organic  (4 pack), 4 pieces (Short shelf life 09.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22591&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nkXxIp0kkbS5H4w6yGgk9neHCltMRVvaTmCRQ3zVfCjB_Bll1ru1ZBJ9p7k3Bh3uKs1w9ioSTNWVvy6v_tuHMA" />
    <input value="22591" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fmounthagen%3Fformat%3Dturbo_stream%26page%3D204">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/schlagfix-whip-cream-no-added-sugar-25-fat-1000-ml-short-shelf-life-13-11-2026-22592">
          <img alt="Schlagfix Whip Cream No Added Sugar 25% Fat" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3057/file/small-acfcbedfabd0b608082af2a57bf80d6a.webp 600w, https://assets.fabulous.ch/public/variant_asset/3057/file/medium-758a46c929d7e68ac6b9f06cbc6c6eb5.webp 900w, https://assets.fabulous.ch/public/variant_asset/3057/file/large-d650082d3db4034a6f801754ca5e9be0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3057/file/medium-758a46c929d7e68ac6b9f06cbc6c6eb5.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">Schlagfix</p>
          <a href="/en/products/schlagfix-whip-cream-no-added-sugar-25-fat-1000-ml-short-shelf-life-13-11-2026-22592">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schlagfix Whip Cream No Added Sugar 25% Fat, 1000 ml (Short shelf life 13.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 7.20</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 5.75</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22592&quot;],&quot;content_name&quot;:&quot;Schlagfix Whip Cream No Added Sugar 25% Fat, 1000 ml (Short shelf life 13.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22592&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pX_tQ9hXksWk6EO6osCnxpvC3_Su0uJqf45_LWw0axL6xgUEk8i2FQ-KaDldrp7exoilWciF9WWkUcDB7jqQCg" />
    <input value="22592" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fmounthagen%3Fformat%3Dturbo_stream%26page%3D204">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/gartenjager-dry-sausage-chili-vegan-organic-57-g-short-shelf-life-09-11-2026-22593">
          <img alt="Gartenjäger Dry Sausage Chili Vegan Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7346/file/small-4685daf7ff3051ed086568e07c6c7a36.webp 600w, https://assets.fabulous.ch/public/variant_asset/7346/file/medium-92dcb073c6aa3904be0a8202e8c1e855.webp 900w, https://assets.fabulous.ch/public/variant_asset/7346/file/large-431c5add57fd3bc2b374d7d7fe1bb27b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7346/file/medium-92dcb073c6aa3904be0a8202e8c1e855.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">mikas</p>
          <a href="/en/products/gartenjager-dry-sausage-chili-vegan-organic-57-g-short-shelf-life-09-11-2026-22593">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gartenjäger Dry Sausage Chili Vegan Organic, 57 g (Short shelf life 09.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 8.20</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 6.55</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22593&quot;],&quot;content_name&quot;:&quot;Gartenjäger Dry Sausage Chili Vegan Organic, 57 g (Short shelf life 09.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22593&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.55,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-uqwT33OkOoGMiMe8uZEv5qxKcwBcFhPMOX6RzlrOielU1gINlG0Oq1QCJ0NiH2nx_tTYWcnT0DrOkWru2XBPw" />
    <input value="22593" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fmounthagen%3Fformat%3Dturbo_stream%26page%3D204">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/nourishing-conditioner-coconut-organic-180-ml-22596">
          <img alt="Nourishing Conditioner Coconut Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12003/file/small-11b60c3742312b122a7af03c3d453e60.webp 600w, https://assets.fabulous.ch/public/variant_asset/12003/file/medium-d18f69d319921da18940ce2e022adc68.webp 900w, https://assets.fabulous.ch/public/variant_asset/12003/file/large-a729aff97f143cd00e552c0f016509d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12003/file/medium-d18f69d319921da18940ce2e022adc68.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">Urtekram</p>
          <a href="/en/products/nourishing-conditioner-coconut-organic-180-ml-22596">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nourishing Conditioner Coconut Organic, 180 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22596&quot;],&quot;content_name&quot;:&quot;Nourishing Conditioner Coconut Organic, 180 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22596&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ce0Opqpp-tu-SpK7FonyduLC1Ea_8wIHhhs7s76qbJ9WVObh4fbeCxUouTjp58tuv4iu69mkFQhdxIRfPKSXhw" />
    <input value="22596" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fmounthagen%3Fformat%3Dturbo_stream%26page%3D204">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/nourishing-cream-deodorant-coconut-organic-50-ml-22597">
          <img alt="Nourishing Cream Deodorant Coconut Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12004/file/small-7b81e73de7d3c114092f34af96ca49cf.webp 600w, https://assets.fabulous.ch/public/variant_asset/12004/file/medium-9e078ba96e1b8f2e061fb56a0fceda98.webp 900w, https://assets.fabulous.ch/public/variant_asset/12004/file/large-140052d39e19a997bcf23ea8772bb387.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12004/file/medium-9e078ba96e1b8f2e061fb56a0fceda98.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">Urtekram</p>
          <a href="/en/products/nourishing-cream-deodorant-coconut-organic-50-ml-22597">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nourishing Cream Deodorant Coconut Organic, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22597&quot;],&quot;content_name&quot;:&quot;Nourishing Cream Deodorant Coconut Organic, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22597&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EV28lHHL4wYLPkozTy6_zpNuFC-ibfJz4IzZsMJGBbtO5FTTOlTH1qBcYbCwQIbWziRugsQ65Xw7U2ZcQEj-ow" />
    <input value="22597" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fmounthagen%3Fformat%3Dturbo_stream%26page%3D204">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/nourishing-shampoo-coconut-organic-250-ml-22598">
          <img alt="Nourishing Shampoo Coconut Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12005/file/small-6ab01106d131f3b0524842bf3f95c87e.webp 600w, https://assets.fabulous.ch/public/variant_asset/12005/file/medium-3d32cc01a7151049254ff2854121c7e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/12005/file/large-c802e6be30da99b2e089bdbff5f1769d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12005/file/medium-3d32cc01a7151049254ff2854121c7e4.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">Urtekram</p>
          <a href="/en/products/nourishing-shampoo-coconut-organic-250-ml-22598">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nourishing Shampoo Coconut Organic, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22598&quot;],&quot;content_name&quot;:&quot;Nourishing Shampoo Coconut Organic, 250 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22598&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DJZ7gDo-jekqYxZHY41jaaW5yp4hicXNXOhHmPL2LjdTL5PHcaGpOYEBPcSc41px-POwM0fe0sKHN_h0cPjVLw" />
    <input value="22598" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fmounthagen%3Fformat%3Dturbo_stream%26page%3D204">
    <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="/en/products/walnuts-switzerland-wild-raw-250-g-22599">
          <img alt="Walnuts Switzerland Wild Raw" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12006/file/small-86cddd1dcefe3f46f6be5eee92ef352f.webp 600w, https://assets.fabulous.ch/public/variant_asset/12006/file/medium-a247404c78985101f8d6601e6b92f178.webp 900w, https://assets.fabulous.ch/public/variant_asset/12006/file/large-e455124ef9123c105a169a51a88f6570.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12006/file/medium-a247404c78985101f8d6601e6b92f178.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">Naturkostbar</p>
          <a href="/en/products/walnuts-switzerland-wild-raw-250-g-22599">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Walnuts Switzerland Wild Raw, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22599&quot;],&quot;content_name&quot;:&quot;Walnuts Switzerland Wild Raw, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22599&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kbjEQMzh_OOm1fwNtKvwDTkgmW9S-EbrXqy0KnUm6Z_OASwHh37YMw23145LxckVZGrjwjSvUeSFcwvG9ygShw" />
    <input value="22599" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fmounthagen%3Fformat%3Dturbo_stream%26page%3D204">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/moisturizing-shower-gel-coconut-organic-500-ml-22600">
          <img alt="Moisturizing Shower Gel Coconut Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12007/file/small-a4febe361f8e1e4e9b79d16a6bce7c32.webp 600w, https://assets.fabulous.ch/public/variant_asset/12007/file/medium-7d289e5aae405c6668e25f5242f32737.webp 900w, https://assets.fabulous.ch/public/variant_asset/12007/file/large-9f08379e6cff0c8bf05bfb54b5016807.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12007/file/medium-7d289e5aae405c6668e25f5242f32737.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">Urtekram</p>
          <a href="/en/products/moisturizing-shower-gel-coconut-organic-500-ml-22600">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Moisturizing Shower Gel Coconut Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.75
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22600&quot;],&quot;content_name&quot;:&quot;Moisturizing Shower Gel Coconut Organic, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22600&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="g1nHEfyqxvs9erfmZcR-rUD_PJICQEokPJ-llvLTOULc4C9WtzXiK5YYnGWaqke1HbVGP2QXXSvnQBp6cN3CWg" />
    <input value="22600" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fmounthagen%3Fformat%3Dturbo_stream%26page%3D204">
    <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">
    Tip
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/amaretti-orange-chocolate-vegan-organic-136-g-22601">
          <img alt="Amaretti Orange &amp; Chocolate Vegan Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12009/file/small-e9375a87ce30d42e9f31b7a031e45fa3.webp 600w, https://assets.fabulous.ch/public/variant_asset/12009/file/medium-32e4ff3f4056f7ce1398805f5911f9a9.webp 900w, https://assets.fabulous.ch/public/variant_asset/12009/file/large-2c9043c63e6fc6b49bd98fc64ce5816a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12009/file/medium-32e4ff3f4056f7ce1398805f5911f9a9.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">Leibacher Biber-Manufaktur</p>
          <a href="/en/products/amaretti-orange-chocolate-vegan-organic-136-g-22601">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Amaretti Orange &amp; Chocolate Vegan Organic, 136 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22601&quot;],&quot;content_name&quot;:&quot;Amaretti Orange \u0026 Chocolate Vegan Organic, 136 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22601&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zPxQPjJ_bXsPvgXdKK9SEdGV66gAQPFLM4I8NfGTD4OTRbh5eeBJq6TcLl7XwWsJjN-RBWYX5kToXYPZc530mw" />
    <input value="22601" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fmounthagen%3Fformat%3Dturbo_stream%26page%3D204">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/chocolate-gingerbread-man-organic-100-g-22602">
          <img alt="Chocolate Gingerbread Man Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12010/file/small-2f2569358265b5f9439482f045cdf16d.webp 600w, https://assets.fabulous.ch/public/variant_asset/12010/file/medium-e8d91492e6cc6cd48837db9b7030de0a.webp 900w, https://assets.fabulous.ch/public/variant_asset/12010/file/large-c945b4425654d8e446b0aa8791a49076.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12010/file/medium-e8d91492e6cc6cd48837db9b7030de0a.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">Leibacher Biber-Manufaktur</p>
          <a href="/en/products/chocolate-gingerbread-man-organic-100-g-22602">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chocolate Gingerbread Man Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.85
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22602&quot;],&quot;content_name&quot;:&quot;Chocolate Gingerbread Man Organic, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22602&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.85,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q0v_DbR_MDmt_u1omnp6pLEPryHhqu0Vxpj6BAIpbpwc8hdK_-AU6QacxutlFEO87EXVjIf9-hodR0XogCeVhA" />
    <input value="22602" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fmounthagen%3Fformat%3Dturbo_stream%26page%3D204">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/swiss-organic-spelt-brown-flour-5-kg-5-kg-22606">
          <img alt="Spelt Brown Flour Bulk Pack BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12014/file/small-caeb4bd5beafd4e0ef9e8b05e1965e2a.webp 600w, https://assets.fabulous.ch/public/variant_asset/12014/file/medium-f8ca593f1d55ad1ff5ef9e8241a92aa3.webp 900w, https://assets.fabulous.ch/public/variant_asset/12014/file/large-ca8b956cf771ad3b5c737b2a95340fc2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12014/file/medium-f8ca593f1d55ad1ff5ef9e8241a92aa3.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">Biofarm</p>
          <a href="/en/products/swiss-organic-spelt-brown-flour-5-kg-5-kg-22606">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spelt Brown Flour Bulk Pack BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22606&quot;],&quot;content_name&quot;:&quot;Spelt Brown Flour Bulk Pack BioSuisse, 5 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22606&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:36.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_606S5pLVtQORO4ZRTdoTMhVuDrmZLyHr9tmxOmKZs6gFNIM0dRyBKUmxZq6WVFUlR_Cl4Azq4h0BNkoa4Sd1g" />
    <input value="22606" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fmounthagen%3Fformat%3Dturbo_stream%26page%3D204">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    30 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/coconut-molk-barista-1-l-short-shelf-life-18-11-2026-22608">
          <img alt="Coconut Mølk Barista" 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="/en/products/coconut-molk-barista-1-l-short-shelf-life-18-11-2026-22608">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coconut Mølk Barista, 1 l (Short shelf life 18.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.95</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.75</span>
            </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-22608-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22608&quot;],&quot;content_name&quot;:&quot;Coconut Mølk Barista, 1 l (Short shelf life 18.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22608&quot;,&quot;quantity&quot;:8}],&quot;value&quot;:22.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="21TjHgG7aYWQPfm2zWVjTORUgW2xoa4c5hTljjTApM6E7QtZSiRNVTtf0jUyC1pUuR77wNf2uRM9y1pits5f1g" />
    <input value="22608" type="hidden" name="variant_id" id="variant_id" />
    <input value="8" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fmounthagen%3Fformat%3Dturbo_stream%26page%3D204">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/dark-chocolate-coconut-cream-organic-250-g-short-shelf-life-04-12-2026-22609">
          <img alt="Dark Chocolate Coconut Cream Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7125/file/small-21daf745d704ed37e81be59abd373da1.webp 600w, https://assets.fabulous.ch/public/variant_asset/7125/file/medium-77231b4655bf3d29c713598f8fbc9403.webp 900w, https://assets.fabulous.ch/public/variant_asset/7125/file/large-7e5a6de86012123269a93c6b2c1fe167.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7125/file/medium-77231b4655bf3d29c713598f8fbc9403.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">Rapunzel</p>
          <a href="/en/products/dark-chocolate-coconut-cream-organic-250-g-short-shelf-life-04-12-2026-22609">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dark Chocolate Coconut Cream Organic, 250 g (Short shelf life 04.12.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.45</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.35</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22609&quot;],&quot;content_name&quot;:&quot;Dark Chocolate Coconut Cream Organic, 250 g (Short shelf life 04.12.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22609&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.35,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="u927156jqpyo_mldjZ1ck4tdxI6AWABAT85WCs0JLyDkZFOQ1TyOTAOcQt5y82WL1he-I-YPF0-UEenmTwfUOA" />
    <input value="22609" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fmounthagen%3Fformat%3Dturbo_stream%26page%3D204">
    <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">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/tempeh-yellow-soybeans-dehulled-and-split-organic-bio-suisse-1-kg-22610">
          <img alt="Tempeh yellow soybeans, dehulled and split Organic (Bio Suisse)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12015/file/small-7ff3c86da213e64dfe0c7eb023f2a0d2.webp 600w, https://assets.fabulous.ch/public/variant_asset/12015/file/medium-35ba4f34cdad6f08867c11e4d3ab2f26.webp 900w, https://assets.fabulous.ch/public/variant_asset/12015/file/large-e396e1e452a4e65a1ac41dbd940135a7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12015/file/medium-35ba4f34cdad6f08867c11e4d3ab2f26.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">Tempeh bagus</p>
          <a href="/en/products/tempeh-yellow-soybeans-dehulled-and-split-organic-bio-suisse-1-kg-22610">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tempeh yellow soybeans, dehulled and split Organic (Bio Suisse), 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.40
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/en/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Notify me
</a>

      </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">
      4&#39;076 of 4&#39;076 products
    </p>
  </div>
</div>

</template></turbo-stream>