.breadcrumsContainer {
	
	& a {
		color: var(--dark-grey);
		text-decoration: none;
	}
	& a:after {
		content: ' / ';
	}
	& a:hover {
		text-decoration: underline;
	}
	>*:last-child {
		color: var(--disabled-grey);
	}
	>*:last-child:after {
		content: '';
	}
}
.productsListing {
	display: grid;
	grid-template-columns: repeat(auto-fit, 312px);
	grid-gap: 1rem;
}
.filtersContainer {
	font-size: var(--size-regular);
	
	& .subcatBtn {
		border: 1px solid var(--disabled-grey);
		border-radius: 7px;
		cursor: pointer;
		display: inline-block;
		padding: 5px 20px;
		
		& img {
			margin-left: 10px;
			transform: rotate(90deg);
			width: 13px;
			-webkit-transition: all 0.3s; /* Safari 3.1 to 6.0 */
		    transition: all 0.3s!important;
		}
	}
	& .subcatList {
		background-color: var(--white);
		border-radius: var(--bs-border-radius-lg);
		display: none;
		padding: 1rem 1.5rem;
		position: absolute;
		z-index: 10;
	    -webkit-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.1);
	    box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.1);
	    
	    input {
	    	accent-color: var(--prim-green);
	    }
	    & a {
	    	color: var(--middle-grey);
			text-decoration: none;
	    }
	    & a:hover {
			text-decoration: underline;
	    }
	}
	& .subcategories.open {
		& .subcatList {
			display: block;
		}
		& .subcatBtn img {
			transform: rotate(270deg);
		}		
	}
}
.pagination {
	font-size: var(--size-xlarge);
	
	&>* {
		background-color: transparent;
		border: 0px;
		border-radius: 5px;
		color: var(--prim-green);
	}
	&>*:hover,
	&>*:focus,
	&>*:active {
		background-color: transparent;
		box-shadow: none;
		color: var(--accent-green);
		outline: 0px;
	}
	.current {
		background-color: var(--accent-green);
		color: var(--white);
	}
}