.product-details-page {
    padding: 0;
    .trending{
        &.common--section{            
            header{
                margin-bottom: 10px;display:flex;justify-content:space-between;align-items:center;
                padding: 10px 20px 10px 20px;
    background-color: #f4f4f4;
                .arrowdiv{
                    display: flex;
                    .btn{                   
                        height: 30px;
                        width: 30px;
                        padding: 0;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        font-size: 23px;
                        &:hover{
                            color:color(500);
                        }                        
                    }
                }
            }
        }
    }
    .right-area {
        padding: 0 30px; padding-left: 60px;
        .product-info {
            .categoryName {
                color: color(600);
                font-size: 12px;
                font-family: font(md);
            }
            .product-name {
                color: color(900);
                
                font-size: 24px;
                line-height: 32px;
                letter-spacing: 0.03em;
                a {
                    color: color(900);
                }
            }
            .product-price {
                .price {
                    font-size: 24px;
                    font-family: font(md);
                    color: color(600);
                    font-weight: normal;
                    small {
                        color: #bebebe;
                        font-size: 18px;
                        margin-left: 6px;
                    }
                }
            }
            .productDesc{
                margin-top: 10px; @include text-clamp(3);
                p{
                    @include text-clamp(3); font-size: 13px; font-family: font(rg) !important;
                    ~ p{
                        display: none;
                    }
                }
            }
            .info-meta-1 {
                ul {
                    margin:5PX 0;
                    font-family: font(md);
                    li {
                        &:not(:last-child) {
                            border-right: 1px solid #dedede;
                            padding-right: 15px; margin-right: 15px;
                        }
                        .ratings {
                            margin-bottom: 0;
                            .empty-stars,
                            .full-stars {
                                &:before {
                                    font-size: 18px;
                                    text-stroke: #ffbb00;
                                    -webkit-text-stroke: #ffbb00;
                                }
                            }
                            .full-stars {
                                &:before {
                                    color: #ffbb00;
                                }
                            }
                        }
                        &.review-count {
                            p {
                                color: color(250);
                            }
                        }
                    }
                }
            }
            .priceLine{
                border-bottom: 1px solid #dedede; padding:10px 0; margin-bottom: 15px;
            }
            
            .info-meta-3 {
                .qty {
                    margin-right: 15px;
                    ul {
                        border: 1px solid #c9c9c9;
                        padding: 8px 0;
                        li {
                            span {
                                width: 40px !important;
                            }
                        }
                    }
                }
                .meta-list {
                    margin-bottom:15px;
                    li {
                        vertical-align: middle;
                        &:not(:last-child) {
                            margin-right: 10px;
                        }
                        a {
                            &.btn-cart {
                                // font-family: font(md01);
                                font-size: 13px;
                                height: auto;
                                width: auto;
                                padding: 6px 15px;
                                background-color: color(600);
                                border-color: color(600); letter-spacing: 0.05em;
                                color: color(900);
                                &:hover {
                                    background-color: color(600);
                                border-color: color(600); 
                                    color: color(900);
                                }
                            }
                            // &.add-to-compare,&.add-to-wish{
                            // }
                        }
                        &.favorite,
                        &.compare {
                            a {
                                background-color: transparent;
                                color: color(500);
                                font-size: 20px;
                                border: 0;
                                .icon-heart {
                                    font-size: 23px;
                                }
                            }
                        }
                    }
                }
            }
            .social-links{
                margin: 10px 0;
            }
        }
    }
    .categori {
        .right-area{
            padding: 0;
        }
    }
    .description-content {
        .top-menu-area {
            border: 1px solid #dedede;
            text-align: left;
            padding: 16px 0 7px;
            ul {
                li {
                    margin: 0;
                    a {
                        color: color(900) !important;
                        text-transform: uppercase;
                        font-family: font(rg) !important;
                        padding: 0 35px !important;
                        &:after {
                            display: none;
                        }
                        &:hover {
                            color: color(600) !important;
                        }
                    }
                    &:not(:last-child){
                        a{
                            border-right: 1px solid #dedede !important;
                        }
                    }
                    &.ui-tabs-active,
                    &.ui-state-active {
                        a {
                            color: color(600) !important;
                        }
                    }
                }
            }
        }
        .tab-content-wrapper {
            .tab-content-area {
                padding: 30px 0 0 !important;
                .title {
                    color: color(900); font-weight: normal !important;
                    font-family: font(md01);
                }
            }
        }
    }
    .seller-info{
        border: 1px solid #DEDEDE; border-radius: 0;
        .view-stor{            
            color:#000 !important;
            &:hover{
                background-color:color(500) !important;
            }
        }
        .contact-seller{
            .list{
                li{
                    a:not(.view-stor){
                        color:#8e833d; margin: 6px 0; display: block; font-weight:600;
                    }
                }
            }
        }
    }
    .product-attributes{
        .col-lg-12{
            &+.col-lg-12{
                margin-top:15px;
            }
        }
        .productFilter{    
            margin: 0 -5px;        
            .custom-radio{ 
                padding:0px;padding: 0 5px;margin-top: 10px;
                .custom-control-label{
                    padding:5px 10px;;border: 1px solid #b8c1ca;margin-bottom:0px;
                    &:before,&:after{
                       display:none;
                    }
                }
                .custom-control-input:checked ~ .custom-control-label{
                    border: 1px solid #220f07;font-weight: 600;
                }
            }
        }
        .filterHead{
            display: block;margin-right: 0;text-transform: uppercase;font-weight: 600;letter-spacing: 0.08em;font-size: 13px;margin-bottom:0px;
            color: #333333;
        }
    }
    @media (max-width: 1599px) {
        .right-area {
            .product-info {
                .product-name {
                    font-size: 23px;
                }
            }
        }
    }
    @media (max-width: 1399px) {
        .right-area {
            padding-left: 60px;
        }
        .description-content {
            .top-menu-area {
                ul {
                    li {
                        a {
                            padding: 0 20px !important; font-size: 15px;
                        }
                    }
                }
            }
        }
    }
    @include media-breakpoint-down(lg) {
        .right-area {
            padding-left: 40px;
        }
    }
    @include media-breakpoint-down(md) {
        .right-area {
            padding:0 15px;
        }
        .description-content {
            .top-menu-area {
                ul {
                    li {
                        a {
                            padding: 0 18px !important;
                        }
                    }
                }
            }
            .tab-content-wrapper{
                .tab-content-area{
                    padding-top: 20px !important;
                }
            }
        }
    }
    @include media-breakpoint-down(sm) {
        .right-area {
            padding:0 0px;
        }
        .categori .section-top{
            margin-top: 20px !important;
        }
        .description-content,.wholesell-details-page {
            margin-top: 20px !important;
            .top-menu-area {
                padding: 10px 0 7px;    white-space: nowrap;
                overflow: hidden;
                overflow-x: auto;
                ul {
                    li {
                        float: none;    height: 20px;
                        a {
                            padding: 0 12px !important;font-size:14px !important;margin-bottom:0px !important;
                        }
                    }
                }
            }
            .tab-content-wrapper{
                padding: 10px !important;
                .tab-content-area{
                    p{
                        font-size: 15px !important; line-height: 24px !important;
                    }
                    .title{
                        font-size: 18px; margin-top: 0 !important;
                    }
                }
            }
        }
        .right-area {
            .product-info {
                .product-name {
                    font-size: 18px;line-height: 24px;
                }
                .priceLine{
                    padding:10px 0; margin-bottom: 10px;
                }
                .product-price {
                    .price {
                        font-size: 20px;
                        small {
                            font-size: 16px;margin-left: 4px;
                        }
                    }
                }
                .info-meta-3 {
                    padding: 8px 0 5px;
                    .qty {
                        margin-right:5px;
                        ul {
                            display: inline-block; padding: 6px 0;
                            li {
                                span {
                                    width: 35px !important; height: 30px !important; line-height: 30px !important;
                                }
                            }
                        }
                    }
                    .meta-list {
                        li {
                            &:not(:last-child) {
                                margin-right:5px;
                            }
                            a {
                                &.btn-cart {
                                   padding: 4px 10px; font-weight: normal;
                                }
                            }
                            &.favorite,&.compare {
                                a {
                                   padding-top: 3px;
                                }
                            }
                        }
                    }
                }
            }
        }
        .trending{
            &.common--section{
                padding: 10px 0;
                header{
                    margin-bottom: 10px;
                }
            }
        }
    }
}
