@charset "UTF-8";
@import "/css/webshop/main.css";

section.filter_currency, section.filter_sort {
	text-align: right;
}
section.filter_currency button, section.filter_sort button {
	font-size: 12px !important;
}
section.filter_currency button, section.filter_sort button {
	width: 48px;
	height: 26px;
	/*border-radius: 4px;*/

	/*!*background: var(--main-green);*!*/
	/*!*border-color: var(--main-green-grade-1);*!*/

	/*background:*/
	/*	radial-gradient(*/
	/*		ellipse at top,*/
	/*		#7a7d6f 0%,*/
	/*		#666a5c 60%,*/
	/*		#565a4d 100%*/
	/*	);*/

	/*border: 1px solid #4b4f43;*/

	/*box-shadow:*/
	/*	inset 0 0 6px rgba(255,255,255,0.12),*/
	/*	0 1px 2px rgba(0,0,0,0.35);*/
}
/*section.filter_currency button:hover, section.filter_sort button:hover {*/
/*	background: var(--main-green-grade-2);*/
/*	border-color: var(--main-green-grade-1);*/
/*}*/
/*section.filter_currency button.active, section.filter_sort button.active {*/
/*	background: var(--main-green-grade-2);*/
/*	border-color: var(--main-green-grade-1);*/
/*	shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);*/
/*}*/



section.filter_sort .btn-group {
	margin-top: 2px;
	width: 142px;
}
section.filter_sort .btn-group li {
	padding-left: 6px;
	padding-right: 4px;
	font-weight: normal;
	text-decoration: none;
	cursor: pointer;
	font-size: 14px;
}
section.filter_sort .btn-group li:hover {
	background:
		radial-gradient(
			ellipse at top,
			#7a7d6f 0%,
			#666a5c 60%,
			#565a4d 100%
		);
	color: #FFF;
	box-shadow:
		inset 0 0 6px rgba(255,255,255,0.12),
		0 1px 2px rgba(0,0,0,0.35);
}
section.filter_category div {
	padding: 4px;
}
section.filter_category a {
	border: 1px solid var(--main-dark);
	font-weight: normal;
	display: inline-block;
	text-decoration: none;
	padding: 3px 9px;
	background: radial-gradient(
		ellipse at top,
		#d7cbb2 0%,
		#c5b89a 40%,
		#b6a788 100%
	);

	border-radius: 4px;

	box-shadow:
		inset 0 0 8px rgba(255,255,255,0.35),
		0 1px 2px rgba(0,0,0,0.15);
}
section.filter_category a:hover {
	cursor: pointer;
	text-decoration: underline;
}
section.filter_category a.selected {
	/*background: var(--main-dark);*/
	/*border: 1px solid var(--main-dark-grade-2);*/
	background:
		radial-gradient(
			ellipse at top,
			#7a7d6f 0%,
			#666a5c 60%,
			#565a4d 100%
		);

	border-radius: 4px;
	border: 1px solid #4b4f43;

	box-shadow:
		inset 0 0 6px rgba(255,255,255,0.12),
		0 1px 2px rgba(0,0,0,0.35);
	color: #FFF;
}
section.filter_category a.selected:hover {
	text-decoration: none;
	color: #AAA;
}
section.filter_category a.selected:hover::before {
	content: ' x ';
	color: #FFF;
}

.products {
	text-align: center;
	padding-left: 0;
	transition: opacity 200ms ease;
}

.products.is-sorting {
	opacity: 0;
}