/*
--------------------------------------
filters
--------------------------------------
*/

.product-list__filters {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
}

.product-list__filter {
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s ease;
	color: #fff;
	border: 1px solid var(--e-global-color-secondary);
	border-radius: 50px;
	background-color: var(--e-global-color-secondary);
	height: 50px;
	padding: 6px 14px;
}

.product-list__filter.mixitup-control-active {
	background-color: var(--e-global-color-primary);
	color: #fff;
	border: var(--e-global-color-primary);
}

/*
--------------------------------------
categories
--------------------------------------
*/

/*list*/

.product-list__category {
	padding-top: 3.5em;
}

/*title*/

.product-list__categories .product-list__title {
	font-family: var(--e-global-typography-primary-font-family);
	font-size: calc(30px + (40 - 30) * ((100vw - 320px) / (1920 - 320)));
	color: var(--e-global-color-primary);
}

/*
--------------------------------------
products
--------------------------------------
*/

.product-list-card {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.product-list-card__image {
	display: flex;
	justify-content: center;
}

.product-list-card__content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex: 1;
	row-gap: 15px;
	max-width: 85%;
	height: 100%;
}

.product-list__list {
	display: grid;
	grid-template-columns: 1fr;
	grid-auto-flow: dense;
	grid-gap: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
	font-family: var(--e-global-typography-primary-font-family);
}

.product-list__list .product-list__item {
	max-width: calc(300px + (450 - 300) * ((100vw - 320px) / (1920 - 320)));
}

/*img*/

.product-list-card__image img {
	width: 400px;
	height: 400px;
	object-fit: cover;
}

/*product title*/

.product-list__card-title {
	font-family: var(--e-global-typography-primary-font-family);
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 1.875rem;
	color: var(--e-global-color-primary);
	text-transform: uppercase;
	height: auto;
}

/*content*/

.product-list-card__content-bottom {
	font-family: var(--e-global-typography-secondary-font-family);
}

.product-list__card-excerpt {
	border-bottom: 1px solid var(--e-global-color-secondary);
	padding: 1em 0;
}

.product-list__card-features {
	padding-top: 1em;
}

.product-list__card-link {
	padding-top: 2em;
}

.product-list__card-link .btn-secondary {
	display: inline-flex;
	padding: 10px 28px;
}