.product_page .product_img{
    height: 50vh;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.product_page .header_product{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding:30px;
}
.product_page .header_product a{
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: var(--orange);
    cursor: pointer;
}
.product_page .header_product .heart_img{
    cursor: pointer;
}
.product_page .product_body{
    padding: 0px 30px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 15px;
}
.product_page .product_title{
    color: var(--dark);
    text-align: center;
    font-family: 'iransans';
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 20px;
    text-align: right;
    margin-bottom: 10px;
}
.product_page .range_price{
    color: var(--orange);
    text-align: center;
    font-family: 'iransans';
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 20px; /* 100% */
    text-align: right;
    direction: rtl;
    margin-bottom: 20px;
}
.heart_img{
    width: 25px;
}
.brief_description{
    display: flex;
    justify-content: space-between;
    height: 40px;
    background-color: #F1F1EE;
    border-radius: 8px;
    padding: 8px;

}
.brief_description p{
    font-family: 'iransans';
    color: #878787;
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 8px;
}
.brief_description .icon{
    color: var(--orange);
}
.line{
    background: var(--line);
    height: 2px;
}
.title_description{
    color: var(--dark);
    text-align: center;
    font-family: "iransans";
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 20px;
    text-align: right;
}
.description_product{
    color:var(--description);
    text-align: justify;
    font-family: "iransans";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px; /* 166.667% */
    text-align: justify;
    margin: 0;
}
.btns-group{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.btns-group .size-btns{
    display: flex;
    gap: 15px;
    align-items: center;
}
.btns-group .size-btns button{
    display: flex;
    width: 50px;
    height: 50px;
    font-weight: 800;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    background: var(--white);
    border: none;
    cursor: pointer;
    font-family: 'iransans';

}
.btns-group .size-btns button span{
    padding-top: 5px;
}
.btns-group .size-btns button.active{
    background-color: var(--orange);
}
.btns-group .counter_box{
    width: fit-content;
    height: 50px;
    padding: 10px 8px;
    display: flex;
    align-items: center;
    gap: 15px;
    background-color: var(--white);
    border-radius: 10px;
}
.btns-group .counter_box button{
    width: 38px;
    height: 30px;
    border-radius: 10px;
    font-family: 'iransans';
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    line-height: 20px;
    font-size: 28px;
    cursor: pointer;
}
.btns-group .counter_box button span{
    padding-top: 5px;
}
.btns-group .counter_box .mines_btn{
    background: var(--dark);
    color: var(--white);

}
.btns-group .counter_box .plus_btn{
    background: var(--orange);
    color:var(--dark);

}
.btns-group .counter_box .count{
    color: var(--countColor);
    font-feature-settings: 'ss01' on;
    font-family: "iransans";
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 24px;
    width: 20px;
    display: flex;
    justify-content: center;
}
.submit_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 40px 0 30px;
}
.submit_box .price{
    color: var(--dark);
    text-align: right;
    font-feature-settings: 'ss01' on;
    font-family: "iransans";
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    direction: rtl;
}
.submit_box button{
    border-radius: 35px;
    background: var(--dark);
    color: var(--white);
    height: 53px;
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "iransans";
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    border: none;
}
@media screen and (max-width:420px) {
    .btns-group{
        flex-direction: column;
        align-items: start;
        gap: 15px;
    }
}