.symbol_ruble { font-family: 'rubleBitrix', Arial, sans-serif}

.basket-items-list-header, .basket-item-price-difference, .basket-item-amount-field-description {display: none}
.basket-items-list-item-warning-container {margin: 10px 0}
.basket-items-list-item-warning-container > div {margin-bottom: 10px; padding: 5px 35px 5px 15px}

.basket-items-list-item-warning-container.v2 > div {padding: 0}

.bx-sbb-empty-cart-image {width:131px; height:116px; margin:50px auto 42px; background:url(images/empty_cart.svg) no-repeat center; background-size:contain}
.bx-sbb-empty-cart-text {font-size:36px; text-align:center; color:#bababa; margin-bottom:42px}
.bx-sbb-empty-cart-desc {text-align:center; color:#000; font-size:16px; margin-bottom:42px}


/* basket */

/*
.bx-basket {display: flex; align-items: flex-start; margin: 0 -15px; padding-bottom: 40px; width: calc(100% + 30px); flex-wrap: wrap}
.bx-basket > div {padding: 0 15px; box-sizing: border-box; overflow: hidden}

.bx-basket > div:nth-child(1) {width: 100%}
.bx-basket > div:nth-child(2) {width: calc(100% - 450px)}
.bx-basket > div:nth-child(3) {width: 450px}
.bx-basket > div:nth-child(3) > div {padding: 30px; background: #fff; border-radius: 20px; overflow: hidden}
*/



.bx-basket .table_wrap {padding: 0}
.bx-basket .table_wrap table {width: 100%}
.bx-basket .table_wrap tr {display: flex !important; align-items: center; padding: 30px 0; background: #fff !important; border-bottom: 1px solid #D0D0D0; position: relative}
.bx-basket .table_wrap td {display: block !important; padding: 0}
.bx-basket .table_wrap td:nth-child(1) {width: 100%}





.bx-basket .table_wrap td:nth-child(2) {display: none !important}

.bx-basket .table_wrap td:nth-child(3) {padding: 0 20px; white-space: nowrap;}
.bx-basket .table_wrap td:nth-child(4) {min-width: 200px; max-width: 200px; font-size: 24px; font-weight: 700; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.bx-basket .table_wrap td:nth-child(4) .basket-item-price-current-text {display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.bx-basket .table_wrap td:nth-child(4) .basket-item-price-old-text {display: block; width: 100%; font-size: 20px; font-weight: 500; opacity: .4; text-decoration: line-through; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.bx-basket .table_wrap td:nth-child(5) {min-width: 20px; max-width: 20px;}


.bx-basket .price {width: 290px; color: #000}
.bx-basket .price > div {width: 145px; line-height: 16px}
.bx-basket .price div > div:nth-child(1) {font-size: 13px; font-weight: 700; opacity: .2}
.bx-basket .price div > div:nth-child(2) {font-size: 22px; font-weight: 700; line-height: 26px}
.bx-basket .price div > div:nth-child(3) {font-size: 14px; opacity: .8}
.bx-basket .price em {font-style: normal; opacity: .6}

.bx-basket .basket-items-list-item-descriptions-inner {display: flex; align-items: flex-start; width: 100%; box-sizing: border-box; position: relative; z-index: 5}
.bx-basket .basket-items-list-item-descriptions-inner > div:nth-child(1) {min-width: 110px; max-width: 110px; height: 110px; line-height: 0; overflow: hidden}
.bx-basket .basket-items-list-item-descriptions-inner > div:nth-child(2) {padding: 15px 0 0 25px; width: calc(100% - 110px)}

.bx-basket .basket-items-list-item-descriptions-inner > div:nth-child(1) img {margin: 0; object-fit: contain; max-width: 110px; height: 110px;}
.bx-basket .basket-items-list-item-descriptions-inner > div:nth-child(1) a {display: block; text-decoration: none}


.bx-basket .basket-item-info-name {padding: 0 0 15px 0; font-size: 24px; font-weight: 700;}
.bx-basket .basket-item-info-name a {color: #000; text-decoration: none}
.bx-basket .basket-item-info-name a:hover {color: #F5621D; text-decoration: none}

.basket-item-actions-remove {position: absolute; display: flex; width: 18px; height: 18px; cursor: pointer; right: 0; top: calc(50% - 9px); z-index: 2}
/*.basket-item-actions-remove > div {line-height: 18px; position: relative}
.basket-item-actions-remove > div:nth-child(1) {width: 18px; height: 18px; border-radius: 50%; background: #D9D9D9}
.basket-item-actions-remove > div:nth-child(2) {padding-left: 8px; font-size: 15px; color: rgba(0,0,0,.5) }*/

.basket-item-actions-remove:after,
.basket-item-actions-remove:before {content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 1px; height: 18px; background: #000}
.basket-item-actions-remove:after {transform: translate3d(-50%, -50%, 0) rotate(45deg)}
.basket-item-actions-remove:before {transform: translate3d(-50%, -50%, 0) rotate(-45deg)}
.basket-item-actions-remove:hover:after,
.basket-item-actions-remove:hover:before {background: #F5621D}

/*.basket-item-actions-remove:hover > div:nth-child(1) {background: rgba(255,0,0,.5)}
.basket-item-actions-remove:hover > div:nth-child(2) {color: rgba(255,0,0,.5)}*/

.basket-item-block-info .basket-item-actions-remove {display: none}


.basket-item-block-amount {display: flex; align-items: center; padding: 0; width: 150px; height: 37px; line-height: 37px; overflow: hidden; -moz-user-select: none; -khtml-user-select: none; user-select: none; box-sizing: border-box}


.basket-item-block-amount > div {width: 55px}

.basket-item-block-amount > span {display: block; min-width: 37px; width: 37px; max-width: 37px; height: 37px; font-size: 34px; position: relative; border: 1px solid #D0D0D0; border-radius: 50%; box-sizing: border-box; position: relative; cursor: pointer; -moz-user-select: none; -khtml-user-select: none; user-select: none}

.basket-item-block-amount > span:before {display: block; width: 35px; height: 35px; font-size: 28px; text-align: center; line-height: 35px; position: absolute; left: 0; top: 0}

.basket-item-amount-btn-minus:before {content: '-';}
.basket-item-amount-btn-plus:before {content: '+';}


.basket-item-block-amount input {border: none; padding: 0 5px; height: 37px; text-align: center; font-size: 20px; font-weight: 400; color: #000}




.basket-checkout-container {margin-top: 30px; display: flex; align-items: center; flex-wrap: wrap; position: relative; z-index: 1}
.basket-checkout-container > div:nth-child(1) {width: 400px; z-index: 2}
.basket-checkout-container > div:nth-child(2) {width: calc(100% - 450px); padding-left: 50px}
.basket-checkout-container > div:nth-child(3) {width: 100%}

/*.basket-coupon-alert-section {width: 400px; position: absolute; top: 95px; z-index: 10}*/


.basket-coupon-block-field-description {margin-bottom: 7px; font-size: 14px; opacity: .8}

.basket-coupon-block-field .form-group {max-width: 400px; padding-right: 40px; position: relative}

.basket-coupon-block-field input[type="text"] {height: 47px; border: 1px solid #d0d0d0; border-radius: 4px; line-height: 47px}
.basket-coupon-block-field span {display: block; width: 47px; height: 47px; background-color: #006bb1; background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogICA8cGF0aCBzdHJva2Utd2lkdGg9IjJweCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2U9IiNmZmYiIGZpbGw9Im5vbmUiIGQ9Im0xNS4wMjc4Nyw3LjU4MzM4bC0xNC4zNjEyNSwwIi8+DQogICA8cGF0aCBzdHJva2Utd2lkdGg9IjJweCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2U9IiNmZmYiIGZpbGw9Im5vbmUiIGQ9Im05LjgwNTYsMC44MzMyOGw2LjUyNzg0LDYuNzUwMWwtNi41Mjc4NCw2Ljc1MDEiLz4NCjwvc3ZnPg=='); background-position: center center; background-repeat: no-repeat; cursor: pointer; -webkit-appearance: none; position: absolute; right: 0; top: 0 }
.basket-coupon-block-field span:hover {background-color: #f5621d}



.basket-checkout-container .name {font-size: 28px; font-weight: 700; line-height: 36px}

.basket-checkout-container .basket-col {padding: 15px 0 25px 0; width: 100%; font-size: 18px}
.basket-checkout-container .basket-col > div {width: auto; white-space: nowrap}
.basket-checkout-container .basket-col > div:nth-child(1) {opacity: .7}
.basket-checkout-container .basket-col > div:nth-child(2) {width: 100%; border-bottom: 1px solid #000; opacity: .05; overflow: hidden}

.basket-checkout-section-inner {display: flex; justify-content: flex-end; align-items: center; gap: 30px} 
.basket-checkout-section-inner > div {width: auto}
.basket-checkout-section-inner > div:nth-child(3) { width: 250px}

.basket-checkout-block-total-inner {justify-content: space-between}



.basket-checkout-block-total-title {font-size: 20px; font-weight: 500; line-height: 40px; opacity: .5}
.basket-checkout-block-total-description {font-size: 12px;}

.basket-coupon-block-total-price-current {padding: 4px 0; font-size: 30px; font-weight: 700; line-height: 32px}
.basket-coupon-block-total-price-old {font-size: 17px; text-decoration: line-through; opacity: .6}
.basket-coupon-block-total-price-difference {font-size: 14px;}
.basket-coupon-block-total-price-difference span {display: inline-block; padding: 3px 7px; color: #fff; border-radius: 3px; background: #29A71A}


.basket-coupon-block .coupon-title {color: rgba(0,0,0,.5); font-size: 16px; font-weight: 500; line-height: 26px}
.basket-coupon-block-btn {padding: 3px 0 30px 0}
.basket-coupon-block-btn > div:nth-child(1) {width: 240px}
.basket-coupon-block-btn > div:nth-child(1) input {height: 52px; border: none; border-radius: 10px 0 0 10px; background: #E9E9E9; line-height: 52px}
.basket-coupon-block-btn > div:nth-child(2) {width: calc(100% - 240px)}
.basket-coupon-block-btn > div:nth-child(2) span {display: block; height: 52px; font-size: 15px; font-weight: 600; border: none; text-align: center; color: #fff; border-radius: 0 10px 10px 0; background: #4BA653; line-height: 52px; cursor: pointer}
.basket-coupon-block-btn > div:nth-child(2) span:hover {background: #ff9601}

.basket-coupon-alert {display: flex; max-width: 400px}


.basket-coupon-alert-inner {padding-top: 15px; font-size: 15px}
.basket-coupon-alert-inner span {display: block;}
.basket-coupon-alert-inner .basket-coupon-text {padding: 0 0 20px 0; opacity: .8}
.basket-coupon-alert-inner .close-link {margin-left: 20px; color: #F5621D; cursor: pointer}

.basket-item-price-old-text-for-sum {font-size: 15px !important; font-weight: 700; opacity: .2; text-align: right; line-height: 20px}
.basket-item-price-old-text-for-sum span { display: inline-block; position: relative}
.basket-item-price-old-text-for-sum span:before {content: ''; display: block; width: 100%; height: calc(50% - 1px); border-bottom: 2px solid rgba(0,0,0, .4); position: absolute; top: 0; left: 0}

button.disabled {display: none}

.basket-items-list-item-removed-container {display: flex; justify-content: space-between}

.btn-circle {display: inline-block; margin-right: 10px; width: 25px; height: 25px; border-radius: 50%; background: #F5621D; text-align: center; box-sizing: border-box; cursor: pointer; line-height: 27px}





/* 1200 */
@media only screen and (max-width: 1200px) {

.basket-checkout-container > div:nth-child(1) {width: 300px}
.basket-checkout-container > div:nth-child(2) {width: calc(100% - 330px); padding-left: 30px}

.basket-coupon-block-total-price-current {font-size: 26px;}
.basket-checkout-section-inner > div:nth-child(3) {width: 200px;}



}
	
/* 900 */
@media only screen and (max-width: 900px) {


.bx-basket .basket-items-list-item-descriptions-inner > div:nth-child(1) {min-width: 90px; max-width: 90px; height: 90px;}
.bx-basket .basket-items-list-item-descriptions-inner > div:nth-child(1) img {max-width: 90px; height: 90px;}

.bx-basket .basket-items-list-item-descriptions-inner > div:nth-child(2) {padding: 15px 0 0 20px; width: calc(100% - 90px)}

.bx-basket .basket-item-info-name {font-size: 18px;}

.bx-basket .table_wrap td:nth-child(4) {min-width: 180px; max-width: 180px; font-size: 20px;}

.basket-items-list-item-warning-container a {display: inline-block}

.basket-checkout-container > div:nth-child(1) {width: 100%}
.basket-coupon-block-field .form-group {margin-bottom: 25px; max-width: inherit}

.basket-checkout-container > div:nth-child(2) {width: 100%; padding-left: 0}

.basket-checkout-section-inner {justify-content: space-between}







}

/* 640 */
@media only screen and (max-width: 640px) {

.bx-basket .table_wrap tr {flex-wrap: wrap;}
.bx-basket .table_wrap td:nth-child(1) {width: 100%; margin: 0 0 10px 0; padding-right: 30px; box-sizing: border-box}
.bx-basket .table_wrap td:nth-child(3) {padding: 0 0 0 20px}

}


/* 500 */
@media only screen and (max-width: 500px) {

.basket-checkout-section-inner {flex-wrap: wrap; gap: 20px}
.basket-checkout-section-inner > div {width: calc(50% - 10px)}
.basket-checkout-section-inner > div:nth-child(3) {width: 100%}

}


/* 414 */
@media only screen and (max-width: 414px) {


.bx-basket .table_wrap td:nth-child(3) {padding: 0 0 0 75px;}

.bx-basket .table_wrap td:nth-child(4) {padding: 10px 0 0 75px; min-width: inherit; width: 100%; max-width: inherit; font-size: 18px; box-sizing: border-box}

.bx-basket .table_wrap td:nth-child(4) .basket-item-price-old-text {font-size: 16px;}


.bx-basket .basket-items-list-item-descriptions-inner > div:nth-child(1) {min-width: 65px; max-width: 65px; height: 65px;}
.bx-basket .basket-items-list-item-descriptions-inner > div:nth-child(1) img {max-width: 65px; height: 65px;}


.bx-basket .basket-items-list-item-descriptions-inner > div:nth-child(2) {padding: 15px 0 0 10px; width: calc(100% - 65px);}

.bx-basket .basket-item-info-name {font-size: 16px;}


.basket-coupon-block-total-price-old {font-size: 16px;}


.basket-checkout-block-total-description {font-size: 9px;}
.basket-coupon-block-total-price-current {font-size: 20px;}


}