<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/coconut-blossom-balsamic-vinegar-organic-250-ml-17234">
          <img alt="Coconut Blossom Balsamic Vinegar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8045/file/small-ded13d36a1ac6c6dcba8cd1df46e6b51.webp 600w, https://assets.fabulous.ch/public/variant_asset/8045/file/medium-3dd354d5b810719593e801a85be5548d.webp 900w, https://assets.fabulous.ch/public/variant_asset/8045/file/large-bc6284c166b79a6d8355b844a0487d0b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8045/file/medium-3dd354d5b810719593e801a85be5548d.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">Dr. Goerg</p>
          <a href="/en/products/coconut-blossom-balsamic-vinegar-organic-250-ml-17234">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coconut Blossom Balsamic Vinegar Organic, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-TfzRXjE6P1AlXmLccbiXNQ_DTIkPh82rHL3C_9zFhAIQ0haP3uGhR5th3B1PT7oui-Ihm9-2uo8MNB1qi4mQg" />
    <input value="17234" 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/darjeeling-black-tea-demeter-20-bags-20-bag-17235">
          <img alt="Darjeeling - Black Tea Demeter, 20 Bags" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8046/file/small-99aa19be1346b75643b3f4dade918a49.webp 600w, https://assets.fabulous.ch/public/variant_asset/8046/file/medium-20f5c86ee2b89c4a761968be132e446e.webp 900w, https://assets.fabulous.ch/public/variant_asset/8046/file/large-4e1de009af71b964f4ec9a1b034942cf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8046/file/medium-20f5c86ee2b89c4a761968be132e446e.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">Lebensbaum</p>
          <a href="/en/products/darjeeling-black-tea-demeter-20-bags-20-bag-17235">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Darjeeling - Black Tea Demeter, 20 Bags, 20 bag</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZmDMpvjS0cE7fzCQLpJ3wG_bYYqOXf4H1eVeZ6V1rnmXFHe5v22_uWWHzmsqaat0AcvkPsUdO9tFp3kZ8CieKw" />
    <input value="17235" 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/whole-cocoa-fruit-chocolate-organic-150-g-17236">
          <img alt="Whole Cocoa Fruit Chocolate Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8047/file/small-e35a9ba947b22629d677b7c9ff12c05f.webp 600w, https://assets.fabulous.ch/public/variant_asset/8047/file/medium-97672cc2a8c42b65e9010cfb80a8b471.webp 900w, https://assets.fabulous.ch/public/variant_asset/8047/file/large-f088111ecefa5ee5c1de9eaceb1a3c3d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8047/file/medium-97672cc2a8c42b65e9010cfb80a8b471.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/whole-cocoa-fruit-chocolate-organic-150-g-17236">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Whole Cocoa Fruit Chocolate Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Mag8KeK1oKL0GoTlBPuvPru9Li_phMcTFIgnwHMz1VzA3Ic2pQrO2qrieh4AAHOK1a2rm6LEAs-EygC-Jm7lDg" />
    <input value="17236" 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/chocolate-drops-bolivia-wild-100-organic-150-g-17237">
          <img alt="Chocolate Drops Bolivia Wild 100% Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8049/file/small-4dd59fe494f0bbfd5ef179626d496039.webp 600w, https://assets.fabulous.ch/public/variant_asset/8049/file/medium-3872efb82ed7de37436f33920de5a7e6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8049/file/large-ba95a08d0f24d5a22232ba3ddf020095.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8049/file/medium-3872efb82ed7de37436f33920de5a7e6.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">Naturkostbar</p>
          <a href="/en/products/chocolate-drops-bolivia-wild-100-organic-150-g-17237">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chocolate Drops Bolivia Wild 100% Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eKR-8xQsW7Z3X5RmiVTt2-I7pcfsBbgcKSjPBaXCdBaJ0MXsU5M1zimnap2NrzFvjCsgc6dFfcC5auh78J9ERA" />
    <input value="17237" 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">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/chocolate-drops-bolivia-wild-49-cashew-organic-150-g-17238">
          <img alt="Chocolate Drops Bolivia Wild 49% Cashew Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8050/file/small-7bd5af3aa6fd9a3fb4031dee44dedeb4.webp 600w, https://assets.fabulous.ch/public/variant_asset/8050/file/medium-2ced021ab1c116edb2f4a822452d4980.webp 900w, https://assets.fabulous.ch/public/variant_asset/8050/file/large-7be9c68fb762c28b10b52beec256cc74.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8050/file/medium-2ced021ab1c116edb2f4a822452d4980.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">Naturkostbar</p>
          <a href="/en/products/chocolate-drops-bolivia-wild-49-cashew-organic-150-g-17238">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chocolate Drops Bolivia Wild 49% Cashew Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 14.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 11.90</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="58mKIa3qaTuAt-Bz188P7JyQ0lBO0l6kcNQd3RSPPDoWvTE-6lUHQ95PHojTNNNY8oBX5AWSm3jgljqjQdIMaA" />
    <input value="17238" 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/chocolate-drops-bolivia-wild-51-coffee-organic-150-g-17239">
          <img alt="Chocolate Drops Bolivia Wild 51% Coffee Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8051/file/small-b29ba452120539550d810a601eb0c5a6.webp 600w, https://assets.fabulous.ch/public/variant_asset/8051/file/medium-378e313d24cc45918f5773d1cdf7edc6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8051/file/large-f9a3e98c2c747bc8df639cb0c09395ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8051/file/medium-378e313d24cc45918f5773d1cdf7edc6.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">Naturkostbar</p>
          <a href="/en/products/chocolate-drops-bolivia-wild-51-coffee-organic-150-g-17239">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chocolate Drops Bolivia Wild 51% Coffee Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YRgCAYcyrpwMfrPwdUbT2ttdHHa8WWRqPIkryucxq5OQbLkewI3A5FKGTQtxvQ9utU2ZwvcZobasywy0smybwQ" />
    <input value="17239" 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/pita-wheat-oven-bread-organic-480-g-17278">
          <img alt="Pita Wheat Oven Bread Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8052/file/small-c61fc31ec683032eb4cc656458f4c912.webp 600w, https://assets.fabulous.ch/public/variant_asset/8052/file/medium-fd0289b1f0ab06b8374cd24cfd5382d6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8052/file/large-56a506f116b5b800ab4be9f1ebb6cc04.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8052/file/medium-fd0289b1f0ab06b8374cd24cfd5382d6.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">Terrasana</p>
          <a href="/en/products/pita-wheat-oven-bread-organic-480-g-17278">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pita Wheat Oven Bread Organic, 480 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gGtoeFL-mXGm6nRniY7QNd65KbRr7lIyt1zNkB1r6IZxH9NnFUH3CfgSipyNdQyBsKmsACCul-4nHuruSDbY1A" />
    <input value="17278" 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/vegdog-chevvies-xl-200-g-17279">
          <img alt="VEGDOG CHEVVIES XL" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8053/file/small-d5a2c13babb54a6833bf74af4ac6e142.webp 600w, https://assets.fabulous.ch/public/variant_asset/8053/file/medium-95a8fdfe1842706ed1c603c1bf9de53b.webp 900w, https://assets.fabulous.ch/public/variant_asset/8053/file/large-79632035c2026a8299298dbe1475db59.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8053/file/medium-95a8fdfe1842706ed1c603c1bf9de53b.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">VEGDOG</p>
          <a href="/en/products/vegdog-chevvies-xl-200-g-17279">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VEGDOG CHEVVIES XL, 200 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 1.70 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OOAyqQHx718vLVsgnx1UZSY8vS6JhZGWcjoHXwVImIHJlIm2Rk6BJ3HVpdub5ojRSCw4msLFVErieCAhUBWo0w" />
    <input value="17279" 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/dog-dry-food-vegan-simply-crunch-2-kg-17283">
          <img alt="Dog Dry Food Vegan Simply Crunch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8055/file/small-5384b6f48ec882e59569aacec4230125.webp 600w, https://assets.fabulous.ch/public/variant_asset/8055/file/medium-7bafa348cb63369b0024253344b35fa2.webp 900w, https://assets.fabulous.ch/public/variant_asset/8055/file/large-de783484b01bb10a8b0d954392101ffb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8055/file/medium-7bafa348cb63369b0024253344b35fa2.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">VEGDOG</p>
          <a href="/en/products/dog-dry-food-vegan-simply-crunch-2-kg-17283">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dog Dry Food Vegan Simply Crunch, 2 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Uh40cropciKk4-pwpkOAxFks4twC2Ct-9XNFznxaZomjao9t_ZYcWvobFIuiuFxwNzxnaEmY7qJlMWKwKQdW2w" />
    <input value="17283" 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-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tip
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vegdog-pure-bites-115-g-17286">
          <img alt="VEGDOG Pure Bites" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8059/file/small-ae3c6be7a632a6244ca6945df1a428a1.webp 600w, https://assets.fabulous.ch/public/variant_asset/8059/file/medium-9717976496b55fe43889a8670e486299.webp 900w, https://assets.fabulous.ch/public/variant_asset/8059/file/large-da03dbe88d6e75cef94508a2bfe13f01.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8059/file/medium-9717976496b55fe43889a8670e486299.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">VEGDOG</p>
          <a href="/en/products/vegdog-pure-bites-115-g-17286">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VEGDOG Pure Bites, 115 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 3.83 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MfLHlTtGR8S1v4xGg_fnoYmqH2iViaHFm-GCQfky7RjAhnyKfPkpvOtHcr2HDDsV57qa3N7JZBkLo6U_rG_dSg" />
    <input value="17286" 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/vegcat-pure-bites-60-g-17287">
          <img alt="VEGCAT Pure Bites" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8060/file/small-0aa74214d2ed40fc024ea8c75c50e8a8.webp 600w, https://assets.fabulous.ch/public/variant_asset/8060/file/medium-8ee914ebe0c9eadba2584fc337c05c79.webp 900w, https://assets.fabulous.ch/public/variant_asset/8060/file/large-6355f62ff3e3e9ede260ec0276416585.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8060/file/medium-8ee914ebe0c9eadba2584fc337c05c79.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">VEGDOG</p>
          <a href="/en/products/vegcat-pure-bites-60-g-17287">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VEGCAT Pure Bites, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="042y6r-mBxG1CIETQ6rgdd8ylbG1BPVDY9ksgIbYJkQi-Qn1-Blpaevwf-hHUTzBsSIQBf5EMJ_zmwv-04UWFg" />
    <input value="17287" 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/pumpkin-seeds-in-dark-chocolate-organic-50-g-17288">
          <img alt="Pumpkin Seeds in Dark Chocolate Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8062/file/small-de03eb69656c991c9aca4fa616c7871f.webp 600w, https://assets.fabulous.ch/public/variant_asset/8062/file/medium-bfa276c417e8f94daa765272b16a6c3a.webp 900w, https://assets.fabulous.ch/public/variant_asset/8062/file/large-3bc249fa9ccc9856db6fb2c54b683688.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8062/file/medium-bfa276c417e8f94daa765272b16a6c3a.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/pumpkin-seeds-in-dark-chocolate-organic-50-g-17288">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pumpkin Seeds in Dark Chocolate Organic, 50 g</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 5.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xVyPFZzW79OJ1A6S8QhHdMlN69wM2Cocv-l4deG_GZc0KDQK22mBq9cs8Gn185vAp11uaEeY78Avq18LtOIpxQ" />
    <input value="17288" 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">
    <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/raspberry-in-dark-chocolate-organic-90-g-17290">
          <img alt="Raspberry in Dark Chocolate Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8077/file/small-7e9c462a6af4c21b30d19d1d02ca98dd.webp 600w, https://assets.fabulous.ch/public/variant_asset/8077/file/medium-ab42e75eebc963aff15d0bb67d81d3c3.webp 900w, https://assets.fabulous.ch/public/variant_asset/8077/file/large-76fc78952bb53e1ca1e5da70a4aec2be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8077/file/medium-ab42e75eebc963aff15d0bb67d81d3c3.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/raspberry-in-dark-chocolate-organic-90-g-17290">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Raspberry in Dark Chocolate Organic, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9ABbQhjDOJZp85_lniy1tZ_OUV5XOjOt8h1QeTDI-78FdOBdX3xW7jcLYR6a12kB8d7U6hx69nFiX3cHZZXL7Q" />
    <input value="17290" 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/sunflower-seeds-organic-500-g-34e0c6bb-192c-4463-9492-37a0a52664d8-17300">
          <img alt="Sunflower Seeds Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8078/file/small-1fa77f8e64925dc8f6e8bf738d80b964.webp 600w, https://assets.fabulous.ch/public/variant_asset/8078/file/medium-6e68d98fd69b48ba6a44725b6bb22c8c.webp 900w, https://assets.fabulous.ch/public/variant_asset/8078/file/large-a05d32a044eb5f7a52a1854f6f2f1eaa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8078/file/medium-6e68d98fd69b48ba6a44725b6bb22c8c.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/sunflower-seeds-organic-500-g-34e0c6bb-192c-4463-9492-37a0a52664d8-17300">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sunflower Seeds Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a8Rwe8kdWzYywMMuGp3XJdLRxL3hTUCJqLkNQ2nbpEWasMtkjqI1Tmw4PdUeZguRvMFBCaoNhVU4-yo9PIaUFw" />
    <input value="17300" 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/taco-burrito-seasoning-mexican-cuisine-organic-50-g-17301">
          <img alt="Taco &amp; Burrito Seasoning Mexican Cuisine Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8079/file/small-3dba104b41ec14d80a4e630c851dc08a.webp 600w, https://assets.fabulous.ch/public/variant_asset/8079/file/medium-0ee027f371175e2e993ff9302b2fb55c.webp 900w, https://assets.fabulous.ch/public/variant_asset/8079/file/large-c7c9efed33b1eccc6a354f38981e0cd4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8079/file/medium-0ee027f371175e2e993ff9302b2fb55c.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">Lebensbaum</p>
          <a href="/en/products/taco-burrito-seasoning-mexican-cuisine-organic-50-g-17301">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Taco &amp; Burrito Seasoning Mexican Cuisine Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KDVhp7R01FLbqeIEqi9e7EahtPxEUpT1lbhcuugTabbZQdq488u6KoVRHP-u1IJYKLExSA8SUSkF-nvEvU5Z5A" />
    <input value="17301" 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/hand-cream-apricot-organic-100-ml-17302">
          <img alt="Hand Cream Apricot Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8080/file/small-e3ceac13d6d32014b366e5de8d55fb54.webp 600w, https://assets.fabulous.ch/public/variant_asset/8080/file/medium-b316b57f382dffed21ad0ad38d3a78e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/8080/file/large-5e95a74a20c94dbc662f6f32538c0270.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8080/file/medium-b316b57f382dffed21ad0ad38d3a78e8.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/hand-cream-apricot-organic-100-ml-17302">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hand Cream Apricot Organic, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UkqqwLXcjQANyYe7IC1LQlWbEiXdlqQqerWQ2dhxuHyjPhHf8mPjeFMxeUAk1pf2O4uXkZbWYfbq97enjSyILg" />
    <input value="17302" 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">
    <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/hand-cream-lavender-organic-100-ml-17303">
          <img alt="Hand Cream Lavender Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8081/file/small-bc1d74e48f463f8fdb4a1327797d11d1.webp 600w, https://assets.fabulous.ch/public/variant_asset/8081/file/medium-de112b77b31f49eeb99648b4847b21f6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8081/file/large-a46f473f98767b4dbbc499a7e2f8f1d2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8081/file/medium-de112b77b31f49eeb99648b4847b21f6.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/hand-cream-lavender-organic-100-ml-17303">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hand Cream Lavender Organic, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cJ0vTnlZuA0iktIxA0BZZiHwVoHF_HfpqLaGJLcqYrSB6ZRRPubWdXxqLMoHu4XST-DTNY68sjU49KFa4ndS5g" />
    <input value="17303" 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/hand-cream-grapefruit-organic-100-ml-17304">
          <img alt="Hand Cream Grapefruit Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8082/file/small-aab26bb7731b7a617b40e248606ed6e3.webp 600w, https://assets.fabulous.ch/public/variant_asset/8082/file/medium-5e598f2d07f080ff9b06cac4ec352512.webp 900w, https://assets.fabulous.ch/public/variant_asset/8082/file/large-278475b372be7929221765c738fa5258.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8082/file/medium-5e598f2d07f080ff9b06cac4ec352512.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/hand-cream-grapefruit-organic-100-ml-17304">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hand Cream Grapefruit Organic, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UKhbc9crjbk8B7iE6QrfDyKFNl72c2F8sdWyEGyJ8Wmh3OBskJTjwWL_Rn_t8QO7TJWz6r0zpKAhl5VuOdTBOw" />
    <input value="17304" 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">
    <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/hand-cream-oat-organic-100-ml-17305">
          <img alt="Hand Cream Oat Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8083/file/small-e7b41249f08435bae04f17e9e525e62e.webp 600w, https://assets.fabulous.ch/public/variant_asset/8083/file/medium-3324210f9946c2b7d6cbe80e6995dc58.webp 900w, https://assets.fabulous.ch/public/variant_asset/8083/file/large-490018fcb09eae04117eaa9b400f6c6e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8083/file/medium-3324210f9946c2b7d6cbe80e6995dc58.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/hand-cream-oat-organic-100-ml-17305">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hand Cream Oat Organic, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="adJJacBt49jzJ4fz2uj76pvv6h72RBV6zbmPBcz2YOOYpvJ2h9KNoK3feQjeEyde9f9vqr0E0KZd-6h7matQsQ" />
    <input value="17305" 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/spatzle-durum-wheat-light-demeter-500-g-17318">
          <img alt="Spätzle Durum Wheat Light Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8086/file/small-20424d1795b630674ed4a35e03f40bd0.webp 600w, https://assets.fabulous.ch/public/variant_asset/8086/file/medium-299b0fbc4d7ca37c6e8960813a98124c.webp 900w, https://assets.fabulous.ch/public/variant_asset/8086/file/large-953befe764affb6f233c7a3c5df04ab5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8086/file/medium-299b0fbc4d7ca37c6e8960813a98124c.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/spatzle-durum-wheat-light-demeter-500-g-17318">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spätzle Durum Wheat Light Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8CTlPrd2WdS90cvRaCD9EM3hNImE6ANFMAezStUJSDkBUF4h8Mk3rOMpNSps2yGko_GxPc-oxpmgRZQ0gFR4aw" />
    <input value="17318" 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">
      3&#39;020 of 3&#39;168 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/kookie-cat?format=turbo_stream&amp;page=152">Show more</a>
  </div>
</div>

</template></turbo-stream>