<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/minced-funghi-protein-160-g-18018">
          <img alt="MINCED FUNGHI PROTEIN" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8959/file/small-eec50c7a9b1efcfcda21c29608181145.webp 600w, https://assets.fabulous.ch/public/variant_asset/8959/file/medium-d802f1d87de4972cc6b33863e74de844.webp 900w, https://assets.fabulous.ch/public/variant_asset/8959/file/large-14049a5d35595f3b7ef0426c5caaadc3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8959/file/medium-d802f1d87de4972cc6b33863e74de844.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">Revo Foods</p>
          <a href="/en/products/minced-funghi-protein-160-g-18018">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">MINCED FUNGHI PROTEIN, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </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.31 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/the-kraken-inspired-von-octopus-110-g-18016">
          <img alt="THE KRAKEN - Inspired von Octopus" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8958/file/small-c26df476677715c5f18b1136658c6c0c.webp 600w, https://assets.fabulous.ch/public/variant_asset/8958/file/medium-1473e0c509669910db91a92e5f0ce4de.webp 900w, https://assets.fabulous.ch/public/variant_asset/8958/file/large-8ae16ec1afe774ab8fcb50602dc66cb5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8958/file/medium-1473e0c509669910db91a92e5f0ce4de.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">Revo Foods</p>
          <a href="/en/products/the-kraken-inspired-von-octopus-110-g-18016">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">THE KRAKEN - Inspired von Octopus, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.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 7.82 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xB7ZPvjwPpcr2VJczzzqC8mZLwHAmvB-S-4ecPVaySjhKVVxxPUXqRkz4W9gTBUeqYshUrAqi-gPqa0jWtHyjg" />
    <input value="18016" 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/the-prime-cut-protein-filet-110-g-18017">
          <img alt="THE PRIME CUT - Protein Filet" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8965/file/small-ffcee0e0ff42ac2b8962b6b905222aae.webp 600w, https://assets.fabulous.ch/public/variant_asset/8965/file/medium-bcbe6ae4d3ddcc8304f37da00d7ad4ae.webp 900w, https://assets.fabulous.ch/public/variant_asset/8965/file/large-afd6678b8797e6c4a5f90923ff86be6d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8965/file/medium-bcbe6ae4d3ddcc8304f37da00d7ad4ae.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">Revo Foods</p>
          <a href="/en/products/the-prime-cut-protein-filet-110-g-18017">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">THE PRIME CUT - Protein Filet, 110 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 5.91 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dSNjf5-AMBZKlm8QAbuN7d7NV3BRzJ-OpR4wbgACnMtQFO8wo4UZKHh83COuy3L4vt9ZIyF85BjhWYM9r4mnbQ" />
    <input value="18017" 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/the-filet-bbq-110-g-18015">
          <img alt="THE FILET - BBQ" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9027/file/small-3f51819ca622fd2f93a90ef559d8535f.webp 600w, https://assets.fabulous.ch/public/variant_asset/9027/file/medium-89a322f3af28ac915e96f18a2e003798.webp 900w, https://assets.fabulous.ch/public/variant_asset/9027/file/large-05795cdb6124ef4539eb4c5dcf604d3e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9027/file/medium-89a322f3af28ac915e96f18a2e003798.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">Revo Foods</p>
          <a href="/en/products/the-filet-bbq-110-g-18015">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">THE FILET - BBQ, 110 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 5.91 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gA_0SXvJncGhQXF4AWXzM7BJH3HIBP28JN1zv2snEc-lOHgGR8y0_5OrwkuuFQwm0FsRIri0hipgmsDsxKwqaQ" />
    <input value="18015" 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/the-filet-pink-pepper-lemon-110-g-18014">
          <img alt="THE FILET - Pink Pepper &amp; Lemon" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8964/file/small-a3575a53b756ae1e8ba92cfba9849136.webp 600w, https://assets.fabulous.ch/public/variant_asset/8964/file/medium-a044f2b80a9431ecbc4cc73ad15f26d2.webp 900w, https://assets.fabulous.ch/public/variant_asset/8964/file/large-47d8aeadfa4e106c573e48779a711307.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8964/file/medium-a044f2b80a9431ecbc4cc73ad15f26d2.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">Revo Foods</p>
          <a href="/en/products/the-filet-pink-pepper-lemon-110-g-18014">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">THE FILET - Pink Pepper &amp; Lemon, 110 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 5.91 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CmV_Bkd2nARybMmVO9H9VSfOY26tqDMZCVvuDJKU0x0vUvNJe3O1OkCGeqaUoQJAR9xtPd0YSI9NHF1fPR_ouw" />
    <input value="18014" 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/the-filet-asian-fusion-110-g-18003">
          <img alt="THE FILET - Asian Fusion" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8928/file/small-fae9e8c5651429458c8fe66b5a51cfa2.webp 600w, https://assets.fabulous.ch/public/variant_asset/8928/file/medium-fe935c8ea1e6162251e0bbad6b43f64e.webp 900w, https://assets.fabulous.ch/public/variant_asset/8928/file/large-e882036d7fe4630cea5c66ce5e9a0676.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8928/file/medium-fe935c8ea1e6162251e0bbad6b43f64e.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">Revo Foods</p>
          <a href="/en/products/the-filet-asian-fusion-110-g-18003">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">THE FILET - Asian Fusion, 110 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 5.91 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k9hqeYATPm4wQ_F9PYu0xy0i0q4nAwJAzcWe1jdE2mK27-Y2vBYXUAKpQk6S-0vSTTDc_VezedaJgi2FmM_hxA" />
    <input value="18003" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/the-filet-inspired-by-salmon-100-g-18002">
          <img alt="THE FILET - Inspired by Salmon" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8922/file/small-6550aec96df3ebb79992047be1f44d32.webp 600w, https://assets.fabulous.ch/public/variant_asset/8922/file/medium-275cd4ec9e551e100a14b837c01a5c0b.webp 900w, https://assets.fabulous.ch/public/variant_asset/8922/file/large-3201920d9985b5799f5e8c8e2b001968.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8922/file/medium-275cd4ec9e551e100a14b837c01a5c0b.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">Revo Foods</p>
          <a href="/en/products/the-filet-inspired-by-salmon-100-g-18002">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">THE FILET - Inspired by Salmon, 100 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.95 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iVeMM3yAsymp1JKZirAfjn2l52lsriePCWI3w3NU9sKsYAB8QIWaF5s-IaolwOCbHbfpOhweXBlNJYSQ3N_NZA" />
    <input value="18002" 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/el-blanco-inspired-by-black-cod-110-g-18000">
          <img alt="EL BLANCO - Inspired by Black Cod" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8921/file/small-5787e80b6f34b46b356751e53dffe4f7.webp 600w, https://assets.fabulous.ch/public/variant_asset/8921/file/medium-a50421a900c5e636f19112da9aa11f8e.webp 900w, https://assets.fabulous.ch/public/variant_asset/8921/file/large-77c7955b3504bc3c0f7e71d90ea342ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8921/file/medium-a50421a900c5e636f19112da9aa11f8e.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">Revo Foods</p>
          <a href="/en/products/el-blanco-inspired-by-black-cod-110-g-18000">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">EL BLANCO - Inspired by Black Cod, 110 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 5.91 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OWjOVBm7ufGYPI0XgGry9HQnaQ1U5SSPfMsJmi3ZtvgcX0IbJb6Qz6rWPiQvGg3hFDVnXiRVXxk4jLrJglKNXg" />
    <input value="18000" 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/peanut-butter-crunchy-with-salt-organic-500-g-15201">
          <img alt="Peanut Butter Crunchy With Salt Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6966/file/small-5e3b2214cbdb7bcff5fb868561a3b6f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/6966/file/medium-c1e6f76f5d44310ef723d65b8d9c2bb0.webp 900w, https://assets.fabulous.ch/public/variant_asset/6966/file/large-75ae5e20ac5f1c6a3ea2db9d779f2072.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6966/file/medium-c1e6f76f5d44310ef723d65b8d9c2bb0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/en/products/peanut-butter-crunchy-with-salt-organic-500-g-15201">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peanut Butter Crunchy With Salt Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RztiWv6GsGnefmvwAZV0q4fOqWbp0HL9lZX6d6sIbV1iDO4VwoOZV-yU2MOu5Yu-59ynNZlgCWvR0kkkBINW-w" />
    <input value="15201" 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/oat-flakes-bulk-buy-biosuisse-5-kg-9234">
          <img alt="Oat Flakes Bulk Buy BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5258/file/small-0e352d9b55d3fdb16310ca4d2801c7da.webp 600w, https://assets.fabulous.ch/public/variant_asset/5258/file/medium-7dc918e4473f6ebd9d217668603108c1.webp 900w, https://assets.fabulous.ch/public/variant_asset/5258/file/large-22a0e97fe023f562d2d4a07bccb37a3b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5258/file/medium-7dc918e4473f6ebd9d217668603108c1.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/oat-flakes-bulk-buy-biosuisse-5-kg-9234">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oat Flakes Bulk Buy BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ocvMKU4NfAjYOf9OxU34yb3VlroMx0SrYu6TmrlU7uGE_EBmcghVNurTTH1qPQfc3ceY6Xx3Pz0mqSDJFt_VRw" />
    <input value="9234" 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/almondbutter-organic-500-g-604">
          <img alt="Almondbutter Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/555/file/small-bd95787fdb38a58ce833d8679215d3bb.webp 600w, https://assets.fabulous.ch/public/variant_asset/555/file/medium-72d3115229436b75ac6a46e9e38bf70d.webp 900w, https://assets.fabulous.ch/public/variant_asset/555/file/large-7892d177da07e4a375ee2abbd24cbdb4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/555/file/medium-72d3115229436b75ac6a46e9e38bf70d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/en/products/almondbutter-organic-500-g-604">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Almondbutter Organic, 500 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 3.98 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RQVf885N6QUwofamnQTSse2IlP7P9yUC-rXDxT7lsh5gMtO88kjAOwJLRZUydC2kjZqarb9HXpS-8nCWkW6JuA" />
    <input value="604" 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/tapioca-maranta-flour-150-g-1230">
          <img alt="Tapioca / Maranta Flour" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1070/file/small-d3ab7cde2baa778179c8a1bf1074fbd4.webp 600w, https://assets.fabulous.ch/public/variant_asset/1070/file/medium-4183d617b87d7f8adfa35ef0f8f8a620.webp 900w, https://assets.fabulous.ch/public/variant_asset/1070/file/large-1f90c71a9e522a416fbff8c8d8951a82.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1070/file/medium-4183d617b87d7f8adfa35ef0f8f8a620.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">MORGA</p>
          <a href="/en/products/tapioca-maranta-flour-150-g-1230">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tapioca / Maranta Flour, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vZCapWMHr4IjGFA_8wp5Z45hYl5MDZG4TmmfIH4-rtGYpxbqXwKGvBHy4wxceoZy7nNsDTy96i4KLixz0bWVdw" />
    <input value="1230" 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/walnuts-broken-bulk-buy-organic-5-kg-9262">
          <img alt="Walnuts Broken Bulk Buy Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5268/file/small-b896bb01a0144b7df1b91bbf89202d6a.webp 600w, https://assets.fabulous.ch/public/variant_asset/5268/file/medium-8954c0d7c0c5d963f0c1a7130eec4cf3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5268/file/large-5d2f7145f2ccb90b54467e7578ecc7d1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5268/file/medium-8954c0d7c0c5d963f0c1a7130eec4cf3.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">Bio Grosshandel</p>
          <a href="/en/products/walnuts-broken-bulk-buy-organic-5-kg-9262">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Walnuts Broken Bulk Buy Organic, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 94.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EzUeAL2wgzRWy9d8cSaW7fmSaAPkR5hIkmxJOTw_x7A2ApJPgbWqCmQhZE_eVmn4mYBmUJT3497WK_pqk7T8Fg" />
    <input value="9262" 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/mascara-natural-vegan-volume-magic-black-10-ml-1526">
          <img alt="Mascara Natural Vegan Volume magic black" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1234/file/small-d86b2443a878dfd23bd9d9ea97e0c7a3.webp 600w, https://assets.fabulous.ch/public/variant_asset/1234/file/medium-c98882fc1d23756f1507de823d10f0b0.webp 900w, https://assets.fabulous.ch/public/variant_asset/1234/file/large-e4b58f8f8155f00983fe85d301c78d72.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1234/file/medium-c98882fc1d23756f1507de823d10f0b0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">benecos</p>
          <a href="/en/products/mascara-natural-vegan-volume-magic-black-10-ml-1526">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mascara Natural Vegan Volume magic black, 10 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AMik-uC1ofrsJzRGfQNYZQzcCJ4ltCzhAWoSeBk0EDgl_yi13LCIxN7Nh3XSc6dwbM4GzVUEV3dFLaErtr8rng" />
    <input value="1526" 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/shower-gel-organic-grapefruit-500-ml-12311">
          <img alt="Shower Gel Organic Grapefruit" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6188/file/small-7a749e3c5c79a684251e7b386a9f2681.webp 600w, https://assets.fabulous.ch/public/variant_asset/6188/file/medium-540fe890593d71d1e41dcde4c81a92f4.webp 900w, https://assets.fabulous.ch/public/variant_asset/6188/file/large-0b582b65604961455e11ed673dd3fb1c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6188/file/medium-540fe890593d71d1e41dcde4c81a92f4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">benecos</p>
          <a href="/en/products/shower-gel-organic-grapefruit-500-ml-12311">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shower Gel Organic Grapefruit, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2ritPc8Bgv7zia42RO6YS5kBi-0Wj6FQAQrQ4SdJs6T_jyFy8wSrwMFjHQXrnmde-ROFvmY_2sZFTWOyiMKIAg" />
    <input value="12311" 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/konjac-fettuccine-style-organic-400-g-1254">
          <img alt="Konjac Fettuccine Style Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1080/file/small-5e547fe5aec06640a394af42ba16a0f0.webp 600w, https://assets.fabulous.ch/public/variant_asset/1080/file/medium-a14b9eb5cc1f89617c1f424397c89c16.webp 900w, https://assets.fabulous.ch/public/variant_asset/1080/file/large-7af86d5c0e3a28f464cc07a35da6da86.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1080/file/medium-a14b9eb5cc1f89617c1f424397c89c16.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">Slendier</p>
          <a href="/en/products/konjac-fettuccine-style-organic-400-g-1254">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Konjac Fettuccine Style Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FmpZR0mEBFLFyolA08Cb0kb742s0GLyXhBy2L0O4DfEzXdUIdYEtbPcgOnN8sGTHJuntOESoxwHAWwV87DM2Vw" />
    <input value="1254" 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/ice-tea-classic-lemon-organic-500-ml-15927">
          <img alt="Ice Tea Classic Lemon Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7323/file/small-4ec8c6f2d4288c35560d2906d9fb5e7c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7323/file/medium-8c0b6a09fb1d59446de6a0f252cdb323.webp 900w, https://assets.fabulous.ch/public/variant_asset/7323/file/large-c78b007e93704039a035125f7a5a086a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7323/file/medium-8c0b6a09fb1d59446de6a0f252cdb323.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">Vivitz</p>
          <a href="/en/products/ice-tea-classic-lemon-organic-500-ml-15927">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ice Tea Classic Lemon Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VYJPK4j4ZtqlzfEvgviFahQX9n1P-EfmMfdD9uvsM2JwtcNktP1P5JcnQhwtiHp_dAX4Lj9IPHB1sPClRGcIxA" />
    <input value="15927" 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/lammsbrau-beer-gluten-free-alcohol-free-organic-330-ml-16516">
          <img alt="Lammsbräu Beer Gluten-Free &amp; Alcohol-Free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7613/file/small-adadc4b63062e726125a7cae88a036c1.webp 600w, https://assets.fabulous.ch/public/variant_asset/7613/file/medium-126798646f1c6ae92982b48495d7b846.webp 900w, https://assets.fabulous.ch/public/variant_asset/7613/file/large-1154a1d4464ff3d120c0eebbb5d2f64c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7613/file/medium-126798646f1c6ae92982b48495d7b846.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">Neumarkter Lammsbräu</p>
          <a href="/en/products/lammsbrau-beer-gluten-free-alcohol-free-organic-330-ml-16516">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lammsbräu Beer Gluten-Free &amp; Alcohol-Free Organic, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v9aqEs1pTY7YH1hInnRaf1zdyUvVoZ2-Nki0RtmWm3qa4SZd8WxksOr163sxBKVqPM_HGKUR5ihyDwcVdh2g3A" />
    <input value="16516" 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/oil-sunflower-cooking-oil-bulk-buy-biosuisse-3-l-6082">
          <img alt="Oil Sunflower Cooking Oil Bulk Buy BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3494/file/small-d85228a0b709b96f83995b5cb68023c4.webp 600w, https://assets.fabulous.ch/public/variant_asset/3494/file/medium-a73a9fa93db7e16bd509055e62bdf0e2.webp 900w, https://assets.fabulous.ch/public/variant_asset/3494/file/large-513244094207d23c584f418d2396bc09.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3494/file/medium-a73a9fa93db7e16bd509055e62bdf0e2.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/oil-sunflower-cooking-oil-bulk-buy-biosuisse-3-l-6082">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oil Sunflower Cooking Oil Bulk Buy BioSuisse, 3 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 46.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HuZ3eGiUEe6BET3NJCgb-03SQoQqtPxNr-UfyxVEKM870fs3VJE40LP7jv6LWOTuLcBM11oEh9vroqyYus8TaQ" />
    <input value="6082" 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/konjac-spaghetti-style-organic-400-g-1253">
          <img alt="Konjac Spaghetti Style Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1079/file/small-c686dd025384d14f73be05a74d5e0f95.webp 600w, https://assets.fabulous.ch/public/variant_asset/1079/file/medium-d69d1566cd763dfbd693ba1385a3f805.webp 900w, https://assets.fabulous.ch/public/variant_asset/1079/file/large-155b96bf219041c48eed7edcdde285fe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1079/file/medium-d69d1566cd763dfbd693ba1385a3f805.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">Slendier</p>
          <a href="/en/products/konjac-spaghetti-style-organic-400-g-1253">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Konjac Spaghetti Style Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2HOpnaw_DHPJR1-sKr9PGMA-WLlPkcM6KbFSj8aUp2z9RCXSkDolTfut7J-Fz7ANoCxW6j8huKxt9uHcaR-cyg" />
    <input value="1253" 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">
      60 of 3&#39;199 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/primeal?format=turbo_stream&amp;page=4">Show more</a>
  </div>
</div>

</template></turbo-stream>