.basket-section{max-width: 1240px; margin: auto; }
.basket-content{ background: #fff }
.basket-sidebar{ background: #fff }

.basket-header{ padding: 15px; display: flex; align-items: center; justify-content: space-between; background-color: var(--color-backgroung);}
.basket-header-title{ font-size: 16px; font-weight: bold; padding-right: 14px;}

.basket-clear-button{font-size: 12px; color: var(--color-blue); height: 18px; line-height: 18px; border-bottom: 1px dashed var(--color-blue)}
.basket-header-filter-item{ margin-right:5px; line-height: 18px; display: inline-flex; cursor: pointer    }
.basket-items-list-header-fixed{ position: relative !important; top:auto !important; width: auto !important;}

.basket-header-items { font-size: 12px; flex-grow: 1;  }
.basket-header-filter-item{ color: var(--color-grey);  border-bottom: 1px dashed var(--color-grey) }
.basket-header-filter-item.active{ color: var(--color-blue);  border-bottom: 2px solid var(--color-blue) }

.basket-items-list-container{ padding: 15px; }
.basket-items-container{ border-bottom: 1px solid var(--color-light-grey); padding-bottom: 15px; margin-bottom: 15px; }
.basket-items-container:last-child{ border: none;  margin-bottom: 0 }
#basket-item-table > div{display: none}
#basket-item-table.filter-orderable .is-orderable{ display: block}
#basket-item-table.filter-delayed .is-delayed{ display: block}
#basket-item-table.filter-warning .is-warning{ display: block}

#basket-item-table.filter-not-available .not-orderable{ display: block}

#basket-item-table .basket-items-container-expend{ display: none !important}

.basket-item-description{ display: flex; }
.basket-item-description-image{ flex-basis: 80px; margin-right: 20px}
.basket-item-description-image img{ max-width: 100%; max-height: 80px; margin: auto; display: block}

.basket-item-description-info{ flex: 1}
.basket-item-description-title{ font-size: 13px; font-weight: bold; margin: 10px 0;}


.basket-item-block-properties{ font-size: 12px;  color: var(--color-grey)}
.basket-item-property{ display: flex;}
.basket-item-property-name{ margin-right: 7px;}
.basket-item-property-value{ display: flex;}
.basket-item-property-value * { margin: 0; padding: 0;}
.basket-item-property-value .basket-item-scu-item{ display: none}
.basket-item-property-value .basket-item-scu-item.selected{ display: inline-flex}

.basket-item-block-price{ display: flex; align-items: center;  margin-top: 15px; justify-content: space-between }
.basket-item-price{ display: flex; align-items: flex-end; line-height: 1; margin-left: 20px;}
.basket-item-price-old{margin-right: 7px;  font-size: 13px;}
.basket-item-price-old span span{font-family: sans-serif}
.basket-item-price-old:after {content: "";display: block;position: absolute;top: 45%;left: 0;width: 100%;height: 1px;background: var(--red);}
.basket-item-price-current{ font-size: 18px; font-weight: 800; color: #000;}
.basket-item-price-current span span{ font-family: sans-serif}

.basket-item-price-difference{ display: none}

.basket-item-block-amount{ display: flex; align-items: center; }
.basket-item-amount-filed{  box-sizing: border-box; width: 28px; height: 30px; border:none; text-align: center; }
.basket-amount-button{ box-sizing: border-box; width: 26px; height: 30px; border: 1px solid var(--color-grey);  display: flex; align-items: center; justify-content: center; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: 10px;}
.basket-item-amount-btn-minus{ border-radius: 20px 4px 4px 20px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDEyIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjc1IDFIMTEuMjUiIHN0cm9rZT0iIzg2OEI4MSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K)}
.basket-item-amount-btn-plus{ border-radius:  4px 20px 20px 4px; background-size: 20px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMy43NTA3M1YxNC4yNTA3IiBzdHJva2U9IiM4NjhCODEiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTMuNzUgOUgxNC4yNSIgc3Ryb2tlPSIjODY4QjgxIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=); }
.basket-item-amount-field-description{ display: none}

.basket-item-actions{ display: flex; align-items: center; justify-content: flex-end; margin-top: 15px; font-size: 12px}
.basket-item-actions > span{height: 26px; line-height: 26px;   background-repeat: no-repeat; background-position: left center; padding-left: 20px;
	color: var(--color-blue); margin-left: 20px; cursor: pointer }
.basket-item-actions > span:hover{border-bottom: 1px dashed var(--color-blue)}
.basket-item-actions-remove{ background-image: url(../../../../images/sprite-icons.svg#icon-delete); background-size: 16px 16px }
.basket-item-actions-add-delayed{ background-image: url(../../../../images/sprite-icons.svg#wish-icon); background-size: 14px 14px; }
.is-delayed .basket-item-actions-add-delayed{ display: none }
.basket-item-actions-remove-delayed{background-image: url(../../../../images/sprite-icons.svg#basket-icon-mob); background-size: 14px 14px; display: none }
.is-delayed .basket-item-actions-remove-delayed{display: inline-flex;}


.basket-checkout-container{ padding: 15px}

.basket-coupon-alert-section{ padding: 8px 0 0 5px;}
.basket-coupon-block-field .form-group{ display: flex}
.basket-coupon-block-field .form-group > * {  display: block; height: 40px; box-sizing: border-box;}
.basket-coupon-block-field .form-group input{ border-radius: 4px 0 0 4px; padding: 15px; flex: 1; border: 1px solid var(--color-grey)}
.basket-coupon-block-field .form-group .button{ border-radius: 0px 4px 4px 0px}
.basket-coupon-alert-inner{ margin-bottom: 20px}
.basket-coupon-alert{ display: flex; justify-content: space-between; font-size: 13px; margin: 5px 0;    border-bottom: 1px dashed;}
.basket-coupon-alert .close-link{ cursor: pointer}
.basket-checkout-section{ margin-bottom: 20px}
.basket-checkout-total-row{ display: flex; justify-content: space-between; font-size: 13px; margin: 5px 0}
.basket-checkout-total-summ{ font-size: 18px; font-weight: 700; padding-top: 10px; border-top: 1px solid var(--color-grey); margin-top: 10px;}

.basket-checkout-block-btn { margin-top: 15px; }
.basket-checkout-block-btn .button{ width: 100%; max-width: 320px; margin: auto}
.basket-checkout-block-btn .button.disabled{ background-color: #c7c7c7; cursor:not-allowed}

 .basket-empty-message{ padding: 20px; text-align: center;}
.basket-empty-message p:first-child{ font-size: 18px; font-weight: bold}

.basket-total-title{ display: none}

.basket-items-empty{ display: none}
.basket-items-empty.filter-orderable.is-show{ display: block}
.basket-items-empty.filter-delayed.is-show{ display: block}

.partner-code-input{ margin-top: 15px; font-weight: 500; cursor: pointer; text-decoration: underline;}
.partner-form{ overflow: hidden; max-height: 0; opacity: 0;  transition: all 0.3s ease; padding-top: 10px;}
.partner-form.is-show{   max-height: 500px; opacity: 1}

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

	.basket-items-container {border: 1px solid var(--color-grey); padding: 15px 15px 5px 15px; margin-bottom: 15px; border-radius: 4px}
	.basket-items-container:last-child{ border: 1px solid var(--color-grey); margin-bottom: 0}
	.basket-item-description{ align-items: center}
	.basket-item-description-info { display: flex;}
	.basket-item-description-info >div:first-child {flex: 1; padding-right: 40px}
	.basket-item-description-title { font-size: 16px;}
	.basket-item-block-properties {font-size: 14px;}
	.basket-item-actions{ margin-top: 10px; border-top: 1px solid var(--lgray); padding-top: 5px; }

}


@media only screen and (min-width: 1024px) {

	.basket-content { min-height: 100%}

	.basket-sidebar{ flex-basis: 40%; padding-left: 20px}

	.basket-header-title{ font-size: 18px; padding-right: 15px}
	.basket-header-items { font-size: 14px;}
	.basket-header-filter-item {margin-right: 15px;}

	.basket-total-title{ display: block; font-size: 18px; font-weight: bold; margin-bottom: 15px }
	.basket-checkout-total-row {font-size: 14px;margin: 7px 0}
	.basket-sidebar .__section-item{position: sticky;  top: 120px; transition: all 0.3s ease;}
	.is-scroll .basket-sidebar .__section-item{top: 80px;}
	.basket-checkout-block-btn .button{  max-width:none;}



}
@media only screen and (min-width: 1280px) {
	.basket-item-description-title{ font-size: 18px}
	.basket-checkout-total-row {font-size: 16px; }

	.basket-total-title, 	.basket-header-title {  font-size: 22px;}

}