:root{
  --primary-dark:color-mix(in srgb, var(--primary) 82%, black);
  --border:color-mix(in srgb, var(--primary) 18%, white);
}

.section{
  padding:70px 0;
}

.category-page-head{
  margin-bottom:28px;
}

.category-page-title{
  font-size:42px;
  line-height:1.1;
  margin:0 0 10px;
  font-weight:800;
  color:var(--primary-dark);
}

.category-page-desc{
  margin:0;
  font-size:17px;
  color:#666;
  max-width:780px;
  line-height:1.7;
}

.category-product-desc{
  color:#555;
  font-size:14px;
  line-height:1.4;
  margin-bottom:14px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:40px;
  max-height:40px;
}

.category-empty-box{
  background:#fff;
  border:1px dashed var(--border);
  border-radius:18px;
  padding:28px;
  color:#666;
  font-weight:700;
}

@media (max-width:700px){
  .category-page-title{
    font-size:30px;
  }

  .category-page-desc{
    font-size:15px;
  }
}