简化迭代css选择器

基本上，我对这个案例有一个实现（我之前问过的问题）：

它工作得很好 然而，超长的选择器代码听起来确实很有味道。。。 不知我能不能简化上面的代码？到下面这样的地方可能是什么

.hidden-tablet-portrait-and-up + .product-card:not(.hidden-tablet-portrait-and-up):nth-child(n+5),
.product-card:not(.hidden-tablet-portrait-and-up):nth-child(-n+5) {
                    background: red
                }

请提供代码示例，谢谢

.hidden-tablet-portrait-and-up + .product-card:not(.hidden-tablet-portrait-and-up):nth-child(n+5),
.product-card:not(.hidden-tablet-portrait-and-up):nth-child(-n+5) {
                    background: red
                }