.main-content {
	transition: 0.5s;
}
.main-content.has-open-sidenav {
	margin-right:665px;
}
#sidenav-productfilter .nav-link {
	border-radius: 0 !important;
}
.sidenav {
	width: 665px;
	position: fixed;
	top: 265px;
	left: 100%;
	background-color: var(--bs-white);
	transition:0.5s;
	border:1px solid var(--bs-gray-300);
}

.sidenav.docked {
	position: absolute;
	transition:left .5s;
}
.sidenav.open {
	left: calc(100% - 665px);
	top: 265px;
	transition:left .5s;
}
body.fixed-header .sidenav {
	top:200px;
}


.sidenav .sidenav-open {
	display: block;
}
.sidenav .sidenav-close {
	display: none;
}
.sidenav.open .sidenav-open {
	display: none;
}
.sidenav.open .sidenav-close {
	display: block;
}
.sidenav-ctrl {
	position: absolute;
	top:1.5rem;
	transform:translateX(-100%);
	background-color: var(--bs-dark);
	color: var(--bs-white);
	font-size: 1.25rem;
}
.sidenav-ctrl:hover {
	color:rgba(var(--bs-white-rgb),.55);
}
.sidenav-ctrl.sidenav-close {
	background-color: var(--bs-white);
	color: var(--bs-dark);
	border-color:var(--bs-gray-300);
}
.sidenav .nav-link {
	background-color: var(--bs-light);
	color: var(--bs-gray);
	border-bottom:.375rem solid  var(--bs-light);
	padding-bottom:.125rem;
}
.sidenav .nav-link i {
    padding-right: 10px;
}
.sidenav .nav-pills .nav-link.active,
.sidenav .nav-pills .show>.nav-link {
	background-color: var(--bs-light);
	color: var(--bs-gray);
	border-bottom-color:var(--hg-button-color);
}


#sidenav-productfilter .hg--img-checkbox {
	border:1px solid var(--bs-white);
	position:relative;
}
#sidenav-productfilter .hg--img-checkbox .form-check-input[type=checkbox] {
	border-width:5px;
	border-color:var(--bs-gray-200);
	border-radius:0;
	width:2rem;
	height:2rem;
	position:absolute;
	bottom:1.15rem;
	left:50%;
	transform:translateX(-50%);
	transition-duration:.3s;
	transition-timing-function:ease-in-out;
	transition-property:border-color, color;
}
#sidenav-productfilter .hg--img-checkbox .form-check-label {
	cursor:pointer;
	height:100%;
	transition-duration:.3s;
	transition-timing-function:ease-in-out;
	transition-property:background-color, color;
}
#sidenav-productfilter .hg--img-checkbox .form-check-input[type=checkbox]:checked {
	background-color:var(--bs-white);
	border-color:var(--bs-white);
	color:var(--bs-primary);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23002e5b' d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
	background-size: calc(200% - 16px);
}
#sidenav-productfilter .hg--img-checkbox .form-check-input[type=checkbox]:checked + .form-check-label {
	background-color: var(--bs-primary);
	color:var(--bs-white);
}
#sidenav-productfilter .hg--color-checkbox {
	padding:0;
}
#sidenav-productfilter .hg--color-checkbox .form-check-input[type=checkbox] {
	width:3.5rem;
	height:3.5rem;
	border:1px solid #ababab;
	border-radius:0;
	margin:0;
}
#sidenav-productfilter .hg--dark-check.form-check-input:checked[type=checkbox] {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ababab' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

#sidenav-productfilter .hg--accordion .accordion-button {
	background-color:#f7f8f9;
	box-shadow:none;
}
#sidenav-productfilter .hg--accordion .accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2372777b' %3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	transform: rotate(-90deg)
}

#sidenav-productfilter .hg--accordion .accordion-button::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2372777b' %3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/* Ion Range Slider */
#sidenav-productfilter .hg--range-slider .irs--round {
	height:7.5rem;
}
#sidenav-productfilter .hg--range-slider .irs--round .irs-min,
#sidenav-productfilter .hg--range-slider .irs--round .irs-max {
	display:none;
	visibility:hidden !important;
}
#sidenav-productfilter .hg--range-slider .irs--round .irs {
	height:100%;
}
#sidenav-productfilter .hg--range-slider .irs--round .irs-from,
#sidenav-productfilter .hg--range-slider .irs--round .irs-to {
	background-color:transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	height:2.5rem;
	width:2.5rem;
	z-index:2;

}
#sidenav-productfilter .hg--range-slider .irs--round .irs-from::before,
#sidenav-productfilter .hg--range-slider .irs--round .irs-to::before {
	border-radius: 100% 100% 0 100%;
	border:none transparent;
	background-color:#bbbfc4;
	margin: 0;
	height: 2.5rem;
	width: 2.5rem;
	z-index:-1;
	top:0;
	left:0;
	transform: rotate(45deg);
}

#sidenav-productfilter .hg--range-slider .irs--round .irs-bar {
	background-color:#e3e5e8;
	top:auto;
	bottom: 2.5rem;
	height: 1.25rem;
	border-radius: 5px;
}
#sidenav-productfilter .hg--range-slider .irs--round .irs-line {
	background-color:#e3e5e8;
	top: auto;
	bottom: 2.5rem;
	position: absolute;
	width: 100%;
	height: 1.25rem;
	border-radius:0;
}
#sidenav-productfilter .hg--range-slider .irs--round .irs-handle {
	top:auto;
	bottom:2rem;
	background-color:#bbbfc4;
	border-color:#bbbfc4;
	box-shadow:none;
	height:2.25rem;
	width:2.25rem;
}
#sidenav-productfilter .hg--range-slider .irs--round .irs-grid {
	height:2rem;
}
#sidenav-productfilter .hg--range-slider .irs--round .irs-grid-pol {
	display:none;
}
#sidenav-productfilter .hg--range-slider .irs--round .irs-grid-text {
	color: rgba(0,0,0,.5);
	font-size:1.5rem;
	line-height:1;
}
#sidenav-productfilter .hg--range-slider .irs--round .irs-grid-text::after {
	content:"€";
}

.hg--filter-sort button.btn.inactive {
	opacity: 0.5;
	pointer-events: none;
}

@media (max-width:1200px) {
	.main-content.has-open-sidenav {
		margin-right: 0;
	}
}
@media (max-width:991.96px) {
	.sidenav {
		top: 165px;
	}
	body.fixed-header .sidenav.open {
		top: 140px;
	}
}
@media (max-width:768px) {
	.sidenav.open {
		left: calc(100% - 80vw);
		width: 80vw
	}
}