.innerContent{
	width: 80%;
margin: 0 10%;
}
.mansory{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 1em;
}
input[type="checkbox"]{
	display: none;
}
.item{
  display: grid;
  grid-template-columns: 33% 66%;
  grid-gap: 1em;
  background: var(--main-dark-4);
  padding: 2em 2em 4em 2em;
  max-width: calc(100% - 4em);
  border-radius: 15px;
  box-shadow: 0 0 20px 0px #00000012;
  margin-top: 1em;
	position: relative;
}

@keyframes select {
	0%{
		transform: scale(0);
	}
	100%{
		transform: scale(1);
	}
}
.item *{
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 100%;
}
.item img{
  margin: 0 auto;
  align-self: center;
	max-width: 100%;
}
.item .itemCategory{
  margin: 2em 0 0 0;
  color: #c1c1c1;
  font-size: 10pt;
  letter-spacing: 2px;
}
.item .itemHeader{
  font-family: 'Montserrat Alternates', sans-serif;
  font-size: 28pt;
  margin: 0;
}
.item .itemPrice{
  text-align: center;
  font-size: 30pt;
  margin: 0;
  font-family: "Fira Sans", sans-serif;
  font-weight: 600;
	position: absolute;
	left: 50%;
	bottom: 0.5em;
}
.item .itemPrice span{
  font-size: 10pt;
}
.item .selected{
	background: var(--main);
	position: absolute;
	height: 56px;
	width: 56px;
	top: -16.5px;
	right: -16.5px;
	border-radius: 50px;
	border: 8px solid var(--dark);
	box-shadow: 0 0 20px 0px #00000012;
}
.item .selected img{
	width: 80%;
	max-width: 80%;
	margin: 10%;
}
.item.hidden{
	display: none;
}

.filters{
	display: block;
	position: sticky;
	top: 1em;
	z-index: 1;
	padding: 1em;
	background: var(--main-dark-4);
	border-radius: 10px;
}
.filter{
	color: var(--main);
	border-radius: 50px;
	padding: 4px 13px;
	font-size: 10pt;
	border: 2px solid var(--main);
	margin: 3px 0;
	display: inline-block;
	cursor: pointer;
}
.filter.active{
	background: var(--main);
	color: var(--main-dark-4);
}

@media only screen and (max-width:1700px) {
	.mansory{
		grid-template-columns: repeat(2, 1fr);
	}
}
@media only screen and (max-width:1150px) {
	.filters{
		position: initial;
	}
	.mansory{
		grid-template-columns: repeat(1, 1fr);
	}
}
@media only screen and (max-width:500px) {
	.mansory{
		grid-template-columns: repeat(1, 1fr);
	}
	.itemContainer{
		    width: 50vw;
	}
	.item{
	  display: inline-block;
	  padding: 0 2em 2em 2em;
	  position: relative;
    margin-top: 7em;
	}
	.item::after {
	  content: '';
	  z-index: -1;
	  box-shadow: 0 0 20px rgb(210, 210, 210);
	  height: 100px;
	  width: 80%;
	  position: absolute;
	  bottom: 0;
	  border-radius: 100px / 10px;
	}
	.item img{
	  margin: -35.5% auto 0 auto;
	  display: block;
		max-width: 75%;
	}
	.item .itemHeader{
	  font-family: 'Montserrat Alternates', sans-serif;
	  font-size: 28pt;
	  margin: 0;
	}
	.item .itemPrice{
		position: relative;
		left: inherit;
		bottom: inherit;
	}
}