.products-section {
	padding: 40px 0;
	background: var(--soft)
}

.product-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 20px
}

.product-filter {
	border: 1px solid #ccd9e9;
	background: #fff;
	border-radius: 999px;
	padding: 10px 17px;
	font-weight: 600;
	cursor: pointer
}

.product-filter.active {
	background: var(--blue);
	color: #fff;
	border-color: var(--blue)
}

.product-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px
}

.product-card {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 18px;
	padding: 16px;
	box-shadow: var(--shadow)
}

.product-card img {
	height: 190px;
	width: 100%;
	object-fit: contain;
	border-radius: 12px
}

.product-card small {
	color: var(--blue);
	font-weight: 800
}

.product-card h3 {
	margin: 5px 0 8px;
	font-size: 18px
}

.price {
	font-size: 22px;
	font-weight: 900;
	color: #168f49
}

.product-card ul {
	padding-left: 18px;
	color: #46566b;
	font-size: 12px;
	min-height: 2%
}

.product-card button {
	width: 100%;
	border: 0;
	border-radius: 11px;
	padding: 12px;
	background: var(--blue);
	color: #fff;
	font-weight: 900;
	cursor: pointer
}

@media(max-width:980px) {
	.product-grid {
		grid-template-columns: 1fr 1fr
	}
}

@media(max-width:560px) {
	.product-grid {
		grid-template-columns: 1fr
	}
}