/********************
	Part - block category
********************/
.block-category {
	justify-content  : space-between;

	padding          : .75rem;
	background-color : #fff;
	margin           : 0;
}

.block-category #category-description p,
.block-category #category-description strong {
	color       : var(--color-grey-font-default)
}

.block-category #category-description p {
	color         : var(--color-black-default);
	margin-bottom : 0
}

.block-category #category-description p:first-child {
	margin-bottom : 1.25rem
}

@media (max-width : 767px) {
	.block-category {
		min-height    : 0;
		margin-bottom : 0
	}
}

@media (min-width : 768px) {
	.block-category {
		flex-direction : row;
	}
}

@media (max-width : 991px) {
	.block-category {
		padding-bottom : 0
	}
}

/********************
	Part - subcat
********************/
.subcategories-list {
	display               : grid;
	grid-template-columns : repeat(auto-fill, minmax(200px, 1fr));
	grid-gap              : 10px;
	text-align            : center;
	width                 : 100%;
	justify-items         : center;
	align-items           : center;
}

.subcategories-list li {
	background      : white;
	/*max-width       : 165px;*/
	max-height      : 75px;
	display         : flex;
	justify-content : center;
	align-items     : center;
	transition: all 0.35s ease-in-out;
}

.subcategories-list li:hover {
	background: #fafafa;
	box-shadow: 0 0 15px rgb(0 0 0 / 10%);
}

.subcategories-list .subcategory__image img {
	max-height      : 75px;
}

a.subcategory__name {
	font-family    : var(--typo-secondary);
	font-size      : 14px;
	font-weight    : 500;
	text-transform : uppercase;
	letter-spacing : 0.7px;
	line-height    : 14px;
	color          : #1D1D1D;
}

.subcategory-heading {
	width          : 25%;
	font-family    : var(--typo-secondary);
	font-weight    : bold;
	font-size      : 34px;
	letter-spacing : 0.85px;
	text-transform : uppercase;
	line-height    : 34px;
	margin         : 0 auto;
}

.subcategories-list .subcategory__name-wrapper {
	padding : 0 2em;
	margin-block-start: 1.67em;
	margin-block-end: 1.67em;
}

/********************
	Part - products
********************/
#products {
	display        : flex;
	flex-direction : column;
}

/********************
	Part - global
********************/
@media (max-width : 575px) {
	#category #left-column #search_filters_wrapper {
		margin-left  : -15px;
		margin-right : -15px
	}
}

@media (max-width : 767px) {
	#category #left-column {
		width : 100%
	}

	#category #left-column #search_filters_wrapper {
		margin-left  : -30px;
		margin-right : -30px
	}

	#category #left-column #search_filter_controls {
		text-align    : center;
		margin-bottom : 1rem
	}

	#category #left-column #search_filter_controls button {
		margin : 0 .5rem
	}

	#category #left-column #search_filters {
		margin-bottom : 0;
		box-shadow    : none;
		padding       : 0;
		border-top    : 1px solid #f6f6f6
	}

	#category #left-column #search_filters .facet {
		padding-top   : 0;
		border-bottom : 1px solid #f6f6f6
	}

	#category #left-column #search_filters .facet .title {
		cursor : pointer
	}

	#category #left-column #search_filters .facet .title .collapse-icons .remove,
	#category #left-column #search_filters .facet .title[aria-expanded=true] .collapse-icons .add {
		display : none
	}

	#category #left-column #search_filters .facet .title[aria-expanded=true] .collapse-icons .remove {
		display : block
	}

	#category #left-column #search_filters .facet .facet-title {
		color          : var(--color-black-default);
		text-transform : uppercase
	}

	#category #left-column #search_filters .facet .h6 {
		margin-bottom : 0;
		padding       : .625rem;
		display       : inline-block
	}

	#category #left-column #search_filters .facet .navbar-toggler {
		display : inline-block;
		padding : .625rem .625rem 0 0
	}

	#category #left-column #search_filters .facet .collapse {
		display : none
	}

	#category #left-column #search_filters .facet .collapse.in {
		display : block
	}

	#category #left-column #search_filters .facet .facet-label a {
		margin-top : 0
	}

	#category #left-column #search_filters .facet ul {
		margin-bottom : 0
	}

	#category #left-column #search_filters .facet ul li {
		border-top : 1px solid #f6f6f6;
		padding    : .625rem
	}

	#category #content-wrapper, #category #search_filter_toggler {
		width : 100%
	}

	.category-cover {
		display : none
	}
}

@media (max-width : 991px) {
	.block-category .category-cover {
		position   : relative;
		text-align : center
	}
}
