box-sizing não é reconhecido

Mas o estilo não está sendo aplicado à página? Meu Visual Studio Code às vezes não reconhece alguns códigos tb mas que funcionak normalmente, acontece esse bug de vez em qdo aqui.

exatamente,não está sendo aplicado...

o border-radius também não foi reconhecido mas ainda sim funcionou na página...

Esse estilo vai ser aplicado só na li? Tenta assim:

 li.produtos { 
display: inline-block; 
  text-align: center; 
  width: 30%; 
  vertical-align: top; 
  background: #CCCCCC; 
  margin: 0 1.5%; 
  padding: 30px 20px; 
  box-sizing: border-box; 
  border: 2px solid #000000;
}

Ou assim se for aplicado em qualquer elemento:

.produtos { display: inline-block; 
  text-align: center; 
  width: 30%; 
  vertical-align: top; 
  background: #CCCCCC; 
  margin: 0 1.5%; 
  padding: 30px 20px; 
  box-sizing: border-box; 
  border: 2px solid #000000;
}