.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}

.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; flex-wrap: wrap; margin-bottom: 30px; padding: 30px; background: #fff !important; border-radius: 20px; 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) {position: absolute; left: 231px; bottom: 30px; z-index: 17}

.bx-basket .table_wrap td:nth-child(3) {position: absolute; right: 30px; bottom: 30px; z-index: 18}
.bx-basket .table_wrap td:nth-child(4) {position: absolute; right: 30px; bottom: 100px; color: #000; font-size: 30px; font-weight: 700; line-height: 30px; z-index: 15}
.bx-basket .table_wrap td:nth-child(4) em {font-style: normal; opacity: .6}
.bx-basket .table_wrap td:nth-child(5) {display: none !important}

.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%; padding-right: 180px; box-sizing: border-box; position: relative; z-index: 5}
.bx-basket .basket-items-list-item-descriptions-inner > div:nth-child(1) {min-width: 171px; max-width: 171px; height: 171px; line-height: 0; overflow: hidden}
.bx-basket .basket-items-list-item-descriptions-inner > div:nth-child(2) {padding: 0 0 100px 30px; width: calc(100% - 171px)}

.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; font-size: 19px; font-weight: 600; line-height: 25px}
.bx-basket .basket-item-info-name a {color: #000; text-decoration: none}
.bx-basket .basket-item-info-name a:hover {color: #ff9601; text-decoration: none}

.basket-item-actions-remove {position: absolute; display: flex; width: 87px; height: 18px; cursor: pointer; right: 0; top: 0; 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 > div:nth-child(1):after,
.basket-item-actions-remove > div:nth-child(1):before {content: ''; position: absolute; top: 50%; left: 50%; width: 1px; height: 6px; background: #000}
.basket-item-actions-remove > div:nth-child(1):after {transform: translate3d(-50%, -50%, 0) rotate(45deg)}
.basket-item-actions-remove > div:nth-child(1):before {transform: translate3d(-50%, -50%, 0) rotate(-45deg)}
.basket-item-actions-remove:hover > div:nth-child(1):after,
.basket-item-actions-remove:hover > div:nth-child(1):before { background: #fff}

.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-amount {position: relative; display: flex; padding: 0; width: 150px; height: 50px; line-height: 52px; background: #F9F9F9; border-radius: 10px; overflow: hidden; -moz-user-select: none; -khtml-user-select: none; user-select: none; box-sizing: border-box}
.basket-item-block-amount > div {width: 50px}
.basket-item-block-amount > span {display: block; min-width: 50px; max-width: 50px; font-size: 34px; position: relative; cursor: pointer}
.basket-item-block-amount input {border: none; padding: 0; height: 50px; background: #F9F9F9; text-align: center; font-weight: 500; color: #000}
.basket-item-amount-btn-minus, .basket-item-amount-btn-plus {-moz-user-select: none; -khtml-user-select: none; user-select: none}

.basket-item-amount-btn-minus:before {content: ''; display: block; width: 16px; height: 1px; background: #DC7E7E; position: absolute; left: calc(50% - 8px); top: 50%}

.basket-item-amount-btn-plus:before {content: ''; display: block; width: 16px; height: 1px; background: #4BA653; position: absolute; left: calc(50% - 8px); top: 50%}
.basket-item-amount-btn-plus:after {content: ''; display: block; width: 1px; height: 15px; background: #4BA653; position: absolute; left: 50%; top: calc(50% - 7px)}

.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 {justify-content: space-between; flex-wrap: wrap}
.basket-checkout-section-inner > div {width: 100%}
.basket-checkout-section-inner > div:nth-child(2) {padding-top: 20px}

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

.basket-checkout-block-total-title {font-size: 28px; font-weight: 700; line-height: 40px; opacity: .5}
.basket-coupon-block-total-price-current {font-size: 35px; font-weight: 700; line-height: 35px}
.basket-coupon-block-total-price-current em {color: #666; font-style: normal}

.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-inner {font-size: 15px}
.basket-coupon-alert-inner span {display: block; margin-top: -10px}
.basket-coupon-alert-inner .basket-coupon-text {padding: 0 0 30px 0; opacity: .8}
.basket-coupon-alert-inner .close-link {margin-left: 25px; color: #ff9601; 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}

/* 1200 */
@media only screen and (max-width: 1200px) {
	
.bx-basket {display: block}
.bx-basket > div:nth-child(2) {width: 100%}
.bx-basket > div:nth-child(3) {width: 100%}

.basket-checkout-section-inner {justify-content: space-between}
.basket-checkout-section-inner > div {width: auto}
.basket-checkout-section-inner > div:nth-child(2) {padding-top: 0; width: 362px}

.basket-checkout-container .basket-col {padding: 15px 0 10px 0}
.basket-checkout-container .basket-col > div:nth-child(2) {display: none}
.basket-checkout-container .basket-col > div:nth-child(3) {padding-left: 10px}

.basket-checkout-block-total-inner {justify-content: flex-start; flex-wrap: wrap}
.basket-checkout-block-total-inner > div {width: 100%}
}
	
/* 800 */
@media only screen and (max-width: 800px) {

.bx-basket .basket-items-list-item-descriptions-inner > div:nth-child(1) {min-width: 130px; max-width: 130px; height: 130px}
.bx-basket .basket-items-list-item-descriptions-inner > div:nth-child(2) {padding: 0 0 100px 20px; width: calc(100% - 130px)}
.bx-basket .basket-item-info-name {font-size: 16px;line-height: 22px}
.bx-basket .table_wrap td:nth-child(2) {position: absolute; left: 190px; bottom: 30px; z-index: 17}
.basket-checkout-container .name {font-size: 22px; line-height: 27px}
.basket-checkout-container .basket-col {padding: 15px 0 25px 0; font-size: 16px}
}

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

.bx-basket .table_wrap tr {padding: 10px}

.basket-item-actions-remove {width: 18px; height: 18px; cursor: pointer; right: 0; top: 0; z-index: 2}
.basket-item-actions-remove > div:nth-child(2) { display: none}

.bx-basket .basket-items-list-item-descriptions-inner {padding-right: 15px}
.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(2) {padding: 0 0 140px 20px; width: calc(100% - 90px)}

.bx-basket .table_wrap td:nth-child(2) {left: 120px; bottom: 85px}
.bx-basket .table_wrap td:nth-child(3) {right: 15px; bottom: 15px; z-index: 18}
.bx-basket .table_wrap td:nth-child(4) {right: inherit; left: 120px; bottom: 25px}

.bx-basket > div:nth-child(2) > div {padding: 15px 0}

.basket-checkout-section-inner > div {width: 100%}
.basket-checkout-section-inner > div:nth-child(2) {padding-top: 15px; width: 100%}

.basket-checkout-container .basket-col > div:nth-child(2) { display: block; width: 100%}

.basket-checkout-block-total-inner {justify-content: space-between; flex-wrap: nowrap}
.basket-checkout-block-total-inner > div {width: auto}

.basket-coupon-block-btn > div:nth-child(1) {width: 60%}
.basket-coupon-block-btn > div:nth-child(2) {width: 40%}

.basket-item-price-old-text-for-sum {font-size: 14px !important; text-align: left}
}


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

.bx-basket .basket-items-list-item-descriptions-inner > div:nth-child(1) {min-width: 70px; max-width: 70px; height: 70px}
.bx-basket .basket-items-list-item-descriptions-inner > div:nth-child(2) {padding: 0 0 140px 15px; width: calc(100% - 70px)}

.bx-basket .table_wrap td:nth-child(2) {left: 95px}
.bx-basket .table_wrap td:nth-child(4) {left: 10px}

.basket-coupon-block-btn {padding: 3px 0 20px 0}
}


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

.bx-basket .basket-item-info-name {font-size: 14px; line-height: 20px}
.bx-basket .table_wrap td:nth-child(2) {left: 10px; bottom: 75px}
.bx-basket .table_wrap td:nth-child(4) {font-size: 22px}

.basket-item-block-amount {width: 140px}

.basket-coupon-block-btn > div:nth-child(1) {width: 55%}
.basket-coupon-block-btn > div:nth-child(2) {width: 45%}

.basket-checkout-block-total-title {font-size: 24px}
.basket-coupon-block-total-price-current {font-size: 30px}
}