ul.gradeProdutos {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    list-style: none;
    padding: 0;
    width: 90vw;
    margin: 5vw auto;
    gap: 1.5rem;
    position: relative;
}
@media (min-width:1366px){
	ul.gradeProdutos {
		grid-template-columns: repeat(6, 1fr);
	}
}
ul.gradeProdutos li {
    width: 100%;
    padding: 6px 10px;
    overflow: hidden;
    display: grid;
    gap: 1rem;
    text-align: center;
    position: relative;	
	border: 2px solid transparent;
	cursor:pointer;
}
ul.gradeProdutos li.ativo {
    border-color: #83b933;
}
ul.gradeProdutos li img {
    width: 100%;
}



ul.estrelas {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.estrelas .estrela {
	cursor: pointer;
}
ul.estrelas .estrela,
ul.estrelas .estrela i {
    display: block;
    aspect-ratio: 1/1;
    position: relative;
}
ul.estrelas .estrela i svg {
    width: 40px;
    height: auto;
}
ul.estrelas .estrela.ativo i svg path {
    fill: #f7c15c;
}
ul.estrelas .estrela i svg path {
    fill: #cdcdcd;
}
ul.estrelas .estrela i svg {
    width: 20px;
    height: auto;
}