<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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D28">
    <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-slices-chorizo-organic-80-g-171">
          <img alt="Vegan Slices Chorizo Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9136/file/small-8571f07cefa24a576388fef96386aa02.webp 600w, https://assets.fabulous.ch/public/variant_asset/9136/file/medium-6db8b8fac6c267ab23208a71c3443a9f.webp 900w, https://assets.fabulous.ch/public/variant_asset/9136/file/large-654b2c5888415747d26ba3af35696dd5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9136/file/medium-6db8b8fac6c267ab23208a71c3443a9f.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/vegan-slices-chorizo-organic-80-g-171">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegan Slices Chorizo Organic, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.85
            </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.81 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;171&quot;],&quot;content_name&quot;:&quot;Vegan Slices Chorizo Organic, 80 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;171&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.85,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YQe77qz6HeYfOGp_bOmaJN6028DyatkC9EMBKem4eNv12RQNIGFh1k3OFqZJfFvE0nfojJeBy2UzAvSp8uHU6g" />
    <input value="171" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D28">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/spatzle-fresh-pasta-organic-500-g-4547">
          <img alt="Spätzle Fresh Pasta Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2796/file/small-7bfa42dbb249b63a282a2f145c5d5442.webp 600w, https://assets.fabulous.ch/public/variant_asset/2796/file/medium-6d49d0856066c1cc981c16d302bc787e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2796/file/large-323b6e0ebb6b9386ab89487cde51ad2e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2796/file/medium-6d49d0856066c1cc981c16d302bc787e.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/spatzle-fresh-pasta-organic-500-g-4547">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spätzle Fresh Pasta Organic, 500 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 0.99 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

  <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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D28">
    <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="0tLCxyjYchQGfMwo9tufhBDmhwxHTnc0kAhJ8tfUWLVGDG0kpEMOJFSKsPHTTl5kHCW0QCKlZVNXSbxyzI30hA" />
    <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  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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D28">
    <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/tempeh-garlic-coriander-organic-200-g-17197">
          <img alt="Tempeh Garlic Coriander Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8023/file/small-0204b5f9a751ef7b2cbadbdf412aceb1.webp 600w, https://assets.fabulous.ch/public/variant_asset/8023/file/medium-609401254a436a19f1379c7ce58f92d6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8023/file/large-75162a43ba3efd21c44f0ae1e7d335c2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8023/file/medium-609401254a436a19f1379c7ce58f92d6.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/tempeh-garlic-coriander-organic-200-g-17197">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tempeh Garlic Coriander 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-17197-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17197&quot;],&quot;content_name&quot;:&quot;Tempeh Garlic Coriander Organic, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17197&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="Si14ATJUGBkvwL0sAQ9Gn6ehN6ybCXSKV-byWdpbL0_e89fivs9kKX02wfUkmod_q2IE4P7iZu2QpwfZwQKDfg" />
    <input value="17197" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D28">
    <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="cpEpaRT2Q9VfczSkC4zBYbH9ETX_V3QEYCNH13d66yrmT4aKmG0_5Q2FSH0uGQCBvT4ieZq8ZmOnYrJXbCNHGw" />
    <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  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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D28">
    <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-creamy-supreme-150-g-15727">
          <img alt="Violife Creamy Supreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7162/file/small-8b2ff136f6c244a4008194069e01384b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7162/file/medium-9d1d75588383cacb0b1b4f1419cd3a40.webp 900w, https://assets.fabulous.ch/public/variant_asset/7162/file/large-cfdf1686642a2f0e5eadc4593cc40b0e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7162/file/medium-9d1d75588383cacb0b1b4f1419cd3a40.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-creamy-supreme-150-g-15727">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Violife Creamy Supreme, 150 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.73 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15727&quot;],&quot;content_name&quot;:&quot;Violife Creamy Supreme, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15727&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="OJvreWibazjDsqgAXW-JgftBz4N_vNCXPZ5VEPCj7eKsRUSa5AAXCJFE1Nl4-khh94L8zxpXwvD636CQ6_pB0w" />
    <input value="15727" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D28">
    <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="GoHCe-1lEIWXWu9DAGIk20Vb61_80f9MRfvyQZdDACaOX22YYf5stcWsk5ol9-U7SZjYE5k67SuCugfBjBqsFw" />
    <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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D28">
    <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/margarine-palm-oil-free-megarine-organic-250-g-6344">
          <img alt="Margarine Palm Oil Free Megarine Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3637/file/small-944fa63327b220351f71f7ac564f5635.webp 600w, https://assets.fabulous.ch/public/variant_asset/3637/file/medium-999f158f041290089d42fd7184ef7341.webp 900w, https://assets.fabulous.ch/public/variant_asset/3637/file/large-12b0506098feef88e90432a9680926fc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3637/file/medium-999f158f041290089d42fd7184ef7341.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">Vitaquell</p>
          <a href="/en/products/margarine-palm-oil-free-megarine-organic-250-g-6344">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Margarine Palm Oil Free Megarine Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </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.56 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6344&quot;],&quot;content_name&quot;:&quot;Margarine Palm Oil Free Megarine Organic, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6344&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="qoP4Fhy6n91eRd7toLG2qphPjKmgqth5L1YgZ9M-t_0-XVf1kCHj7QyzojSFJHdKlIy_5cVByh7oF9XnyGcbzA" />
    <input value="6344" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D28">
    <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/margarine-vegan-but-better-organic-250-g-12809">
          <img alt="Margarine Vegan But Better Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6328/file/small-f3de0b09f49020f548116c4a88676888.webp 600w, https://assets.fabulous.ch/public/variant_asset/6328/file/medium-777faa9d4271140f025e735c24d7ce50.webp 900w, https://assets.fabulous.ch/public/variant_asset/6328/file/large-fbdfd28b1491d4354aed574adb22c9ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6328/file/medium-777faa9d4271140f025e735c24d7ce50.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">Vitaquell</p>
          <a href="/en/products/margarine-vegan-but-better-organic-250-g-12809">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Margarine Vegan But Better Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.25
            </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.10 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12809&quot;],&quot;content_name&quot;:&quot;Margarine Vegan But Better Organic, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12809&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3vCozLbZ7q3Z6_u0oLVP6yr8ZqZyYQ66m_4kadO8SnNKLgcvOkKSnYsdh22FII4LJj9V6heKHN1cv9HpyOXmQg" />
    <input value="12809" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D28">
    <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/completeorganics-white-kimchi-organic-240-g-15891">
          <img alt="completeorganics WHITE KIMCHI Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7297/file/small-824f2e237246c7b0a606e4f6727b435d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7297/file/medium-1c153a821b92d0d82ebfdbf67f2b44d9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7297/file/large-d29a4d69d2de4f03cad83fc2e0e76d37.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7297/file/medium-1c153a821b92d0d82ebfdbf67f2b44d9.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">completeorganics</p>
          <a href="/en/products/completeorganics-white-kimchi-organic-240-g-15891">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">completeorganics WHITE KIMCHI Organic, 240 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.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.83 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15891&quot;],&quot;content_name&quot;:&quot;completeorganics WHITE KIMCHI Organic, 240 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15891&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ecl35qtoZavR5uHYwRgqeU1g5PyNULwsR55XnwuuhXjtF9gFJ_MZm4MQnQHkjeuZQaPXsOi7rkuA36IfEPcpSQ" />
    <input value="15891" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D28">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/crispy-nuggets-organic-180-g-13874">
          <img alt="Crispy Nuggets Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6598/file/small-0c8f68067b60ee685063630904d5875b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6598/file/medium-2c86e3c86b733c78eb2feb418057a287.webp 900w, https://assets.fabulous.ch/public/variant_asset/6598/file/large-2978a604574d6e9bcf1adce3eebc79b0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6598/file/medium-2c86e3c86b733c78eb2feb418057a287.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/crispy-nuggets-organic-180-g-13874">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Crispy Nuggets Organic, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </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.67 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

  <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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D28">
    <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/100-pieces-00ad6e25-2bf3-4ac7-9080-7c3ff62fdfa4-19749">
          <img alt="Vitamin B12 Boost Tablets" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10216/file/small-9f875cffeb4f4315f282036fce4b7a4c.webp 600w, https://assets.fabulous.ch/public/variant_asset/10216/file/medium-9704b8fb2895ed0f21350cc9f6bc87ea.webp 900w, https://assets.fabulous.ch/public/variant_asset/10216/file/large-b87b295456005aa6c6709fd55a02461c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10216/file/medium-9704b8fb2895ed0f21350cc9f6bc87ea.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">Burgerstein</p>
          <a href="/en/products/100-pieces-00ad6e25-2bf3-4ac7-9080-7c3ff62fdfa4-19749">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vitamin B12 Boost Tablets, 100 pieces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19749&quot;],&quot;content_name&quot;:&quot;Vitamin B12 Boost Tablets, 100 pieces&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19749&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:17.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HFnPhUxYoZt5Jxa-xrwLy8EQ_X-41OfzyPPW3opi-MWIh2BmwMPdqyvRamfjKcorzdPOM90_9ZQPsiNekTtU9A" />
    <input value="19749" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D28">
    <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/essential-oil-lavender-fine-aop-organic-5-ml-21413">
          <img alt="Essential Oil Lavender Fine AOP Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11558/file/small-afd0bc6c66cb844d6c1d691a6c5142ea.webp 600w, https://assets.fabulous.ch/public/variant_asset/11558/file/medium-541892402b9d734117ae6e3a544fffd8.webp 900w, https://assets.fabulous.ch/public/variant_asset/11558/file/large-b3b0f9e073b41340d053ee6fba653142.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11558/file/medium-541892402b9d734117ae6e3a544fffd8.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">AromaLife</p>
          <a href="/en/products/essential-oil-lavender-fine-aop-organic-5-ml-21413">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Essential Oil Lavender Fine AOP Organic, 5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;21413&quot;],&quot;content_name&quot;:&quot;Essential Oil Lavender Fine AOP Organic, 5 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;21413&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fPoKHFkKCIzZWePnMe7mbbZUhotHnOhbiltCCLkUofnoJKX_1ZF0vIuvnz4UeyeNupe1xyJ3-jxNGreIok0NyA" />
    <input value="21413" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D28">
    <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/100-pieces-73e8b510-aee0-42c9-b53d-a0fb39f25831-19750">
          <img alt="Cela Tablets" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10217/file/small-ce3864626a677f0a498d458f038a701f.webp 600w, https://assets.fabulous.ch/public/variant_asset/10217/file/medium-2ec14bbbe85c96d64fbb8cd9f93b2b6d.webp 900w, https://assets.fabulous.ch/public/variant_asset/10217/file/large-b56582947bc9496c68fb16323085c4ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10217/file/medium-2ec14bbbe85c96d64fbb8cd9f93b2b6d.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">Burgerstein</p>
          <a href="/en/products/100-pieces-73e8b510-aee0-42c9-b53d-a0fb39f25831-19750">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cela Tablets, 100 pieces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19750&quot;],&quot;content_name&quot;:&quot;Cela Tablets, 100 pieces&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19750&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:39.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8KMU3t81CULiDVOEBhOyqIsyW9Tl2N_P1jp_UDTU8i9kfbs9U651crD7L10jhnNIh_FomIAzzagRe4rQL41eHg" />
    <input value="19750" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D28">
    <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/120-pieces-19757">
          <img alt="Vitamin C Complex Tablets" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10224/file/small-ecd66d60ff2b2a85c997f4786c2f9691.webp 600w, https://assets.fabulous.ch/public/variant_asset/10224/file/medium-d90f655b94dc860f06fdbf2eeb95fab7.webp 900w, https://assets.fabulous.ch/public/variant_asset/10224/file/large-a194d73ae06237379bed3718399f99fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10224/file/medium-d90f655b94dc860f06fdbf2eeb95fab7.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">Burgerstein</p>
          <a href="/en/products/120-pieces-19757">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vitamin C Complex Tablets, 120 pieces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19757&quot;],&quot;content_name&quot;:&quot;Vitamin C Complex Tablets, 120 pieces&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19757&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:29.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MhHHFJ5oR1iRpMa-jJfa2QPeftl5Wk2rWTo34LibgFKmz2j3EvM7aMNSumepAhs5Dx1NlRyxX8yee8Jgo8IsYw" />
    <input value="19757" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D28">
    <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/hylaruon-algae-day-night-care-50-ml-20272">
          <img alt="Hylaruon Algae Day &amp; Night Care" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11469/file/small-f61c8bdf3ecce4e7bbbc914e480e2dc0.webp 600w, https://assets.fabulous.ch/public/variant_asset/11469/file/medium-d3fe61046db97db1671444d7a4c6dfac.webp 900w, https://assets.fabulous.ch/public/variant_asset/11469/file/large-fa46830dc3402d2358c5ec8e2ae8ae87.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11469/file/medium-d3fe61046db97db1671444d7a4c6dfac.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">Arya Laya</p>
          <a href="/en/products/hylaruon-algae-day-night-care-50-ml-20272">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hylaruon Algae Day &amp; Night Care, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20272&quot;],&quot;content_name&quot;:&quot;Hylaruon Algae Day \u0026 Night Care, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20272&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:26.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RdfLQexACPfN8m4B8J_Pevz1hYHezR_049NiyfsoTFnRCWSiYNt0x58EEtjVCg6a8Da2zbsmDZMkkpdJ4HHgaA" />
    <input value="20272" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D28">
    <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/50-ml-7862b249-42ac-4411-9105-d445cd043678-19308">
          <img alt="Aloe Vera Moisturizing Care" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11464/file/small-075c6205c19d939df555aa3a44ba089c.webp 600w, https://assets.fabulous.ch/public/variant_asset/11464/file/medium-c5d146c3a99fc557921c85380eaaaced.webp 900w, https://assets.fabulous.ch/public/variant_asset/11464/file/large-8c9ec2e52b5a9c8972b025bb0ece8168.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11464/file/medium-c5d146c3a99fc557921c85380eaaaced.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">Arya Laya</p>
          <a href="/en/products/50-ml-7862b249-42ac-4411-9105-d445cd043678-19308">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aloe Vera Moisturizing Care, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19308&quot;],&quot;content_name&quot;:&quot;Aloe Vera Moisturizing Care, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19308&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:17.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="K1NMp9lsGUi9tv7p1qLhb3uIWyd6xe3N2HqTuNw0ncC_jeNEVfdleO9AgjDzNyCPd0toax8u_6ofO2Y4x20x8Q" />
    <input value="19308" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D28">
    <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/50-ml-2942b5b1-7c70-4f56-b59c-a50ccf08330d-19334">
          <img alt="Chamomile Day &amp;amp; Night Care Rich" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11425/file/small-c35e63034f765c390636a36db5afa456.webp 600w, https://assets.fabulous.ch/public/variant_asset/11425/file/medium-ca241b341611ef04ee200cd61b9ac9f3.webp 900w, https://assets.fabulous.ch/public/variant_asset/11425/file/large-e4b7ee5e57b17cca525c39230daaace9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11425/file/medium-ca241b341611ef04ee200cd61b9ac9f3.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">Arya Laya</p>
          <a href="/en/products/50-ml-2942b5b1-7c70-4f56-b59c-a50ccf08330d-19334">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chamomile Day &amp;amp; Night Care Rich, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19334&quot;],&quot;content_name&quot;:&quot;Chamomile Day \u0026amp; Night Care Rich, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19334&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lP7kOCwYlf5iqX0GeMJlA-4X_a8cb7hAF9xh2HusE7wAIEvboIPpzjBfAd9dV6Tj4tTO43mEqifQnZRYYPW_jQ" />
    <input value="19334" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D28">
    <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/50-ml-83939e83-28de-4f06-9f36-c97eaae69686-19327">
          <img alt="Pomegranate Day Cream" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11435/file/small-c051fe0311dfd2843247800da45fd4a4.webp 600w, https://assets.fabulous.ch/public/variant_asset/11435/file/medium-6791006a1500f89e4706ecc5212f69b8.webp 900w, https://assets.fabulous.ch/public/variant_asset/11435/file/large-80af6a1481df9ea8e3927e1c5048b2b7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11435/file/medium-6791006a1500f89e4706ecc5212f69b8.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">Arya Laya</p>
          <a href="/en/products/50-ml-83939e83-28de-4f06-9f36-c97eaae69686-19327">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pomegranate Day Cream, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19327&quot;],&quot;content_name&quot;:&quot;Pomegranate Day Cream, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19327&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:27.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Rd1lbGPaMVhBJsZWOG_cKA4OZ_JorJ1URr4R69lnozTRA8qP70FNaBPQuo8d-h3IAs1Uvg1HjzOB_-Rrwj4PBQ" />
    <input value="19327" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D28">
    <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/50-ml-5d1efc9b-7edc-4f04-9f92-2b101402ff86-19322">
          <img alt="Exclusive Repair Day Cream" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11440/file/small-e9fc92640383cb1671d3b8a2851f86ff.webp 600w, https://assets.fabulous.ch/public/variant_asset/11440/file/medium-2f503eec97f7f5158ccbdda1fdc8f2bf.webp 900w, https://assets.fabulous.ch/public/variant_asset/11440/file/large-dfc676d4d5e98a1c90dd450d476821c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11440/file/medium-2f503eec97f7f5158ccbdda1fdc8f2bf.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">Arya Laya</p>
          <a href="/en/products/50-ml-5d1efc9b-7edc-4f04-9f92-2b101402ff86-19322">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Exclusive Repair Day Cream, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 61.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19322&quot;],&quot;content_name&quot;:&quot;Exclusive Repair Day Cream, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19322&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:61.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dOgMp2c-J6iRquA5OSveWba4MsQA9sRphJ_Jcfm9UKTgNqNE66VbmMNcnOAcvh-5unsBiGUd1g5D3jzx4uT8lQ" />
    <input value="19322" 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">
      560 of 3&#39;722 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/speick?format=turbo_stream&amp;page=29">Show more</a>
  </div>
</div>

</template></turbo-stream>