você vai aprender este comando na parte 3 do curso. Como vc já percebeu, usar o tamanho da fonte para dar a responsividade ao produto irá alterar as dimensões do footer
.produtos li:hover h2 {
font-size: 34px;
}
ao invés disso vc pode usar o comando "transform: scale( );" para aumentar proporcionalmente o elemento sem alterar o footer.
.produtos li:hover {
border-color: #C78C19;
transform: scale(1.05);
}
entenda que esse "1.05" é porque 105% = 105/100 = 1,05. Então, 100% já é o tamanho vigente caso você queira aumentar 5% deve usar 105% e não 5%. Não esqueça de apagar a alteração da fonte no ".produtos li:hover h2"