@font-face {
  font-family: "shabnam";
  src: url(font/Shabnam-FD.woff2) format("woff2");
 }

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body{
  font-family: "shabnam";
  background-color: #fafafa;
}

.container{
  width: 1216px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 20px;
}

.section_head{
  display: flex;
  justify-content: space-between;
}

.right_title{
  display: flex;
  align-items: center;
}

.right_icon{
  width: 20px;
  height: 20px;
  color:#536DFE ;
}

.left_title{
  text-decoration: none;
   color:#536DFE 
}

.row{
display: flex;
gap: 20px; 
margin-top: 20px;
}
.product{
  width: 100%;
  padding: 24px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.08);
}
.product_img{
  width: 100%;

}
.product_name{
  font-weight: normal;
  line-height:1.6 ;
  height: 68px;
  font-size: 14px;
  color: #000;
  margin-top: 14px;

}
.product_link{
  text-decoration: none;
  color:inherit;
}
.product_offer{
  display: flex;
  align-items: center;
  gap:8px ;
  font-size: 14px;
  margin-top: 12px;
}
.product_offer_percent{
  background-color: rgb(60, 153, 240);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  color: #0a2add;
  font-weight: bold;
  padding: 2px 4px;
  display: inline-block;
}
.product_offer_price{
  text-decoration: line-through;
  color: gray;
}
.product_wrapper{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 4px;
}
.product_price{
  display: flex;
  align-items: center;
  gap: 4px;
}
.product_price_number{
  font-size: 18px;
  font-weight: bold;
}
.product_price_unit{
  font-size: 14px;
}
.product_rating{
  display: flex;
  align-items: center;
  gap: 4px;
}
.product_rating_number{
  font-size: 14px;
  
}

.product_rating_icon{
  width: 18px;
  height: 18px;
  color: yellow;
}