<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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/pregnancy-care-pregnancy-lactation-multivitamin-60-tablets-60-piece-14558">
          <img alt="Pregnancy Care Pregnancy &amp; Lactation Multivitamin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8793/file/small-e6ac5e51749497ae4fcdc8cfb6d74fb9.webp 600w, https://assets.fabulous.ch/public/variant_asset/8793/file/medium-429a5fc55d3c8bee5df3a65d9c4eef1c.webp 900w, https://assets.fabulous.ch/public/variant_asset/8793/file/large-d3f41689e6d23116e5d60bd1b4241dc7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8793/file/medium-429a5fc55d3c8bee5df3a65d9c4eef1c.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">Vegetology</p>
          <a href="/en/products/pregnancy-care-pregnancy-lactation-multivitamin-60-tablets-60-piece-14558">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pregnancy Care Pregnancy &amp; Lactation Multivitamin, 60 tablets</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L3tfVLEIPou-w6KI8evVsvjB_r74_-lkGrPDeJQQSnw2xmcqmPxqnDh92M-yXajrcbLpvTriJ_LKb578X4x6eg" />
    <input value="14558" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vegan-vollagen-capsules-supplement-60-capsules-60-piece-11335">
          <img alt="Vegan Vollagen Supplement" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8812/file/small-37c09f968de0d9cc5e69d0c3e8d71fe5.webp 600w, https://assets.fabulous.ch/public/variant_asset/8812/file/medium-55372f8e88bcf324d19e2ccde1e768f8.webp 900w, https://assets.fabulous.ch/public/variant_asset/8812/file/large-2e0d4fca5dc1d2327a805ad29d589e3d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8812/file/medium-55372f8e88bcf324d19e2ccde1e768f8.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">Vegetology</p>
          <a href="/en/products/vegan-vollagen-capsules-supplement-60-capsules-60-piece-11335">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Vollagen Supplement, 60 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </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-11335-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tfhif1uiIZyt7jvD-ZhbVZISVOQ1cXX4CvId_I4yIMesRVoBclZ1iytQQYS6LiYMG2FD5_dsu27aLkB4Ra4QwQ" />
    <input value="11335" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/cookie-dough-peanut-butter-organic-90-g-8385">
          <img alt="Cookie Dough Peanut Butter Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4955/file/small-a8539a57055004a0d4ffbfce96a1b86d.webp 600w, https://assets.fabulous.ch/public/variant_asset/4955/file/medium-285577b71f31dcb88bab6e0d2a1e400d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4955/file/large-e053a6477ddd05e59b936e74f1f8b079.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4955/file/medium-285577b71f31dcb88bab6e0d2a1e400d.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">Freely Handustry</p>
          <a href="/en/products/cookie-dough-peanut-butter-organic-90-g-8385">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cookie Dough Peanut Butter Organic, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.00
            </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.33 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Rwifdqk5E51SzwL9FVPAw8gDH4kv0-BrP_ubVSAViQpetacIgM1HitRxeLpW5b2aQXAIiu3OLv3vJ8bR64m5DA" />
    <input value="8385" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/fair-squared-condoms-original-10-pcs-10-piece-4079">
          <img alt="Fair Squared Condoms Original" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2582/file/small-48577f90adf4b68f96dbf4ac447e8227.webp 600w, https://assets.fabulous.ch/public/variant_asset/2582/file/medium-8fb5b8784de54cfc7f910ab62c04ba7a.webp 900w, https://assets.fabulous.ch/public/variant_asset/2582/file/large-ca26ddc93d12b14dd02302ba802dbc66.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2582/file/medium-8fb5b8784de54cfc7f910ab62c04ba7a.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">Fair Squared</p>
          <a href="/en/products/fair-squared-condoms-original-10-pcs-10-piece-4079">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fair Squared Condoms Original, 10 pieces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KHTMvsAe0cgpgz24gspFD2Kz-5qRz_ITTAA5UhMCHQQxyfTA6eqF3689R__BfDhW68DsmVPSPIWc3GTW2J4tAg" />
    <input value="4079" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/explore-cuisine-lasagne-made-from-green-lentils-organic-250-g-8643">
          <img alt="Explore Cuisine Lasagne made from Green Lentils Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5033/file/small-5449c1db86d48216b5508f6a1d5174cb.webp 600w, https://assets.fabulous.ch/public/variant_asset/5033/file/medium-4c5cb7c7312c691a0722aedd01c0609c.webp 900w, https://assets.fabulous.ch/public/variant_asset/5033/file/large-07a7a1ff2537943d101ce9c9d83ebd75.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5033/file/medium-4c5cb7c7312c691a0722aedd01c0609c.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">Explore Cuisine</p>
          <a href="/en/products/explore-cuisine-lasagne-made-from-green-lentils-organic-250-g-8643">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Explore Cuisine Lasagne made from Green Lentils Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.15
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bWJfAppiXWkSnVBYV3XlOyeqLR8qXg-RljL1bLW49uh032d8s5YJfpQjKh8Uw5hirtk6HOhDwQdG7qjofiTG7g" />
    <input value="8643" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/mate-iced-tea-super-natural-club-bio-330-ml-15531">
          <img alt="Maté Iced Tea Super Natural Club Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7086/file/small-5dfb00581ee9f0f778aec7ebc3dcd0c2.webp 600w, https://assets.fabulous.ch/public/variant_asset/7086/file/medium-9db9d5825b4115d4143a1e5722e983e1.webp 900w, https://assets.fabulous.ch/public/variant_asset/7086/file/large-5f440f0adb23fc9c71d117601dd2de57.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7086/file/medium-9db9d5825b4115d4143a1e5722e983e1.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">Super Natural Club</p>
          <a href="/en/products/mate-iced-tea-super-natural-club-bio-330-ml-15531">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Maté Iced Tea Super Natural Club Bio, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="994wnZU-E1cIG7hQwqztG-5M9jyR524tNXZESYsluwTuYwjjvMpHQI6lwheBGpBCZz_hP1P6oLvlqhnNQLmLAg" />
    <input value="15531" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/bett-r-peanut-butter-cups-organic-39-g-11131">
          <img alt="Bett&#39;r Peanut Butter Cups Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5699/file/small-2ba8d48a7590c5f3312d7aa1b6330d72.webp 600w, https://assets.fabulous.ch/public/variant_asset/5699/file/medium-e69d2b3d25a0c73eca31debe71599f82.webp 900w, https://assets.fabulous.ch/public/variant_asset/5699/file/large-203ce1147076aa1440f7a92cd04fdd9f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5699/file/medium-e69d2b3d25a0c73eca31debe71599f82.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">bett&#39;r</p>
          <a href="/en/products/bett-r-peanut-butter-cups-organic-39-g-11131">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bett&#39;r Peanut Butter Cups Organic, 3 x 13 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tUwCTYG7Oi8i8WXf1LpWkkWJVwT2YhvoWawcgPRR_w6s8TozqE9uOKRPH5iXDCvLzPpABzR_1X6JcEEEP83PCA" />
    <input value="11131" 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">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/bett-r-strawberry-nut-butter-cups-organic-39-g-17527">
          <img alt="Bett&#39;r Strawberry Nut Butter Cups Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8173/file/small-fab46233723f22b16c2c0629233c781c.webp 600w, https://assets.fabulous.ch/public/variant_asset/8173/file/medium-6fc8f8fc4b1dcb61185660d2277e0210.webp 900w, https://assets.fabulous.ch/public/variant_asset/8173/file/large-e5df7ee6b0348d6b4253c2b89a322513.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8173/file/medium-6fc8f8fc4b1dcb61185660d2277e0210.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">bett&#39;r</p>
          <a href="/en/products/bett-r-strawberry-nut-butter-cups-organic-39-g-17527">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bett&#39;r Strawberry Nut Butter Cups Organic, 39 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ged0gFqqrirvGH7hOb7VO-GxHMo0yxmnV2pQlG45oSSYWkz-c176PWmmBKZ6CKhiaMILyfbW1zGHtg0QpaWRIg" />
    <input value="17527" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/spicy-cashews-organic-50-g-15525">
          <img alt="Spicy Cashews Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7083/file/small-9078f0e2d3d08fc73fdbf79982993cc2.webp 600w, https://assets.fabulous.ch/public/variant_asset/7083/file/medium-63f0d0c0b163872b02bc7740f74abaf4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7083/file/large-5ea0a450a87098bc04938b49bbe884cd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7083/file/medium-63f0d0c0b163872b02bc7740f74abaf4.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">Landgarten</p>
          <a href="/en/products/spicy-cashews-organic-50-g-15525">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spicy Cashews Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.05
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZhFs4lGHtk5Y7kenT_BFyDPLWqj7_wdngcZYPJ4Vzyl_rFSceHPiWd5QPeAMRjiRurhNqzniyfFRGgW4VYn_Lw" />
    <input value="15525" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/seasoning-pumpkin-spice-organic-14-g-8284">
          <img alt="Seasoning Pumpkin Spice Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4857/file/small-d136211158b5dcdac5ff3e42bff0f5dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/4857/file/medium-280621d542b720eebaa79583427a7fdc.webp 900w, https://assets.fabulous.ch/public/variant_asset/4857/file/large-f4688272f87ee64ac91165c3b8b78635.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4857/file/medium-280621d542b720eebaa79583427a7fdc.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/seasoning-pumpkin-spice-organic-14-g-8284">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seasoning Pumpkin Spice Organic, 14 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uG02ZqPwT3QvmF8U3DIbLoXMNLGTZAwd7_XZuUxYGl-h0A4YigQbY6kmJVOfhGZ3DL8jslF5wos_KYQ9h8QqWQ" />
    <input value="8284" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/seitan-strips-organic-300-g-16429">
          <img alt="Seitan Strips Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7551/file/small-2a9202450a3acd0c329edd291f3be50a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7551/file/medium-21896a2b223a2514be2237e8d6a01880.webp 900w, https://assets.fabulous.ch/public/variant_asset/7551/file/large-a0990f9891283adb61a3ac7c97cb8a69.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7551/file/medium-21896a2b223a2514be2237e8d6a01880.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">Futur</p>
          <a href="/en/products/seitan-strips-organic-300-g-16429">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seitan Strips Organic, 300 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 2.17 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IeLXr8DNE2jB9VYkvTas6MFwiuYFaWOIa0CCDKUEHrs4X-_R6TlHf0dLLGP-gNGxSAOd5cd0rR67nN-IbpguvQ" />
    <input value="16429" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/le-pain-des-fleurs-flower-bread-hazelnut-organic-150-g-11651">
          <img alt="Le pain des fleurs Flower Bread Hazelnut Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5943/file/small-625881ccc5f9df5ba9a544568181943a.webp 600w, https://assets.fabulous.ch/public/variant_asset/5943/file/medium-068cdfb59fc5ac4083df881a55233dad.webp 900w, https://assets.fabulous.ch/public/variant_asset/5943/file/large-703147ab679d66d4c99ba2cc0ae7aafa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5943/file/medium-068cdfb59fc5ac4083df881a55233dad.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">Le Pain des Fleurs</p>
          <a href="/en/products/le-pain-des-fleurs-flower-bread-hazelnut-organic-150-g-11651">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Le pain des fleurs Flower Bread Hazelnut Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pgA7UGd9ARyoxHi4z8L5b1EjBoGLv_aupmFAifUP7WG_vQMuTolVCy56Av-MdIQ22FARgkmiODh2vR0NPpPdZw" />
    <input value="11651" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/strips-a-la-cooked-ham-organic-100-g-16686">
          <img alt="Strips à la Cooked Ham Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7734/file/small-754c7804b4eaa7b9b0a30ea2e5a05327.webp 600w, https://assets.fabulous.ch/public/variant_asset/7734/file/medium-5f717c1c5c89d4738d1f7814316c3161.webp 900w, https://assets.fabulous.ch/public/variant_asset/7734/file/large-78a840b2a9293270440a8a47d7849e1b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7734/file/medium-5f717c1c5c89d4738d1f7814316c3161.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/strips-a-la-cooked-ham-organic-100-g-16686">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Strips à la Cooked Ham Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.75
            </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.75 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qZ2oVvihSnLAbgra4q7czQA_Vtato42spsfaDNXgyIKwIJAo0VUeZUbQcJ2hGKGUiUxB1W--Qzp2G4eIHnz4hA" />
    <input value="16686" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/dish-brush-replacement-head-1-pcs-1-piece-8887">
          <img alt="Dish Brush Replacement Head" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5152/file/small-0ab7a8a26fba223f44b64ff651817624.webp 600w, https://assets.fabulous.ch/public/variant_asset/5152/file/medium-0cd39a035adfbca92a65b765e6fe69a5.webp 900w, https://assets.fabulous.ch/public/variant_asset/5152/file/large-8353cd11cc3c1fa707979a503a831648.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5152/file/medium-0cd39a035adfbca92a65b765e6fe69a5.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">memo</p>
          <a href="/en/products/dish-brush-replacement-head-1-pcs-1-piece-8887">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dish Brush Replacement Head, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wzoKLWgFdE-Q8qYN7MGtLIXh_XBYjBt4rjzSPJXGDZ_ahzJTQfEgWBZM3Eqvd9B1DJLqc5qR1e5-4I-4Xlo9mQ" />
    <input value="8887" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/porcini-pesto-organic-120-g-15545">
          <img alt="Porcini Pesto Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7095/file/small-e6c4d4e2c6c9d179ec02848e267ba5ed.webp 600w, https://assets.fabulous.ch/public/variant_asset/7095/file/medium-776d94f82a09560cb25b8ec90dfbeb75.webp 900w, https://assets.fabulous.ch/public/variant_asset/7095/file/large-7894a8fcbfe799775d5c6ae154e7bc02.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7095/file/medium-776d94f82a09560cb25b8ec90dfbeb75.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/en/products/porcini-pesto-organic-120-g-15545">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Porcini Pesto Organic, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="i3enyBGMHhYghBvRmsQvE7cbW8IPVX8WUTcrxdXAQziSyp-2OHhKAaY6YZbZclJKPmhMwc1IsYCB63ZBHlxzPg" />
    <input value="15545" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/spirulina-tamandua-powder-demeter-150-g-17504">
          <img alt="Spirulina Tamandua Powder Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8160/file/small-3a3c8f9b75dbe299e322145a35caa4ac.webp 600w, https://assets.fabulous.ch/public/variant_asset/8160/file/medium-1ff9d7dd420a01ecfb5b17a206ea4da4.webp 900w, https://assets.fabulous.ch/public/variant_asset/8160/file/large-bce88257687f0516da80d272d5960227.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8160/file/medium-1ff9d7dd420a01ecfb5b17a206ea4da4.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">NaturKraftWerke</p>
          <a href="/en/products/spirulina-tamandua-powder-demeter-150-g-17504">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spirulina Tamandua Powder Demeter, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 42.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="I_Jsp2eymZkGlK0EELvF1VeToryaW7TAGz7TbVm7fCA6T1TZTkbNjoAq10NTDbiM3uC1v1hGelbL4o7pkidMJg" />
    <input value="17504" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/powder-natural-mineral-sand-10-g-2670">
          <img alt="Powder Natural Mineral SAND" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1939/file/small-06421d95c66a2b50757a77b397b000eb.webp 600w, https://assets.fabulous.ch/public/variant_asset/1939/file/medium-6b8388265354aa5dd6f0d011a29311ec.webp 900w, https://assets.fabulous.ch/public/variant_asset/1939/file/large-669d1125f2a3937e31cc9fb812450b2a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1939/file/medium-6b8388265354aa5dd6f0d011a29311ec.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">benecos</p>
          <a href="/en/products/powder-natural-mineral-sand-10-g-2670">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Powder Natural Mineral SAND, 10 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2KYvDagGS7OGFDLa6yaqt4-SGzZhZVYnglT4Tg9Dlz3BGxdzgfIfpACqSJ2okNfuBuEMNaN4mLFSiKXKxN-nOw" />
    <input value="2670" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/baking-mix-pizza-dough-spelt-demeter-350-g-5049">
          <img alt="Baking Mix Pizza Dough Spelt Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2982/file/small-24c1f0d3eeaed88e6880439a83f521da.webp 600w, https://assets.fabulous.ch/public/variant_asset/2982/file/medium-e9721c108fac0758c79caeba8e0b7873.webp 900w, https://assets.fabulous.ch/public/variant_asset/2982/file/large-f0405acd403b1a995c6becc1b701f691.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2982/file/medium-e9721c108fac0758c79caeba8e0b7873.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/en/products/baking-mix-pizza-dough-spelt-demeter-350-g-5049">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baking Mix Pizza Dough Spelt Demeter, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sy1wjCnMO8CpcpJYFuvJcGlsEyqTtuIUbwI1214Md4yqkEjyADhv1y_M6B9VXbQp4B8EKVGrLIK_3mhflZBHig" />
    <input value="5049" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/baking-mix-pizza-dough-gluten-free-bio-350-g-2357">
          <img alt="Baking Mix Pizza Dough Gluten Free Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1705/file/small-9334cb4358510ceef66283ac634fb7a1.webp 600w, https://assets.fabulous.ch/public/variant_asset/1705/file/medium-ee366ed16cb4e39af76f28c661ff1e3a.webp 900w, https://assets.fabulous.ch/public/variant_asset/1705/file/large-778e57bc0ac2c4f659fa815cfb103127.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1705/file/medium-ee366ed16cb4e39af76f28c661ff1e3a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/en/products/baking-mix-pizza-dough-gluten-free-bio-350-g-2357">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baking Mix Pizza Dough Gluten Free Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JbR_W0W2_xXLO-hMhH9nrVRSRtaPwU7mzAHSei1uI2c8CUclbEKrAk2FkgvHyRr03SFR1U3cgHAc3Y_-5vITYQ" />
    <input value="2357" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/mustard-dijon-tube-demeter-100-ml-448">
          <img alt="Mustard Dijon Tube Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/402/file/small-f4bca4a6816633fab54e41fbc73be890.webp 600w, https://assets.fabulous.ch/public/variant_asset/402/file/medium-b559e67ac6a566eed0918c3570a6c0c7.webp 900w, https://assets.fabulous.ch/public/variant_asset/402/file/large-3b24244c84c1f00b65ab11f5fb0a94d2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/402/file/medium-b559e67ac6a566eed0918c3570a6c0c7.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturata</p>
          <a href="/en/products/mustard-dijon-tube-demeter-100-ml-448">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mustard Dijon Tube Demeter, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9ad8rz758gOrxOZ6insBmuC_5xOOjQokttou35GWKX3sGkTRFw2mFC16nD3JzXzDaczwEEyQxLJmBnNbWgoZew" />
    <input value="448" 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">
      1&#39;000 of 3&#39;211 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/tautona?format=turbo_stream&amp;page=51">Show more</a>
  </div>
</div>

</template></turbo-stream>