<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/multivit-capsules-60-capsules-60-piece-12328">
          <img alt="MultiVit Capsules" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8798/file/small-3e718a224d302f2d2f9127991d3b81bb.webp 600w, https://assets.fabulous.ch/public/variant_asset/8798/file/medium-0840151d825b320901971fdcddb4d3f0.webp 900w, https://assets.fabulous.ch/public/variant_asset/8798/file/large-9a1efd46a4ac8069c37f4ca2673865fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8798/file/medium-0840151d825b320901971fdcddb4d3f0.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/multivit-capsules-60-capsules-60-piece-12328">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">MultiVit Capsules, 60 tablets</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="j27FvsjhfUdwRpCkfrsGRUk7egKnsb-CCvZ00b_Cj1qU8gm-ZeYvVRtIEWfPL7GjwDWEZFnFUeTDCYFoJyMXEA" />
    <input value="12328" 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/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="WqXD69fWmzdbZdzqqlzDULqvN_mFVXZqI6sEt1rpgudBOQ_retHJJTBrXSkbyHS2M6HJn3shmAzqVPEOwggarQ" />
    <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 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/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="ffnI3OogwhULC-qDiV91QsjFqGSPYhrCPL4naMEPEYJmZQTcRyeQB2AFa0A4y8KkQctWAnEW9KT1QdLRWe6JyA" />
    <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  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/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="KHjylDZrVPOeN6be2wxZo1YjuyjtMUxTm3qLyXPUwtgz5D6Um2wG4fU5Jx1qmO5F3y1FThNFojVShX5w6zVakg" />
    <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 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/vivani-chocolate-smooth-dark-85-cocoa-organic-80-g-140">
          <img alt="Vivani Chocolate Smooth Dark - 85 % Cocoa Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/156/file/small-2835b71012113acda0b361774e3ab162.webp 600w, https://assets.fabulous.ch/public/variant_asset/156/file/medium-cc97b974d7bd7997e009feeadb68abdc.webp 900w, https://assets.fabulous.ch/public/variant_asset/156/file/large-4d281cc192229145951cd4d7c9808a0d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/156/file/medium-cc97b974d7bd7997e009feeadb68abdc.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">Vivani / Ichoc</p>
          <a href="/en/products/vivani-chocolate-smooth-dark-85-cocoa-organic-80-g-140">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vivani Chocolate Smooth Dark - 85 % Cocoa Organic, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="i3-1mtDxFV7322ByGPKdCuIqJIUpdrKo4YDhQ2Cu24KQ43maffZHTJzV4bGpZirsayTa49cCXM4ofxT6-E9DyA" />
    <input value="140" 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="mu497I0pEFQcTsh6q-7SVuzab_Jlt1QySohsvyW-6oSBcvHsIC5CRndASbkaemWwZdSRlJvDulSDd5kGvV9yzg" />
    <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="rjdi7tcNTqAUwMTTRgmKFQNtNF9BrFosfocpMaWuKhC1q67uegocsn_ORRD3nT3zimPKOb_YtEq3eNyIPU-yWg" />
    <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="wwZbJHZbMsHaDdXRak9zwoYL6yOQMpYeOLtjhy74DFzYmpck21xg07EDVBLb28QkDwUVRW5GeHjxRJY-thmUFg" />
    <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="8Z5v9LfgenkJo1GlvAOTROv8uZEHO-TEliNpFnE4cvLqAqP0Gucoa2Kt0GYNlySiYvJH9_lPCqJf3Jyv6dnquA" />
    <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="iO66kBWvpuYEBYXSw3vMGGy1HS2vgjHI7bWna07vgoKTcnaQuKj09G8LBBFy73v-5bvjS1H2364kSlLS1g4ayA" />
    <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="696ECQPsuhhkq4pKFr2vphc2nc0k73wGl38HuaKQOcLwQkgJruvoCg-lC4mnKRhAnjhjq9qbkmBegPIAOnGhiA" />
    <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="QaOAbQUQgsYFuhXcbzNBMGVAFTm2-CG01REgy-FfdsRaP0xtqBfQ1G60lB_ep_bW7E7rX0iMz9Ic7tVyeb7ujg" />
    <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="FrY69Po6Yx5pQXPYa2HYQNyEDypLSWf7qox_KTDzisUNKvb0Vz0xDAJP8hva9W-mVYrxTLU9iZ1jc4qQqBISjw" />
    <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="5kHngpauoOM3sNcjHKVX8jTG7MsvUVs2PRG5AHvPg8_93SuCO6ny8Vy-VuCtMeAUvcgSrdEltVD07ky54y4bhQ" />
    <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="5hpBW59N3WbvOPie5BzNU2N4PnETRTVqpjW-zBT4-rf9ho1bMkqPdIQ2eV1ViHq16nbAF-0x2wxvykt1jBli_Q" />
    <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="d9Dx2c22E_dxTEHWVSnzedItfPbX0gV8P2egPUEuMSNsTD3ZYLFB5RpCwBXkvUSfWyOCkCmm6xr2mFWE2c-paQ" />
    <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="ktZer5VFL-p7VZCP-qHNJJLeo_PrrDYbqHJ-zRMJ0GOJSpKvOEJ9-BBbEUxLNXrCG9BdlRXY2H1hjYt0i-hIKQ" />
    <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="DGzscKzUzr8u2v21XDA03qqg2v35PhB6moOoBqTvEo4X8CBwAdOcrUXUfHbtpIM4I64kmwdK_hxTfF2_PA6KxA" />
    <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="fcB8bkfWaTyaJ_ZwaoLV9wgAI9oR5TtF01SRRsE4KnBmXLBu6tE7LvEpd7PbFmIRgQ7dvO-R1SMaq2T_WdmyOg" />
    <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="d3V8y7jOVO1DHRMO1I1wUfb9Kl0dJlf5Eq1yLIS5kJ1s6bDLFckG_ygTks1lGce3f_PUO-NSuZ_bUoeVHFgI1w" />
    <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>



</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">
      980 of 3&#39;201 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/no-bullsh-t?format=turbo_stream&amp;page=50">Show more</a>
  </div>
</div>

</template></turbo-stream>