<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%3D8">
    <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="95m6cfd3RnABjj_eMNOg0vNsS_6qDu7at1oJ4-LLk1t0W-zDcMGWKEnV37iZuCdtA1jfcPyehrbdWWEz1vXeQw" />
    <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%3D8">
    <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="CNPGwoaFlq9-ld7N0_lajTy-3-TMbTviwcQRagv-E7qLEZBwATNG9zbOPqt6kt0yzIpLapr9U46rx3m6P8Beog" />
    <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%3D8">
    <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="tq0Bo7LSWs13KGR8iQojBbLG3pLojiz8Va71XBPqG_Q1b1cRNWSKlT9zhBogYaS6QvJKHL4eRJA_rZ2MJ9RW7A" />
    <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%3D8">
    <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="jmJeWAJ67msDP9BQ_lfFOx--smrKSq8_xI0qyKqDOyMNoAjqhcw-M0tkMDZXPEKE74om5Jzax1OujkIYnr12Ow" />
    <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%3D8">
    <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/oat-block-vegan-alternative-to-butter-organic-250-g-9157">
          <img alt="Oat Block Vegan Alternative to Butter Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5200/file/small-8b343fba05f7137ac518a7a6a5d225ec.webp 600w, https://assets.fabulous.ch/public/variant_asset/5200/file/medium-185b5b7b353ca64753a7c765a6e6f35a.webp 900w, https://assets.fabulous.ch/public/variant_asset/5200/file/large-3f25376ab7bcde3397bee53d332faf15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5200/file/medium-185b5b7b353ca64753a7c765a6e6f35a.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">the vegan cow</p>
          <a href="/en/products/oat-block-vegan-alternative-to-butter-organic-250-g-9157">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oat Block Vegan Alternative to Butter Organic, 250 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="Critical refrigeration required">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.12 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9157&quot;],&quot;content_name&quot;:&quot;Oat Block Vegan Alternative to Butter Organic, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9157&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="yZHBZZOsGUvropSurdQhtwcpCCTSG_u6hR0NcRegVn1KU5fXFBrJE6P5dMgEv6YI9x2cqoSLk9bvHmWhI54bZQ" />
    <input value="9157" 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%3D8">
    <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/natural-tempeh-organic-200-g-17199">
          <img alt="Natural Tempeh Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8025/file/small-4e9e60d12c958a290cf590a565dc4da7.webp 600w, https://assets.fabulous.ch/public/variant_asset/8025/file/medium-cc7d0845e860b07401d7638b39ccf839.webp 900w, https://assets.fabulous.ch/public/variant_asset/8025/file/large-14dbdf28579f4b55f925e86cfd745430.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8025/file/medium-cc7d0845e860b07401d7638b39ccf839.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/natural-tempeh-organic-200-g-17199">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Natural Tempeh Organic, 200 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 2.65 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17199&quot;],&quot;content_name&quot;:&quot;Natural Tempeh Organic, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17199&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="rcmH4QuU9HZmICiB7mAKdOoeUjpFbkFR4NA0v4qPwIcuC9FTjCIkLi57yOdHC43LGirGtBP-KT2K01xvvrGNnw" />
    <input value="17199" 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%3D8">
    <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="_YuzGNauA_GLQDFN_q-tuDM0RL-K2l59S_lLpBmWJ6d-SeWqURjTqcMb0StXxCoHwwDQMdxKNhEh-iN0Lahqvw" />
    <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%3D8">
    <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="v2oemZA9UNRkfyMmB4DeFoa_qQvEx8TeJCpvcm8NWog8qEgrF4uAjCwkw0Cu61mpdos9hZJXrLJOKQeiWzMXkA" />
    <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%3D8">
    <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/oat-mango-maracuja-vegan-alternative-to-yoghurt-organic-275-g-9923">
          <img alt="Oat Mango Maracuja Vegan Alternative to Yoghurt Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5467/file/small-d718409170247d03358fceb67e133582.webp 600w, https://assets.fabulous.ch/public/variant_asset/5467/file/medium-ea0fee750e155e97b8f24a45d95cd709.webp 900w, https://assets.fabulous.ch/public/variant_asset/5467/file/large-2767380d3bd0b35cf82682cdeaa13883.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5467/file/medium-ea0fee750e155e97b8f24a45d95cd709.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/oat-mango-maracuja-vegan-alternative-to-yoghurt-organic-275-g-9923">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oat Mango Maracuja Vegan Alternative to Yoghurt Organic, 275 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </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 1.64 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9923&quot;],&quot;content_name&quot;:&quot;Oat Mango Maracuja Vegan Alternative to Yoghurt Organic, 275 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9923&quot;,&quot;quantity&quot;:3}],&quot;value&quot;:13.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="25iiriW2WKaPSh24UGyOQRzjwqH5iRU1kZKDlCIEfi9YWvQcogCI_scR_d75Bwn-7NdWL68ZfVn7ketEFjozNw" />
    <input value="9923" type="hidden" name="variant_id" id="variant_id" />
    <input value="3" 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%3D8">
    <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="qoLcoGcIHfaiFA6v0SWibkVfbk6kBnFDeA9UOPoENFwpQIoS4L7NrupP7sl4TiXRtWv6wPKWGS8SDDzozjp5RA" />
    <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 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%3D8">
    <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="HDxKUyvbVx5cdRHcIpbTP-dNVFeAaSTm4EAdx2Z_UXGf_hzhrG2HRhQu8bqL_VSAF3nA2db5TIqKQ3UXUkEcaQ" />
    <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  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%3D8">
    <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="EqleXbrlKL75NJ93eyGBTvW7Le58x3qSbRVRfDcZdeKRawjvPVP45rFvfxHSSgbxBY-5YCpXEv4HFjmsAyc4-g" />
    <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 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%3D8">
    <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="1rmbg-EKt1K5Y0DqEyIFFp7MmXcG7OASWQRkenZLUAhVe80xZrxnCvE4oIy6SYKpbvgN-VB8iH4zBwyqQnUdEA" />
    <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  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%3D8">
    <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="BGcIs7rlyLe0SvIwvvxo-gat-2ByAa7mTuFLAFYr5gOHpV4BPVMY7_wRElYXl-9F9plv7iSRxook4iPQYhWrGw" />
    <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 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%3D8">
    <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="gUfku_qNMODj1UWkbXDPIYUeO8sccesVRNbP6aPxr_AChbIJfTvguKuOpcLEG0iedSqvRUrhg3ku1ac5l8_i6A" />
    <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  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%3D8">
    <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="cEggvmjwIzQ4ZmNe9XRKIEHCTlMUEu0bIqGtrwQlZJjzinYM70bzbHA9gzhcH82fsfba3UKChXdIosV_MBspgA" />
    <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 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%3D8">
    <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="Y2NEHSEkdewJTtZWURFedxNZmaxzdCCidcwcFGEW3pbgoRKvppKltEEVNjD4etnI420NIiXkSM4fz3TEVSiTjg" />
    <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  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%3D8">
    <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="U8n6RzVurXuLTWSJixBMLgC0-Oy2lgRUdQGUru442ZrQC6z1sth9I8MWhO8ie8uR8IBsYuAGbDgfAvx-2gaUgg" />
    <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 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%3D8">
    <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="EholpO4kMFhBwSSfq0BziFldIGXn7o3onPiFQd1jjBGR2HMWaZLgAAmaxPkCK_Q3qWm067F-5YT2--2R6V3BCQ" />
    <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>


  

  <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%3D8">
    <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-grain-free-feast-for-dogs-395-g-16948">
          <img alt="Benevo Grain-Free Feast for Dogs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7913/file/small-2efda9e1b00d83323ef4b6003d864418.webp 600w, https://assets.fabulous.ch/public/variant_asset/7913/file/medium-9c525aed40e805a7aae608ba8d4d8d59.webp 900w, https://assets.fabulous.ch/public/variant_asset/7913/file/large-e02409d05e9e7835827976a85e5e51a3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7913/file/medium-9c525aed40e805a7aae608ba8d4d8d59.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-grain-free-feast-for-dogs-395-g-16948">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Benevo Grain-Free Feast for Dogs, 395 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 1.19 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16948&quot;],&quot;content_name&quot;:&quot;Benevo Grain-Free Feast for Dogs, 395 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16948&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="6aurHOZNoDoVTO73Gcsl8RO_-c6VKKnxEK9V8dM1AHhqaf2uYftwYl0XDpGwoKJO44ttQMO4wZ16rD0h5wtNYA" />
    <input value="16948" 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">
      160 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=9">Show more</a>
  </div>
</div>

</template></turbo-stream>