/* CSS Document */
.page-filter {
	margin-left: auto !important;
	width: 130px !important;
}
.page-filter:not(.bootstrap-select) li {
	margin-left: 1.5rem;
}
.page-filter:not(.bootstrap-select) li a {
	position: relative;
	padding-bottom: 8px;
	color: var(--dark);
}
.page-filter:not(.bootstrap-select) li.active a:before {
	content: '';
	display: block;
	width: 100%;
	height: 3px;
	background-color: var(--bg-color);
	position: absolute;
	left: 0;
	bottom: 0;
}
.page-filter:not(.bootstrap-select) li.active a, .page-filter:not(.bootstrap-select) li:hover a {
	color: var(--color-link);
}
.page-filter:not(.bootstrap-select) li.active a .st0, .page-filter:not(.bootstrap-select) li a:hover .st0 {
	fill: var(--color-link);
}
.page-filter .dropdown-item.active, .page-filter .dropdown-item:active {
	background-color: var(--secondary-color);
}
.page-filter .btn-light {
	background-color: #fff;
	border-color: #D0D0D0;
}
.page-filter .btn-light:not(:disabled):not(.disabled):active, 
.page-filter .btn-light:not(:disabled):not(.disabled).active, 
.page-filter.show > .btn-light.dropdown-toggle {
	background-color: #fff;
	border-color: #D0D0D0;
}
.page-filter .dropdown-item.active {
	color: #fff;
}
.sale-flash {
	min-width: 60px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
}
.sale-flash .badge {
	display: block;
	text-align: center;
}
@media (max-width: 991.98px) {
	#page-title {
		display: none;
	}
	.content-wrap {
		padding-top: 0;
	}
	#view-type {
		margin-left: auto;
		align-items: flex-start;
	}
	.page-filter {
		margin-left: 10px !important;
		width: 90px !important;
  }
	.product-type-title-xs {
		width: calc(100% - 190px);
	}
}