.products .productslist {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  gap: 0;
  border-left: 1px solid #d5d5d5;
  border-top: 1px solid #d5d5d5;
}

.products .productslist a.item {
  position: relative; color: #4d4d4d; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; box-sizing: border-box;
}
.products .productslist .item .image {
  padding: 25px;
}
.products .productslist .item .image img {
  display: block; max-width: 100%; max-height: 100%;
}
.products .productslist .item .bottom {
  margin-bottom: 20px;
}
.products .productslist .item .bottom h3 {
  font-size: 16px; text-align: center;
}
.products .productslist .item .hover_active {
  display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(239,88,0, 0.8); opacity: 0; transition: all 0.1s ease;
}
.products .productslist .item:hover .hover_active {
  opacity: 1;
}
.products .productslist .item .hover_active span {
  display: inline-block; width: 60%; padding: 15px 0; text-align: center; font-weight: 600; font-size: 14px; color: #ffffff; border: 2px solid #ffffff; transition: all 0.3s ease;
}
.products .productslist .item .hover_active span:hover {
  color: rgba(239,88,0, 1); background: #ffffff;
}

.product.cnf .imagetitle {
  margin-top: 30px; overflow: hidden; border-radius: 20px; background-color: #ffffff; width: 100%; height: 600px;
}
.product.cnf .imagetitle a { 
  display: block; width: 100%; height: 100%; 
}
.product.cnf .imagetitle img { 
  width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; 
}