<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%2Fpukka%3Fformat%3Dturbo_stream%26page%3D12">
    <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/gherkins-cornichon-no-added-sugar-glas-jar-organic-370-ml-7636">
          <img alt="Gherkins (Cornichon) No Added Sugar Glas Jar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4422/file/small-35c1e314f440c422aa2c7f39ff187a19.webp 600w, https://assets.fabulous.ch/public/variant_asset/4422/file/medium-09b9e80e4b1022420af3534fe45be630.webp 900w, https://assets.fabulous.ch/public/variant_asset/4422/file/large-489bdc554d50d9e670851823efaf33a7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4422/file/medium-09b9e80e4b1022420af3534fe45be630.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">Marschland Naturkost</p>
          <a href="/en/products/gherkins-cornichon-no-added-sugar-glas-jar-organic-370-ml-7636">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gherkins (Cornichon) No Added Sugar Glas Jar Organic, 370 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7636&quot;],&quot;content_name&quot;:&quot;Gherkins (Cornichon) No Added Sugar Glas Jar Organic, 370 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7636&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="e0Wx5g8_YHVnzU3e5fbmTfYmAlCSbTpSRBRTBGGinp1c8BZxBbnpx-K82yQBHqvia_UCAdzV5pU0zx7XpRS1ew" />
    <input value="7636" 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%2Fpukka%3Fformat%3Dturbo_stream%26page%3D12">
    <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/beetroot-powder-organic-250-g-4812">
          <img alt="Beetroot Powder Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2884/file/small-711722c02e2f791aed88bfabf75e34e5.webp 600w, https://assets.fabulous.ch/public/variant_asset/2884/file/medium-0cdcc8297f8b58313e8cc3b687fd0bcf.webp 900w, https://assets.fabulous.ch/public/variant_asset/2884/file/large-71966bd90352cca57aa185b42550edac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2884/file/medium-0cdcc8297f8b58313e8cc3b687fd0bcf.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">Raab</p>
          <a href="/en/products/beetroot-powder-organic-250-g-4812">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beetroot Powder Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;4812&quot;],&quot;content_name&quot;:&quot;Beetroot Powder Organic, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;4812&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:17.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yqBuYgewSTkEmJVfCwe801Sbv1C63Q_H-0pG9MBUHtvtFcn1DTbAi4HpA6Xv7_F8yUi_AfRl0wCLkQsnBOI1PQ" />
    <input value="4812" 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%2Fpukka%3Fformat%3Dturbo_stream%26page%3D12">
    <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/agave-syrup-organic-725-ml-8930">
          <img alt="Agave Syrup Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5168/file/small-85ddfdd68ec42bc818d1322322eb58c4.webp 600w, https://assets.fabulous.ch/public/variant_asset/5168/file/medium-895a2e5d38987b250fc8b6b136f0ffab.webp 900w, https://assets.fabulous.ch/public/variant_asset/5168/file/large-fb48be7cabb72ad6e82b5e2423f27523.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5168/file/medium-895a2e5d38987b250fc8b6b136f0ffab.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/en/products/agave-syrup-organic-725-ml-8930">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Agave Syrup Organic, 725 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;8930&quot;],&quot;content_name&quot;:&quot;Agave Syrup Organic, 725 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;8930&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:22.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GbySTITPGST814MOLW2fOGdGsVX0J3y84fpkV_OgtCE-CTXbjkmQlnmmFfTJhdKX-pWxBLqfoHuRISmENxafxw" />
    <input value="8930" 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%2Fpukka%3Fformat%3Dturbo_stream%26page%3D12">
    <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/baking-mix-pancake-gluten-free-organic-200-g-15182">
          <img alt="Baking Mix Pancake Gluten-Free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6959/file/small-c10775dd099bd85461e48433462fc627.webp 600w, https://assets.fabulous.ch/public/variant_asset/6959/file/medium-28b20337af3541e25f69122d788ff294.webp 900w, https://assets.fabulous.ch/public/variant_asset/6959/file/large-705c5f540dcd494a8ea1c8bf99f4e8db.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6959/file/medium-28b20337af3541e25f69122d788ff294.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/baking-mix-pancake-gluten-free-organic-200-g-15182">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baking Mix Pancake Gluten-Free Organic, 200 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 1.98 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15182&quot;],&quot;content_name&quot;:&quot;Baking Mix Pancake Gluten-Free Organic, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15182&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="a-4KixJjVqric7KGXP2Z072UotkDOsXgIPWXm-_X3H1MW60cGOXfGGcCJHy4FdR8IEeiiE2CGSdQLtpIK2H3mw" />
    <input value="15182" 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%2Fpukka%3Fformat%3Dturbo_stream%26page%3D12">
    <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/140-g-18285">
          <img alt="Tuscany Spread Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9724/file/small-0c21830475ac6ff9ea39276400bcdf38.webp 600w, https://assets.fabulous.ch/public/variant_asset/9724/file/medium-10b63a08404c79a9d5808bd37108f079.webp 900w, https://assets.fabulous.ch/public/variant_asset/9724/file/large-4acd95473372c3e2c380abd4a755e369.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9724/file/medium-10b63a08404c79a9d5808bd37108f079.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/en/products/140-g-18285">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tuscany Spread Organic, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18285&quot;],&quot;content_name&quot;:&quot;Tuscany Spread Organic, 140 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18285&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B46wmIWEB4C7zQiSc9oDma_fNbbRZIlwbCKt4A6kvq4gOxcPjwKOMj68nmiXMk42Mgw155_cVbcc-eAzyhKVSA" />
    <input value="18285" 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%2Fpukka%3Fformat%3Dturbo_stream%26page%3D12">
    <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/baby-kids-wash-lotion-shampoo-200-ml-15733">
          <img alt="Baby &amp; Kids Wash Lotion &amp; Shampoo" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7168/file/small-05dbe453c45dacc9611ded547f7cd058.webp 600w, https://assets.fabulous.ch/public/variant_asset/7168/file/medium-a4c990f4c94a1fe3597b8d36e0149555.webp 900w, https://assets.fabulous.ch/public/variant_asset/7168/file/large-8769d1a8d70e68893ea2f0ec89ad0c88.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7168/file/medium-a4c990f4c94a1fe3597b8d36e0149555.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">Lavera</p>
          <a href="/en/products/baby-kids-wash-lotion-shampoo-200-ml-15733">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baby &amp; Kids Wash Lotion &amp; Shampoo, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15733&quot;],&quot;content_name&quot;:&quot;Baby \u0026 Kids Wash Lotion \u0026 Shampoo, 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15733&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lWEuoeQMaA4ZQx0pIQNjl_JTKIn5jvzDDUfj4mhLIqay1Ik27orhvJwyi9PF6y44b4Ao2Lc2IAR9nK4xrP0JQA" />
    <input value="15733" 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%2Fpukka%3Fformat%3Dturbo_stream%26page%3D12">
    <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="SFt2Ut_yqPq670WjpoCb9yr9bBbHZd8hhd6aqDAQ3I5v7tHF1XQhSD-e01lCaNZYty5sR4ndA-b1Bdd79Kb3aA" />
    <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%2Fpukka%3Fformat%3Dturbo_stream%26page%3D12">
    <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/lazzaretti-red-lentils-pasta-organic-250-g-686">
          <img alt="Lazzaretti Red Lentils Pasta Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/641/file/small-03e80cee9855636698878f12671a9022.webp 600w, https://assets.fabulous.ch/public/variant_asset/641/file/medium-59b15d21753f640f3feaa4a53d20abea.webp 900w, https://assets.fabulous.ch/public/variant_asset/641/file/large-f181e6e2fa0b4b2e518755acf90aa126.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/641/file/medium-59b15d21753f640f3feaa4a53d20abea.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">Lazzaretti</p>
          <a href="/en/products/lazzaretti-red-lentils-pasta-organic-250-g-686">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lazzaretti Red Lentils Pasta Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;686&quot;],&quot;content_name&quot;:&quot;Lazzaretti Red Lentils Pasta Organic, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;686&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="j7_g1JYZoyf7SnHZwY4Mymwsf3z5Hu4PnK6TFGPn-T2oCkdDnJ8qlX475yMlZkFl8f9_LbemMsjsdd7Hp1HS2w" />
    <input value="686" 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%2Fpukka%3Fformat%3Dturbo_stream%26page%3D12">
    <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/clear-cake-glaze-organic-6-g-537a1eca-1c48-4a12-b683-f0838761f17d-2080">
          <img alt="Clear Cake Glaze Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1624/file/small-3238aeb219a838275f939252d811122e.webp 600w, https://assets.fabulous.ch/public/variant_asset/1624/file/medium-58ed659336e1a10d72b8f1050e7a4a6b.webp 900w, https://assets.fabulous.ch/public/variant_asset/1624/file/large-58a11d3303ec2f5b23ab93a865085c44.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1624/file/medium-58ed659336e1a10d72b8f1050e7a4a6b.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/clear-cake-glaze-organic-6-g-537a1eca-1c48-4a12-b683-f0838761f17d-2080">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Clear Cake Glaze Organic, 2 x 6 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2080&quot;],&quot;content_name&quot;:&quot;Clear Cake Glaze Organic, 2 x 6 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2080&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QAxQmr7RL34RCFUdFyYqJvnwxYdYF7QiZNg8VUBPwhxnufcNtFemzJR5w-fzzmeJZCPF1havaOUUA3GGhPnp-g" />
    <input value="2080" 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%2Fpukka%3Fformat%3Dturbo_stream%26page%3D12">
    <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-block-epic-mature-vegan-alternative-to-cheddar-200-g-8564">
          <img alt="Violife Block Epic Mature 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/4991/file/small-0574e3d881b090b825de82026c4f88c7.webp 600w, https://assets.fabulous.ch/public/variant_asset/4991/file/medium-93f84b368be62d2d7afa9ab285d6c15d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4991/file/large-ea0f32b4077c8b44ed00e2e8d304084e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4991/file/medium-93f84b368be62d2d7afa9ab285d6c15d.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-block-epic-mature-vegan-alternative-to-cheddar-200-g-8564">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Violife Block Epic Mature Vegan Alternative to Cheddar, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </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.90 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;8564&quot;],&quot;content_name&quot;:&quot;Violife Block Epic Mature Vegan Alternative to Cheddar, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;8564&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nj1-nCwsNMd5_YGxqftzMegB0I9r9YIqAiYsLHElqxi5iNkLJqq9dfyMF0tNEz6eddLQ3iVNXu1y_WH_tZOA_g" />
    <input value="8564" 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%2Fpukka%3Fformat%3Dturbo_stream%26page%3D12">
    <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-le-rond-alternative-to-camembert-150-g-15245">
          <img alt="Violife Le Rond Alternative to Camembert" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6982/file/small-0e8c1fd0f720a4cf6444b7f92f538ca9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6982/file/medium-97945d064a37bf48dde4568bf4e68778.webp 900w, https://assets.fabulous.ch/public/variant_asset/6982/file/large-1e65df83523f64a4b4594834c40d37a4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6982/file/medium-97945d064a37bf48dde4568bf4e68778.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-le-rond-alternative-to-camembert-150-g-15245">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Violife Le Rond Alternative to Camembert, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.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 4.87 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15245&quot;],&quot;content_name&quot;:&quot;Violife Le Rond Alternative to Camembert, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15245&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="24LU-nCQEIoj4cU119ahmPquwn3lkKd0Wrzp2Fc1lnz8N3NtehaZOKaQU88zPuw3Z33CLKsoe7MqZ6QLk4O9mg" />
    <input value="15245" 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%2Fpukka%3Fformat%3Dturbo_stream%26page%3D12">
    <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/wilmersburger-organic-pizza-melt-150-g-61">
          <img alt="Wilmersburger Organic Pizza Melt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/65/file/small-b12a09baa7ed134dad4753a0551650b1.webp 600w, https://assets.fabulous.ch/public/variant_asset/65/file/medium-545f99c4c72357f742a5e609130fa305.webp 900w, https://assets.fabulous.ch/public/variant_asset/65/file/large-323b181b5322fea545ce8ecfd7b4b704.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/65/file/medium-545f99c4c72357f742a5e609130fa305.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">Wilmersburger</p>
          <a href="/en/products/wilmersburger-organic-pizza-melt-150-g-61">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wilmersburger Organic Pizza Melt, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </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.10 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;61&quot;],&quot;content_name&quot;:&quot;Wilmersburger Organic Pizza Melt, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;61&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.65,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_DOZpV2n81E6V_wYwOeJL6iaG_GF43O5ArguPBSAfN3bhj4yVyF6478mauIkD8SANUkboMtbr35yY2Pv0DZXOw" />
    <input value="61" 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%2Fpukka%3Fformat%3Dturbo_stream%26page%3D12">
    <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="V7Jf0kWMR29HAT5C5gQyycJYT2Fy6AC8zE5dy4xUnlBwB_hFTwrO3cJwqLgC7H9mX4tPMDxQ3Hu8lRAYSOK1tg" />
    <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  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%2Fpukka%3Fformat%3Dturbo_stream%26page%3D12">
    <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/alsan-margarine-organic-250-g-14">
          <img alt="Alsan Margarine Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1/file/small-3e93ced63b65fefc6324d9b83c0befce.webp 600w, https://assets.fabulous.ch/public/variant_asset/1/file/medium-82bc30e602eae0142f35525aa6b46782.webp 900w, https://assets.fabulous.ch/public/variant_asset/1/file/large-95a10b92c2dce9245561ce25f34e6265.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1/file/medium-82bc30e602eae0142f35525aa6b46782.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">Alsan BIO</p>
          <a href="/en/products/alsan-margarine-organic-250-g-14">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Alsan Margarine Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </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 1.52 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14&quot;],&quot;content_name&quot;:&quot;Alsan Margarine Organic, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14&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="4MXjUauUq4atMY5BoI1GWd9Crk4V9CzAe2HlBl2TdBLHcETGoRIiNChAGLtEZQv2QpGuH1tM8AcLuqjVmSVf9A" />
    <input value="14" 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%2Fpukka%3Fformat%3Dturbo_stream%26page%3D12">
    <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/sausage-vegan-chorizo-organic-130-g-1591">
          <img alt="Sausage Vegan Chorizo Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1271/file/small-abc6398a706611fc88510170b79fb51e.webp 600w, https://assets.fabulous.ch/public/variant_asset/1271/file/medium-d37a80e78ec8cf2a422a905b80229107.webp 900w, https://assets.fabulous.ch/public/variant_asset/1271/file/large-6c82635d5c08c0dedca98a131fa7d59a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1271/file/medium-d37a80e78ec8cf2a422a905b80229107.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Wheaty</p>
          <a href="/en/products/sausage-vegan-chorizo-organic-130-g-1591">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sausage Vegan Chorizo Organic, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.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 4.23 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1591&quot;],&quot;content_name&quot;:&quot;Sausage Vegan Chorizo Organic, 130 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1591&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2E8Y1XnsjQP0a94Ds_AYRrHAFOM6RuPtZFHFxdVCTj__-r9Cc2oEsXEaSPlXGFXpLBMUsnT-PyoUiogWEfRl2Q" />
    <input value="1591" 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%2Fpukka%3Fformat%3Dturbo_stream%26page%3D12">
    <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/tortelloni-spinach-organic-250-g-9541">
          <img alt="Tortelloni Spinach Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5360/file/small-0d4e6ef48b4aa2b653dbca91b7ee6516.webp 600w, https://assets.fabulous.ch/public/variant_asset/5360/file/medium-e00dd2b5c9b805c167a8ba765e5307ab.webp 900w, https://assets.fabulous.ch/public/variant_asset/5360/file/large-ad82585b314c8f9b2c6bebf2a621c480.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5360/file/medium-e00dd2b5c9b805c167a8ba765e5307ab.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pural</p>
          <a href="/en/products/tortelloni-spinach-organic-250-g-9541">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tortelloni Spinach Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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 1.76 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9541&quot;],&quot;content_name&quot;:&quot;Tortelloni Spinach Organic, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9541&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jTpwK2qrku625N-35ixCu8gsy14EHiES1DT9WRGfHtaqj9e8YC0bXDOVSU0CxA8UVf_LD0qm_dWk77CK1Sk1MA" />
    <input value="9541" 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%2Fpukka%3Fformat%3Dturbo_stream%26page%3D12">
    <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/sausage-vegan-country-style-organic-150-g-680">
          <img alt="Sausage Vegan Country Style Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/624/file/small-8a4ff09a7b7032693b42a03de32cd23d.webp 600w, https://assets.fabulous.ch/public/variant_asset/624/file/medium-41cd30e5ae1e896637165fb7286265bf.webp 900w, https://assets.fabulous.ch/public/variant_asset/624/file/large-0d1b06cf37797a3fed84e19dbe685f35.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/624/file/medium-41cd30e5ae1e896637165fb7286265bf.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Wheaty</p>
          <a href="/en/products/sausage-vegan-country-style-organic-150-g-680">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sausage Vegan Country Style Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.05
            </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.37 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;680&quot;],&quot;content_name&quot;:&quot;Sausage Vegan Country Style Organic, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;680&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QvHcqdh1u4HRH9PyBp0Wpug5SzK5Q5bDevVX6XQPz3FlRHs-0vMyM1RuRQjidVsJdepLY_f7SgQKLho6sLnklw" />
    <input value="680" 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%2Fpukka%3Fformat%3Dturbo_stream%26page%3D12">
    <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/samses-vegan-alternative-to-game-goulash-600-g-12797">
          <img alt="Samses Vegan Alternative to Game Goulash" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6317/file/small-76137af17c7eb9598883c31a169a2192.webp 600w, https://assets.fabulous.ch/public/variant_asset/6317/file/medium-86192408b91afa764395c73af09f90f9.webp 900w, https://assets.fabulous.ch/public/variant_asset/6317/file/large-11e977bcec9ad83c6ce2a52a2e376045.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6317/file/medium-86192408b91afa764395c73af09f90f9.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">Samses</p>
          <a href="/en/products/samses-vegan-alternative-to-game-goulash-600-g-12797">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Samses Vegan Alternative to Game Goulash, 600 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.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 3.25 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12797&quot;],&quot;content_name&quot;:&quot;Samses Vegan Alternative to Game Goulash, 600 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12797&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:19.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-s_4sLKjpXyzFwa6Cl6oRuop2x7EzzQENKq-sVl38nLdel8nuCUszjZmkEDutuXpd_rbT4p36MNEcfNincHZlA" />
    <input value="12797" 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%2Fpukka%3Fformat%3Dturbo_stream%26page%3D12">
    <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/fondue-special-vegan-alternative-to-cheese-fondue-500-g-7544">
          <img alt="Fondue Special Vegan Alternative to Cheese Fondue" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4343/file/small-9fb26c9da29f16fa4e301ff27f682142.webp 600w, https://assets.fabulous.ch/public/variant_asset/4343/file/medium-7931eb28c1414c14953ff733f5e9c582.webp 900w, https://assets.fabulous.ch/public/variant_asset/4343/file/large-b5328ebe3ca45421183892bbcee17933.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4343/file/medium-7931eb28c1414c14953ff733f5e9c582.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">Samses</p>
          <a href="/en/products/fondue-special-vegan-alternative-to-cheese-fondue-500-g-7544">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fondue Special Vegan Alternative to Cheese Fondue, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </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.98 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7544&quot;],&quot;content_name&quot;:&quot;Fondue Special Vegan Alternative to Cheese Fondue, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7544&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Deh6uNAeazHnFHxqv3Pe6EK4zu_vpo-kbjXoSslDt3YqXd0v2pjig2Jl6pBbm5NH32vOvqEeU2Me7qWZDfWckA" />
    <input value="7544" 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%2Fpukka%3Fformat%3Dturbo_stream%26page%3D12">
    <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/veglette-the-plant-based-raclette-cheese-alternative-200-g-16973">
          <img alt="Veglette - the Plant-Based Raclette Cheese Alternative" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7939/file/small-88294c68e48a73a249147128906c088f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7939/file/medium-1e0ba7e6833048edb242efa7632f1ac5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7939/file/large-7ffb42288f04bbc6a61aa7d6c87b6ff0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7939/file/medium-1e0ba7e6833048edb242efa7632f1ac5.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">Vegü</p>
          <a href="/en/products/veglette-the-plant-based-raclette-cheese-alternative-200-g-16973">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Veglette - the Plant-Based Raclette Cheese Alternative, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.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 3.25 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16973&quot;],&quot;content_name&quot;:&quot;Veglette - the Plant-Based Raclette Cheese Alternative, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16973&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="SZz_upWL3pWdDHjCEhgCPql7RolGiwEtBVF2M-DnAFJuKVgtnw1XJxh97jj28E-RNKhG2Agz3ep1ijvgJFErtA" />
    <input value="16973" 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">
      240 of 3&#39;816 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/pukka?format=turbo_stream&amp;page=13">Show more</a>
  </div>
</div>

</template></turbo-stream>