.product-contenaire{
    flex-wrap: wrap;
    display: flex;
    width: 100%;
    height: auto;
	margin-left: 20px;
    justify-content: start;
}
.product {
width: 220px;
padding: 0.3rem;
margin-top: 20px;
margin-left: 20px;
height: 310px;
background: white;
border-radius: 10px;
box-shadow: rgba(100, 100, 111, 0.2) 0px 50px 30px -20px;
}
.product-top{

    width: 210px;
    margin-left: 5px;
    height: 200px;
    margin-top: 5px;

}
.product-top img{
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
}

.Category-product-contenent{

width: 100%;
height: 100px;
margin-top: 5px;
margin-left: 5px;
}
.Category-product-category{
color: #1dac00;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.Category-product-title{
    font-size: 16px;
color: #454545;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;

}
.Category-product-rating{
margin-top: 5px;

display: flex;
gap: 8px;
}
.Category-product-rating i{
    color: hsl(29, 90%, 65%);

	
}



.Category-product-price{
display: flex;
align-items: center;
column-gap: .5rem;
margin-top: 10px;

}
.Category-new-price {
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
color: #545454;
font-size: 21px;
}
.Category-old-price{
color: darkgray;
text-decoration: line-through;
margin-top: 3px;
}



/*            button product                    */
.product-btn-group {
	display: flex;
	align-items: center;
    margin-left: 133px;
    position: absolute;
    margin-top: 5px

}

.product-btn {
	width: 35px;
	height: 35px;
	border-radius: 12px;
	border: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #7d7d80;
	cursor: pointer;
	background-color: #f7f7f7;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 50px 30px -20px;
    
	svg {
		width: 24px;
		height: 24px;
	}

	& + & {
		margin-left: 0.5rem;
	}
}
.product-btn:hover {
color: #15A6DD;
}
.flex-button{
    display: flex;
    margin-top: -3px;
}