<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%2Fmarsel-delights%3Fformat%3Dturbo_stream%26page%3D13">
    <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/vegan-scrambled-eggs-with-bacon-substitute-organic-50-g-14971">
          <img alt="Vegan Scrambled Eggs with Bacon Substitute Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6860/file/small-0d22aa06da56dd673acd7a8310e82b50.webp 600w, https://assets.fabulous.ch/public/variant_asset/6860/file/medium-5abfe1f28f84c78ef365e31f0d9378c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/6860/file/large-fd0218c94ac196ab0183228beebf4e53.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6860/file/medium-5abfe1f28f84c78ef365e31f0d9378c8.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="/en/products/vegan-scrambled-eggs-with-bacon-substitute-organic-50-g-14971">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegan Scrambled Eggs with Bacon Substitute Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14971&quot;],&quot;content_name&quot;:&quot;Vegan Scrambled Eggs with Bacon Substitute Organic, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14971&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="V61JPBHmAJ3KutOw8grPDzTE_0KQL-eKCiuxCj6w5E57g1wNS9Kad7CVanmmdXS2suyrzB3kjADIM0wtCZSg7g" />
    <input value="14971" 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%2Fmarsel-delights%3Fformat%3Dturbo_stream%26page%3D13">
    <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/vegan-bacon-substitute-100-plant-based-organic-10-g-14970">
          <img alt="Vegan Bacon Substitute 100% Plant-Based Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6858/file/small-39e33875b304b98ecdaeb1837b56c65f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6858/file/medium-488f92fe842eaf7a8eba20010be6f3c7.webp 900w, https://assets.fabulous.ch/public/variant_asset/6858/file/large-1a1e9315e73d2da5bc2b254f12893c8b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6858/file/medium-488f92fe842eaf7a8eba20010be6f3c7.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="/en/products/vegan-bacon-substitute-100-plant-based-organic-10-g-14970">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegan Bacon Substitute 100% Plant-Based Organic, 10 g</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 39.50 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14970&quot;],&quot;content_name&quot;:&quot;Vegan Bacon Substitute 100% Plant-Based Organic, 10 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14970&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9ZzdPggTp4SLOgcVcexCyQbUQ4MSvmO5L_fTAUFPt2jZssgPUic9bvEVvtwlk_lwgPwXDZ91CDPt7y4mdmvzyA" />
    <input value="14970" 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%2Fmarsel-delights%3Fformat%3Dturbo_stream%26page%3D13">
    <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/vegan-alternative-to-scrambled-egg-organic-50-g-9152">
          <img alt="Vegan Alternative to Scrambled Egg Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5197/file/small-62d37b78ed57a748db36122c87b56340.webp 600w, https://assets.fabulous.ch/public/variant_asset/5197/file/medium-6fbefd5c47c66b5302e03dce37a3ff38.webp 900w, https://assets.fabulous.ch/public/variant_asset/5197/file/large-bff8a7b82bcfbaafc2739bb5b461b2b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5197/file/medium-6fbefd5c47c66b5302e03dce37a3ff38.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="/en/products/vegan-alternative-to-scrambled-egg-organic-50-g-9152">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegan Alternative to Scrambled Egg Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9152&quot;],&quot;content_name&quot;:&quot;Vegan Alternative to Scrambled Egg Organic, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9152&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="12mOxWCCxYshE9hp38v_k671GUw5UZjs4IPpnxX8ET37R5v0OrZfYVs8YaCLtEQqKN1NwrSa82YimxS4IthVnQ" />
    <input value="9152" 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%2Fmarsel-delights%3Fformat%3Dturbo_stream%26page%3D13">
    <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/veggiemix-goldnuggets-organic-180-g-9258">
          <img alt="VeggieMix Goldnuggets Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11542/file/small-7ad476aab2d2b758231b06bcb4a11684.webp 600w, https://assets.fabulous.ch/public/variant_asset/11542/file/medium-d6c3f89173def5dfb804a7715389be70.webp 900w, https://assets.fabulous.ch/public/variant_asset/11542/file/large-8e4bbe5c372f52ea41dd4be910c73e57.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11542/file/medium-d6c3f89173def5dfb804a7715389be70.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/en/products/veggiemix-goldnuggets-organic-180-g-9258">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">VeggieMix Goldnuggets Organic, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9258&quot;],&quot;content_name&quot;:&quot;VeggieMix Goldnuggets Organic, 160 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9258&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b4PN1Oy20U17qq3tE6iTKsBQkNj5RfR_GAjsnAIsoRpDrdjltoJLpwGFFCRH1yiTRnjEVnSOn_XaEBG7NQjlug" />
    <input value="9258" 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%2Fmarsel-delights%3Fformat%3Dturbo_stream%26page%3D13">
    <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/indonesian-crispy-onions-organic-75-g-11913">
          <img alt="Indonesian Crispy Onions Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6071/file/small-03f6387908d6e21ea5696c8ac5aa5e45.webp 600w, https://assets.fabulous.ch/public/variant_asset/6071/file/medium-a9882a71ae8046eafb852a387d063559.webp 900w, https://assets.fabulous.ch/public/variant_asset/6071/file/large-a7f1aaf05daa5effe05c561566b32f1e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6071/file/medium-a9882a71ae8046eafb852a387d063559.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Terrasana</p>
          <a href="/en/products/indonesian-crispy-onions-organic-75-g-11913">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Indonesian Crispy Onions Organic, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11913&quot;],&quot;content_name&quot;:&quot;Indonesian Crispy Onions Organic, 75 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11913&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cu_xNz6G_xuXHwUFpQQZnJ1FxdAGdrfaJB0syaXqGhFeweQGZLJl8e0wvMzxe6IlG22RXou93FDmBdHuks5esQ" />
    <input value="11913" 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%2Fmarsel-delights%3Fformat%3Dturbo_stream%26page%3D13">
    <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/tofu-marinade-organic-130-ml-11844">
          <img alt="Tofu Marinade Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6047/file/small-cc6a849e11125f0064cf3744eab6d763.webp 600w, https://assets.fabulous.ch/public/variant_asset/6047/file/medium-81af6a69461ec783cd1f7395a84797c4.webp 900w, https://assets.fabulous.ch/public/variant_asset/6047/file/large-6e9f307e0956091961c82bdc898af9ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6047/file/medium-81af6a69461ec783cd1f7395a84797c4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Arche</p>
          <a href="/en/products/tofu-marinade-organic-130-ml-11844">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu Marinade Organic, 130 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11844&quot;],&quot;content_name&quot;:&quot;Tofu Marinade Organic, 130 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11844&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qWdidCsBgUnWCM6iLqZDPTjbpxVuexw5xSYiZB0fxfKFSXdFcTUbo6wnd2t62fiEvvPzm-Owd7MHPt9DKjuBUg" />
    <input value="11844" 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%2Fmarsel-delights%3Fformat%3Dturbo_stream%26page%3D13">
    <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/yeast-flakes-shaker-can-150-g-98">
          <img alt="Yeast Flakes (Shaker Can)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/108/file/small-f65b91f00d1a8406c0c438b1a67efae2.webp 600w, https://assets.fabulous.ch/public/variant_asset/108/file/medium-fb85950a34be0472e990807352ebb517.webp 900w, https://assets.fabulous.ch/public/variant_asset/108/file/large-0ed1691d7e885c37327be04597be132c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/108/file/medium-fb85950a34be0472e990807352ebb517.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="/en/products/yeast-flakes-shaker-can-150-g-98">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Yeast Flakes (Shaker Can), 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;98&quot;],&quot;content_name&quot;:&quot;Yeast Flakes (Shaker Can), 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;98&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a7VmwBfxZ9HyYE1iV_Mniu8-0wGtyMojuD5bFPCsyvVHm3PxTcX9O4hP9KsDjJwzaRaHjyADoal6JqYzx4iOVQ" />
    <input value="98" 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%2Fmarsel-delights%3Fformat%3Dturbo_stream%26page%3D13">
    <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/lupine-tempeh-wild-herbs-organic-170-g-17201">
          <img alt="Lupine Tempeh Wild Herbs Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8028/file/small-23cb8cdc8ea94617af95bed0ca09fd55.webp 600w, https://assets.fabulous.ch/public/variant_asset/8028/file/medium-06d29686d72f19e4cebc9de77ee57475.webp 900w, https://assets.fabulous.ch/public/variant_asset/8028/file/large-413a19300604c8bd054f788c56f0918a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8028/file/medium-06d29686d72f19e4cebc9de77ee57475.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">Tempehmanufaktur</p>
          <a href="/en/products/lupine-tempeh-wild-herbs-organic-170-g-17201">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lupine Tempeh Wild Herbs Organic, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

              <div class="size-8 text-blue-300" title="Refrigeration required">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.12 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17201&quot;],&quot;content_name&quot;:&quot;Lupine Tempeh Wild Herbs Organic, 170 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17201&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PRngtbn7VuGNo68V2wtT1PdBe2dGJZ1kHa7ccmCqvg4RN_WE48_MC_eMFtyPdOhtcWkv6cvu9u7ftiFVV476rg" />
    <input value="17201" 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%2Fmarsel-delights%3Fformat%3Dturbo_stream%26page%3D13">
    <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/violife-greek-white-150-g-11082">
          <img alt="Violife Greek White" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5671/file/small-d681a73a2bfccf40582772905100132a.webp 600w, https://assets.fabulous.ch/public/variant_asset/5671/file/medium-bb5e8dc8023121656c2360267e877082.webp 900w, https://assets.fabulous.ch/public/variant_asset/5671/file/large-298b8dc59146a9e1b5c613302b54362a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5671/file/medium-bb5e8dc8023121656c2360267e877082.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">Violife</p>
          <a href="/en/products/violife-greek-white-150-g-11082">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Violife Greek White, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

              <div class="size-8 text-blue-300" title="Refrigeration required">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.30 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11082&quot;],&quot;content_name&quot;:&quot;Violife Greek White, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11082&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="02iiihxkDYJRmhFd7fiUZRFY4nuof8kCTWEzYh-ini3_Rre7RlCXaCu1qJS5hy_cl3C29SW0ooiPec5FKIbajQ" />
    <input value="11082" 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%2Fmarsel-delights%3Fformat%3Dturbo_stream%26page%3D13">
    <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/violife-slices-vegan-alternative-to-cheddar-140-g-1006">
          <img alt="Violife Slices Vegan Alternative to Cheddar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/881/file/small-15d0951a4e0204340c9aee44b91b05bc.webp 600w, https://assets.fabulous.ch/public/variant_asset/881/file/medium-a0017a97ff2ca3853cc0964edd549d8f.webp 900w, https://assets.fabulous.ch/public/variant_asset/881/file/large-32499c95a2d9993392c0ea6240849206.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/881/file/medium-a0017a97ff2ca3853cc0964edd549d8f.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">Violife</p>
          <a href="/en/products/violife-slices-vegan-alternative-to-cheddar-140-g-1006">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Violife Slices Vegan Alternative to Cheddar, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

              <div class="size-8 text-blue-300" title="Refrigeration required">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.93 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1006&quot;],&quot;content_name&quot;:&quot;Violife Slices Vegan Alternative to Cheddar, 140 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1006&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hk-ybWTU1wlT27XeQeqx3au7p_O5S5-8uUcNO1fZQduqYadcPuBN4yn0DBcVlQpkLZPzfTSA9DZ7X_AcYP0Few" />
    <input value="1006" 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%2Fmarsel-delights%3Fformat%3Dturbo_stream%26page%3D13">
    <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/coconut-milk-with-yoghurt-cultures-mango-maracuja-organic-125-g-1488">
          <img alt="Coconut Milk with Yoghurt Cultures Mango &amp; Maracuja Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1210/file/small-92780545123d971971b11a86d0a702a9.webp 600w, https://assets.fabulous.ch/public/variant_asset/1210/file/medium-654bdbea5af3bd676c24d1256cee44fb.webp 900w, https://assets.fabulous.ch/public/variant_asset/1210/file/large-7762abf2e009ea1413dd8b9be8181840.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1210/file/medium-654bdbea5af3bd676c24d1256cee44fb.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">Harvest Moon</p>
          <a href="/en/products/coconut-milk-with-yoghurt-cultures-mango-maracuja-organic-125-g-1488">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coconut Milk with Yoghurt Cultures Mango &amp; Maracuja Organic, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

              <div class="size-8 text-blue-300" title="Refrigeration required">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.72 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1488&quot;],&quot;content_name&quot;:&quot;Coconut Milk with Yoghurt Cultures Mango \u0026 Maracuja Organic, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1488&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cSHZ-gDmgkPvZSRJ88vtVVLxGz_IJa0qLrq_dZjPNHpdD8zLWtIYqZVKnYCntFbs1NlPsUXuxqDsokJSr-tw2g" />
    <input value="1488" 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%2Fmarsel-delights%3Fformat%3Dturbo_stream%26page%3D13">
    <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">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vegan-jerky-hot-spicy-primal-spirit-28-g-15827">
          <img alt="Vegan Jerky Hot &amp; Spicy - Primal Spirit" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7230/file/small-2a1f46dbab43233a24b495a2f6be12dd.webp 600w, https://assets.fabulous.ch/public/variant_asset/7230/file/medium-bfa16ee85c295813b5a074931422fc55.webp 900w, https://assets.fabulous.ch/public/variant_asset/7230/file/large-e2d3eaa18da9b0d50b5e2676b3bb6d56.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7230/file/medium-bfa16ee85c295813b5a074931422fc55.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">Primal Spirit</p>
          <a href="/en/products/vegan-jerky-hot-spicy-primal-spirit-28-g-15827">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegan Jerky Hot &amp; Spicy - Primal Spirit, 28 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.30</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 1.65</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15827&quot;],&quot;content_name&quot;:&quot;Vegan Jerky Hot \u0026 Spicy - Primal Spirit, 28 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15827&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.65,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nYBn5KYMpajBmGG32N-3P9k8XPoa8ui75gS_qXlknxaxrnLV_Dg_Qru32H6MoAyGXxQIdJc5gzEkHEKOTkDbtg" />
    <input value="15827" 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%2Fmarsel-delights%3Fformat%3Dturbo_stream%26page%3D13">
    <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/dog-daily-dental-chews-peanut-butter-peppermint-100-g-14574">
          <img alt="Dog Daily Dental Chews peanut butter peppermint" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6746/file/small-bbb1eccd560b583860e69224c0a83f80.webp 600w, https://assets.fabulous.ch/public/variant_asset/6746/file/medium-8909b2130f6d391724fcb17cdf473543.webp 900w, https://assets.fabulous.ch/public/variant_asset/6746/file/large-cfe36e271e1184cca127e22d2851145c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6746/file/medium-8909b2130f6d391724fcb17cdf473543.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">Denzel&#39;s</p>
          <a href="/en/products/dog-daily-dental-chews-peanut-butter-peppermint-100-g-14574">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dog Daily Dental Chews peanut butter peppermint, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14574&quot;],&quot;content_name&quot;:&quot;Dog Daily Dental Chews peanut butter peppermint, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14574&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cnzDvgMWqKz6AX3kNzIXJE-fKbbEEbjs6qg4et5vK6heUtaPWSIyRoAuxC1jTaydybd9OEna02YosMVd6UtvCA" />
    <input value="14574" 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%2Fmarsel-delights%3Fformat%3Dturbo_stream%26page%3D13">
    <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/benevo-chew-sticks-peanut-apple-cinnamon-pawtato-sticks-120-g-16920">
          <img alt="Benevo Chew Sticks Peanut, Apple &amp; Cinnamon Pawtato Sticks" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7893/file/small-f8e791d86dc651ba7c986aef587bd50e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7893/file/medium-a19b28185c1234ba3642198cf2e6c6d4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7893/file/large-f52f6c29e7d49477cf2febf04b573e9f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7893/file/medium-a19b28185c1234ba3642198cf2e6c6d4.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">Benevo</p>
          <a href="/en/products/benevo-chew-sticks-peanut-apple-cinnamon-pawtato-sticks-120-g-16920">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Benevo Chew Sticks Peanut, Apple &amp; Cinnamon Pawtato Sticks, 120 g</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 3.29 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16920&quot;],&quot;content_name&quot;:&quot;Benevo Chew Sticks Peanut, Apple \u0026 Cinnamon Pawtato Sticks, 120 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16920&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="unE5F0ihBP6D7KpmySBBGxrcreTsskn58Hxn_V241vyWXywmEpWeFPnDE6-dX_qinPT5amF5InMyZJraapySXA" />
    <input value="16920" 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%2Fmarsel-delights%3Fformat%3Dturbo_stream%26page%3D13">
    <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/moo-free-cookie-crunch-bar-35-g-14272">
          <img alt="Moo Free Cookie Crunch Bar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6662/file/small-8522b4a5be6e4003161ce7ebd2dee07e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6662/file/medium-931725faaee02f5b4fb88cc372b98915.webp 900w, https://assets.fabulous.ch/public/variant_asset/6662/file/large-e4b8db6b4dc0b2b260cc1b8d12b484a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6662/file/medium-931725faaee02f5b4fb88cc372b98915.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">Moo Free Chocolates</p>
          <a href="/en/products/moo-free-cookie-crunch-bar-35-g-14272">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Moo Free Cookie Crunch Bar, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14272&quot;],&quot;content_name&quot;:&quot;Moo Free Cookie Crunch Bar, 35 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14272&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jxBVXjqsqG8muje-ImzCLVoIk52LkXNBlWPUGautzwCjPkBvYJgyhVyVjnd2E3mU3CDHEwZaGMtXeyk-nImLoA" />
    <input value="14272" 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%2Fmarsel-delights%3Fformat%3Dturbo_stream%26page%3D13">
    <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/moo-free-chocolate-bar-with-crunchy-biscuit-balls-35-g-14269">
          <img alt="Moo Free Chocolate Bar with Crunchy Biscuit Balls" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6661/file/small-80d44b5a8579e504bd58e7b44e1f0f20.webp 600w, https://assets.fabulous.ch/public/variant_asset/6661/file/medium-d84c30d614dbd3c378383cb9837bceed.webp 900w, https://assets.fabulous.ch/public/variant_asset/6661/file/large-eab399ec84c3ff6306e47815a5635569.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6661/file/medium-d84c30d614dbd3c378383cb9837bceed.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">Moo Free Chocolates</p>
          <a href="/en/products/moo-free-chocolate-bar-with-crunchy-biscuit-balls-35-g-14269">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Moo Free Chocolate Bar with Crunchy Biscuit Balls, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14269&quot;],&quot;content_name&quot;:&quot;Moo Free Chocolate Bar with Crunchy Biscuit Balls, 35 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14269&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WdCPeZt74DZb4ifq7Zu_Zh9f0eLke02gIWr5CHZTa4t1_ppIwU963CHNniO55ATfmXeFbGmwJirjcgQvQXcvKw" />
    <input value="14269" 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%2Fmarsel-delights%3Fformat%3Dturbo_stream%26page%3D13">
    <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/dj-a-crispy-broccoli-florets-25-g-15864">
          <img alt="DJ&amp;A Crispy Broccoli Florets" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7266/file/small-4e17d5db35f15a21358a9d7c07ce3198.webp 600w, https://assets.fabulous.ch/public/variant_asset/7266/file/medium-c2e6b16b35599da0f1984c37c7f4a1fb.webp 900w, https://assets.fabulous.ch/public/variant_asset/7266/file/large-d09dc15a1892f0d73a930287aea2c202.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7266/file/medium-c2e6b16b35599da0f1984c37c7f4a1fb.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">DJ&amp;A</p>
          <a href="/en/products/dj-a-crispy-broccoli-florets-25-g-15864">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">DJ&amp;A Crispy Broccoli Florets, 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15864&quot;],&quot;content_name&quot;:&quot;DJ\u0026A Crispy Broccoli Florets, 25 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15864&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w2nhIOJLf5W6H_ys7qJ0EcMepAydJbA6sY8qu4ppw9bvR_QRuH_lf8AwRWW63c-oRTbwghDu27Bzl9ecvU2Hdg" />
    <input value="15864" 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%2Fmarsel-delights%3Fformat%3Dturbo_stream%26page%3D13">
    <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/vegan-marshmallows-dandies-chocolate-105-g-12489">
          <img alt="Vegan Marshmallows Dandies Chocolate" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9093/file/small-ff441dc4c1206ad7f7a3d59609765ce2.webp 600w, https://assets.fabulous.ch/public/variant_asset/9093/file/medium-10a20379c13781f947c7ac1416bdfa4e.webp 900w, https://assets.fabulous.ch/public/variant_asset/9093/file/large-f37f4460b8a6a3d71efe88d5a66a2ced.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9093/file/medium-10a20379c13781f947c7ac1416bdfa4e.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">Dandies Vegan Marshmallows</p>
          <a href="/en/products/vegan-marshmallows-dandies-chocolate-105-g-12489">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegan Marshmallows Dandies Chocolate, 105 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.71 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12489&quot;],&quot;content_name&quot;:&quot;Vegan Marshmallows Dandies Chocolate, 105 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12489&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YDG-TYzOoeZBE94Rb39wZMMAj6FnYXex9XKehuOVZkBMH6t81vo7DDs8Z9g7AMvdRSjbL-qqHDs3amOh1LEi4A" />
    <input value="12489" 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%2Fmarsel-delights%3Fformat%3Dturbo_stream%26page%3D13">
    <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/vegan-mini-marshmallows-dandies-maple-syrup-105-g-12490">
          <img alt="Vegan Mini Marshmallows Dandies Maple Syrup" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9097/file/small-dbedba918153c13e3cd6c142e8f78352.webp 600w, https://assets.fabulous.ch/public/variant_asset/9097/file/medium-3712698bb9b3682efd4da5423d506858.webp 900w, https://assets.fabulous.ch/public/variant_asset/9097/file/large-92ac7da8a274223cb1281ec60f82b232.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9097/file/medium-3712698bb9b3682efd4da5423d506858.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">Dandies Vegan Marshmallows</p>
          <a href="/en/products/vegan-mini-marshmallows-dandies-maple-syrup-105-g-12490">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegan Mini Marshmallows Dandies Maple Syrup, 105 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.71 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12490&quot;],&quot;content_name&quot;:&quot;Vegan Mini Marshmallows Dandies Maple Syrup, 105 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12490&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Zo2jNETic_qpzaTSG_cm-N1_p7-E0_zPUePt3e5o4WRKo7YFHtbpENPiHRtPiJ1BW1fzMQkYl0WT-xD62UylxA" />
    <input value="12490" 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%2Fmarsel-delights%3Fformat%3Dturbo_stream%26page%3D13">
    <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/caramelised-red-onion-chutney-195-g-8320">
          <img alt="Caramelised Red Onion Chutney" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4891/file/small-d5f1dd886e79629ba0f0aad5a6c15073.webp 600w, https://assets.fabulous.ch/public/variant_asset/4891/file/medium-f3aee153a6eab45ac9956ff07957b71c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4891/file/large-ae31cf9a0a54b8a4d3bd0e8158ae6c07.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4891/file/medium-f3aee153a6eab45ac9956ff07957b71c.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">Shaws</p>
          <a href="/en/products/caramelised-red-onion-chutney-195-g-8320">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Caramelised Red Onion Chutney, 195 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;8320&quot;],&quot;content_name&quot;:&quot;Caramelised Red Onion Chutney, 195 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;8320&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="M60pKlrHK0_N6xk50vFM3Tl6j3to48xkLDnuW1ECYyIfgzwbAPOxpbfEoPCGjvdkv1Lb9eUop-7uIRN8ZiYngg" />
    <input value="8320" 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>



</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">
      260 of 4&#39;084 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/marsel-delights?format=turbo_stream&amp;page=14">Show more</a>
  </div>
</div>

</template></turbo-stream>