<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="gSRhaBibg2QBR7HxFWWvWB1CZ7XBFi1zIKN2LIulSNQeyKhIOQIBjcP6qMBjvaJLRKzHOmPzLhS2n5kqV7hRTA" />
    <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="LAoyjTw903lrwvATkyztm8k5nJPCMkP0A367yECpVsmz5vutHaRRkKl_6SLl9OCIkNc8HGDXQJOVQlTOnLRPUQ" />
    <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="NUT6sZ4BUwfhcf23vQi0Wy55hUUt2blh9b7voYgwQbqqqDORv5jR7iPM5IbL0LlId5clyo88ugZjggCnVC1YIg" />
    <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="vx51xnBaEZRf0nN8-c6ByB4X7y7XLFjaDmy0TCaRyJ8g8rzmUcOTfZ1vak2PFozbR_lPoXXJW72YUFtK-ozRBw" />
    <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="aMNFpG54oTiheiyvxBYB7bxa7a1a2v1L_06ssZh0GQf3L4yET-Ej0WPHNZ6yzgz-5bRNIvg__ixpckO3RGkAnw" />
    <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="v131V7zt9eIFb1STnhliKxAf8MJ0enXUngUsgPcgw0cgsTx3nXR3C8fSTaLowW84SfFQTdafdrMIOcOGKz3a3w" />
    <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="3PNxioUcZUgeAazZwQjBG3a6lQdB47Dr0c8tCRKlwoxDH7iqpIXnody8tei30MwIL1Q1iOMGs4xH88IPzrjbFA" />
    <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="iKRifZPIr720iVpXTvbx-ZtAB0bLNc7y9JTn3pfHusIXSKtdslEtVHY0Q2Y4Lvzqwq6nyWnQzZViqAjYS9qjWg" />
    <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="B7IMB5Jqf6_AERQ0i-Mq2mwNevVHnBs3n3Nmpzkef7KYXsUns_P9RgKsDQX9OyfJNePaeuV5GFAJT4mh5QNmKg" />
    <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="Fii44Q41jEKqPjuKUTwdEp7FnHvWGQJ2ODlGv83ccrmJxHHBL6wOq2iDIrsn5BABxys89HT8ARGuBam5EcFrIQ" />
    <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="QOCzcpyrrrdU7AI1szIVz0y4AWDR_myNmw88ApfhAqTfDHpSvTIsXpZRGwTF6hjcFVah73Mbb-oNM9MES_wbPA" />
    <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="TKE_VNSH7wqGjtObJJ7L55vbYZ9OdJzaI-qb8biq-uTTTfZ09R5t40QzyqpSRsb0wjXBEOyRn7211nT3ZLfjfA" />
    <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="ciIVZggOPj6KhUildUX-V2lAkKl-VFJtKdTbl4PtTGztztxGKZe810g4UZQDnfNEMK4wJtyxUQq_6DSRX_BV9A" />
    <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="zWDNKtvKOpfSDcwYDF-uPlp7ODxNEYHDPAALr2YHaJ5SjAQK-lO4fhCw1Sl6h6MtA5WYs-_0gqSqPOSpuhpxBg" />
    <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="_WJ1KNciD_JkDxNwOyMI5SqiXDJ6YSou9rjdjiB9Lr9ijrwI9ruNG6ayCkFN-wX2c0z8vdiEKUlghDKI_GA3Jw" />
    <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="TbIK9JGvkzirw4_h7EMfq5sRlgqd8QkcQVfhprVYpjzSXsPUsDYR0Wl-ltCamxK4wv82hT8UCnvXaw6gaUW_pA" />
    <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="5ayMvBDtmar46w-pQvY8EgYHuykeqA4C7_RZaoi9SmF6QEWcMXQbQzpWFpg0LjEBX-kbprxNDWV5yLZsVKBT-Q" />
    <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="2_HpcGTDyWOB-b1URqzG8MAbPNFqcKUDxXRUo0MtzFNEHSBQRVpLikNEpGUwdMvjmfWcXsiVpmRTSLulnzDVyw" />
    <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="Nr_K1Etz-RohDD0_AD0DLYMU5sacoqj6-ztYaXOWh6KpUwP0aup78-OxJA525Q4-2vpGST5Hq51tB7dvr4ueOg" />
    <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="7ss3T0Awvb84mwZRKIHkNl8XZnsvdTtvrs-S_U4nwh5xJ_5vYak_VvomH2BeWeklBvnG9I2QOAg48337kjrbhg" />
    <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;210 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/grunhof?format=turbo_stream&amp;page=51">Show more</a>
  </div>
</div>

</template></turbo-stream>