.block-main-collection-banner {
  position: relative;
}

.block-main-collection-banner img {
  object-fit: cover;
  display: block;
}

.block-main-collection-banner .empty-image-class{
  background-color: #e1dfdd;
}
.block-main-collection-banner__inner {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  color: rgb(255 255 255 / 100%);
}

.block-main-collection-banner__inner a {
  padding-inline-end: 10px;
  color: rgb(255 255 255 / 100%);
}

.main-collection-cover .collection-item{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  max-width: 100px;
  text-align: center;
  position: relative;
}
.main-collection-cover .collection-list{
  display: flex;
  justify-content: center;
  
}
.main-collection-cover .collection-wrapper{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  column-gap: 40px;
  row-gap: 20px;
}

.main-collection-cover .collection-img{
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
}

.main-collection-cover .collection-img.active::after{
  content: '';
  width: 110%;
  height: 110%;
  display: block;
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(0,0,0,var(--border-opacity));
}


.main-collection-cover .collection-img img{
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
@media(max-width:959px){
  .main-collection-cover .collection-list{
    overflow: auto;
  }
  .main-collection-cover .collection-list::-webkit-scrollbar {
    display: none;                 
  }
  .main-collection-cover .collection-wrapper{
    display: grid;
    grid: auto / auto-flow 25%;
    gap: 4vw;
    width: 100%;
    justify-content: start;
  }
  .main-collection-cover .collection-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    max-width: none;
    text-align: center;
    position: relative;
  }
  .main-collection-cover .collection-img{
    width: 100%;
  }
  .main-collection-cover .collection-img img{
    width: 100%;
    height: 100%;
  }
}

.main-colleciton__banner {
  
}