Также совет, большие куски кода(особенно верстку) сраз3 заливайте в codepen.io и аналогичные ресурсы. Так можно сразу и код и результат увидеть. Всем будет проще
Александр AS, погуглите что такое & и ||
А если вкратце, то при или нужно хотя бы 1 верное условие, чтобы выполнилось. А при И вы ждете Собаку, которая также является Котом и Крысой. А не одно из трех
hulktoster, сначала попробуйте стилизовать то что вам дали. hulktoster уже дал готовые селекторы. Ваш "name" вы передаёте в h3 внутри блока с классом .single-goods