/*...................................БЛОК "КОМПЛЕКТОМ ДЕШЕВЛЕ".......................................*/
#popup-set-block-right-item-transform{
    left: 0;
}
/*.set-block{
    width: 100%;
    display: inline-flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    margin-top: 80px;
    margin-bottom: 40px;
    padding: 16px 16px 20px 16px;
    border: 1px solid #EEEEEE;
    box-sizing: border-box;
    border-radius: 4px;
}*/

.set-block .set-block-left{
    width: 261px;
    height: auto;
    display: block;
    margin-right: 30px;
}

.set-block .set-block-right{
    width: Calc(100% - 291px);
    height: auto;
}

.set-block .set-block-right-items{
    width: 100%;
    display: inline-flex;
    justify-content: space-evenly;
    align-items: flex-start;
    flex-wrap: nowrap;
}

.set-block-left-title{
    margin-top: 8px;
    margin-bottom: 16px;
    font-size: 34px;
    line-height: 38px;
    letter-spacing: 0.25px;
    color: #263238;
}

.set-block-left-price-list{
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    margin-bottom: 40px;
}

.price-list-discont-sticker{
    width: 64px;
    height: 64px;
    margin-right: 8px;
    background: url(/local/templates/public/img/card/sticker-discount.svg) no-repeat;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    padding: 21px 0;
}
.price-list-discont-sticker span{
    font-size: 26px;
}

.set-block .price-list-value{
    width: Calc(100% - 72px);
    display: block;
}

.set-block .value-price-old{
    font-size: 20px;
    line-height: 23px;
    letter-spacing: 0.15px;
    text-decoration-line: line-through;
    color: #607D8B;
}

.set-block .value-price-new{
    font-size: 34px;
    line-height: 38px;
    letter-spacing: 0.25px;
    color: #263238;
    margin-bottom: 8px;
}

.set-block .value-price-economy{
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.15px;
    color: #B0BEC5;
}

.set-block .set-block-left-btn .sale_complect_btn,
.set-block .set-block-left-btn .go-to-card
{
    width: 100%;
    height: 56px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 20px 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    color: #008DEE;
    background-color: #E3F2FD;
    border-radius: 28px;
    box-shadow: 0 8px 8px rgba(3, 155, 229, 0.32);
    border: none;
}

.set-block .set-block-left-btn .sale_complect_btn:before{
    top: 0;
}

.set-block .set-block-left-btn span.sale_complect_btn:hover,
.set-block .set-block-left-btn .go-to-card:hover
{
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(3, 155, 229, 0.32);
}

.set-block .set-block-left-btn .go-to-card:before{
    content: '' !important;
    display: inline-block;
    width: 20px;
    height: 16px;
    position: relative;
    margin-right: 8px;
    top: -1px;
    background-image: url(/local/templates/public/img/card/icon-go-to-card.svg);
    background-repeat: repeat;
    background-position: center;
    background-size: 20px 16px;
}

.set-block-right .set-block-right-item{
    width: 100%;
    max-width: 184px;
    display: block;
    height: auto;
    margin-right: 16px;
}

.set-block-right-items div:last-child .set-block-right-item{
    margin-right: 0;
}

.set-block-right .set-block-right-item-img-image{
    width: 184px;
    height: 184px;
    margin-bottom: 8px;
    border-radius: 4px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.set-block-right .set-block-right-item-img-image img{
    max-width: 100%;
    max-height: 100%;
}

.set-block-right-item-img-sticker-lock{
    width: 24px;
    height: 24px;
    top: 4px;
    left: 4px;
    position: absolute;
    background: url('/local/templates/public/img/card/lock_icon.svg') no-repeat;
}

.set-block-right-item-img-sticker-gift{
    top: 4px;
    left: 4px;
    position: absolute;
    color: #FF6D00;
    border-radius: 2px;
    background-color: #FFF3E0;
    background-image: url(/local/templates/public/img/card/gift-icon.svg);
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: 9px 5px;
    padding: 4px 8px 4px 32px;
    font-size: 12px;
}

.set-block-right-item-section a{
    display: block;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: #90A4AE;
}

.set-block-right-item-section a:hover{
    color: #7b8a92;
}

/*.set-block-right-item-title{
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #263238;
    margin-bottom: 8px;
    height: 36px;
    overflow: hidden;
}*/

/*.set-block-right-item-price{
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #455A64;
    margin-bottom: 20px;
    height: 20px;
    overflow: hidden;
}*/

/*.set-block-right-item-btn{
    display: block;
    width: 184px;
    height: 32px;
    padding: 8px 42px;
    background: #fff;
    border-radius: 16px;
}

.set-block-right-item-btn:hover{
    background: #EEEEEE;
}

.set-block-right-item-btn span{
    display: block;
    padding-left: 32px;
    position: relative;
    font-weight: 500;
    font-size: 10px;
    line-height: 15px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #455A64;
    cursor: pointer;
}

.set-block-right-item-btn span:before{
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 16px;
    position: absolute;
    left: 0;
    background-image: url(/local/templates/public/img/card/set-item-btn.svg);
    background-repeat: no-repeat;
}*/

.set-block-right-item-section{
    width: 100%;
    height: 16px;
    display: block;
    margin-bottom: 4px;
    overflow: hidden;
}

.set-block .set-block-left-btn.bottom .sale_complect_btn,
.set-block .set-block-left-btn.bottom .go-to-card{
    display: none;
}

/*попап "Изменить"*/

#popup-set-block-right-item-transform .flip-container{
    width: 384px;
    height: calc(100% - 64px);
    max-height: 688px;
    padding: 16px 0;
}

#popup-set-block-right-item-transform .flip-header{
    color: #000;
    padding: 0 16px;
}

#popup-set-block-right-item-transform .flip-content{
    height: Calc(100% - 32px);
    margin-top: 16px;
    padding: 0 16px;
    max-height: 688px;
}

#popup-set-block-right-item-transform .flip-footer{
    margin-top: 0;
    padding: 0 16px;
}

.set-block-right-item-transform-desc{
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.15px;
    color: #78909C;
    margin-bottom: 16px;
}

.set-block-right-item-transform-unit{
    width: 100%;
    display: block;
    height: auto;
    margin-bottom: 8px;
}

.item-transform-unit-top{
    width: 100%;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    margin-bottom: 8px;
}

.item-transform-unit-top-img{
    width: 168px;
    height: 128px;
    margin-right: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.item-transform-unit-top-img a{
    height: 100%;
}

.item-transform-unit-top-img img{
    max-width: 100%;
    max-height: 100%;
}

.item-transform-unit-top-btn{
    cursor: pointer;
}

.item-transform-unit-top-btn .choose
{
    width: 168px;
    height: 32px;
    display: block;
    padding: 4px 33px;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    color: #008DEE;
    background: #FFFFFF;
    border-radius: 40px;
    position: relative;
}

.item-transform-unit-top-btn .choose.chosen{
    padding: 5px 36px;
    background: #E3F2FD;
}

.item-transform-unit-top-btn .choose span{
    display: block;
    margin-left: 32px;
}

.item-transform-unit-top-btn .choose.chosen span{
    margin-left: 25px;
    color: #2979FF;
}

.item-transform-unit-top-btn .choose:before{
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(/local/templates/public/img/card/icon-choose.svg);
    background-repeat: no-repeat;
    position: absolute;
}

.item-transform-unit-top-btn .choose.chosen:before{
    width: 17px;
    background-image: url(/local/templates/public/img/card/icon-chosen.svg);
    background-position-y: center;
}

.item-transform-unit-center{
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.15px;
    color: #263238;
}

.item-transform-unit-bottom{
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #263238;
}


/*....................................АДАПТИВ БЛОКА "КОМПЛЕКТОМ ДЕШЕВЛЕ"......................................*/

@media (max-width: 1199px){

    .section-card .set-block{
        display: block;
        padding: 24px 16px 16px 16px;
    }

    .set-block .set-block-left{
        width: 100%;
        display: inline-flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-right: 0;
        margin-bottom: 13px;
    }

    .set-block-left-title{
        width: 205px;
        margin-right: 24px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .set-block-left-price-list{
        margin-bottom: 0;
    }

    .set-block .set-block-left-btn .sale_complect_btn,
    .set-block .set-block-left-btn .go-to-card{
        width: 192px;
        margin-left: 24px;
    }

    .set-block .set-block-right{
        width: 100%;
    }

    .set-block .set-block-right-items{
        justify-content: space-evenly;
    }

    .set-block-right .set-block-right-item{
        max-width: 166px;
        margin-right: 8px;
    }

    .set-block-right .set-block-right-item-img-image{
        width: 164px;
        height: 164px;
    }

    .set-block-right-item-section{
        margin-bottom: 8px;
    }

    /*.set-block-right-item-price{
        margin-bottom: 16px;
    }*/

    .set-block-right-item-btn{
        width: 164px;
        padding: 8px 32px;
    }
}

@media (max-width: 991px){

    .set-block .set-block-left-btn .sale_complect_btn,
    .set-block .set-block-left-btn .go-to-card{
        margin-left: 8px;
    }

    .set-block-left-price-list{
        width: Calc(100% - 429px);
    }
}

@media (max-width: 767px){

    .set-block .set-block-left-btn .sale_complect_btn.minimal-mobile:before,
    .set-block .set-block-left-btn .go-to-card.minimal-mobile:before{
        margin-right: 8px;
    }

    .flip-popup#popup-set-block-right-item-transform{
        background-color: rgba(255, 255, 255, 0.8);
    }

    .flip-popup.in#popup-set-block-right-item-transform .flip-container{
        position: relative;
    }
}

@media (max-width: 744px){

    .set-block .set-block-right-items{
        flex-wrap: wrap;
    }

    .set-block-right .set-block-right-item-shell{
        width: 50%;
        height: 308px;
        margin-bottom: 18px;
    }

    .set-block-right .set-block-right-item-shell:nth-child(3),
    .set-block-right .set-block-right-item-shell:nth-child(4){
        margin-bottom: 0;
    }

    .set-block-right .set-block-right-item{
        margin: 0 auto;
    }

    .set-block-right-items div:last-child .set-block-right-item{
        margin-right: auto;
    }

    .set-block .set-block-left-btn .sale_complect_btn,
    .set-block .set-block-left-btn .go-to-card{
        display: none;
    }

    .set-block .set-block-left-btn.bottom{
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 34px;
    }

    .set-block .set-block-left-btn.bottom .sale_complect_btn,
    .set-block .set-block-left-btn.bottom .go-to-card{
        display: inline-flex;
        margin-left: 0;
        width: 288px;
    }

    .set-block .set-block-left{
        justify-content: flex-start;
    }

    .set-block .set-block-right-items .set-block-right-item-img{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .set-block-left-price-list{
        width: Calc(100% - 229px);
    }
}

@media (max-width: 568px){

    .section-card .set-block{
        border: none;
        padding: 0;
    }

    .set-block .set-block-left{
        margin-bottom: 20px;
        display: block;
    }

    .set-block-left-title{
        width: 100%;
        margin-bottom: 24px;
    }

    .set-block-left-price-list{
        width: 100%;
    }
}

@media (max-width: 414px){

    .set-block-right .set-block-right-item{
        max-width: 142px;
    }

    .set-block-right .set-block-right-item-img-image{
        width: 140px;
        height: 140px;
    }

    /*.set-block-right-item-title{
        height: 54px;
    }*/

    .set-block-right-item-btn{
        width: 140px;
        padding: 8px 22px;
    }

    .set-block-right .set-block-right-item-shell{
        height: 304px;
    }

    .flip-popup.in#popup-set-block-right-item-transform .flip-container{
        width: 100%;
        position: fixed;
        max-height: 100%;
    }

    #popup-set-block-right-item-transform .flip-content{
        height: Calc(100% - 32px);
        max-height: Calc(100% - 32px);
    }
}
/*конец блока "Комплектом дешевле"*/


/**
 * БЛОК "КОМПЛЕКТОМ ДЕШЕВЛЕ" НА СТРАНИЦЕ "АКЦИИ" (РЕДИЗАЙН) - начало
 */

.set-block-title{
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 20px;
}

.set-block-container-item{
    width: 208px;
    height: 313px;
    margin-right: 104px;
    padding: 12px 4px;
    position: relative;
}

.set-block-container-item:after{
    content: '';
    display: block;
    width: 24px;
    height: 25px;
    background: url('/local/components/snova/product.sale.complect/templates/main.new/images/plus-icon.svg') no-repeat;
    background-position: center;
    position: absolute;
    right: -64px;
    top: Calc((100% - 25px)/2);
}

.set-block-container-item:last-child{
    margin-right: 0;
}

.set-block-container-item:last-child:after{
    display: none;
}

.set-block-container-item-img{
    width: 200px;
    height: 150px;
    margin-bottom: 4px;
    border-radius: 4px;
    position: relative;
}

.set-block-container-item-img a{
    width: 100%;
    height: 100%;
}

.set-block-container-item-img a img{
    max-width: 100%;
    max-height: 100%;
}

.set-block-container-item-img-sticker-gift{
    top: 10px;
    left: 10px;
    position: absolute;
    color: #FF6D00;
    border-radius: 2px;
    background-color: #FFF3E0;
    background-image: url(/local/templates/public/img/card/gift-icon.svg);
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: 9px 5px;
    padding: 4px 8px 4px 32px;
    font-size: 12px;
}

.set-block-container-item-img-sticker-lock{
    width: 24px;
    height: 24px;
    top: 7px;
    right: 5px;
    position: absolute;
    background: url(/local/templates/public/img/card/lock_icon.svg) no-repeat;
    left: unset;
}

.set-block-container-item-info-title{
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
    margin-bottom: 6px;
    padding: 0 8px;
}

.set-block-container-item-info-title a{
    color: #6C7C83;
}

.set-block-container-item-info-price{
    height: 22px;
    overflow: hidden;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.25px;
    color: #394145;
    margin-bottom: 24px;
    padding: 0 8px;
}

.set-block-container-item-btn{
    display: block;
    width: 200px;
    height: 40px;
    background: #F4FAFB;
    border-radius: 80px;
}

.set-block-container-item-btn:hover{
    background: #EEEEEE;
}

.set-block-container-item-btn.inactive:hover{
    background: #F4FAFB;
}

.set-block-container-item-btn span{
    position: relative;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    color: #556268;
    cursor: pointer;
    padding: 10.5px 0;
}

.set-block-container-item-btn.inactive span{
    cursor: default;
    color: #CCDFE5;
}

.set-block-container-item-btn span:before{
    content: "";
    width: 19px;
    height: 19px;
    display: inline-block;
    margin-right: 8px;
    position: relative;
    left: unset;
    top: Calc((100% - 19px)/2);
    background-image: url(/local/components/snova/product.sale.complect/templates/main.new/images/stock-set-item-btn.svg);
    background-repeat: no-repeat;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.set-block-container-item-btn.inactive span:before{
    background-image: url(/local/components/snova/product.sale.complect/templates/main.new/images/stock-set-item-btn-inactive.svg);
}

.set-block-container-item-btn:hover span:before{
    transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.set-block-container-item-btn.inactive:hover span:before{
    transform: unset;
    -o-transform: unset;
    -ms-transform: unset;
    -moz-transform: unset;
    -webkit-transform: unset;
}

.set-block-container-items{
    width: Calc(100% - 338px);
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.set-block-container-result{
    width: 258px;
    height: 100%;
    min-height: 313px;
    margin-left: 80px;
    padding: 24px;
    background: #EFF3FE;
    border: 1px solid #D4E2FC;
    border-radius: 8px;
}

.set-block-container-result-wrap{
    width: 100%;
    position: relative;
    padding-top: 30px;
}

.set-block-container-result-wrap-economy{
    width: fit-content;
    width: -moz-fit-content;
    height: 22px;
    overflow: hidden;
    padding: 4px 8px;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.4px;
    color: #FFF5F5;
    background: #F53131;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
}

.set-block-container-result-wrap-price{
    width: 100%;
    margin-bottom: 12px;
    padding-left: 8px;
}

.set-block-container-result-wrap-price .price-new{
    font-size: 24px;
    line-height: 32px;
    color: #142328;
    margin-right: 16px;
}

.set-block-container-result-wrap-price .price-old{
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0.15px;
    text-decoration-line: line-through;
    color: #6C7C83;
}

.set-block-container-result-wrap-btn span{
    width: 100%;
    height: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 12px 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    color: #E3F2FD;
    background-color: #276EF1;
    border-radius: 80px;
    cursor: pointer;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.set-block-container-result-wrap-btn:hover span{
    background: #008DEE;
}

.set-block-container-result-wrap-btn span.nir-cart:before{
    content: '';
    display: block;
    width: 21px;
    height: 21px;
    background: url('/local/components/snova/product.sale.complect/templates/main.new/images/nir-card-btn-icon.svg') no-repeat;
    margin-right: 10px;
}

/*попап - начало*/

.flip-popup#popup-set-block-container-item-transform .mCSB_inside>.mCSB_container{
    padding: 0;
}

#popup-set-block-container-item-transform{
    left: 0;
}

#popup-set-block-container-item-transform .flip-container{
    width: 880px;
    height: calc(100% - 72px);
    max-height: 739px;
    padding: 20px 0;
}

#popup-set-block-container-item-transform .flip-header{
    color: #000;
    padding: 0 16px 0 20px;
}

#popup-set-block-container-item-transform .flip-header .flip-close{
    width: 16px;
    height: 16px;
    top: 20px;
    right: 20px;
}

#popup-set-block-container-item-transform .flip-header .flip-close:before,
#popup-set-block-container-item-transform .flip-header .flip-close:after{
    background-color: #263238;
    left: 8px;
}

#popup-set-block-container-item-transform .flip-content{
    height: Calc(100% - 44px);
    margin-top: 28px;
    padding: 0 16px;
    max-height: 651px;
}

#popup-set-block-container-item-transform .flip-footer{
    margin-top: 0;
    padding: 0 16px;
}

/*сортировка - начало*/

.units-sort-block-wrap-title-mob{
    display: none;
}

.item-transform-units-sort.d-flex{
    align-items: center;
    margin-bottom: 11px;
}

.item-transform-units-sort-title{
    width: fit-content;
    width: -moz-fit-content;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.4px;
    color: #78909C;
    margin-right: 8px;
}

.item-transform-units-sort-block{
    width: 231px;
    height: 40px;
    position: relative;
    z-index: 13;
}

.units-sort-block-wrap{
    width: 100%;
    position: absolute;
    background: #fff;
    z-index: 15;
}

.units-sort-block-wrap-filter__head{
    width: auto;
    height: 40px;
    background: #F6FAFD;
    border-radius: 4px;
    padding: 8px 24px;
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    margin-bottom: 8px;
}

.units-sort-block-wrap-filter__head span{
    display: block;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: #1A202C;
    margin: 0;
    position: relative;
    padding-left: 34px;
}

.units-sort-block-wrap-filter__head i{
    display: inline-block;
    position: absolute;
    top: Calc((100% - 24px)/2);
    margin-right: 10px;
    font-size: 22px;
    left: 0;
    color: #1A202C;
    height: 100%;
}

.units-sort-block-wrap-filter__item{
    display: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 17px;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.units-sort-block-wrap-filter__item a{
    width: 100%;
    display: block;
    height: 100%;
    color: #718097;
    position: relative;
    background: transparent;
    border-radius: 4px;
    padding: 10px 16px 10px 50px;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.15px;
}

.units-sort-block-wrap-filter__item a i{
    display: inline-block;
    position: absolute;
    top: Calc((100% - 24px)/2);
    margin-right: 10px;
    font-size: 22px;
    left: 0;
    height: 100%;
}

.units-sort-block-wrap-filter__item a i:before{
    left: 14px;
    font-size: 25px;
    line-height: unset !important;
    width: 30px;
    text-align: center;
    position: absolute;
}

.item-transform-units-sort-block.active .units-sort-block-wrap{
    box-shadow: 0 4px 4px 2px rgb(113 128 151/16%);
    border-radius: 4px;
}

.item-transform-units-sort-block.active .units-sort-block-wrap-filter__item{
    display: block;
    height: 40px;
    margin-bottom: 16px;
    background-color: #fff;
    padding: 0 8px;
}

.units-sort-block-wrap-filter__item.disabled a,
.units-sort-block-wrap-filter__item:hover a{
    color: #008DEE;
}

.units-sort-block-wrap-filter__item:hover a{
    background: #EBF8FF;
}

/*сортировка - конец*/

.set-block-container-item-transform-unit{
    width: 100%;
    max-width: 821px;
    height: 201px;
    align-items: center;
    margin-left: 3px;
    padding: 8px;
}

.set-block-container-item-transform-unit:hover{
    box-shadow: 0 0 3px rgb(113 128 151 / 30%);
}

.item-transform-unit-left{
    width: 136px;
    height: 185px;
    border-radius: 4px;
    margin-right: 16px;
}

.item-transform-unit-left a img{
    max-width: 100%;
    max-height: 100%;
}

.item-transform-unit-right{
    width: Calc(100% - 152px);
}

.item-transform-unit-right-info{
    width: Calc(100% - 205px);
}

.item-transform-unit-right-info-wrap,
.item-transform-unit-right-info-rating
{
    align-items: center;
}

.item-transform-unit-right-info-rating{
    margin-right: 16px;
}

.item-transform-unit-right-price{
    width: 189px;
    margin-left: 16px;
}

.item-transform-unit-right-info-rating-stars{
    width: 90px;
    margin-right: 8px;
}

.item-transform-unit-right-info-rating-star{
    width: 14px;
    height: 15px;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-image: url('/local/components/snova/product.sale.complect/templates/main.new/images/star-icon.svg');
}

.item-transform-unit-right-info-rating-star:last-child{
    margin-right: 0;
}

.item-transform-unit-right-info-rating-star.active{
    background-image: url('/local/components/snova/product.sale.complect/templates/main.new/images/star-icon-active.svg');
}

.item-transform-unit-right-info-rating-value{
    display: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0.15px;
    color: #455A64;
    margin-right: 8px;
}

.item-transform-unit-right-info-rating-count{
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.15px;
    color: #78909C;
}

.item-transform-unit-right-info-code{
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.15px;
    color: #A1BDCA;
}

.item-transform-unit-right-info-name{
    width: 100%;
    height: 48px;
    overflow: hidden;
    margin-top: 8px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #263238;
}

.item-transform-unit-right-price-cost{
    width: 100%;
    margin-bottom: 24px;
    font-weight: 500;
    font-size: 32px;
    line-height: 32px;
    color: #1A202C;
}

.item-transform-unit-btn{
    width: 189px;
    height: 40px;
    display: block;
}

.item-transform-unit-btn span.choose{
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
    background: #276EF1;
    border-radius: 80px;
    padding: 10.5px 44px;
    line-height: 16px;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.item-transform-unit-btn span.choose:hover{
    background: #008DEE;
}

.item-transform-unit-btn span.choose span{
    display: inline-flex;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    color: #E3F2FD;
    position: relative;
    padding-left: 27px;
    padding-top: 3.5px;
}

.item-transform-unit-btn span.choose span:before{
    content: '';
    display: block;
    width: 19px;
    height: 19px;
    background: url('/local/components/snova/product.sale.complect/templates/main.new/images/choose-btn.svg') no-repeat;
    position: absolute;
    left: 0;
    top: Calc((100% - 19px)/2);
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.item-transform-unit-btn span.choose:hover span:before{
    transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.item-transform-unit-btn span.choose.chosen{
    background: #008DEE;
    cursor: default;
}

.item-transform-unit-btn span.choose.chosen span:before{
    width: 17px;
    height: 13px;
    top: Calc((100% - 13px)/2);
    background: url('/local/components/snova/product.sale.complect/templates/main.new/images/chosen-btn.svg') no-repeat;
}

.item-transform-unit-btn span.choose.chosen:hover span:before{
    transform: none;
    -o-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    -webkit-transform: none;
}

#popup-set-block-container-item-transform .mCSB_scrollTools{
    margin-right: 25px;
}

#popup-set-block-container-item-transform .mCSB_scrollTools .mCSB_dragger{
    width: 4px;
    left: 0;
}

#popup-set-block-container-item-transform .mCSB_scrollTools .mCSB_draggerRail{
    width: 2px;
}

/*попап - конец*/

@media (max-width: 1199px){

    .set-block-container-item:last-child{
        margin-right: 104px;
    }

    .set-block-container-item:last-child:after{
        display: block;
    }

    .set-block-container-item:nth-child(2n+2){
        margin-right: 0;
    }

    .set-block-container-item:nth-child(2n+2):after{
        display: none;
    }
}

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

    main.content > .container,
    .footer-cont .container{
        width: 100%;
        padding: 0 24px;
    }
}

@media (max-width: 991px){

    .stock-page.d-flex{
        align-items: center;
    }

    .stock-page-img{
        width: 280px;
        height: 280px;
        margin-right: 16px;
    }

    .stock-page-info{
        width: Calc(100% - 296px);
    }

    .news-detail-product{
        margin-top: 28px;
    }

    .set-block-title{
        margin-bottom: 16px;
    }

    .set-block-container.d-flex{
        display: block;
    }

    .set-block-container-result{
        width: 100%;
        height: 88px;
        min-height: unset;
        margin: 24px 0 0 0;
    }

    .set-block-container-items.d-flex{
        width: 100%;
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

    .set-block-container-item{
        width: Calc(50% - 12px);
        height: 204px;
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        margin-right: 24px;
    }

    .set-block-container-item:nth-child(2n+2){
        margin-right: 0;
    }

    .set-block-container-item:after{
        right: -25px;
    }

    .set-block-container-item:nth-child(2n+2):after{
        display: none;
    }

    .set-block-container-item-img{
        width: 136px;
        height: 180px;
        margin: 0 8px 0 0;
    }

    .set-block-container-item-info{
        width: Calc(100% - 144px);
    }

    .set-block-container-item-info-title{
        height: 66px;
    }

    .set-block-container-item-info-price{
        margin-bottom: 18px;
    }

    .set-block-container-item-btn{
        width: 100%;
    }

    .set-block-container-result-wrap-info{
        width: Calc(100% - 294px);
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
    }

    .set-block-container-result-wrap{
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        padding-top: 0;
    }

    .set-block-container-result-wrap-btn{
        width: 294px;
    }

    .set-block-container-result-wrap-economy{
        position: relative;
    }

    .set-block-container-result-wrap-price{
        width: fit-content;
        width: -moz-fit-content;
        margin: 0 20px 0 0;
    }

    .set-block-container-result-wrap-price .price-new{
        margin-right: 12px;
    }
}

@media (max-width: 890px){

    #popup-set-block-container-item-transform .flip-container{
        width: 720px;
        max-height: 739px;
    }

    .set-block-container-item-transform-unit{
        width: Calc(100% - 22px);
        max-width: 664px;
    }
}

@media (max-width: 767px){

    main.content > .container,
    .footer-cont .container{
        width: 100%;
        padding: 0 16px;
    }

    .flip-popup#popup-set-block-container-item-transform{
        background-color: rgba(255, 255, 255, 0.8);
    }

    .flip-popup.in#popup-set-block-container-item-transform .flip-container{
        position: relative;
    }
}

@media (max-width: 748px){

    .set-block-container-result{
        padding: 33px;
        height: auto;
    }

    .set-block-container-result-wrap{
        width: fit-content;
        width: -moz-fit-content;
        display: block;
        align-items: unset;
        justify-content: unset;
        margin: 0 auto;
    }

    .set-block-container-result-wrap-info{
        width: fit-content;
        width: -moz-fit-content;
        margin-bottom: 8px;
    }

    .set-block-container-result-wrap-btn{
        width: 100%;
        min-width: 294px;
    }

    .flip-popup.in#popup-set-block-container-item-transform .flip-container{
        width: Calc(100% - 16px);
        max-height: 694px;
    }

    #popup-set-block-container-item-transform .flip-header{
        padding: 0 12px;
    }

    #popup-set-block-container-item-transform .flip-header .flip-close{
        right: 12px;
    }

    #popup-set-block-container-item-transform .mCSB_scrollTools{
        margin-right: 18px;
    }

    .set-block-container-item-transform-unit{
        width: Calc(100% - 18px);
        max-width: 100%;
    }
}

@media (max-width: 667px){

    .set-block-container-item-transform-unit{
        padding: 8px 8px 13px 8px;
        height: 178px
    }

    .item-transform-unit-left{
        width: 112px;
        height: 153px;
        margin-right: 8px;
    }

    .item-transform-unit-right{
        width: Calc(100% - 120px);
    }

    .item-transform-unit-right-info-name{
        height: 72px;
    }
}

@media (max-width: 640px){

    .stock-page.d-flex{
        display: block;
    }

    .stock-page-img{
        margin: 0 auto 40px;
    }

    .stock-page-info{
        width: 100%;
    }

    .news-detail-product{
        margin-top: 68px;
    }

    .set-block-container-items.d-flex{
        display: block;
    }

    .set-block-container-item{
        width: 100%;
        margin: 0 0 24px 0;
    }

    .set-block-container-item:last-child{
        margin: 0;
    }

    .set-block-container-item:after{
        right: 50%;
        top: 100%;
    }

    .set-block-container-item:nth-child(2n+2):after{
        display: block;
    }

    .set-block-container-item:last-child:after{
        display: none;
    }

    .set-block-container-item-info-title{
        height: 44px;
    }
}

@media (max-width: 568px){

    #popup-set-block-container-item-transform .flip-content{
        padding: 0 8px 0 5px;
    }

    .item-transform-units-sort.d-flex{
        display: block;
        margin: 0 0 8px 3px;
    }

    .item-transform-units-sort-title{
        margin: 0 0 8px 0;
    }

    .item-transform-units-sort-block{
        width: Calc(100% - 15px);
    }

    .set-block-container-item-transform-unit:hover{
        box-shadow: unset;
    }

    .set-block-container-item-transform-unit{
        border-bottom: 1px solid #ccdfe5;
    }

    .item-transform-unit-right{
        display: block;
    }

    .item-transform-unit-right-info{
        width: 100%;
    }

    .item-transform-unit-right-price{
        width: 100%;
        margin: 16px 0 0 0;
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
    }

    .item-transform-unit-right-info-rating-stars{
        width: 16px;
        margin-right: 4px;
    }

    .item-transform-unit-right-info-rating-star{
        display: none;
    }

    .item-transform-unit-right-info-rating-star.active:first-child{
        display: block;
        margin-right: 0;
    }

    .item-transform-unit-right-info-rating-value{
        display: block;
    }

    .item-transform-unit-right-info-name{
        height: 54px;
        margin-top: 4px;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0.5px;
        color: #263238;
    }

    .item-transform-unit-right-price-cost{
        width: Calc(100% - 52px);
        font-size: 16px;
        line-height: 24px;
        color: #1A202C;
        margin-bottom: 0;
        margin-right: 12px;
    }

    .item-transform-unit-btn{
        width: 40px;
        height: 40px;
    }

    .item-transform-unit-btn span.choose{
        padding: 0;
    }

    .item-transform-unit-btn span.choose span{
        width: 100%;
        height: 100%;
        font-size: 0;
        padding: 0;
    }

    .item-transform-unit-btn span.choose span:before{
        left: Calc((100% - 19px)/2);
    }

    .item-transform-unit-btn span.choose.chosen span:before{
        left: Calc((100% - 17px)/2);
    }

}

@media (max-width: 460px){

    .set-block-container-item-info-title{
        height: 66px;
    }

    .set-block-container-result{
        padding: 33px 16px;
    }
}

@media (max-width: 414px){

    /*.flip-popup.in#popup-set-block-container-item-transform .flip-container{
        width: 100%;
        position: fixed;
        max-height: 100%;
    }

    #popup-set-block-container-item-transform .flip-content{
        height: Calc(100% - 32px);
        max-height: Calc(100% - 32px);
    }*/
}

@media (max-width: 398px){

    .set-block-container-result-wrap-price{
        padding-left: 0;
    }

    .set-block-container-result-wrap-price .price-new{
        font-size: 22px;
    }

    .set-block-container-result-wrap-price .price-old{
        font-size: 14px;
    }

    .item-transform-unit-right-info-name{
        height: 72px;
    }
}

@media (max-width: 370px){

    .set-block-container-result-wrap-price{
        margin: 0 12px 0 0;
    }

    .set-block-container-result-wrap-price .price-new{
        font-size: 20px;
        line-height: 28px;
        margin-right: 8px;
    }

    .set-block-container-result-wrap-price .price-old{
        font-size: 14px;
        line-height: 28px;
    }

    .set-block-container-result-wrap-economy{
        font-size: 11px;
        line-height: 15px;
    }

    .set-block-container-result-wrap-btn{
        min-width: 100%;
    }
}

@media (max-width: 345px){

    .set-block-container-result-wrap-price .price-new{
        font-size: 18px;
        line-height: 26px;
    }

    .set-block-container-result-wrap-price .price-old{
        font-size: 13px;
        line-height: 26px;
    }

    .set-block-container-result-wrap-economy{
        padding: 4px;
    }

    .item-transform-unit-right-info-rating{
        margin-right: 8px;
    }

    .item-transform-unit-right-info-rating-value{
        margin-right: 5px;
    }

    .item-transform-unit-right-info-rating-count,
    .item-transform-unit-right-info-code
    {
        font-size: 12px;
    }
}




/**
 * БЛОК "КОМПЛЕКТОМ ДЕШЕВЛЕ" НА СТРАНИЦЕ "АКЦИИ" (РЕДИЗАЙН) - конец
 */
