<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/vitamix-ascent-mixing-container-2-liter-2-l-17424">
          <img alt="Vitamix Ascent mixing container 2-liter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8121/file/small-fc0d0a82c212396ede6e29b55f8af87b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8121/file/medium-5317b7cce276189e3bfbcab6d0b8d141.webp 900w, https://assets.fabulous.ch/public/variant_asset/8121/file/large-6c974a1da9f7b25046cf88ca81b5d43c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8121/file/medium-5317b7cce276189e3bfbcab6d0b8d141.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">Vitamix</p>
          <a href="/en/products/vitamix-ascent-mixing-container-2-liter-2-l-17424">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamix Ascent mixing container 2-liter, 2 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 219.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Fg95ttchXEWRPR3EltfQlwOTWivzXhc4IsrRfSuANWPdX7cVA73z0dRhl5albFj_z-H-QrO9b0vndfarHxmDcg" />
    <input value="17424" 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/vitamix-blade-scraper-1-piece-17425">
          <img alt="Vitamix blade scraper" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8122/file/small-87b422cf28a40f57660b6afa214fcdda.webp 600w, https://assets.fabulous.ch/public/variant_asset/8122/file/medium-4aebc118171fbd66e196e098af53a4a6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8122/file/large-c7475ecdb82cd33f2ce7583d6d412e7c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8122/file/medium-4aebc118171fbd66e196e098af53a4a6.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">Vitamix</p>
          <a href="/en/products/vitamix-blade-scraper-1-piece-17425">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamix blade scraper, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nRJq1pnGIWjADbLokHlbeAjjdRhxVnpOlGFwIHQFpPZWQqR1TVqO_IVROLqjwtMQxJHRcTG1Aj1R3lf2QJwS5w" />
    <input value="17425" 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/preserving-and-fermentation-jar-set-3-jars-3-piece-17429">
          <img alt="Preserving and fermentation jar set" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8123/file/small-8078a52726a1683b8a91c2c0513d5e97.webp 600w, https://assets.fabulous.ch/public/variant_asset/8123/file/medium-17cba4d00480db72b00c541c14b9be82.webp 900w, https://assets.fabulous.ch/public/variant_asset/8123/file/large-638a6e9cd92af42ea6a1fb0ee5037580.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8123/file/medium-17cba4d00480db72b00c541c14b9be82.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">frohkost</p>
          <a href="/en/products/preserving-and-fermentation-jar-set-3-jars-3-piece-17429">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Preserving and fermentation jar set, 3 pieces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 64.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WH3tiNy8FY3_oSR-u_ZAVKKvDBKCOdYayyLj0B2DB2uTLSMrCCC6Gbr9riyITcg8bt2oe8LarmkOncQGKRqxeg" />
    <input value="17429" 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/sourdough-starter-set-0-35-l-17430">
          <img alt="Sourdough Starter Set" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8129/file/small-cc6b9447965382a03733d78c20d1b998.webp 600w, https://assets.fabulous.ch/public/variant_asset/8129/file/medium-6ae4d3cf930d4e855fd3b20893c8481f.webp 900w, https://assets.fabulous.ch/public/variant_asset/8129/file/large-88cdb1c070ab8cd023e656475523669b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8129/file/medium-6ae4d3cf930d4e855fd3b20893c8481f.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">Kilner</p>
          <a href="/en/products/sourdough-starter-set-0-35-l-17430">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sourdough Starter Set, 0.35 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jhtjE_opb0pHJUua6x74zQ2TuUfywFNOeAlu9FA9WitFS62wLrXA3gJ5wcjYpXClweEdLrIjKz29tkkiZKTsOg" />
    <input value="17430" 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/bitter-extract-from-bitter-herbs-organic-100-ml-17435">
          <img alt="Bitter Extract from Bitter Herbs Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8131/file/small-685de79c9259d098b032325a81650fd8.webp 600w, https://assets.fabulous.ch/public/variant_asset/8131/file/medium-82e98e537fda28d91e28a260a9d5a573.webp 900w, https://assets.fabulous.ch/public/variant_asset/8131/file/large-705d15417fd51f666e1374f0e71c03e1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8131/file/medium-82e98e537fda28d91e28a260a9d5a573.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/bitter-extract-from-bitter-herbs-organic-100-ml-17435">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bitter Extract from Bitter Herbs Organic, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.45
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MmxIXuKVLv71AvsgzBRTP6wDTUbP67cIFbyJbtF8VF35PIb9NgmBarBecXL_r9tXYHHpL48Iz3vQA6645eXiTA" />
    <input value="17435" 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/magnesium-citrate-forest-fruit-powder-200-g-17437">
          <img alt="Magnesium Citrate Forest Fruit Powder" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8134/file/small-536242d45018a508d3a09a4cf965f4e6.webp 600w, https://assets.fabulous.ch/public/variant_asset/8134/file/medium-ebf0dbbcb8a63b4625563dec2ff89455.webp 900w, https://assets.fabulous.ch/public/variant_asset/8134/file/large-4473c1635091b7214b348cd883ffc077.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8134/file/medium-ebf0dbbcb8a63b4625563dec2ff89455.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">Raab</p>
          <a href="/en/products/magnesium-citrate-forest-fruit-powder-200-g-17437">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Magnesium Citrate Forest Fruit Powder, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Le2fSpZo3gR6hNivyv8Vf1cELeNQZednnUvmFVJ9NEPmvVHpQvRxkD_YUv35RJ0Xm3aJihCGnxRY9MHDZuSCUg" />
    <input value="17437" 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-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/garlic-crunch-oil-hot-chili-scorpion-110-g-17460">
          <img alt="Garlic Crunch Oil Hot Chili Scorpion" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8136/file/small-b9a231e0b4cedcb690303f284eac896c.webp 600w, https://assets.fabulous.ch/public/variant_asset/8136/file/medium-66e62bf271ab5dd3b79313e7c9c96085.webp 900w, https://assets.fabulous.ch/public/variant_asset/8136/file/large-b6e0380119afe7822181281f935785ee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8136/file/medium-66e62bf271ab5dd3b79313e7c9c96085.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">Odawaraya</p>
          <a href="/en/products/garlic-crunch-oil-hot-chili-scorpion-110-g-17460">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Garlic Crunch Oil Hot Chili Scorpion, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SuPHVAAddmPtLRy_gFOKCQjDdqJWxXLPuASuUyCI0sqBswn31IHZ96hxlu2z6AJhxLHSyxYmCrx9u4mFFBFk2w" />
    <input value="17460" 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/fruitgarden-peach-passionfruit-organic-225-g-17461">
          <img alt="Fruitgarden Peach Passionfruit Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8135/file/small-5f84a15909c000132f54731279b2ea8e.webp 600w, https://assets.fabulous.ch/public/variant_asset/8135/file/medium-03a1d0eb7191a9ed52dfebdbd1ca37b3.webp 900w, https://assets.fabulous.ch/public/variant_asset/8135/file/large-03c99482406f63c9e0488089ff6dfba2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8135/file/medium-03a1d0eb7191a9ed52dfebdbd1ca37b3.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">Zwergenwiese</p>
          <a href="/en/products/fruitgarden-peach-passionfruit-organic-225-g-17461">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fruitgarden Peach Passionfruit Organic, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8QWKOvOddfBtsEHVm4hf85mV3ikyVN9kSPZ0Id8rs606VUSZJwHaZCjsy4eoM9ebVed6QHK3pxeNSVP367IFvA" />
    <input value="17461" 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/fruitgarden-rosehip-organic-225-g-17463">
          <img alt="Fruitgarden Rosehip Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8137/file/small-fb5d8c114772aab50a02fabf1a6045c9.webp 600w, https://assets.fabulous.ch/public/variant_asset/8137/file/medium-ec8caa7a5ecc2c09643ad4c19f77a7fe.webp 900w, https://assets.fabulous.ch/public/variant_asset/8137/file/large-8dfc95419e4f5dc570d36646a968895f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8137/file/medium-ec8caa7a5ecc2c09643ad4c19f77a7fe.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">Zwergenwiese</p>
          <a href="/en/products/fruitgarden-rosehip-organic-225-g-17463">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fruitgarden Rosehip Organic, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d_a3ac8gK8dH7xzlOlNYQOi1nepEplgdBhivni8zweW8pnnKG7yEUwKzlrcJ6NAoJMc5gwRFIG7Dp4hIG6p39A" />
    <input value="17463" 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/fruitgarden-strawberry-rhubarb-organic-225-g-17464">
          <img alt="Fruitgarden Strawberry-Rhubarb Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8138/file/small-7cd729c6f60738e558e7f5565fff8299.webp 600w, https://assets.fabulous.ch/public/variant_asset/8138/file/medium-5360722d7063527e36dfedbe20066b7e.webp 900w, https://assets.fabulous.ch/public/variant_asset/8138/file/large-422bf960704757f44abe86d12b3546c3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8138/file/medium-5360722d7063527e36dfedbe20066b7e.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">Zwergenwiese</p>
          <a href="/en/products/fruitgarden-strawberry-rhubarb-organic-225-g-17464">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fruitgarden Strawberry-Rhubarb Organic, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o8wzCM_FnRqgcs0YgL62OZHOkiCP0kPYEhGcnGemjvBonP2rG1kyjuUuR0qzBT5RXbw2Sc8xO6vXrrtKUz844Q" />
    <input value="17464" 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/deodorant-stick-feel-free-with-lavender-40-g-17473">
          <img alt="Deodorant Stick feel free with Lavender" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8141/file/small-d85a50ac37e66319d5d0fffdcd932906.webp 600w, https://assets.fabulous.ch/public/variant_asset/8141/file/medium-815d87163aa5f2eb35860046f22f980f.webp 900w, https://assets.fabulous.ch/public/variant_asset/8141/file/large-1df54e371b71e01875d76dcfc79a972b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8141/file/medium-815d87163aa5f2eb35860046f22f980f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">The Lekker company</p>
          <a href="/en/products/deodorant-stick-feel-free-with-lavender-40-g-17473">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Deodorant Stick feel free with Lavender, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1niWl8fNaqXsNE0YD5sP-tUyeMXeo9lTsR9IfWcoH5cdKFg0E1HFMalox0o8IIeSGUDcrJ5AoSB0oG-rU7Gphg" />
    <input value="17473" 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/coconut-milk-chocolate-bar-organic-100-g-17474">
          <img alt="Coconut Milk Chocolate Bar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8142/file/small-c69c340b2f29e89fd5f13b3e5b888936.webp 600w, https://assets.fabulous.ch/public/variant_asset/8142/file/medium-6369936810248ad0a4935639459ee8b0.webp 900w, https://assets.fabulous.ch/public/variant_asset/8142/file/large-9dd11b7a826b6a54c589d27b99e5dbc6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8142/file/medium-6369936810248ad0a4935639459ee8b0.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/coconut-milk-chocolate-bar-organic-100-g-17474">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coconut Milk Chocolate Bar Organic, 100 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 6.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Qx0vuBBBtqBpFmUKzbkCmARcxoX05a-6DNPxpTeV5eaITeEbxN0ZNCxK71j-AorwyC5i7LQG18nJbNZzAwxT9w" />
    <input value="17474" 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/sausage-spread-with-black-pepper-and-pea-protein-organic-100-g-17481">
          <img alt="Sausage Spread with Black Pepper and Pea Protein Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8144/file/small-1a4ef93ac28cda184d101409f4d4e670.webp 600w, https://assets.fabulous.ch/public/variant_asset/8144/file/medium-1aa221322be4a08cbaa3b659ad9218fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/8144/file/large-1c36a1b436ee9d745d752a3ca91c8966.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8144/file/medium-1aa221322be4a08cbaa3b659ad9218fa.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">the vegan cow</p>
          <a href="/en/products/sausage-spread-with-black-pepper-and-pea-protein-organic-100-g-17481">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sausage Spread with Black Pepper and Pea Protein Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

              <div class="size-8 text-blue-300" title="Refrigeration required">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 4.40 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Dqj52G2D-3Cbt3lEluDxunL3WnR-3mw2AK3iyMKnGIDF-Dd7uR9U5N7r8xalW3nSvoX-HT49FEXFEsUe9j6ukQ" />
    <input value="17481" 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/soy-drink-vanilla-organic-500-ml-17482">
          <img alt="Soy Drink Vanilla Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8143/file/small-4f2569bf3fa7361b901c92f0153c1315.webp 600w, https://assets.fabulous.ch/public/variant_asset/8143/file/medium-8c9b1a217d9bfb19e7afa5675002cb41.webp 900w, https://assets.fabulous.ch/public/variant_asset/8143/file/large-fa49dbf66f56718eed70d03f24f3d9e3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8143/file/medium-8c9b1a217d9bfb19e7afa5675002cb41.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">Soyana</p>
          <a href="/en/products/soy-drink-vanilla-organic-500-ml-17482">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soy Drink Vanilla Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SjBW18wZ9hTAxzMIlmmcou37_nroac7Z6hcB2KJB7AaBYJh0GIVZgIWbuVql0hTKIYlaE6iKtqovqCYOlthaFw" />
    <input value="17482" 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/kimchi-hot-sauce-130-g-17485">
          <img alt="Kimchi Hot Sauce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8147/file/small-828da735dfa9ac3fd473df96eba0c46d.webp 600w, https://assets.fabulous.ch/public/variant_asset/8147/file/medium-c47d1b318ded06147e2d2404076fe07b.webp 900w, https://assets.fabulous.ch/public/variant_asset/8147/file/large-1f41d4e35b231fb535c3e760088f7c5a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8147/file/medium-c47d1b318ded06147e2d2404076fe07b.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">Odawaraya</p>
          <a href="/en/products/kimchi-hot-sauce-130-g-17485">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kimchi Hot Sauce, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_u6MvufoeHsogtEkxvJoijjwnP8xkbsBsQICIy367BY1vkIdM3TX723eW3b1SeDi9II4lnFyw3J0vSX1GWNaBw" />
    <input value="17485" 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/peak-punk-protein-oat-bar-crunchy-hazelnut-organic-55-g-17501">
          <img alt="Peak Punk Protein Oat Bar Crunchy Hazelnut Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8158/file/small-663e329cba6d57c51dacd4ce25c84b30.webp 600w, https://assets.fabulous.ch/public/variant_asset/8158/file/medium-7363364647e70f668c3ef10a11b5ab2e.webp 900w, https://assets.fabulous.ch/public/variant_asset/8158/file/large-86479066b800f6793a3b145a9a1304e2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8158/file/medium-7363364647e70f668c3ef10a11b5ab2e.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">Peak Punk</p>
          <a href="/en/products/peak-punk-protein-oat-bar-crunchy-hazelnut-organic-55-g-17501">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peak Punk Protein Oat Bar Crunchy Hazelnut Organic, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vwJn4tpRztmdXGjcxZrYqPEYu_ilQs015hc1_C7hLHN0UqlBDs1hTdgA4o72IVDAPWofkeWhtUYjqBIqGniaYg" />
    <input value="17501" 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/acerola-powder-organic-100-g-2bc0c042-15d7-42d5-bd9d-0a588e2d1499-17502">
          <img alt="Acerola Powder Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8159/file/small-bc299eb7e258a225f35d7f98494e5e7c.webp 600w, https://assets.fabulous.ch/public/variant_asset/8159/file/medium-2841b3e2d15648a56e2416a4c3b5054e.webp 900w, https://assets.fabulous.ch/public/variant_asset/8159/file/large-d69cf84b2ddbea2501334fe5ba3bec8e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8159/file/medium-2841b3e2d15648a56e2416a4c3b5054e.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/acerola-powder-organic-100-g-2bc0c042-15d7-42d5-bd9d-0a588e2d1499-17502">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Acerola Powder Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8kQonsgwciJ6Dtw3BCkgWzgvOKjqvfJWdqBUP9ASAL85FOY9HKzdtj9SVmU3kqgz9F2cwapeiiWzH3Pp5Iu2rg" />
    <input value="17502" 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/peak-punk-oat-bar-dark-chocolate-organic-55-g-17505">
          <img alt="Peak Punk Oat Bar 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/8161/file/small-8100b4fd0a396d5481db4363248e8e1b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8161/file/medium-b574179b50a7a53f6da84c6e287f3ff6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8161/file/large-891af90fd86f5f9f71808b47f2811aa0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8161/file/medium-b574179b50a7a53f6da84c6e287f3ff6.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">Peak Punk</p>
          <a href="/en/products/peak-punk-oat-bar-dark-chocolate-organic-55-g-17505">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peak Punk Oat Bar Dark Chocolate Organic, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l8020ITdqJiuMz4oaBfKyPfcuaMpEGP01woNcslGSRhcnfhzUEEHDOtvtHpbrEKgO64dymnzG4cStSqk_d__CQ" />
    <input value="17505" 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/peak-punk-oat-bar-white-chocolate-chip-organic-55-g-17506">
          <img alt="Peak Punk Oat Bar White Chocolate Chip Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8163/file/small-e197e0d88d53db2bce0b9a96faf424c7.webp 600w, https://assets.fabulous.ch/public/variant_asset/8163/file/medium-296729c9daa6de2c73854906b7e740bc.webp 900w, https://assets.fabulous.ch/public/variant_asset/8163/file/large-a7e8f62104874c89d4cf6051daa2bf21.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8163/file/medium-296729c9daa6de2c73854906b7e740bc.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">Peak Punk</p>
          <a href="/en/products/peak-punk-oat-bar-white-chocolate-chip-organic-55-g-17506">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peak Punk Oat Bar White Chocolate Chip Organic, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GROFciDzW2IlX5kKA_2ijFshVTt0v-p45MmWgX3wvF3SQ0vR9G_09mADE1gwRirkl1PxUjRckgshdrFXSWkKTA" />
    <input value="17506" 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/peak-punk-oat-bar-pistachio-cashew-organic-55-g-17507">
          <img alt="Peak Punk Oat Bar Pistachio Cashew Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8162/file/small-86c9361dce3bef689efb2ebd99e7c2ec.webp 600w, https://assets.fabulous.ch/public/variant_asset/8162/file/medium-63e72700f785682b38cb837a6b23b66d.webp 900w, https://assets.fabulous.ch/public/variant_asset/8162/file/large-df37428988370d007f6c1b81de83b432.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8162/file/medium-63e72700f785682b38cb837a6b23b66d.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">Peak Punk</p>
          <a href="/en/products/peak-punk-oat-bar-pistachio-cashew-organic-55-g-17507">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peak Punk Oat Bar Pistachio Cashew Organic, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pUjj-QgGYxAEKDjiuMAbECUQKxzg78iOhuhqfigpa4xuGC1a3JrMhEF0srCLe5N46WKPdaAMsP1DV02oHLDdnQ" />
    <input value="17507" 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;100 of 3&#39;212 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/apeiron-natural-care?format=turbo_stream&amp;page=156">Show more</a>
  </div>
</div>

</template></turbo-stream>