.yc-collection-listing .collection-list{
  display:grid;
  grid-gap:24px;
  gap:24px;
  margin-bottom:80px;
}
.yc-collection-listing .collection-list .collection-block{
  position:relative;
}
.yc-collection-listing .collection-list .collection-thumbnail{
  width:100%;
  height:100%;
  position:relative;
  overflow:hidden;
  border-radius:5px;
}
.yc-collection-listing .collection-list .collection-thumbnail img{
  width:100%;
  height:362px;
  -o-object-fit:cover;
     object-fit:cover;
  transition:transform 0.25s ease;
}
.yc-collection-listing .collection-list .collection-thumbnail img:hover{
  opacity:0.9;
  transform:scale(1.1);
}
@media (min-width: 768px){
  .yc-collection-listing .collection-list .collection-thumbnail img{
    height:345px;
  }
}
.yc-collection-listing .collection-list .collection-details{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  position:absolute;
  bottom:0;
  left:50%;
  transform:translate(-50%, -50%);
}
.yc-collection-listing .collection-list .collection-details .collection-name{
  font-style:normal;
  font-weight:400;
  font-size:28px;
  display:block;
}
@media (min-width: 768px){
  .yc-collection-listing .collection-list{
    grid-template-columns:repeat(2, 1fr);
  }
}
@media (min-width: 992px){
  .yc-collection-listing .collection-list{
    grid-template-columns:repeat(3, 1fr);
  }
}

/* --- presentation polish --- */
.yc-collection-listing .collection-list .collection-thumbnail::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0.42) 35%, rgba(0,0,0,0) 68%);
  pointer-events:none;
}
.yc-collection-listing .collection-list .collection-details{
  left:0;
  bottom:0;
  width:100%;
  transform:none;
  padding:22px 18px;
  z-index:2;
}
.yc-collection-listing .collection-list .collection-details .collection-name{
  line-height:1.25;
  text-shadow:0 1px 3px rgba(0,0,0,0.45);
}
.yc-collection-listing .collection-list .collection-details .collection-description{
  margin:6px 0 0;
  font-size:14px;
  line-height:1.45;
  color:rgba(255,255,255,0.9);
  text-shadow:0 1px 2px rgba(0,0,0,0.4);
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}