.product-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;margin-top: auto;}
.product-price_wrap > span{display:block}
.product-price{margin-right: 10px;font-weight: 500;font-size: 22px;line-height: 1.2;color: #151515;}
.product-oldprice{font-size:12px;line-height:1.3;color:#656565;text-decoration:line-through}
.product-btns{display:flex;flex-wrap:wrap}

.product-cartbtn{margin-right:10px}
.product-favoritebtn{
    /*background:#CDC7B9*/
        background: none;
}
.btn-brown.product-favoritebtn:hover {
    /*background: #DFC785;*/
}
.product-btns .bt{width:40px;height:35px;display:flex;justify-content:center;align-items:center}
.products-content{display:none}
.products-content.active{display:block}

.product-item{margin-bottom: 10px;/* box-shadow:0 4px 30px 0 rgba(0,0,0,0.06); */display: flex !important;flex-direction: column;width: calc(33.33% - 10px);padding: 20px 15px 25px;border: 1px solid #E8E8E8;border-radius: 15px;}
.product-name{margin-bottom:8px;display: block;font-weight: 500;font-size: 18px;line-height: 1.3;color: #151515;}
.product-desc{font-size:15px;color:#7C8186;margin-bottom: 5px;min-height: 45px;min-height: unset;flex-grow: 1;}
.product-img {
    /* border-bottom: 1px solid #2C3139; */
    margin-bottom: 15px; 
}

img[src*="prod-default.png"] {
    filter: invert(1);
}

.product-img img {
    max-height: 200px;
    display: block;
    margin: auto;
}

.product-volume{font-size: 14px;line-height: 1.2;color: #888888;}
.js_products {
    width: 100%;
}

body.lk-page .product-item {
    width: calc(33.33% - 10px);
}



/*
========================================
*/



.product-cartbtn img{display:none}
.product-btns .bt.product-cartbtn{text-align:center;width:auto;flex-grow:1;font-weight: 600;font-size: 18px;line-height: 1.2;color: #FFFFFF;}
.product-btns .bt.product-cartbtn:Hover {
    color: #DFC785;
}
.product-price_wrap{width:100%;display:flex;align-items:center;margin-bottom:20px;margin-top: 10px;}
.product-btns{width:100%}
.product-desc{}
span.product-price{}
.product-item{}

.product-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}


/*
========================================
*/



.master-btns {
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
}

.master-btn {
    font-weight: 500;
    font-size: 13px;
    line-height: 1.3;
    text-align: center;
    letter-spacing: -0.01em;
    color: #FFFFFF;
    border-radius: 5px;
    padding: 7px 5px;
    flex-grow: 1;
}

.master-btn:first-child {
    background: linear-gradient(153.04deg, #DFC785 -171.26%, #9C723B 199.63%);
    margin-right: 5px;
}
.master-btn:first-child:hover {
    color: #DFC785;
    background: #fff;
}
.master-rate img {margin-bottom: 4px;}  
.masters {
    width: 100%;
}
.master-item{border-radius:15px;margin-bottom:10px;display:flex!important;flex-direction:column;padding:15px;position:relative;padding-top:55px;border: 1px solid #E8E8E8;    width: calc(25% - 10px);}
.master-content{flex-grow:1;padding-bottom:30px}
.master-img{margin-bottom:25px;text-align:center;position:relative}
.master-img img{width:188px;height:188px;border-radius:50%;margin:auto}
.master-favorite{position:absolute;right:15px;top:20px;z-index:2}
a.master-name:hover {
    color: #DFC785;
}
.master-name{font-weight:500;font-size:18px;line-height:1.3;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #2F353A;display: block;min-height: 34px;}
.master-prev span{font-weight:500;font-size:14px;line-height:1.3;display:inline-block;margin-bottom:5px;margin-right:15px}
.master-services a{font-weight:500;font-size:14px;line-height:1.1;/* text-decoration-line:underline; */color:#8C8C8C;position:relative;/* display:inline-block; */padding-right:15px;margin-bottom:5px}
.master-services a::after{position: relative;content:"/";color: #8C8C8C;right: -6px;top:2px}
.master-services a:last-child::before{opacity:0}

.master-services a span {
    text-decoration-line: underline;
}

.master-services a:last-child::after {
    opacity: 0;
}


.master-services a:last-child{padding:0}
.master-services{margin-bottom:10px}
.master-desc{font-size:14px;line-height:1.4;color:#888;margin-bottom:15px}
.master-price{font-weight:500;}
.master-bottom{border-top:1px solid #2F353A;padding-top:15px;font-weight:500;font-size:13px;line-height:1;color:#888}
.master-bottom span{position:relative;display:inline-block;padding-right:10px;margin-right:10px;border-right:1px solid #DEE2E4}
.master-bottom span img{margin-right:2px}
.master-bottom span:last-child{border:none;padding-right:0;margin:0}
.master-favorite.active svg path:first-child { fill: #DFC785; } 
.master-favorite.active svg path:nth-child(2) { fill: #fff; stroke: #fff; }
.records-count { font-weight: 500; font-size: 16px; line-height: 20px; color: #7C7C7C; padding-bottom: 15px; margin-bottom: 40px; border-bottom: 1px solid #292929; }

.master-status {font-weight: 500;font-size: 17px;line-height: 1.3;color: #151515;position: absolute;left: 15px;top: 27px;padding-left: 28px;}

.master-status span {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    border: 1px solid #C8C8C8;
    top: 0;
    left: 0;
}

.master-status.master-status_check span::before {
    position: absolute;
    content: "";
    width: 26px;
    height: 10px;
    border: 3px solid #1AC489;
    transform: rotate(-45deg) skewX(-18deg);
    border-right: none;
    border-top: none;
    top: -4px;
    left: 1px;
}

.master-status.master-status_newbie span::before {
    position: absolute;
    content: "J";
    font-weight: 600;
    font-size: 17px;
    line-height: 1.1;
    color: #898989;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.master-status.master-status_top span::before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border: 3px solid #D3A937;
    border-bottom: none;
    border-right: none;
    transform: rotate(45deg);
    top: -2px;
    left: 27%;
}

.master-status.master-status_top span::after { 
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border: 3px solid #D3A937;
    border-bottom: none;
    border-right: none;
    transform: rotate(45deg);
    top: 6px;
    left: 27%;
}


.constr-masters {
    width: 100%;
    position: relative;
    max-height: 830px;
    overflow-y: scroll;
}

.constr-masters::-webkit-scrollbar-track{background-color:#fff}
.constr-masters::-webkit-scrollbar{width:5px}
.constr-masters::-webkit-scrollbar-thumb{background-color:#9C723B}

.constr-masters .master-img img {
    width: 105px;
    height: 105px;
}
.constr-masters_wrap {
    position: relative;
    width: 100%;
} 
.constr-masters .master-item {
    width: calc(33.33% - 10px);
    padding-right: 10px;
    padding-left: 10px;
    margin-right: 5px;
}

.constr-masters .master-name {
    font-size: 15px;
    min-height: 23px;
    border-bottom: 1px solid #E8E8E8;
}

.constr-masters .master-prev span {
    font-size: 13px;
    line-height: 1.3;
    color: #151515;
    margin-bottom: 7px;
} 
.constr-masters .master-prev {
    display: flex;
    flex-wrap: wrap;
}

.constr-masters .master-content {
    padding: 0;
}

.master-rate_wrap {
    font-weight: 500;
    font-size: 13px;
    line-height: 1;
    color: #888888;
    display: flex;
    flex-wrap: wrap;
}

.master-rate_wrap > span {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}
.master-item.master-item_choose {
    border-color: #12A223;
}
.constr-masters  .master-rate {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #E8E8E8;
    margin-bottom: 7px;
}
.constr-masters .master-img {
    margin-bottom: 10px;
} 
.master-rate img {
    margin-right: 5px;
} 

.master-btn3 {
    border: 1px solid #555555;
    border-radius: 5px;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.2;
    letter-spacing: -0.01em;
    color: #151515;
    padding: 7px 5px;
    text-align: center;
    /* margin-bottom: 15px; */
    border: 1px solid #CDCDCD;
    color: #555555;
}
.master-btn3:hover {
    background: #CDCDCD;
    color: #151515;
}
.master-choose {
    font-size: 13px;
    line-height: 1.1;
    letter-spacing: -0.01em;
    color: #555555;
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
    background: #FFFCF5;
    border: 1px solid #555555;
    border-radius: 5px;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.1;
    letter-spacing: -0.01em;
    color: #151515;
    text-align: center;
    padding: 8px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.master-choose input {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 2;
    opacity: 0;
    top: 0;
    left: 0;
}

.master-choose span {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid #555555;
    /* position: absolute; */
    /* left: 0; */
    top: -1px;
    position: relative;
    display: block;
    margin-right: 9px;
}

.master-choose input:checked ~ span {
    border-color: #12A223;
}

.master-choose span::before {
    position: absolute;
    content: "";
    top: 43%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-49deg) skew(-16deg);
    width: 10px;
    height: 5px;
    border: 3px solid #12A223;
    border-top: none;
    border-right: none;
    opacity: 0;
}

.master-choose input:checked ~ span::before {
    opacity: 1;
}


/*
===========================
*/
@media screen and (max-width: 1024px) {
    
    .product-item {
        /* width: calc(25% - 10px); */
    }
    
}

@media screen and (max-width: 768px) {

    .product-item, body.lk-page .product-item {
        width: calc(50% - 30px);
    } 
    
}

@media screen and (max-width: 767px) {
    .product-price_wrap {
        margin-bottom: 10px;
        width: 100%;
    }
    
    .product-desc {
        min-height: unset;
    }
    .product-item, body.lk-page .product-item  {
        width: calc(50% - 14px);
        margin-bottom: 15px;
        margin-right: 7px !important;
        margin-left: 7px !important;
        padding: 20px 10px;
    }

    .products-flex.flex-row, .stroit-flex.flex-row {
        margin-right: -7px;
        margin-left: -7px;
    }

    .product-desc {
        font-size: 12px;
        line-height: 1.3;
    }

    .product-volume {
        font-size: 12px;
    }
    .product-btns .bt.product-cartbtn {
        font-size: 14px;
    }
}



@media screen and (max-width: 480px) {
.product-name {
    font-size: 14px;
}

.product-price {
    font-size: 18px;
}

.product-btns .bt.product-cartbtn {
    font-size: 12px;
    margin-right: 5px;
}

.product-btns .bt {
    width: 30px;
}

}