

/* Start:/local/templates/qtool/components/bitrix/sale.basket.basket/qtool_up/style.css?17629377339798*/
.symbol_ruble {
	font-family: 'rubleBitrix', Arial, sans-serif
}

[data-entity="basket-total-block"] {
	position: relative;
}

.btotal {
    padding: 44px 30px;
    border: 1px solid #0475B1;
}

.btotal__info {
    margin-bottom: 20px;
}

.btotal__row {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin-bottom: 14px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #666666;
}

.btotal__coupon {
    margin: 36px 4px;
}

.btotal__coupon-opener {
    line-height: 55px;
    text-align: center;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    transition: all 0.15s linear;
    font-size: 14px;
    color: #0475B1;
}

.btotal__coupon-opener:hover {
    border-color: #0475B1;
}

.btotal__sum {
    margin: 32px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.btotal__sum .btotal__name {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #0475B1;
}

.btotal__sum .btotal__value {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #333333;
}

.btotal__btn {
    width: 100%;
    background-color: #0475B1;
    font-weight: 500;
    font-size: 14px;
    line-height: 36px;
    color: #ffffff;
    box-shadow: none;
    border: none;
    outline: none;
    transition: all 0.15s linear;
    text-align: center;
}

.btotal__btn:hover {
    background-color: #00669d;
}

.btotal__notice {
    margin-top: 16px;
    font-size: 12px;
    line-height: 15px;
    color: #999999;
}

.entercoupon__input {
    margin-bottom: 30px;
    width: 100%;
    line-height: 34px;
    text-align: center;
    border: 1px solid #0475B1;
    outline: none;
    box-shadow: none;
    font-size: 21px;
    letter-spacing: 1em;
}

.entercoupon__btn {
    background-color: #0475B1;
    color: #ffffff;
    line-height: 36px;
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
}

.entercoupon__btn:hover {
    background-color: #00669d;
}

.entercoupon__notice {
    display: none;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #FF0000;
    margin-top: 20px;
}

.btotal__couponlist-item {
    padding: 5px 15px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btotal__couponlist-item.--muted {
    background-color: lightgreen;
}

.btotal__couponlist-item.--danger {
    background-color: #ff9999;
}

.bprods {
	border: 1px solid #E5E5E5;
	padding: 15px 10px 25px;
}
.bprods__container {}
.bprods__box {}
.bprods__list {
	display: flex;
	flex-flow: column nowrap;
	gap: 35px;
}

.bprod {
	position: relative;
    padding: 0 0 0 88px;
    min-height: 77px;
}
.bprod:before {
	content: '';
	width: 100%;
	height: 1px;
	position: absolute;
	top: calc(100% + 17px);
	left: 0;
	background-color: #F0F0F0;
}
.bprod:last-child:before {
	display: none;
}

.bprod:has(.bprod__restore) {
    padding: 25px 0;
    background-color: #fafafa;
}

.bprod__restore {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 20px;
}
.bprod__restoreremove {
    margin-top: 9px;
    font-size: 10px;
    line-height: 12px;
    display: flex;
    flex-flow: row nowrap;
}
.bprod__restoreremovebtn {
    margin-right: 25px;
    color: #999999;
    text-decoration: none;
    cursor: pointer;
    transition: var(--transition);
}

.bprod__restoreremovebtn:hover {
    color: var(--color-blue--hover);
}

.bprod__pic {
    text-decoration: unset;
    position: absolute;
    width: 77px;
    height: 77px;
    top: 0;
    left: 0;
}
.bprod__img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: contain;
}
.bprod__label {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 20px;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;    
    color: #fff;
    padding: 2px 10px;
    background-color: var(--color-blue);
    border-radius: 2px;
}
.bprod__label_percentsale {
}
.bprod__info {
}
.bprod__nameart {
    margin: 0 0 11px 0;
}
.bprod__name {
    display: block;
    text-decoration: unset;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #333333;
    margin: 0 0 3px 0;
}

.bprod__name:hover {
    color: var(--color-blue--hover);
}
.bprod__art {
    font-size: 8px;
    line-height: 10px;
    color: #666666;
}
.bprod__warning {
}
.bprod__sum {
}
.bprod__prices {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px;
}
.bprod__price {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
}
.bprod__pricetext {
}
.bprod__price_old {
    font-weight: 400;
    font-size: 8px;
    line-height: 10px;
    text-decoration-line: line-through;
    color: #666666;
}
.bprod__res {
    margin: 13px 0 0;
    display: flex;
    flex-flow: row nowrap;
    align-items: start;
    gap: 4px;
}
.bprod__amount {
    width: 100px;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    gap: 5px;
}
.bprod__quant {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    border: 1px solid rgba(4, 117, 177, 0.05);
}
.bprod__quantbtn {
    position: relative;
    top: -1px;
    right: -1px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 20px;
    text-align: center;
    color: var(--color-blue);
    user-select: none;
    transition: var(--transition);
    cursor: pointer;
}
.bprod__quantbtn:hover {
    background-color: rgba(4, 117, 177, 0.05);
}
.bprod__quantbtn:active {
    color: #ffffff;
    background-color: var(--color-blue);
}
.bprod__quantbtn_minus {
    left: -1px;
    right: unset;
}
.bprod__quantinp {
    width: 34px;
    height: 30px;
    line-height: 30px;
    border: unset;
    text-shadow: unset;
    box-shadow: unset;
    outline: none;
    text-align: center;
    font-size: 12px;
}
.bprod__quantbtn_plus {
}
.bprod__quanttext {
    text-align: center;
    font-size: 8px;
    line-height: 10px;
    color: #999999;
}
.bprod__actions {
    display: flex;
    flex-flow: row nowrap;
    align-items: start;
    gap: 4px;
}
.bprod__action {
    cursor: pointer;
}
.bprod__actiontext {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid rgba(4, 117, 177, 0.05);
    color: #333333;
    transition: var(--transition);
}

.bprod__actiontext:hover,
.bprod__actiontext.icf-heart {
    color: var(--color-blue);
}
.bprod__actiontext:before {
    font-size: 16px;
}
.bprod__actiontext[data-action=favorite]:before {
    font-size: 15px;
}
.bprod__note {
    margin: 18px 3px 0 -79px;
    background-color: #0475B105;
    padding: 7px 11px;
    text-align: left;
}

.bprod__noteinner {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 13px;
}

.bprod__noteicon {
    width: 28px;
    height: 28px;
    line-height: 28px;
    flex-shrink: 0;
    font-size: 22.89px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    color: var(--color-blue);
}

.bprod__noteinfo {
    font-size: 10px;
    line-height: 12px;
}
.bprod__noteinfotitle {
    font-weight: 500;
}


@media all and (min-width: 1200px) {
	.btotal {
		position: sticky;
		top: 16px;
	    padding: 44px 39px;
	    transition: var(--transition);
	}	
	.body:has(.header_mobsfixed.out) .btotal {
		top: 79px;		
	}

	.bprods {
		border: 1px solid #F6F6F6;
		padding: 55px 45px 50px 50px;
	}

    .bprod {
        padding: 0 0 0 140px;
        min-height: 102px;
    }

	.bprod:before {
        display: none;
		top: calc(100% + 17px);
	}

    .bprod:has(.bprod__restore) {
        padding: 25px 0;
    }

    .bprod__inner {
        display: flex;
        flex-flow: row wrap;
        align-items: start;
        gap: 5px;
    }

    .bprod__pic {
        width: 102px;
        height: 102px;
    }

    .bprod__info {
        flex: 1 1 calc(100% - 10px - 150px - 196px);
        padding: 0 10px 0 0;
    }

    .bprod__name {
        font-size: 15px;
        line-height: 18px;
        margin: 0 0 7px;
    }

    .bprod__art {
        font-size: 10px;
        line-height: 12px;
    }

    .bprod__price {
        font-size: 18px;
        line-height: 1;
    }

    .bprod__price_old {
        font-size: 12px;
        line-height: 15px;
    }

    .bprod__prices {
        flex-flow: column nowrap;
        align-items: start;
        text-align: start;
        gap: 5px;
        width: 150px;
        flex: 0 0 150px;
    }

    .bprod__res {
        margin: 0;
        width: 196px;
        flex: 0 0 196px;
        gap: 3px;
    }

    .bprod__amount {
        width: 120px;
        gap: 7px;
    }
    .bprod__quantbtn {
        width: 36px;
        height: 36px;
        line-height: 36px;
        font-size: 24px;
    }
    
    .bprod__quantinp {
        width: 46px;
        height: 34px;
        line-height: 34px;
        font-size: 14px;
    }
    
    .bprod__quanttext {
        font-size: 10px;
        line-height: 12px;
    }
    .bprod__actions {
        display: flex;
        flex-flow: row nowrap;
        align-items: start;
        gap: 3px;
    }
    .bprod__actiontext {
        width: 36px;
        height: 36px;
    }




    .bprod__note {
        /*width: 100%;*/
        margin: 6px 0 0;
        padding: 10px 29px 10px 19px;
    }

    .bprod__noteinner {
        align-items: flex-end;
        gap: 14px;
    }

    .bprod__noteicon {
        width: 21px;
        height: 21px;
        line-height: 21px;
        font-size: 17.16px;
    }

    .bprod__noteinfo {
        font-size: 10px;
        line-height: 12px;
    }
}
/* End */


/* Start:/local/templates/qtool/components/bitrix/sale.basket.basket/qtool_up/themes/blue/style.min.css?1762848538592*/
.bx-blue .basket-item-scu-item:hover,.bx-blue .basket-item-scu-item.selected,.bx-blue .basket-item-scu-item.not-available:hover{border-color:#006cc0}.bx-blue .basket-item-amount-filed:hover,.bx-blue .basket-item-amount-filed:focus{border-color:#006cc0}div.bx-blue .btn.btn-default{outline:0;border-color:#1485ce;background-color:#1485ce;color:#fff}div.bx-blue .btn.btn-default:hover{outline:0;border-color:#53a4d8;background-color:#53a4d8;color:#fff}div.bx-blue .btn.btn-default:active{outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
/* End */
/* /local/templates/qtool/components/bitrix/sale.basket.basket/qtool_up/style.css?17629377339798 */
/* /local/templates/qtool/components/bitrix/sale.basket.basket/qtool_up/themes/blue/style.min.css?1762848538592 */
