<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/germline-onion-seed-bag-organic-50-g-15305">
          <img alt="Germline Onion Seed Bag Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6988/file/small-e1fa48e5d4ec97fb4443352244a10437.webp 600w, https://assets.fabulous.ch/public/variant_asset/6988/file/medium-3ae8fc4035bb53b8ae5f846fabd7f48c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6988/file/large-61532282187466799c379a2d4c77f0e1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6988/file/medium-3ae8fc4035bb53b8ae5f846fabd7f48c.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">Germline</p>
          <a href="/en/products/germline-onion-seed-bag-organic-50-g-15305">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Germline Onion Seed Bag Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.75
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GYga0MYScGGwLQhfnNi9RMpPvI5mnu87s9k-2x5GrJJL7wQMriId7ef6iaPqO7fL06p8ISWOezSmmIV56cmbQQ" />
    <input value="15305" 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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/pralines-matcha-box-of-6-72-g-15361">
          <img alt="Pralinés Matcha Box of 6" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7013/file/small-a7559d02da88b64785efabf6a112c024.webp 600w, https://assets.fabulous.ch/public/variant_asset/7013/file/medium-4a4ef23dd594dacc34d9d67303c6b13e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7013/file/large-93c866b2d239e9313672513ef50cd2b4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7013/file/medium-4a4ef23dd594dacc34d9d67303c6b13e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/en/products/pralines-matcha-box-of-6-72-g-15361">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralinés Matcha Box of 6, 72 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/en/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Notify me
</a>

      </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/mung-daal-organic-500-g-15569">
          <img alt="Mung Daal Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7109/file/small-40e98773fbcabf50506547e530132d05.webp 600w, https://assets.fabulous.ch/public/variant_asset/7109/file/medium-08ebd9fcc015cd0ccf9057fb86b60786.webp 900w, https://assets.fabulous.ch/public/variant_asset/7109/file/large-76b619c3151a2c687d290fd90b7142a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7109/file/medium-08ebd9fcc015cd0ccf9057fb86b60786.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/mung-daal-organic-500-g-15569">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mung Daal Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XChVp9X2jEu3uQY5y8lR384N_qMFRQnkxCLCOm8swzYOT0t7vcbhx-Buh8W9KltQ1-g-DEZVnevRY3mYmKP05Q" />
    <input value="15569" 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/cocoa-powder-raw-organic-200-g-15746">
          <img alt="Cocoa Powder Raw Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7173/file/small-b333c4ea63a19e651f6abd09919a7ab6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7173/file/medium-788624a1935ba4f8f13d5a7dbbfbca63.webp 900w, https://assets.fabulous.ch/public/variant_asset/7173/file/large-1e9b8c310ca11801c1663ddfa5aa721e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7173/file/medium-788624a1935ba4f8f13d5a7dbbfbca63.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">bett&#39;r</p>
          <a href="/en/products/cocoa-powder-raw-organic-200-g-15746">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cocoa Powder Raw Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gnyrZdoRODW6d86Vmm0IX0BbNgdBNQpo66ekpYpKv0DQG7W5siFVue2gT2nsjgLQWb72qAIlnmf-5h8HfcWIkw" />
    <input value="15746" 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/raw-bar-cacao-nibs-almonds-organic-30-g-15822">
          <img alt="Raw Bar Cacao Nibs &amp; Almonds Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7220/file/small-6cebbdf9a06ffba7718f48ab95b89d90.webp 600w, https://assets.fabulous.ch/public/variant_asset/7220/file/medium-dadcab41cf9a76da1c5fecabf8acccfc.webp 900w, https://assets.fabulous.ch/public/variant_asset/7220/file/large-e0f34227bf44dd955a1709f463fbd284.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7220/file/medium-dadcab41cf9a76da1c5fecabf8acccfc.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">Roo&#39;Bar</p>
          <a href="/en/products/raw-bar-cacao-nibs-almonds-organic-30-g-15822">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Raw Bar Cacao Nibs &amp; Almonds Organic, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q6z2DV71Lqbe6dlO_nZpC42dxOxl7xGG8n51pa5mPuoRy-jRNsVDKok-WLKIlWOElHgEQyb_hYnnP84HWekJOQ" />
    <input value="15822" 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/peanut-oil-virgin-organic-250-ml-15887">
          <img alt="Peanut Oil Virgin Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7290/file/small-90d1d326041de491f4bedce5ebab0a63.webp 600w, https://assets.fabulous.ch/public/variant_asset/7290/file/medium-ef2c99ed799026f9751bbbb1fde9b5a7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7290/file/large-6b35a5dac161ad67cbe84e62e3a4bb12.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7290/file/medium-ef2c99ed799026f9751bbbb1fde9b5a7.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 Planète</p>
          <a href="/en/products/peanut-oil-virgin-organic-250-ml-15887">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peanut Oil Virgin Organic, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BZZFtbV8lvMAhni-3Aq5m2GP06f5XnAzX8iQoS-YTotX8Vtp3Uz7f1dR-UKq6bMUeGoTCLpO5DxKiSsD2Bd5WA" />
    <input value="15887" 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/completeorganics-goji-red-beet-organic-230-g-15890">
          <img alt="completeorganics GOJI RED BEET Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7293/file/small-1cb0829d3ec0d70691eb8c1af5f6962a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7293/file/medium-de1106fd17f2391c78ae0c5308b9bc54.webp 900w, https://assets.fabulous.ch/public/variant_asset/7293/file/large-e23fefe8f9dc4e4d36ffba3500bc30c1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7293/file/medium-de1106fd17f2391c78ae0c5308b9bc54.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">completeorganics</p>
          <a href="/en/products/completeorganics-goji-red-beet-organic-230-g-15890">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">completeorganics GOJI RED BEET Organic, 230 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CsuIu4ygdvon5m5EmcaPzqH_v27U6vLNDZOuxQdgBgtYrJZn5JAbdnAx77jvJYVBuBp_wZf6ZsIY0hVn8O8x2A" />
    <input value="15890" 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/completeorganics-white-kimchi-organic-240-g-15891">
          <img alt="completeorganics WHITE KIMCHI Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7297/file/small-824f2e237246c7b0a606e4f6727b435d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7297/file/medium-1c153a821b92d0d82ebfdbf67f2b44d9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7297/file/large-d29a4d69d2de4f03cad83fc2e0e76d37.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7297/file/medium-1c153a821b92d0d82ebfdbf67f2b44d9.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">completeorganics</p>
          <a href="/en/products/completeorganics-white-kimchi-organic-240-g-15891">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">completeorganics WHITE KIMCHI Organic, 240 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_yPgGauwYSBbCKG-R4qV9p-cx0ShIRWocZE9mOAfXxGtRP7Fw4AMrAzfIEIxaZ95hnkH6-Ixgadk0IY6F5Bowg" />
    <input value="15891" 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/completeorganics-spicy-kimchi-organic-230-g-15892">
          <img alt="completeorganics SPICY KIMCHI Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7299/file/small-9c8c54d676672b31023b7be06a062604.webp 600w, https://assets.fabulous.ch/public/variant_asset/7299/file/medium-4ec4c9250323f722d3a21178f3f3f848.webp 900w, https://assets.fabulous.ch/public/variant_asset/7299/file/large-dd6281ee5b54ee2c2abbf62deb9f93a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7299/file/medium-4ec4c9250323f722d3a21178f3f3f848.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">completeorganics</p>
          <a href="/en/products/completeorganics-spicy-kimchi-organic-230-g-15892">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">completeorganics SPICY KIMCHI Organic, 230 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </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.09 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DpNvSt0hohWZ-kgfHKmok1kUz_EIDBFjJpMnVM9FAGRc9HGWtRHPmc4tyeNqSqIcQPEPXkschWwz0pz2OMo3tw" />
    <input value="15892" 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/lovechock-dark-dates-83-chocolate-organic-70-g-15939">
          <img alt="Lovechock Dark &amp; Dates 83% Chocolate Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7333/file/small-f6d457aec955de017f73d55315bd3c60.webp 600w, https://assets.fabulous.ch/public/variant_asset/7333/file/medium-c626876d57de5cb14b9f5d50bcf462a5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7333/file/large-61ecd16dbc8374c6039a8b202fefe55c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7333/file/medium-c626876d57de5cb14b9f5d50bcf462a5.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">Lovechock</p>
          <a href="/en/products/lovechock-dark-dates-83-chocolate-organic-70-g-15939">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lovechock Dark &amp; Dates 83% Chocolate Organic, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gV05fk4EL_fobz_D71v0E_6YIrHm-VuRuPPkupnDVVPTOieiJjRCe7-4vj-ZuP6c533iHqXpz56tsl8YbkxigA" />
    <input value="15939" 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/mulberries-raw-food-organic-100-g-15942">
          <img alt="Mulberries Raw Food Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7336/file/small-c05a1e23b392d0abb7bae062f7d1258e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7336/file/medium-0bc1ba50d51c5388aea10ce0e5270e10.webp 900w, https://assets.fabulous.ch/public/variant_asset/7336/file/large-d02a54d85b7651d71a557de265e40a56.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7336/file/medium-0bc1ba50d51c5388aea10ce0e5270e10.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/mulberries-raw-food-organic-100-g-15942">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mulberries Raw Food Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PCN4-zB9bopLw67ojom00hRSg9Pt9mKy-at47tnLWtpuRGYnWE0DBhwULxT4ar5dDbdDfK7m9r3s6sNMLkRtCQ" />
    <input value="15942" 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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/raw-cacao-powder-100-organic-110-g-16007">
          <img alt="Raw Cacao Powder 100 % Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7392/file/small-590e774a940f6ad7bbe62fb5025f309e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7392/file/medium-1b640d944454b40634fc0b2add2131c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7392/file/large-760e6676af9f542566cdc8a3bbd0bf4c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7392/file/medium-1b640d944454b40634fc0b2add2131c8.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">GoodMoodFood</p>
          <a href="/en/products/raw-cacao-powder-100-organic-110-g-16007">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Raw Cacao Powder 100 % Organic, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/en/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Notify me
</a>

      </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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/completeorganics-cucumber-kimchi-organic-240-g-16072">
          <img alt="completeorganics CUCUMBER KIMCHI Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7422/file/small-e71c4b68e7addafb093005c403843ad1.webp 600w, https://assets.fabulous.ch/public/variant_asset/7422/file/medium-87402e181f0a710486a37c562fd4a1b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7422/file/large-bd382f7489cbe4adc8605b650d751edd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7422/file/medium-87402e181f0a710486a37c562fd4a1b9.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">completeorganics</p>
          <a href="/en/products/completeorganics-cucumber-kimchi-organic-240-g-16072">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">completeorganics CUCUMBER KIMCHI Organic, 240 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </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.67 / 100 g
            </p>
        </div>
      </div>

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/en/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Notify me
</a>

      </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/almonds-brown-bulk-buy-demeter-5-kg-16132">
          <img alt="Almonds Brown Bulk Buy Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7434/file/small-59e61989a93d25f120baa18be3aaed79.webp 600w, https://assets.fabulous.ch/public/variant_asset/7434/file/medium-0f77fb5fcf778d2cf98bfde1ef7fa5ac.webp 900w, https://assets.fabulous.ch/public/variant_asset/7434/file/large-870aabadd108c36a49ef6ee5b4058a35.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7434/file/medium-0f77fb5fcf778d2cf98bfde1ef7fa5ac.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/almonds-brown-bulk-buy-demeter-5-kg-16132">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Almonds Brown Bulk Buy Demeter, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 167.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X0FVzsdw4jd998ekBrxY7jID_F2H1JxTLxmwF2Au70oNJksSr0CPuyogRlhwX1JhK-Y88sTECFw6WAu1l6HYmQ" />
    <input value="16132" 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/cracker-carrot-raw-organic-80-g-16195">
          <img alt="Cracker Carrot Raw Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7453/file/small-50802a7789e625fb4d714853e3654c1f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7453/file/medium-c2afa26104af09579c7ad833e04ba534.webp 900w, https://assets.fabulous.ch/public/variant_asset/7453/file/large-00013043289d3b24eed3baed68ed84b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7453/file/medium-c2afa26104af09579c7ad833e04ba534.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">Lifefood</p>
          <a href="/en/products/cracker-carrot-raw-organic-80-g-16195">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cracker Carrot Raw Organic, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1H-EeB7-9JRiC2Yt4XEf7sj0qzpcQUCbjC7Vi0cuTW-GGJqkds6ZGDXc59GXkhVh0RFrlR9R1JSZb24psKF6vA" />
    <input value="16195" 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/cracker-chia-hemp-raw-organic-90-g-16204">
          <img alt="Cracker Chia Hemp Raw Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7454/file/small-e77b727c123c5af081ae80671a48e993.webp 600w, https://assets.fabulous.ch/public/variant_asset/7454/file/medium-a854c3a9df6723ab6b2ea2af14aca599.webp 900w, https://assets.fabulous.ch/public/variant_asset/7454/file/large-4c712799e88270366f0978e0c8829f3d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7454/file/medium-a854c3a9df6723ab6b2ea2af14aca599.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">Lifefood</p>
          <a href="/en/products/cracker-chia-hemp-raw-organic-90-g-16204">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cracker Chia Hemp Raw Organic, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.15
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="h_9s6gQEX3rGQLOrQLpz5uI52RZUsipi7TjtP-TkfkDVmHI2bDQy9pGXMlc2WXlp-9wZuReivm34eVadE2tJkw" />
    <input value="16204" 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/cracker-rosemary-raw-organic-90-g-16205">
          <img alt="Cracker Rosemary Raw Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7455/file/small-401ad8c7c5e20c4af36d060578dd7eb7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7455/file/medium-86751bd5c5f299b2a0d942fe94a10c2d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7455/file/large-19c35cf001872a42a4d3a321e7d67db0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7455/file/medium-86751bd5c5f299b2a0d942fe94a10c2d.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">Lifefood</p>
          <a href="/en/products/cracker-rosemary-raw-organic-90-g-16205">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cracker Rosemary Raw Organic, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9MO_d3J8sbwTp46-1tshZoxSFNaCokGJYN-icLe-mnCmpKGrGkzcMERwD0KgOCvplbfUecGy1YZ1nhnSQDGtow" />
    <input value="16205" 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/cracker-sauerkraut-buckwheat-raw-organic-90-g-16206">
          <img alt="Cracker Sauerkraut Buckwheat Raw Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7457/file/small-2dd9c98116fce4ade71707d1c34746b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/7457/file/medium-5d65085e58a05facee59aa6657a029a2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7457/file/large-1dc6f70d6f3dd4ff6ac3860f4beeb314.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7457/file/medium-5d65085e58a05facee59aa6657a029a2.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">Lifefood</p>
          <a href="/en/products/cracker-sauerkraut-buckwheat-raw-organic-90-g-16206">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cracker Sauerkraut Buckwheat Raw Organic, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.35
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bwonalUbtRBF3jU2LwepJnfNtF6MDGeuZDaSI0V7oJ09bTm2PSvYnBIJtMpZ5KOpbih08c8c86FxdymBsvSXTg" />
    <input value="16206" 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/bar-lovechock-almond-fig-80-cocoa-organic-40-g-16268">
          <img alt="Bar Lovechock Almond Fig 80% Cocoa Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7499/file/small-4f7b4593fa92f0a78d971bae3191d4d2.webp 600w, https://assets.fabulous.ch/public/variant_asset/7499/file/medium-0662ab5a9e709a3a45fe6d8a295a2b3d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7499/file/large-355f950988ccbdf3e70cf40998ff0c75.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7499/file/medium-0662ab5a9e709a3a45fe6d8a295a2b3d.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">Lovechock</p>
          <a href="/en/products/bar-lovechock-almond-fig-80-cocoa-organic-40-g-16268">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bar Lovechock Almond Fig 80% Cocoa Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fFPpQ3ny46UYdJGnLYzMEvNOl6roidgGAFo7Nt43_zouNPefEcKOKU-jEFtbb8ad6qtXBauZTAkVG4CUKbjI6Q" />
    <input value="16268" 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/sprouted-seeds-mix-4-radish-organic-100-g-16431">
          <img alt="Sprouted Seeds Mix 4 Radish Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7554/file/small-068a58891d5c2f248a335632e4f3889a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7554/file/medium-8f65fda1e070c71bc00afbb2db411dea.webp 900w, https://assets.fabulous.ch/public/variant_asset/7554/file/large-47740654c7c82fc00e196be134876ec5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7554/file/medium-8f65fda1e070c71bc00afbb2db411dea.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">Germline</p>
          <a href="/en/products/sprouted-seeds-mix-4-radish-organic-100-g-16431">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sprouted Seeds Mix 4 Radish Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KrMkstNOnc8rPrg7jymerFvd3FI8Dk8fbGjRXppar9V41Dpuu37wQ3zpOcf5ypQjQjgc_X8e2xB5KWr8bdWYBg" />
    <input value="16431" 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">
      140 of 156 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/food/raw-food?format=turbo_stream&amp;page=8">Show more</a>
  </div>
</div>

</template></turbo-stream>