Актуальные книги по js?

Сергей,
1. книге почти 7 лет, за это время js сильно изменился в сторону функциональной парадигмы (es6+)
2. это по сути сухой справочник, а для справочных данных куда удобнее юзать гугл

Максимальное число в массиве, как правильнее?

apply уже не нужен)
Math.max(...list) // es2015+

Почему keyframes действует только на первый элемент?

Ingernirated: никаких конфликтов, у вас логическая ошибка: анимация применяется сразу ко всем трем элементам, просто два из них невидимы и вам кажется что она не работает

Как правильно поправить верстку?

в этом случае блоки при наведении начнут отталкивать нижележащие

можно конечно задать relative только для последнего

.product-layout:last-of-type .product-thumb {
  position: relative;
}

но при наведении у нас меняется высота блока, соотв. блок с гарантией все равно будет прыгать, но уже не вверх, а вниз