.c-section-title {
  span {
    @apply inline-block uppercase border border-black px-4 py-2 text-center;

    min-width: 270px;
  }
}

.c-product-gallery-imgwrap {
  @screen lg {
    width: calc(100% - 24px);
  }
}

.c-product-gallery-arrowwrap {
  @apply flex justify-between items-center mt-3;

  @screen lg {
    width: 24px;
    
    @apply flex flex-col justify-between items-end px-3 mt-0;
  }

  button {
    @apply transition duration-300 ease-linear;

    &:focus {
      outline: none;
    }

    &.slick-disabled {
      opacity: 0;
      visibility: hidden;
    }
  }

  .c-product-gallery-arrow-down {
    @screen lg {
      &:hover {
        transform: translateY(8px);
      }
    }
  }
}

.c-product-detail-infos-wrap {
  .c-products-filter-checkbox-wrapper label,
  .c-products-filter-checkbox-wrapper .c-form-checkbox {
    cursor: default;
  }

  .c-products-filter-toggle-btn-wrap,
  .c-products-filter-checkbox-wrapper,
  .c-product-detail-anchors {
    @screen md {
      max-width: 280px;
    }
  }

  .c-products-filter-inner-list {
    @screen md {
      max-width: 380px;
    }
  }
}

.c-finishes-color-item {
  height: 48px;

  @apply bg-no-repeat bg-center bg-cover;
}

.c-product-icon-item-anchor span {
  @apply text-center block;
}

.c-product-icon-item-anchor svg {
  @apply transition-all ease-linear duration-300 relative mx-auto;
}

.c-product-icon-item-anchor:hover svg {
  @screen md {
    transform: scale(1.1);
  }
}

.c-product-exta-anchor {
  @apply border flex items-center justify-center border-black text-sm text-brand-gray uppercase text-center transition-all duration-300 ease-linear;

  height: 48px;

  @screen md {
    &:hover {
      @apply text-white bg-black;
    }
  }
}

.c-gallery-item {
  padding-bottom: 55%;

  picture {
    @apply absolute top-0 left-0;
  }
}

.c-product-gallery-imgwrap {
  overflow: auto;
  height: 360px;

  @screen lg {
    height: 520px;
  }

  @screen exl {
    height: 800px;
  }
}

.scrollbar-track {
  display: none !important;
}