@charset "UTF-8";
/* 상품목록 페이지 스타일 파일입니다. */

#categories {
  display: grid;
  grid-template-columns: auto auto auto auto;
  width: 100%;
  gap: 4px;
  padding: 50px 30px 0;
}

.btn--fill-primary {
  color: white !important;
}

.total-sort {
  padding: 28px 30px 17px;
  color: var(--secondary);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 16.8px */
  letter-spacing: 0.07px;
}
.product-list__display-type-btn {
  background-color: unset;
  border: unset;
}
.product-list__search-keyword-wrap {
  font-weight: 700;
  padding-block-start: 10px;
  padding-block-end: 15px;
  margin-inline: 15px;
  border-block-end: 2px solid var(--color-base-black);
}
.product-list__search-keyword {
  font-style: normal;
  color: var(--color-point-red);
}
.product-list__sort {
  background-color: var(--color-base-white);
  max-width: max-content;
  height: 32px;
}

.product-list-items {
  margin-block-end: 20px;
}
.product-list-items :where(.thumb-LIST) {
  padding-inline: 20px;
}
.product-list-items .skeleton__wrap {
  margin-bottom: 10px;
}
.product-list-items .skeleton__wrap--has-item {
  margin-top: 24px;
}
.product-list-items .skeleton--list .skeleton__media {
  flex: 1;
  height: auto;
}

/* .product-list-category-slider {
  background-color: var(--gray001);
} */
.product-list-category-slider .category-slider__item {
  font-size: 12px;
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid var(--gray001);
  color: var(--gray003);
  /* background-color: var(--color-base-black);
  border-color: var(--color-base-black);
  color: var(--color-base-white); */
}

.product-list-category-slider .category-slider__item.is-active {
  background-color: var(--color-base-black);
  border-color: var(--color-base-black);
  color: var(--color-base-white);
}

.product-list-category-slider .category-slider__item-count {
  font-size: 12px;
  color: var(--gray003);
}

.total-sort {
  font-size: 18px;
}

.chevron {
  background-image: url("/assets/images/dev-icons/ic_chevron-right-16.svg");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}
.category-item {
  margin: 0;
  border: none;
}
.product_more-btn {
  padding: 0 30px 50px;
}