.sort-and-view .sortlinks {
	display: flex;
	align-items: center;
	column-gap: 10px;
	margin-bottom: 0;

	.sortlinks-title {
		color: #2c2c2c;
		min-width: fit-content;
		margin: 0;
	}
}

#box_filter {
	> .innerbox {
		column-gap: 20px;
		row-gap: 10px;

		@media screen and (max-width: 767px) {
			flex-direction: column !important;
		}
	}

	#filter_producer {
		max-width: unset;
		flex: 0 1 calc(50% - 10px);
		margin: 0;
		padding: 0;
		order: 2;

		border-color: #0a1536;
		background-color: #fff;
		min-height: 40px;
		padding: 0.6em 1.4em 0.6em 0.4em;

		@media (max-width: 979px) {
			flex: 0 1 100%;
			width: 100%;
		}

		&:hover {
			background-color: #0a1536;

			h5 {
				color: #fff;
			}
			&::after {
				filter: invert(1);
			}
		}

		h5 {
			padding-left: 0;
			line-height: 1;
		}

		&::after {
			margin-right: 0;
		}

		ul {
			top: 39px;
			width: 100%;
			max-width: 300px;
			border-color: #0a1536;
		}
	}
	.box-filter {
		max-width: unset;
		flex: 0 1 calc(50% - 10px);
		margin: 0;
		padding: 0;
		order: 1;

		@media (max-width: 979px) {
			flex: 0 1 100%;
			width: 100%;
		}

		.sort-and-view {
			float: initial;

			.sortlinks {
				width: 100%;
			}
		}
	}
	#filter_price {
		max-width: unset;
		flex: 0 1 calc(50% - 10px);
		margin: 0;
		padding: 0;
		order: 4;

		display: flex;
		flex-direction: row;
		align-items: center;
		column-gap: 10px;

		@media (max-width: 979px) {
			flex: 0 1 100%;
			width: 100%;
		}

		ul {
			width: 100%;
		}

		h5 {
			margin: 0;
		}

		#filterprice1,
		#filterprice2 {
			border-color: #0a1536;
		}
		.bottombuttons {
			width: 100%;
			.btn {
				display: block;
				margin: 0 0 0 auto;
			}
		}
	}
	#filter_promotion {
		flex: 0 1 calc(50% - 10px);
		margin: 0;
		padding: 0;
		order: 3;

		display: flex;
		flex-direction: row;
		align-items: center;
		column-gap: 7px;

		@media (max-width: 979px) {
			flex: 0 1 100%;
			width: 100%;
		}

		h5 {
			margin-top: 0;
		}

		ul {
			display: flex;
			align-items: center;
			gap: 20px;

			li {
				display: inline-block !important;
				&.none {
					display: inline-block !important;
				}
				&.showmore {
					display: none !important;
				}

				a {
					display: flex;
					align-items: center;
					gap: 5px;

					img {
						margin: 0;
					}
				}
			}
		}
	}
}
