<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">
    <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/doner-marinated-180-g-17751">
          <img alt="Döner marinated" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8675/file/small-abb30f783978ced04a14535565a4dbe6.webp 600w, https://assets.fabulous.ch/public/variant_asset/8675/file/medium-b86062217125e85ad1d87e3f6c1c0987.webp 900w, https://assets.fabulous.ch/public/variant_asset/8675/file/large-312d05f55fc6d5afc474102b7d8a5a3c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8675/file/medium-b86062217125e85ad1d87e3f6c1c0987.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">Outlawz</p>
          <a href="/en/products/doner-marinated-180-g-17751">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Döner marinated, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ItvkhYhVE_fTVyXNtYIf2pu22UMzODhAFqij189qMjXaFaVIICDARIccgh9uveFPcZU_Wd4eQyIl18uFwU_96w" />
    <input value="17751" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vegan-dried-meat-slices-60-g-10663">
          <img alt="Vegan dried meat slices" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5607/file/small-ffcf3c274a090bf128d7bc682b3b1da3.webp 600w, https://assets.fabulous.ch/public/variant_asset/5607/file/medium-c6a9be4d85a288c569ee0468f96dfa5f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5607/file/large-9fe4e12bf29dc041ba9af5584ec673b4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5607/file/medium-c6a9be4d85a288c569ee0468f96dfa5f.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">Outlawz</p>
          <a href="/en/products/vegan-dried-meat-slices-60-g-10663">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan dried meat slices, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5OOG3gYarbIcepB5xatpj5ONgD6Qqq6XbBoT_i_cuTgcLccTrm9-AUgxN6selJcaea5mJH2M1fVfZXusIfl25g" />
    <input value="10663" 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/vegetable-sliced-meat-nature-185-g-13633">
          <img alt="Vegetable Sliced Meat Nature" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6565/file/small-5225b3ee3b6bd2481ec27ddaaa74f739.webp 600w, https://assets.fabulous.ch/public/variant_asset/6565/file/medium-c7ae907242a3da2d8005154204ac8c02.webp 900w, https://assets.fabulous.ch/public/variant_asset/6565/file/large-b7396403713d6e0b1f91c54c1369ad2e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6565/file/medium-c7ae907242a3da2d8005154204ac8c02.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">Outlawz</p>
          <a href="/en/products/vegetable-sliced-meat-nature-185-g-13633">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegetable Sliced Meat Nature, 185 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-9brj27iQuXorg1iWo0CqHeA34iDzZOy32JZvolWu8MDGKpCxpeRVrzlqrCBsvw9naM5km7r6NDsHTHsh3N0HQ" />
    <input value="13633" 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/plant-based-salami-alternative-80-g-15265">
          <img alt="Plant-Based Salami Alternative" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6984/file/small-cd08f0c2c4a4451e39ad907f261ce1a7.webp 600w, https://assets.fabulous.ch/public/variant_asset/6984/file/medium-d0e8a8557174f4963f67a7428fd21535.webp 900w, https://assets.fabulous.ch/public/variant_asset/6984/file/large-06922a9067669bb594be515b6e4f7efd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6984/file/medium-d0e8a8557174f4963f67a7428fd21535.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">Outlawz</p>
          <a href="/en/products/plant-based-salami-alternative-80-g-15265">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Plant-Based Salami Alternative, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </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 5.75 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FAuiajQWcchIfOxW6B50TR-6_sfdsOnHChRglF0CALfsxeOnnGOiexw3S4QzIYrY9ZkY3TCWkqU5awjGUyfPaQ" />
    <input value="15265" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vegan-alternative-to-slices-of-bacon-80-g-7568">
          <img alt="Vegan Alternative to Slices of Bacon" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4367/file/small-869f4a3b75cf64ca3aca7478587c2c5f.webp 600w, https://assets.fabulous.ch/public/variant_asset/4367/file/medium-612035d66061346dcc44faec9f5a227e.webp 900w, https://assets.fabulous.ch/public/variant_asset/4367/file/large-543a1c9b4eff65b708f6a1e42246179a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4367/file/medium-612035d66061346dcc44faec9f5a227e.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">Outlawz</p>
          <a href="/en/products/vegan-alternative-to-slices-of-bacon-80-g-7568">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Alternative to Slices of Bacon, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </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 7.44 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jPy1iM3kgkNO2_M8pHdRCbE07QIKIf5VUP3FWnLnNAN0MvRFZZFR8BqQVO5_SK-cWxcLGOcHhTdjgq0IfML73Q" />
    <input value="7568" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vegan-alternative-to-cubes-of-bacon-110-g-9100">
          <img alt="Vegan Alternative to Cubes of Bacon" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5194/file/small-6bcebee2b15ba0aa18df8a8ca34c1972.webp 600w, https://assets.fabulous.ch/public/variant_asset/5194/file/medium-e8f36a47b21eea46d927d34e136fa242.webp 900w, https://assets.fabulous.ch/public/variant_asset/5194/file/large-50e8ed8f2ce1f93e5aff89d2db73755f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5194/file/medium-e8f36a47b21eea46d927d34e136fa242.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">Outlawz</p>
          <a href="/en/products/vegan-alternative-to-cubes-of-bacon-110-g-9100">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Alternative to Cubes of Bacon, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </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 5.41 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ngB6_HcX5t5LplWSuZG3asL3ui8wH6PMw7LNgwbnl5Vmzjsx32I1bR_t8kBirkn_KNRcNd052K7wzaXRCMJYSw" />
    <input value="9100" 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/sonett-eco-sponge-2-x-1-pcs-1-piece-4040">
          <img alt="Sonett Eco-Sponge" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2563/file/small-3752aacd22b38849c01d39ec3e54e025.webp 600w, https://assets.fabulous.ch/public/variant_asset/2563/file/medium-ce0e25dd586b6d0a5323062077b77ad3.webp 900w, https://assets.fabulous.ch/public/variant_asset/2563/file/large-a31fdd1e0791a9650d55d5e75105e74c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2563/file/medium-ce0e25dd586b6d0a5323062077b77ad3.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">Sonett</p>
          <a href="/en/products/sonett-eco-sponge-2-x-1-pcs-1-piece-4040">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sonett Eco-Sponge, 2 pieces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BdaVdZZu8xlYVF6i2NOpUbr2-IWSq9i5SjJn7ZiNcxr9GNS4Phsgqgwf-XAD7FfEUNUen3-No9t5TQ-_lqi8xA" />
    <input value="4040" 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/nigari-magnesium-chloride-powder-500-g-3526">
          <img alt="Nigari (Magnesium Chloride) Powder" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2306/file/small-6741fa9c4f51f71c4e24090189218d6d.webp 600w, https://assets.fabulous.ch/public/variant_asset/2306/file/medium-285ab20c851510b8c70bd591fe795e81.webp 900w, https://assets.fabulous.ch/public/variant_asset/2306/file/large-971217d3e4f73e4eff46debf07eb4131.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2306/file/medium-285ab20c851510b8c70bd591fe795e81.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">energybalance</p>
          <a href="/en/products/nigari-magnesium-chloride-powder-500-g-3526">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nigari (Magnesium Chloride) Powder, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yjawgfSluKfIozShAP7WTcdb7dmoSLtHBmBBlZT9ZDIy-PFMXNBrFJzok3PbwSjYLXgLw0VuwCU1HynHmtir7A" />
    <input value="3526" 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/hydro-refresh-micellar-water-400-ml-12110">
          <img alt="Hydro Refresh Micellar Water" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6131/file/small-9861d8c0157c9b8e5f67f81befe4e9b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/6131/file/medium-ff10549a327d609478623fdbe2e02d30.webp 900w, https://assets.fabulous.ch/public/variant_asset/6131/file/large-edfb7ffa372ec3cbed123aec44488266.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6131/file/medium-ff10549a327d609478623fdbe2e02d30.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">Lavera</p>
          <a href="/en/products/hydro-refresh-micellar-water-400-ml-12110">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hydro Refresh Micellar Water, 400 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.35
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nKpUGlFdTn_VBCVpc950GDZILp5ngYg_Xrji3ePx9F1kZBXX-SidzIFPgruo4YqN3GvIhIqn811tx4qP7dQ7gw" />
    <input value="12110" 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/dishwashing-washing-up-liquid-lemon-300-ml-12543">
          <img alt="Dishwashing Washing Up Liquid Lemon" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6273/file/small-4435cd75cc66eb177cb37e4ff69efb04.webp 600w, https://assets.fabulous.ch/public/variant_asset/6273/file/medium-02f4e88252651c46d9f9399378c59563.webp 900w, https://assets.fabulous.ch/public/variant_asset/6273/file/large-3828049a5705895bf0903efad2f25aee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6273/file/medium-02f4e88252651c46d9f9399378c59563.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">Sonett</p>
          <a href="/en/products/dishwashing-washing-up-liquid-lemon-300-ml-12543">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dishwashing Washing Up Liquid Lemon, 300 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X2hpcDs6lht_xsoxuYOXoaoBB0tz9y-vf_Q6b60K2aunpii9k09FqCuNbeNivGk0QCLhUZ7RVM1Mi1I9oy8WdQ" />
    <input value="12543" 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/my-yo-lacto-pro-ferments-organic-3-bags-5-g-2953">
          <img alt="My.Yo LACTO PRO Ferments Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2092/file/small-ec5de9cd117b6f27276b3ef13a2969ec.webp 600w, https://assets.fabulous.ch/public/variant_asset/2092/file/medium-844a6271b5e49e91c0bf1689d9c30433.webp 900w, https://assets.fabulous.ch/public/variant_asset/2092/file/large-72a9e6d66402d9b3e457a27b9c0dc22b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2092/file/medium-844a6271b5e49e91c0bf1689d9c30433.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">my.yo</p>
          <a href="/en/products/my-yo-lacto-pro-ferments-organic-3-bags-5-g-2953">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">My.Yo LACTO PRO Ferments Organic, 3 x 5 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dQtxSxquLrVNDsCSQnng98KFSrWKHrdf_bjtgJojtDeNxTCGstv9BhlFZ0CZRh5iKKasr2c4zD3Ox4XSlAZ76Q" />
    <input value="2953" 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/my-yo-probiotic-ferments-mild-organic-3-bags-5-g-2952">
          <img alt="My.Yo Probiotic Ferments MILD Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2090/file/small-dfce6eb30e5c4def9a2ab8a18741e01f.webp 600w, https://assets.fabulous.ch/public/variant_asset/2090/file/medium-118f2b15a00c7650e860e4236e8d2a72.webp 900w, https://assets.fabulous.ch/public/variant_asset/2090/file/large-e32dd495a270c2c34d1507d8e0af28f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2090/file/medium-118f2b15a00c7650e860e4236e8d2a72.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">my.yo</p>
          <a href="/en/products/my-yo-probiotic-ferments-mild-organic-3-bags-5-g-2952">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">My.Yo Probiotic Ferments MILD Organic, 3 x 5 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fq93f88XSa9otuxXO7uO7ZmrfJZZK7x5KcPrJi3zEFOGYTayZ2KaHDz9S4XghHB4c4iajLQNxxsavIN0I9bfjQ" />
    <input value="2952" 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/cenovis-spread-with-salt-70-g-15167">
          <img alt="Cenovis Spread with Salt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6946/file/small-b13ad3438d520f80dd800a5ec501c0da.webp 600w, https://assets.fabulous.ch/public/variant_asset/6946/file/medium-68b53929172dd9161efd2fb8486bd25e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6946/file/large-01161d5f974de6bab3500d2a1685183e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6946/file/medium-68b53929172dd9161efd2fb8486bd25e.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">Cenovis</p>
          <a href="/en/products/cenovis-spread-with-salt-70-g-15167">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cenovis Spread with Salt, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S6TH5fqeg-Rnx2aS8cPvtFuXJgEl4GK-IC88CO5ogEuzaoYoUutQVzOMwUAq_BEhsbTAG8jGGdwTUFRa4E1PlQ" />
    <input value="15167" 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/rapeseed-frying-oil-organic-500-ml-17021">
          <img alt="Rapeseed Frying Oil Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7938/file/small-ec8c7e76b6f248880d5f54ca878b8504.webp 600w, https://assets.fabulous.ch/public/variant_asset/7938/file/medium-9cbb934c632804e33f51e92549c1b866.webp 900w, https://assets.fabulous.ch/public/variant_asset/7938/file/large-28bd1f819303474cf6febb51b1c643c0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7938/file/medium-9cbb934c632804e33f51e92549c1b866.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">Biofarm</p>
          <a href="/en/products/rapeseed-frying-oil-organic-500-ml-17021">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rapeseed Frying Oil Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_geSIxiv1Nu-HbGaz1qkNbPGfLfwVT-zlTMfFHmsgpgGydPusNoHaOpWFkgUZVqgWeWarR1zRNGmTHdGd4lNRg" />
    <input value="17021" 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/sonett-eco-scouring-sponge-2-piece-17778">
          <img alt="Sonett Eco Scouring Sponge" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8725/file/small-1699129b43cf15d811b98166476f16e5.webp 600w, https://assets.fabulous.ch/public/variant_asset/8725/file/medium-5455db1f3c1f3847b0f28395edb46cf7.webp 900w, https://assets.fabulous.ch/public/variant_asset/8725/file/large-1d13c14744eb188eb56d793b60531077.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8725/file/medium-5455db1f3c1f3847b0f28395edb46cf7.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">Sonett</p>
          <a href="/en/products/sonett-eco-scouring-sponge-2-piece-17778">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sonett Eco Scouring Sponge, 2 pieces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="e9RA9KXRbxx_v-y03i8jQhse-1OsEaZNdojhAvIO06eDGgE5DaS8ryv0S2YFEN3X8T0dSUE33S9F94lQ_CsceQ" />
    <input value="17778" 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/cookies-vegan-chocolate-peanut-butter-organic-50-g-7843">
          <img alt="Cookies Vegan Chocolate Peanut Butter Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4575/file/small-fff6a82c48e564a1e0a4cbe81d2eeba1.webp 600w, https://assets.fabulous.ch/public/variant_asset/4575/file/medium-2f1adc6ba7f75fd84ff39fd453beea46.webp 900w, https://assets.fabulous.ch/public/variant_asset/4575/file/large-ff16d724607ec003f869163c1c928d30.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4575/file/medium-2f1adc6ba7f75fd84ff39fd453beea46.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">Rhythm 108</p>
          <a href="/en/products/cookies-vegan-chocolate-peanut-butter-organic-50-g-7843">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cookies Vegan Chocolate Peanut Butter Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X-MYkhZ9kIm05i5A_bF9RO_f6HV5N13yvqyyyV6aQJOnLVlfvghDOuCtiZImjoPRBfwOb5QRJpCN09qbUL-PTQ" />
    <input value="7843" 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/pasta-fusilli-corn-rice-gluten-free-organic-250-g-16024">
          <img alt="Pasta Fusilli Corn Rice Gluten-Free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7403/file/small-fb20aa7a3b91d72686143bf14f98224a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7403/file/medium-a89abc3f8f4dcbac9a3f10433c4bad92.webp 900w, https://assets.fabulous.ch/public/variant_asset/7403/file/large-6546aaefae23aea1a66a7d4f1f65c500.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7403/file/medium-a89abc3f8f4dcbac9a3f10433c4bad92.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">Alce Nero</p>
          <a href="/en/products/pasta-fusilli-corn-rice-gluten-free-organic-250-g-16024">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Fusilli Corn Rice Gluten-Free Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b_IoD2qyazlcvlp7VXKRSztxKkS-SXVN6yO5XV9W4qKXPGnCwse4igj1_amOTW_e0VLMXlNvDi_YXNEPUXMtfA" />
    <input value="16024" 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/castor-oil-care-oil-organic-100-ml-14898">
          <img alt="Castor Oil Care Oil Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6830/file/small-9f973c593f2329fba7f01fd0d5a8c626.webp 600w, https://assets.fabulous.ch/public/variant_asset/6830/file/medium-4b151cc087353b042acf1a36dd37c194.webp 900w, https://assets.fabulous.ch/public/variant_asset/6830/file/large-48b9cfb2472b1feda03fcd3d33d3f901.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6830/file/medium-4b151cc087353b042acf1a36dd37c194.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/castor-oil-care-oil-organic-100-ml-14898">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Castor Oil Care Oil Organic, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PNcLhEfQRYBbG6387rOcuDCkfjBnhb0d7yaNwMtKUMfEGUpJ76WWMw9QCi41jGIt2oeYKoqjxn_cWeWSxW-fGQ" />
    <input value="14898" 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/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="LKDigVvhxF3LmsjlPUiCnVHyKVpQkeWUfka_WLOsYmTUbqNM85QX7p_Rbzfmd3wIu9HPQL23nvZNOdcKvYmtug" />
    <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/cookies-coconut-crunch-organic-135-g-4142">
          <img alt="Cookies Coconut Crunch Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2616/file/small-1a25367693aae337ec7c2138522d5666.webp 600w, https://assets.fabulous.ch/public/variant_asset/2616/file/medium-cd3862c5228b1f5be28647803a47e8d1.webp 900w, https://assets.fabulous.ch/public/variant_asset/2616/file/large-65a4805ad4f7c666f091fa203f5925c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2616/file/medium-cd3862c5228b1f5be28647803a47e8d1.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">Rhythm 108</p>
          <a href="/en/products/cookies-coconut-crunch-organic-135-g-4142">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cookies Coconut Crunch Organic, 135 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 3.04 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZLJ0h5RmUgqZRl0xW4yHj_EjqVxMWI0DSGw2cmu5OPacfDVKPBOBuc0N-uOAs3kaGwBPRqF-9mF7E14gZZz3KA" />
    <input value="4142" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      1&#39;080 of 3&#39;207 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/natur-compagnie?format=turbo_stream&amp;page=55">Show more</a>
  </div>
</div>

</template></turbo-stream>