<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/gelatinised-maca-powder-125-g-16020">
          <img alt="Gelatinised Maca Powder" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7399/file/small-6f776cf83218088f7072c4dba1a63940.webp 600w, https://assets.fabulous.ch/public/variant_asset/7399/file/medium-3d2469f0d9c1fd363d81a0e84f43f8bb.webp 900w, https://assets.fabulous.ch/public/variant_asset/7399/file/large-45fcbf3a847874f67ba01d4c264db11c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7399/file/medium-3d2469f0d9c1fd363d81a0e84f43f8bb.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">Vivo Life</p>
          <a href="/en/products/gelatinised-maca-powder-125-g-16020">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gelatinised Maca Powder, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.75
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UKXiionPkYvFDJjvKQOZ6OwXAVic-JtbP9UCLJOy8-3NZ26pfQBbDbEYsP65-wpG70ME1YDB-0IyftsM9xORqg" />
    <input value="16020" 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/magic-coffee-with-lion-s-mane-mushroom-280-g-16021">
          <img alt="Magic Coffee with Lion’s Mane Mushroom" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7400/file/small-f8f909790b7c28319fa5f0225c0bd745.webp 600w, https://assets.fabulous.ch/public/variant_asset/7400/file/medium-9fca44bffe28a1ffe6a4f4f1e69269da.webp 900w, https://assets.fabulous.ch/public/variant_asset/7400/file/large-d3a1076af6c59a4ab46fe95b555745b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7400/file/medium-9fca44bffe28a1ffe6a4f4f1e69269da.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">Vivo Life</p>
          <a href="/en/products/magic-coffee-with-lion-s-mane-mushroom-280-g-16021">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Magic Coffee with Lion’s Mane Mushroom, 280 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-16021-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/365-energy-drink-wild-berry-organic-330-ml-16026">
          <img alt="365 Energy Drink Wild Berry Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7407/file/small-572bbe07e04371b3383b79d08d59f1d7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7407/file/medium-63351f1ee9cd22c305b3779c17101d7b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7407/file/large-f4597025a42424baa88d839c14d0edd0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7407/file/medium-63351f1ee9cd22c305b3779c17101d7b.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">Eos Bio</p>
          <a href="/en/products/365-energy-drink-wild-berry-organic-330-ml-16026">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">365 Energy Drink Wild Berry Organic, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zMa3w34AMORJMg1IDPCjgvIh5YZjozQOPQd5dxmM0shRBDvgis_6Yj0mJVmcCDAs8XXgC3-aVBcwrKBXfS2wjw" />
    <input value="16026" 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/minced-lentils-100-g-16051">
          <img alt="Minced Lentils" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7408/file/small-651a7521a0503ac5fcee5169f8e468db.webp 600w, https://assets.fabulous.ch/public/variant_asset/7408/file/medium-27382df9ed398722b3b681ac96c915cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7408/file/large-7e1961c9d821ee91a585cbaa3a180f89.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7408/file/medium-27382df9ed398722b3b681ac96c915cd.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">Vantastic</p>
          <a href="/en/products/minced-lentils-100-g-16051">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Minced Lentils, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-16051-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/peanut-caramel-choc-bar-organic-40-g-16054">
          <img alt="Peanut Caramel Choc Bar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7411/file/small-0abcc5117ede8e8c49b6ff28120ac022.webp 600w, https://assets.fabulous.ch/public/variant_asset/7411/file/medium-a2046e1d811791dc507b70da19802833.webp 900w, https://assets.fabulous.ch/public/variant_asset/7411/file/large-ee13cda5eccb5ba08a7f85af10412de2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7411/file/medium-a2046e1d811791dc507b70da19802833.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">Vantastic</p>
          <a href="/en/products/peanut-caramel-choc-bar-organic-40-g-16054">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peanut Caramel Choc Bar Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4EMLRVWNY9JGaEowgkUsxHqy347T2To3JDCIWkChUKJ9gYdmoUKpVDJ8YiESvb9qeebaA8_gWi4pm1F6JAAy5Q" />
    <input value="16054" 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/coconut-choc-bar-organic-40-g-16055">
          <img alt="Coconut Choc Bar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7413/file/small-a95f80af5912b63efcc886b74509bcd4.webp 600w, https://assets.fabulous.ch/public/variant_asset/7413/file/medium-8b9bd12f3b0ef2579526dc84cb753113.webp 900w, https://assets.fabulous.ch/public/variant_asset/7413/file/large-f00a3d69e652c8a24497544bff8ce9ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7413/file/medium-8b9bd12f3b0ef2579526dc84cb753113.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">Vantastic</p>
          <a href="/en/products/coconut-choc-bar-organic-40-g-16055">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coconut Choc Bar Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-16055-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/almond-choc-bar-organic-40-g-16056">
          <img alt="Almond Choc Bar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7412/file/small-ef760adb3de2dcb38103852b4832465b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7412/file/medium-3c21fbb943eed507b5761ae88fbf01fe.webp 900w, https://assets.fabulous.ch/public/variant_asset/7412/file/large-9128eff5ee88e0689ce94cd06a224da7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7412/file/medium-3c21fbb943eed507b5761ae88fbf01fe.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">Vantastic</p>
          <a href="/en/products/almond-choc-bar-organic-40-g-16056">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Almond Choc Bar Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pgbPOWYcYAyMHsHN1qnnuKr_4BKsg2IgZYYKtYJ_W0Y7xEMaktOqivgK6dxGUXQWqavln7C6AjloLdOV5t45AQ" />
    <input value="16056" 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/baconnaise-organic-225-ml-16057">
          <img alt="Baconnaise Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7415/file/small-f766a899993f599aceb2d42fb4530f6e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7415/file/medium-99c67b50f3a574c6242da8d354e27351.webp 900w, https://assets.fabulous.ch/public/variant_asset/7415/file/large-af16266e1a862cfcc2cb77d8bcc8772f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7415/file/medium-99c67b50f3a574c6242da8d354e27351.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">VITAM</p>
          <a href="/en/products/baconnaise-organic-225-ml-16057">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baconnaise Organic, 225 ml</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 2.62 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ulZOoQrzfWN87B3wTUwPXJ9yP1-h34Esyi9BiSCpkEYnlMKC_jy35Qj4NeHdtJzynCY60r3m4TXHhJipRAjyAQ" />
    <input value="16057" 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/miso-ramen-cup-chili-organic-85-g-16069">
          <img alt="Miso Ramen Cup Chili Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7418/file/small-35d4c8d06b5e4354570be1fc7f9fb2b3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7418/file/medium-627ad0b0212305ab6285cd067bc55b0f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7418/file/large-7ba02593922d4c3b40ec25832886c170.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7418/file/medium-627ad0b0212305ab6285cd067bc55b0f.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">King Soba</p>
          <a href="/en/products/miso-ramen-cup-chili-organic-85-g-16069">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Miso Ramen Cup Chili Organic, 85 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="shFRnL0WPuZR8pzMfqs8Mt8WsQkivXH24WjoySDo-pEv092_Sdn0YCXmtN3uU6-c3EK0hD6EEe_swzHpREmY1g" />
    <input value="16069" 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/nocciolata-dark-dairy-free-organic-250-g-16070">
          <img alt="Nocciolata Dark dairy-free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7419/file/small-75dad60350fd19d68e50fd1f2b1a1c2d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7419/file/medium-5323c8515d402826ebce398289614b2b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7419/file/large-6a6e36c94a5c479f7dba18429a93df22.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7419/file/medium-5323c8515d402826ebce398289614b2b.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">Rigoni di Asiago</p>
          <a href="/en/products/nocciolata-dark-dairy-free-organic-250-g-16070">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nocciolata Dark dairy-free Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hUigr4_Ul7d-Hur_T4YKLCBP7Ezv0PT7avoegD5FHqEYiiyMextdMQoKwu7ffpmCIxvpwfPplOJnUcegWuR85g" />
    <input value="16070" 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/nocciolata-dark-dairy-free-organic-650-g-16071">
          <img alt="Nocciolata Dark dairy-free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7420/file/small-0ff83a4052552817814d0c23d58f9d13.webp 600w, https://assets.fabulous.ch/public/variant_asset/7420/file/medium-9ea7afb8322b7c86ceccba28e2b669be.webp 900w, https://assets.fabulous.ch/public/variant_asset/7420/file/large-761234d4f55f4881a297e8453f01975c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7420/file/medium-9ea7afb8322b7c86ceccba28e2b669be.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">Rigoni di Asiago</p>
          <a href="/en/products/nocciolata-dark-dairy-free-organic-650-g-16071">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nocciolata Dark dairy-free Organic, 650 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.40
            </p>

          </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-16071-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9NWjNQRuu0KGHVIElAK8xnjswITzRfTCLaNF1niLts9pFy8W8KFxxPIJehUE-i9oe7jFCe98lNsgCJz2HCrUiA" />
    <input value="16071" 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/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 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/no-butter-no-chicken-organic-330-g-16073">
          <img alt="No Butter No Chicken Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7423/file/small-5e4b973ab1e222b24b5b9384a9bd4878.webp 600w, https://assets.fabulous.ch/public/variant_asset/7423/file/medium-a53afe7092bef0f59fb1c8ddc3efc7c3.webp 900w, https://assets.fabulous.ch/public/variant_asset/7423/file/large-aa941c728c1e912376a84f13472f1bd0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7423/file/medium-a53afe7092bef0f59fb1c8ddc3efc7c3.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">Nabio</p>
          <a href="/en/products/no-butter-no-chicken-organic-330-g-16073">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">No Butter No Chicken Organic, 330 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KYySFKohfX7UQzFgmgxe7o88wC0XUhLIxoNehfnZh3u0Th43Xu63-KBXGXEK9M1AjGjFoAtrctHLKIelnXjlPA" />
    <input value="16073" 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/thai-curry-with-rice-organic-330-g-16074">
          <img alt="Thai Curry with Rice Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7424/file/small-b9f3e9e9c265c7cf91483c6b4311abbc.webp 600w, https://assets.fabulous.ch/public/variant_asset/7424/file/medium-a42e9f82760d6a14e641bf6e1770f74b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7424/file/large-12fc732e3947e4b2936c1fca68e0b21c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7424/file/medium-a42e9f82760d6a14e641bf6e1770f74b.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">Nabio</p>
          <a href="/en/products/thai-curry-with-rice-organic-330-g-16074">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Thai Curry with Rice Organic, 330 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zbF9dY8dJEKR2VjaDV244jQck7O_jmi29HOlRcrFJfhQc_FWe9LuxOXNcMudpStMN0iWPqO3CK_52HxlrmRHvw" />
    <input value="16074" 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/chili-sin-carne-organic-365-g-16076">
          <img alt="Chili sin Carne Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7427/file/small-0886a9482394c3caaa426fd69b4e8572.webp 600w, https://assets.fabulous.ch/public/variant_asset/7427/file/medium-d6b070655c166476746b8accfa8700e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7427/file/large-b583922999280fdf4c9941142213144c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7427/file/medium-d6b070655c166476746b8accfa8700e4.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">Nabio</p>
          <a href="/en/products/chili-sin-carne-organic-365-g-16076">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chili sin Carne Organic, 365 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/bundle-double-protein-set-vanilla-cacao-2-pack-1872-g-16101">
          <img alt="Bundle Double Protein Set - Vanilla &amp; Cacao, 2-Pack" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7429/file/small-d5140331e37d6e6a17ae7323a4ed6c50.webp 600w, https://assets.fabulous.ch/public/variant_asset/7429/file/medium-bbf10b2793af0176f3d567e334abcbfe.webp 900w, https://assets.fabulous.ch/public/variant_asset/7429/file/large-39c2bf82aac4bc00db89b8611d47f179.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7429/file/medium-bbf10b2793af0176f3d567e334abcbfe.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">Vivo Life</p>
          <a href="/en/products/bundle-double-protein-set-vanilla-cacao-2-pack-1872-g-16101">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bundle Double Protein Set - Vanilla &amp; Cacao, 2-Pack, 1872 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 99.20</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 89.50</span>
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/bundle-power-recovery-set-vanilla-5-piece-set-1-piece-16102">
          <img alt="Bundle Power &amp; Recovery Set - Vanilla, 5-Piece Set" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7431/file/small-af332078490cf806964b1448cc7f4273.webp 600w, https://assets.fabulous.ch/public/variant_asset/7431/file/medium-28e8740358631a8ed4001585dbb7edbc.webp 900w, https://assets.fabulous.ch/public/variant_asset/7431/file/large-6bf2f4b10c9c2e92f122dcca0cde3e50.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7431/file/medium-28e8740358631a8ed4001585dbb7edbc.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">Vivo Life</p>
          <a href="/en/products/bundle-power-recovery-set-vanilla-5-piece-set-1-piece-16102">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bundle Power &amp; Recovery Set - Vanilla, 5-Piece Set, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 110.00</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 99.00</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BGqkp21K2IKKN5-r3Ei-wCL9uoI0zPF6OgaK46ANinWZqCiEmYUSBP4jt7pMsC1uIam_Dyj1kWM3rVPDxKzoMg" />
    <input value="16102" 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/celery-salad-jar-organic-320-g-16103">
          <img alt="Celery Salad Jar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7430/file/small-3518a10e1fe41bbf52fedc772da5899e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7430/file/medium-76cba138fb2aa850f64c7953299363d5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7430/file/large-d44da59387db4674f5e63e88416d4d81.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7430/file/medium-76cba138fb2aa850f64c7953299363d5.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">Marschland Naturkost</p>
          <a href="/en/products/celery-salad-jar-organic-320-g-16103">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Celery Salad Jar Organic, 320 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nrEwPQuW-EItMjqRZnJQsOTz-fkUDaIP5UhPYjOk96YDc7we_1kyxFkmEoD2isMe56f8dAg0whbo45ZCVwWV4Q" />
    <input value="16103" 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/original-kanne-bread-drink-shot-organic-40-ml-16105">
          <img alt="Original Kanne Bread Drink Shot Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7432/file/small-bed93c77a74ead08ac2692137f4aa52c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7432/file/medium-7a6e1326dbcb6292aeaa2baa3990c642.webp 900w, https://assets.fabulous.ch/public/variant_asset/7432/file/large-252813222ade321026deb754c9b66b92.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7432/file/medium-7a6e1326dbcb6292aeaa2baa3990c642.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">Kanne Brottrunk</p>
          <a href="/en/products/original-kanne-bread-drink-shot-organic-40-ml-16105">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Original Kanne Bread Drink Shot Organic, 40 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="40UawKV38tk-cZmlV_aQTrgvwAH2mkjB2fyuLOVsZL1-h5bjUbg4X0plsbTHDgPgu3vFjOqjKNjUV3cMgc0G-g" />
    <input value="16105" 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/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="oPwdR3T1d-AlDd3MZyDxxVV1j4GR7ETTwjbqluJtgWs9PpFkgDq9ZlEZ9d332GJrViGKDI3VJMrPnTO2hszjLA" />
    <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>



</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">
      2&#39;840 of 3&#39;202 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/baru?format=turbo_stream&amp;page=143">Show more</a>
  </div>
</div>

</template></turbo-stream>