.collection-tabs__list-link {
  transition: all 0.25s cubic-bezier(0.104, 0.204, 0.492, 1);
}



.collection-tabs__list-link {
  display: inline-flex;
  white-space: nowrap;
  font-size: 0.8125rem;
  padding: 5px 15px;
  height: 31px;
  border-radius: var(--button-border-radius, 6px);
  align-items: center;
  font-weight: var(--font-body-medium-weight, 500);
  margin: 0 2px 2px 0;
  line-height: 1;
  background: rgba(var(--color-body-rgb), 0.05);
  color: rgba(var(--color-body-rgb), 0.8);
}

.collection-tabs__list-link:hover,
.active.collection-tabs__list-link {
  color: #fff;
  background: var(--color-accent);
}

.collection-tabs {
  overflow: hidden;
}

.collection-tabs__list {
  display: block;
  overflow-x: scroll;
  text-align: left;
  white-space: nowrap;
  gap: 10px;
  scrollbar-width: none;
  margin-top: 15px;
}

.collection-tabs__list::-webkit-scrollbar {
  display: none;
}

.collection-tabs__list-link+.collection-tabs__list-link {
  margin-left: 10px;
}

@media only screen and (max-width: 767px) {
  .collection-tabs__list {
    width: 100%;
  }
}

.section-collection-tabs .products.carousel .columns {
  display: none;
}

.section-collection-tabs .products.carousel .columns.carousel__slide {
  display: flex;
}

.collection-tabs.carrusel-qcy-collection {
  margin-block: 0px;
  padding-block: 45px;
  background: transparent;

  div.row {
    background: rgb(100 100 100 / 20%);
    backdrop-filter: blur(10px);
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-radius: 30px;
    box-shadow: 5px 8px 15px #222222a6;
  }

  .row {
    .section-header {
      justify-content: center;

      .section-header--content {
        .section-header--title {
          color: white;
          font-size: 30px;
          line-height: 35px;
        }
      }

      scroll-shadow {
        display: none;
      }
    }

    slide-show {
      background: transparent;
      backdrop-filter: none;
      padding-top: 0rem;
      border-radius: 0px;

      .flickity-viewport {
        .flickity-slider {
          product-card {
            .product-card--badges {
              display: none;
            }

            .product-card-info {

              quick-view,
              .product-card--add-to-cart-button {
                background: #100C08;
              }
            }
          }
        }
      }

      .flickity-nav {
        top: 50%;
        transform: translateY(-50%) !important;
        opacity: 1;

        &.flickity-prev {
          left: -2.2rem;
        }

        &.flickity-next {
          right: -2.2rem;
        }
      }
    }
  }
}

.collection-tabs.carrusel-qcy-haylou {
  margin-block: 0px;
  padding-block: 45px;
  background: transparent;

  div.row {
    padding-bottom: 45px;
    background: rgb(100 100 100 / 20%);
    backdrop-filter: blur(10px);
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-radius: 30px;
    box-shadow: 5px 8px 15px #222222a6;

    .section-header {
      justify-content: center;

      .section-header--content {
        .section-header--title {
          color: white;
          font-size: 30px;
          line-height: 35px;
        }
      }

      scroll-shadow {
        display: none;
      }
    }

    slide-show {
      .flickity-viewport {
        .flickity-slider {
          product-card {
            .product-card-info {

              quick-view,
              .product-card--add-to-cart-button {
                background: #100C08;
              }
            }
          }
        }
      }

      .flickity-nav {
        top: 50%;
        transform: translateY(-50%) !important;
        opacity: 1;

        &.flickity-prev {
          left: -2.2rem;
        }

        &.flickity-next {
          right: -2.2rem;
        }
      }
    }
  }
}

@media only screen and (max-width: 767px) {
  .section-collection-tabs .products.carousel .carousel__slide {
    width: calc(50vw - 15px);
  }

  .section-collection-tabs .collection-tabs.carrusel-qcy-collection,
  .section-collection-tabs .collection-tabs.carrusel-qcy-haylou {
    div.row {
      width: 1350px;
      max-width: 92%;
      overflow: hidden;
      margin: 0 auto;

      .small-12.columns {
        overflow: hidden;

        .section-header--content {
          h3.section-header--title {
            text-align: center;
          }
        }
      }
    }

    .products.carousel .carousel__slide {
      width: calc(64vw - 15px);
    }
  }

  .collection-tabs.carrusel-qcy-collection .row slide-show {
    .flickity-viewport {
      .flickity-slider {
        product-card {
          .product-card-info {
            .product-card-title {
              font-size: 15px;
              line-height: 20px;
            }
          }
        }
      }
    }
  }
}