tabs-nav-collection-list {
  display: inline-block;
  .tabs-nav__item {
    position: relative;
    transition: all 0.3s ease;
  }
}

tabs-nav-collection-list .tabs-nav__item[aria-expanded="false"]::after {
  content: " ";
  height: 0;
  width: 100%;
  position: absolute;
  background: #000000;
  left: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity 0.3s ease, height 0.3s ease;
}

tabs-nav-collection-list .tabs-nav__item[aria-expanded="true"]::after {
  content: " ";
  height: 2px;
  width: 100%;
  position: absolute;
  background: #000000;
  left: 0;
  bottom: 0;
  opacity: 1;
  transition: opacity 0.3s ease, height 0.3s ease;
}

.collections-list-container.desktop {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2rem;
  .collection-list-block {
    width: calc(100% / 2 - 1rem);
    column-gap: 1rem;
    row-gap: 2rem;
    @media (min-width: 480px) {
      width: calc(100% / 3 - 2rem);
    }
    @media (min-width: 990px) {
      width: calc(100% / 4 - 2rem);
      column-gap: 2rem;
      row-gap: 2rem;
    }
    @media (min-width: 1200px) {
      width: calc(100% / 5 - 2rem);
    }
    text-align: center;
  }
  .collection-list-image-wrapper {
    background-color: #ffffff;
    border-radius: unset;
    overflow: hidden;
    position: relative;
    padding-bottom: 100%;
    img {
      padding: 1.5rem;
      border-radius: unset;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: all 0.3s ease;
    }
  }
  .collection-list-info-wrapper {
    margin-top: 1.5rem;
    .collections-list-heading {
      font-weight: 400;
    }
  }
}

collections-list.collections-list-container {
  width: 100%;
  display: inline-block;
  position: relative;
  overflow: hidden;
  .collection-list-block {
    text-align: center;
    .collection-list-image-wrapper {
      background-color: #ffffff;
      border-radius: 50%;
      overflow: hidden;
      position: relative;
      padding-bottom: 100%;
      img {
        padding: 1.5rem;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all 0.3s ease;
      }
    }
    .collection-list-info-wrapper {
      margin-top: 1.5rem;
      .collections-list-heading {
        font-weight: 400;
      }
    }
  }
  .swiper-pagination {
    position: relative;
    margin-top: 4rem;
    .swiper-pagination-bullet-active {
      background-color: #006b9c;
    }
  }
}

.collection-list-block {
  position: relative;
}
.collection-list-block-link::after {
  content: " ";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0;
}
.collection-list-block:hover .collection-list-block-inner {
  .collection-list-image-wrapper img {
    transform: scale(1);
    border: 1px solid #9e9e9e;
  }
}
/* .collection-list-block {
  display: none;
} */
.collections-list-container.desktop:not(
    .vertical-breather + .container .collections-list-container.desktop
  ),
collections-list.collections-list-container:not(
    .vertical-breather + .container collections-list.collections-list-container
  ) {
  margin-block: 3rem;
}
.vertical-breather + .container .collections-list-container.desktop,
.vertical-breather + .container collections-list.collections-list-container {
  margin-bottom: 3rem;
}