/* Collection Filter */
.collection-category-carousel-block {
	transition: background-color .4s ease, color .4s ease;
  background-color: var(--color-white);
  color: var(--color-black);
  border-radius: var(--border-radius);
  display: flex;
	padding: 10px 16px;
  width: 212px;
	height: 56px;
	justify-content: center;
	align-items: center;
  min-width: unset;
  font-size: 14px;
  line-height: 1;
}
.horizontal-scroll-icon {
  box-shadow: unset;
  border-radius: 50%;
  background-color: var(--color-secondary);
  color: var(--color-white);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  height: 26px;
  width: 26px;
  transform: translate(50%, -50%);
  top: 50%;
}
.collection-category-carousel-block h5 {
	all: unset;
  font-weight: 400;
}
.collection-category-carousel-block:hover {
	background-color: var(--color-secondary);
  color: var(--color-white);
}
.collection-category-carousel-block h5 {
  font-family: var(--font-family-body);
}
.fancy-radio:checked+label:before {
	background-color: var(--color-black);
  border-color: var(--color-black);
}
#collection-sidebar-holder .filter-title, #collection-sidebar-holder h5, #collection .page-title {
	color: var(--color-black) !important;
  font-weight: 700;
}
.collection-filter-price .ui-slider-range {
	background-color: var(--color-light); 
}
.collection-filter-price .ui-slider-handle {
	background-color: var(--color-black);
  border-color: var(--color-black);
  width: 16px;
  height: 16px;
  margin-left: -10px;
}
.collection-header-bg {
  background-color: var(--color-light);
  padding-bottom: 72px;
  padding-top: 16px;
  border-radius: 0 0 40px 40px;
}
@media (max-width: 768px) {
  .collection-header-bg {
    padding-bottom: 24px;
    border-radius: 0 0 20px 20px;
  }
}
/* collection cta between products */
.products-cta {
	background-color: var(--color-primary);
  overflow: hidden;
  color: var(--color-white);
}
.products-cta__title {
	font-weight: 700;
  font-size: 32px;
  line-height: var(--headings-lineheight);
  font-family: var(--font-family-headings);
}
@media (max-width: 1199px) { 
  .products-cta__title {
  	font-size: 28px;
  }
}
@media (max-width: 576px) { 
  .products-cta__title {
  	font-size: 24px;
  }
}
#collection [class*="display-"] {
  font-weight: 700;
}
/* Paginations */
.paginate ul li a {
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  flex-shrink: 0 !important;
  background-color: #ECEAE8;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color .4s ease, color .4s ease, border-color .4s ease;
  color: var(--color-black);
  font-weight: 700;
}
@media (max-width: 576px) {
  .paginate ul li a, .paginate .next a i, .paginate .prev a i {
    width: 28px !important;
    height: 28px !important;
    font-size: 12px;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    flex-shrink: 0 !important;
    background-color: #ECEAE8;
    display: flex;
    align-items: center;
    justify-content: center;
  	transition: background-color .4s ease, color .4s ease, border-color .4s ease;
  }
  .paginate .next a:hover i, .paginate .prev a:hover i {
    background-color: var(--color-secondary) !important;
    color: var(--color-white) !important;
  }
}
.paginate li.active a, .paginate li:hover a {
  background-color: var(--color-secondary) !important;
  color: var(--color-white) !important;
  border-color: var(--color-secondary) !important;
}
.paginate .next a, .paginate .prev a {
  font-size: 14px;
  color: var(--color-black);
  transition: color .4s ease;
  display: flex;
  align-items: center;
  gap: 24px;
  font-weight: normal;
}
@media (max-width: 576px) {
  .paginate .next a, .paginate .prev a {
  	font-size: 12px;
    text-decoration: none;
  }
}
.paginate .next a:hover, .paginate .prev a:hover {
	color: var(--color-secondary); 
}
.paginate ul li:last-of-type {
	margin-right: 0; 
}
.paginate .prev a {
	margin-right: 30px; 
}
@media (max-width: 576px) {
  .paginate .prev a{
		margin-right: 15px; 
  }
  .paginate .next a {
		margin-left: 15px; 
  }
}
.paginate .next a {
	margin-left: 30px; 
}
@media (max-width: 576px) {
  .paginate .next a {
    margin-left: 10px; 
  }
}
/* Product - List */
.product-list .in-stock {
  font-size: 12px !important;
  color: var(--color-black);
  font-weight: 300;
}
.product-list .product-list-cta .c-highlight {
	color: var(--color-secondary); 
}