.products-filter-head {
	margin-bottom: 20px;
}

	.css-1tutrsd-ViewOption:last-of-type {
		margin-right: 0;
	}
	
.products-filter-header h2 {
	margin-top: 0;
	margin-bottom: 10px;	
}
	
.products-filter-item {
	margin-top: 15px;
}

	.products-filter-item h2 {
		margin-bottom: 5px;
	}

	.css-1y8typv-Label {
		margin-bottom: 5px;
		font-size: .9375rem;
		font-weight: 400;
	}

@media screen and (max-width:1200px) {
	.all-products-wrapper {
		flex-direction: column;
		display: flex;
	}
}


@media screen and (min-width:933px) {
	#toggle-filters,
	.product-filter-close {
		display:none !important;
	}
}

@media screen and (max-width:932px) {
.container.container-fluid {
	min-height: auto;
}

	.products-filter-head {
		flex-direction: column;
		align-items: flex-start;
	}

	.search-filter-container {
		flex-direction: column;
	}

		.search-filter-container div:has(p[class $= "-TextComponent"]) {
			align-self: flex-start;
			padding-bottom: 20px;
		}

		.products-filter-bar,
		.search-filter-bar {
		    align-items: center;
		    width: 100%;
		    justify-content: space-between;
		}
	
		#search-filter-bar.search-filter-bar,
		.search-filter-bar div[class $= "-ViewOption"]  div[class $= "-Select"] {
			margin-left:0;
		}
	
			.products-filter-bar div[class $= "-ViewOption"],
			.search-filter-bar div[class $= "-ViewOption"] {
				flex-direction: column;
				align-items: flex-start;
				margin-right: 0;
			}
		
				.products-filter-bar div[class $= "-ViewOption"] label[class $= "-Label"],
				.search-filter-bar div[class $= "-ViewOption"] label[class $= "-Label"] {
					margin-bottom: 5px !important;
					font-size: 0.75em !important;
					font-weight: 500 !important;
					letter-spacing: 0.025em;
					line-height: 1.375;
					text-transform: uppercase;
					cursor: pointer;
					color: rgb(159, 166, 178) !important;
				}
			
				.products-filter-bar div[class $= "-ViewOption"]  div[class $= "-Select"] button,
				.search-filter-bar div[class $= "-ViewOption"]  div[class $= "-Select"] button {
					background-color: rgb(255, 255, 255) !important;
					border-width: 1px;
					border-color: rgb(229, 231, 235);
					border-style: solid;
					border-radius: 0.375em !important;
					padding: 0.25em 2.5em 0.25em 0.75em;
					height: auto !important;
					font-size: 0.875em;
					line-height: 1.5;
					color: rgb(75, 85, 99) !important;
					outline: 0;
				}
			
				.search-filter-bar div[class $= "-ViewOption"]:last-child  div[class $= "-Select"] ul[id $= "-menu-search"] {
					margin-left: -60px;
				}
	
		#toggle-filters {
			display: block !important;
			border-color: transparent;
			color: rgb(107, 114, 128);
			font-size: 0.875em;
			padding: 0.25em 0.75em;
			font-weight: 500;
			border-radius: 0.375em;
			user-select: none;
			border-width: 1px;
			border-style: solid;
			background: transparent;
			line-height: 1.5;
			align-self: self-end;
			position: relative;
		}

			#toggle-filters input[type="checkbox"] {
				position: absolute;
				width: 100%;
				height: 100%;
				opacity: 0;
				top: 0;
				left: 0;
				cursor: pointer;
			}

		#toggle-filters:hover {
			background-color: rgb(244, 245, 247);
		}
	
		#toggle-filters:focus {
			outline:none;
			background-color: rgb(244, 245, 247);
		}

		.products-filter-head:has(#toggle-filters .hide-filters-span:checked) ~ .products-filter-content .products-filter-nav {
			opacity:0;
			visibility:hidden;
			display:none;
			width:0;
			padding-right: 0;
			transition: all .5s allow-discrete;
		}
	
		.products-filter-head:has(#toggle-filters .show-filters-span:checked) ~ .products-filter-content .products-filter-nav {
			opacity:1;
			visibility:visible;
			display:block;
			width:auto;
			padding-right: 2rem;
		}
	
		.products-filter-head:has(#toggle-filters .show-filters-span:checked) ~ .products-filter-content #all-products-container .all-products-wrapper {
			grid-template-columns: 1fr;
		}

	.products-filter-head:has(#toggle-filters input[type="checkbox"]:checked) ~ .products-filter-content .products-filter-nav {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		padding: 20px;
		background: rgba(255, 255, 255, 1);
		z-index: 999;
		overflow-y: auto;
	}
	
	.all-products-wrapper {
		grid-template-columns: 1fr;
	}
	
	.products-filter-head:has(#toggle-filters input[type="checkbox"]:not(:checked)) ~ .products-filter-content .products-filter-nav {
		display:none;
	}
	
	.product-filter-close {
		position: absolute;
		right: 10px;
		top: 10px;
		border: 0;
		padding: 0.5em 0.75em;
		color: rgb(107, 114, 128);
		background-color: transparent;
		border-radius: 0.375em;
		border-width: 1px;
		border-color: transparent;
		opacity: .5;
	}
	
		.product-filter-close #close-filters-check {
			position: absolute;
			width: 100%;
			height: 100%;
			opacity: 0;
			top: 0;
			left: 0;
			cursor: pointer;
		}
	
	.product-filter-close,
	.product-filter-close:focus {
		outline: none;
	}
	
	.product-filter-close:hover {
		color: rgb(55, 65, 81);
		background-color: rgb(244, 245, 247);
		opacity: 1;
	}
}

@media screen and (max-width:430px) {
	.all-products-wrapper {
		grid-template-columns: 1fr;
	}
}