.collection__item__image {
  position: relative;
}
.collection__item__image img {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.collection__item__image svg {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.collection__item__name {
  margin-top: 8px;
}

.collection__scroll__item {
  width: 100%;
}
.collection-item .card-wrapper {
  min-height: 0px;
}

.collection-item .card .card__content {
  position: absolute;
  background: none;
  width: 100%;
  bottom: 9px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 3px;
}
.collection-item .card:hover .card__content {
text-decoration: underline;
text-underline-position: under;
}
.collection-item .card .card__inner--wrapper  {
  height: 750px;
}
.collection-item .card .card__inner {
  height: 750px;
}
.collection-item .card .card__inner--wrapper img {
  height: 750px;
  mask-image: none;
}
.global-collection-card-border-shadow {
  border-radius: 0;
}
@media (min-width: 1024px) {
  .collection-item.col.shopline-element-collection-item.card-shadow-pb {
    padding-inline: 40px;
  }
  .collection-item .card .card__content {
    bottom: 17px;
  }

}
@media (max-width: 1024px) {
  .collection-item.col.shopline-element-collection-item.card-shadow-pb {
    padding-inline: 20px;
  }
}
@media   (min-width : 959px) and  (max-width: 1024px) {
  .collection-item.col.shopline-element-collection-item.card-shadow-pb {
    padding-inline: 20px;
  }
}
@media (max-width: 959px) {
  .collection-item.col.shopline-element-collection-item.card-shadow-pb {
    padding-inline: 0px;
  }
  .collection-item .card .card__inner--wrapper  {
    height: 500px;
  }
  .collection-item .card .card__inner {
    height: 500px;
  }
  .collection-item .card .card__inner--wrapper img {
    height: 500px;
    mask-image: none;
  }
}
.collection-image{
  background:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgb(255 255 255), rgb(0 0 0 / 65%));
  }
  .placeholder{
    background:linear-gradient(to bottom, rgb(200, 200, 200), rgb(200, 200, 200), rgb(0 0 0 / 65%));
  
  }
/* The ipad end responds to the mobile end in vertical screen */

/* @custom-media --tablet (max-width: 959px); */

/* @custom-media --gt-mobile (min-width: 751px); */

/* detectingScreen need to consider the configuration of the tablet */