.basket-section{ margin: auto; margin-top: 15px; padding: 0 15px }
.basket-content{ background: #fff; margin-bottom: 20px; box-shadow: 0 5px 20px -10px rgb(0 0 0 / 15%); border-radius: 8px; border: 1px solid #eee; overflow: hidden }
.basket-sidebar{ background: #f0efef; margin-bottom: 20px; box-shadow: 0 5px 20px -10px rgb(0 0 0 / 15%); border-radius: 8px; border: 1px solid #eee;  }

.basket-header{ padding: 15px; display: flex; align-items: center; justify-content: space-between; background-color: #f0efef;}
.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-brown)}
.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-gray);  border-bottom: 1px dashed var(--color-gray) }
.basket-header-filter-item.active{ color: var(--color-brown);  border-bottom: 2px solid var(--color-brown) }

.basket-items{}
.basket-items-container{ border-bottom: 2px solid var(--color-brown-mid);  padding: 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;  margin: 10px 0;}


.basket-item-block-properties{ font-size: 12px;  color: var(--color-gray)}
.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; flex-direction: column}
.basket-item-price-old{ font-size: 12px; font-weight: 500; color: #988476}
.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: #988476;}
.basket-item-price-current{ font-size: 18px; font-weight: 700; }
.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: 36px; height: 30px; border:none; text-align: center; border-top:1px solid var(--color-brown-light); border-bottom: 1px solid  var(--color-brown-light) }
.basket-amount-button{ box-sizing: border-box; width: 26px; height: 30px;  border:1px solid var(--color-gray);   display: flex; align-items: center; justify-content: center; background-color: #f0efef; background-repeat: no-repeat; background-position: center; background-size: 9px; cursor: pointer}
.basket-item-amount-btn-minus{ border-radius: 7px 0px 0px 7px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDEyIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjc1IDFIMTEuMjUiIHN0cm9rZT0iIzg2OEI4MSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K)}
.basket-item-amount-btn-plus{ border-radius:  0px 7px 7px 0px; background-size: 15px; 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; border-top: 1px solid #e7e3df;
	padding-top: 5px; }
.basket-item-actions > span{height: 26px; line-height: 26px;   background-repeat: no-repeat; background-position: left center; padding-left: 20px;
	color: var(--color-brown); margin-left: 20px; cursor: pointer;  }
.basket-item-actions > span:hover{border-bottom: 1px dashed var(--color-brown)}
.basket-item-actions-remove{ background-image: url(../../../../images/sprite-icons.svg#delete); background-size: 16px 16px }
.basket-item-actions-add-delayed{ background-image: url(../../../../images/sprite-icons.svg#wish); 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); background-size: 14px 14px; display: none }
.is-delayed .basket-item-actions-remove-delayed{display: inline-flex;}


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

.basket-coupon-section{ margin-bottom: 15px;}
.basket-coupon-alert-section{ }
.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-brown)}
.basket-coupon-block-field .form-group .button{border-radius: 0px 4px 4px 0px; 	background: var(--color-brown); border: none;
		padding: 0 10px; color: #fff;	display: flex;	align-items: center;}

.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; font-size: 22px;line-height: 1;}
.basket-coupon-alert-inner{ }
.basket-coupon-alert.text-danger{ margin-bottom: 15px}

.basket-checkout-section{  }
.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-gray); margin-top: 10px; margin-bottom: 20px}

.basket-checkout-section .button { margin-top: 15px;  }
.basket-checkout-section .button{ width: 100%; margin: auto}
.basket-checkout-section .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-section{ padding: 0 15px; max-width: 760px;  }
	.basket-header { padding: 15px 20px}

	.basket-items{ padding: 20px}
	.basket-items-container {border: 1px solid var(--color-brown-light); padding: 15px 15px 5px 15px; margin-bottom: 15px; border-radius: 4px}
	.basket-items-container:last-child{ border: 1px solid var(--color-brown-light); 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(--color-brown-light); padding-top: 5px; }
	.basket-item-price {min-width: 120px;justify-content: flex-end;}

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

@media only screen and (min-width: 1024px) {
	.basket-section{max-width: 1290px;  margin-top: 15px; padding-top: 15px}

	.basket-section{ display: flex; align-items: flex-start;}
	.basket-content { flex-grow: 1}

	.basket-sidebar{ flex-basis:300px; margin-left: 20px; top:143px; position: sticky}
	.basket-header{ }
	.basket-header-title{ font-size: 18px; padding-right: 15px}
	.basket-header-items { font-size: 14px;}
	.basket-header-filter-item {margin-right: 15px;}

	.basket-checkout-section { margin-top: 30px}

	.basket-total-title{ display: block; font-size: 18px; font-weight: bold; margin-bottom: 15px }
	.basket-checkout-total-row {font-size: 14px;margin: 10px 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{ margin-top: 20px}
	.basket-checkout-block-btn .button{  max-width:none;}

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

	.basket-sidebar{ flex-basis:360px; }

	.basket-item-description-title{ font-size: 18px}
	.basket-checkout-total-row {font-size: 16px; }

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

}