/* CSS Document */
.basket{  margin:auto;  }

.basket h1{ text-align:left; font-size:20px; padding-bottom:15px;  }

.basket .basket-block-wrapper{background: #fff;box-shadow: 0px 0px 30px -10px #00000024; padding: 15px; margin-bottom: 15px; border-radius: 20px}

.basket .basket-block-wrapper p{ line-height: 1.5 }

.basket .basket-cols{}
.basket .basket-cols-summary{ margin-top: 20px;}

.basket .order-block{ box-sizing:border-box;  width:100%; margin: 20px 0 }
.basket .order-block.order-title{  margin: 10px 0;  }
.basket .order-block.order-title h1{ margin: 0; padding: 0}



.basket .order-block-title,
.basket .delivery-description-title{ font-size:18px; font-weight:bold; margin-bottom:15px; position:relative}

.basket .order-block-title{ display: flex; justify-content: space-between; align-items: center}

.basket .order-block-content{border:1px solid #adadad; padding:15px; border-radius: 20px;}
.basket .order-summary-row{ display: flex; justify-content: space-between; margin-bottom: 15px}
.basket .order-summary-row-title{ flex: 1; font-size: 1.1em}
.basket .summary-total-row { border-top:1px solid rgba(142,142,142,1.00); padding-top: 15px; margin-top: 15px}
.basket .order-summary-row-notice{ opacity: .8; font-size:1em}
.basket .order-summary-row .button{ width: 200px; margin: auto}

.basket .order-summary-row-value.discount{ color: #ff4f4f}

.basket .order-summary  .undo-positions-link{text-decoration: underline; display: block;font-size: .8em; cursor: pointer; padding-top: 5px}
.basket .intext-login-link{ display:inline-block; border-bottom:1px solid rgba(142,142,142,1.00); }
.basket .intext-login-link:hover{ cursor:pointer; border-bottom:1px solid #EF9D22}


.basket .reg-form-desc{ font-size:13px; color:rgba(142,142,142,1.00); line-height:1.4em; padding:10px 0; text-align:center;}
.basket .reg-form-row{ position:relative; padding:10px 0; margin:auto }
.basket .reg-form .reg-form-row{ }
.basket .reg-form-row-value{  border-radius:20px; height:60px; background:#fff; border:1px solid #979797}
.basket .reg-form-row-value.row-textarea{ height: auto; min-height: 80px}
.basket .reg-form-row-label{ position:absolute; width:100%; font-size:16px; color:rgba(86,86,86,1.00); line-height:1em; height:14px;  box-sizing:border-box; padding:0 15px; top:10px; bottom:10px; margin:auto;transition: all 0.2s ease;}
.basket .reg-form-row-value.has-val .reg-form-row-label{ top:10px; bottom: auto; color:rgba(142,142,142,1.00); font-size:13px; z-index:200}
.basket .reg-form-row input,
.basket .reg-form-row select,
.basket .reg-form-row textarea{ position:absolute; width:100%; font-size:16px;  box-sizing:border-box; padding:0 15px; top:0; bottom:0; margin:auto;box-sizing:border-box;  width:100%; height:100%; background: transparent; z-index:100;  border: none;transition: all 0.2s ease}

.basket .reg-form-row textarea{ top:0; bottom:0; margin:auto; height: auto}

.basket .reg-form-row .order-field-desc{ font-size: 13px; padding: 5px 10px}
.basket .reg-form-row input[readonly]{color:#9c9c9c}
.basket .reg-form-row-value.has-val input{ padding-top:18px; border-radius: 20px}
.basket .reg-form-row-value.has-val textarea{  top:30px; border-radius: 20px}
.basket .reg-form-row-value.has-val select{ padding-top:18px; border-radius: 20px}


.basket .reg-form-row-value.error{border: 1px solid #bf0000;   box-shadow: 0 0 6px -1px rgba(255, 0, 0, 0.68);}
.basket .reg-form-login{ display:none; font-size:13px; position:absolute; top:0; right:0; line-height:1.3em; padding:8px; padding-left:35px; border:1px solid #eee; margin:auto; box-sizing:border-box }
.basket .reg-form-login:hover{ border:1px solid #EF9D22; cursor:pointer;}
.basket .reg-form-login svg{ display:block; width:20px; height:auto; position:absolute; left:7px; top:0; bottom:0; margin:auto; }

.basket .basket-login-button{ display: inline-block; padding: 10px 25px; font-weight: 700; font-size: 16px; color: #000;      margin-left: 10px;
	background: rgba(237, 237, 237, .6);  	box-shadow: 0px 4px 10px -3px rgb(0 0 0 / 15%);}

.basket  .basket-row{ border-bottom: 1px solid #DDD;  padding-bottom: 20px; padding-top:10px;
	display: -webkit-box;  -webkit-box-align: start; -webkit-box-pack:justify;  -webkit-box-orient: vertical;
	display:-webkit-flex;  -webkit-align-items:flex-start; -webkit-justify-content:space-between; -webkit-flex-direction:column;
	display: flex; align-items:flex-start; justify-content:space-between; flex-direction:column;
}
.basket  .basket-row:last-child{ border:none}
.basket  .basket-row-col{width:100%;display: flex; align-items:center; justify-content:space-between; flex-direction:row;}

.basket  .basket-row-col.stock{  margin-top: 20px;  align-items:stretch; padding-bottom: 0;  justify-content:flex-start;  flex-direction: column  }
.basket  .basket-row-col.stock.info{ margin-top: 5px;}
.basket  .to-cart-count{ font-size: 14px;}

.basket  .basket-row > div{ box-sizing:border-box;}
.basket  .basket-pos-img{ width:60px; min-width:60px; max-width:60px;  height:60px; background-repeat:no-repeat; background-position:center; background-size:contain; }
.basket  .basket-pos-title{ padding-left:20px; flex: 1 }
.basket  .basket-pos-title a{ text-decoration:none; color: #404040; font-size:14px; line-height:1.4em; font-weight: 600 }
.basket  .basket-pos-title a:hover{ text-decoration:underline}

.basket .order-summ{ padding:15px 20px;  text-align:right; font-weight:bold; font-size:16px;
	background: #f7f7f7; border-radius: 20px}
.basket .order-summ .summ-item{ font-size:16px; color:#EF9D22}

.basket .delivery-position{display: -webkit-box;  -webkit-box-align: center; -webkit-box-pack:justify;  -webkit-box-orient: horizontal;
	display:-webkit-flex;  -webkit-align-items:center; -webkit-justify-content:space-between; -webkit-flex-direction:row;
	display: flex; align-items:center; justify-content:space-between; flex-direction:row;}
.basket .delivery-position .summ-item{ font-size:16px; font-weight:bold }

.basket .delivery-title{font-size: 16px;    font-weight: bold; padding-bottom:5px}
.basket .delivery-desc{font-size: 13px; color:#9c9c9c; line-height:1.4em}
.basket .delivery-price{color:#7b7b7b; font-size:14px; min-width:70px; text-align:right}
.basket .delivery-fields{ font-size: 14px; opacity: .8}

.basket .col-block .col-title{ padding:5px 0; font-size:12px;color:#A7A7A7}
.basket .col-block.price .col-cont{ color:#6E6E6E; font-size:14px; font-weight:bold; line-height:30px;}
.basket .col-block{ }
.basket .col-block.summ{ margin-right: 20px; margin-top: 20px}
.basket .col-block.summ .col-cont{color:#7b7b7b; font-size:14px;  line-height:30px; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column}
.basket .summ-item{ font-size:18px; font-weight: 600;}
.basket .base-summ-item{ font-size:13px;  text-decoration: line-through;font-weight: 400; margin-right: 15px; opacity: 0; transition: all 0.3s ease; display: none; line-height: 1}
.basket .base-summ-item.is-show{opacity: .8; display: block}


.basket .quantity input{ display:block; box-sizing:border-box; float:left; width:25px; height:30px;
	border:1px solid #C1C1C1; text-align:center; color:#A7A7A7; background-color:#F3F3F3;}
.basket .quantity input.minus{border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; }
.basket .quantity input.plus{ border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0;}
.basket .quantity input.count:hover{ background:#333; cursor:pointer; color:#FFFFFF}
.basket .quantity input.to-cart-count{ border:none; border-bottom:1px solid #C1C1C1;  border-top:1px solid #C1C1C1; }
.basket .quantity  input.to-cart-count{ background:#FFFFFF;}

.basket .basket-icons{ width:60px; height:60px; background-repeat:no-repeat; background-position:center; float:left; background-image:url(icons.png); }

.basket .basket-pos-remove{ position:absolute; width:20px; height: 20px; bottom:25px; right: -5px;   }
.basket .basket-pos-remove-button{ display:block; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; line-height:30px;  width:22px; height:22px; opacity: 0.5;  background-position:left; cursor:pointer;  transition: all 0.5s ease;  background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTYgOEw4IDE2TTguMDAwMDEgOEwxNiAxNk0yMSAxMkMyMSAxNi45NzA2IDE2Ljk3MDYgMjEgMTIgMjFDNy4wMjk0NCAyMSAzIDE2Ljk3MDYgMyAxMkMzIDcuMDI5NDQgNy4wMjk0NCAzIDEyIDNDMTYuOTcwNiAzIDIxIDcuMDI5NDQgMjEgMTJaIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg==");}
.basket-pos-remove-button:hover  {  opacity: 1;}

.basket .order-block.delivery{ border:none; }
.basket .list-block-description .ajax-content{padding:10px;}
.basket .list-block-description .delivery-text{ font-size:13px; line-height:1.3em;}
.basket .list-block-description .delivery-text p{ padding:3px 0;line-height:1.3em; margin:0; }
.basket .list-block-item{ background:#fff; padding:15px;   border:1px solid #979797; position:relative; box-sizing:border-box;transition: all  0.3s ease; border-radius: 20px}
.basket .list-block-item:hover{  cursor:pointer}
.basket .list-block-title{ padding-left:25px;   font-size:16px; line-height:1.3em; padding-bottom:10px;}
.basket .list-block-desc{ padding-left:25px;   font-size:14px; line-height:1.3em; color:#6F6F6F}
.basket .list-block-selector{ display:block; width:16px; height:16px; position:absolute; top:18px;   left:10px; margin:auto; border:1px solid #afafaf; border-radius:50%;}

.basket .list-block-item-wrap{ padding-bottom:15px;}
.basket .list-block-item.selected  { }
.basket .list-block-item.selected .list-block-selector{ border-color:#EF9D22;}
.basket .list-block-item.selected .list-block-selector:after{ display:block; content:""; width:8px; height:8px;position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; background: #EF9D22; border-radius:50%;  }


.basket .list-block-description .pickup-point{ font-size:14px; line-height:1.5em; position:relative; }
.basket .list-block-description .point-icon{ position:absolute; top:0; bottom:0; left:0; width:45px; margin:auto; }
.basket .list-block-description .point-icon svg{ display:block; position:absolute; height:35px; top:0; left:0; right:0; margin:auto; }
.basket .list-block-description .point-icon svg path{stroke:#c7c5c5; stroke-width:0.5px}
.basket .list-block-description .point-desc{ padding-left:45px;}
.basket .list-block-description .pickup-point-city { text-transform:uppercase;}

.basket .block-delivery .delivery-price{ font-weight:bold}


.elem-price-credit{ padding-bottom: 10px;}
.elem-price-credit .credit-num{ font-weight: bold; color: #EF9D22}

.basket .order-field-error span{ display:block;    font-size: 13px; color:#bf0000; padding:5px }

.basket .order-block-error span{ display:block; box-sizing:border-box; width:100%; text-align:center; margin:10px 0; border: 1px solid #bf0000;   box-shadow: 0 0 6px -1px rgba(255, 0, 0, 0.68); color: #bf0000;  padding:10px;}

.basket .pay-methods-container{ position:relative}
.basket .pay-methods-container:after{
	display:block; opacity:0; position:absolute; content:""; top:0; bottom:0; left:0; right:0;  margin:auto; z-index:-1; background-color:rgba(255, 255, 255, 0.8); background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='UTF-8' standalone='no'?%3e%3csvg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.0' width='64px' height='64px' viewBox='0 0 128 128' xml:space='preserve'%3e%3cg%3e%3cpath d='M78.75 16.18V1.56a64.1 64.1 0 0 1 47.7 47.7H111.8a49.98 49.98 0 0 0-33.07-33.08zM16.43 49.25H1.8a64.1 64.1 0 0 1 47.7-47.7V16.2a49.98 49.98 0 0 0-33.07 33.07zm33.07 62.32v14.62A64.1 64.1 0 0 1 1.8 78.5h14.63a49.98 49.98 0 0 0 33.07 33.07zm62.32-33.07h14.62a64.1 64.1 0 0 1-47.7 47.7v-14.63a49.98 49.98 0 0 0 33.08-33.07z' fill='%23858585' fill-opacity='1'/%3e%3canimateTransform attributeName='transform' type='rotate' from='0 64 64' to='-90 64 64' dur='600ms' repeatCount='indefinite'%3e%3c/animateTransform%3e%3c/g%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:center; background-size:40px;
	transition-property: all;
	transition-duration: 0.3s;
	transition-timing-function: ease;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease;}
.basket .pay-methods-container.is-lock:after{  z-index:10; opacity:1}

.basket .order-send-button-wrap{ padding:15px 0}
.basket .order-send-button{ width:100%; max-width:350px; height:50px; border-radius:4px; line-height:50px; font-size:18px; color:#fff;
	background-color: #EF9D22; text-align:center; margin:auto; position:relative; cursor:pointer; background-size:0px; background-position:center; background-repeat:no-repeat; background-image:url(preload.svg); border:none;
	transition-property: all;
	transition-duration: 0.3s;
	transition-timing-function: ease;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease;}
.basket .order-send-button:hover{ box-shadow:0 10px 10px -8px rgba(0,0,0,0.5)}

.basket .order-send-button.in-process{font-size:0; background-size:40px; }

.basket .message{ padding:30px 15px;}
.basket .message-title{ text-align:center; font-size:20px; padding-bottom:30px; font-weight:bold}
.basket .message.error .message-title{ color:#FF2327}
.basket .message-desc{max-width:400px; border-top:1px solid #DBDBDB; padding-top:15px; margin:auto}
.basket .message-desc *{ text-align:center; font-size:14px;  color:rgba(63,63,63,1.00)}

.basket .order-info-new{font-size: 18px; padding: 5px 0; font-weight:bold}
.basket .pay-status-wrap{ padding:5px 0}
.basket .pay-status-wrap .pay-status{width: 100px;       padding: 5px 10px;    text-align: center;        font-size: 14px; border-radius:4px;  border:1px solid #f56a6a}
.basket .pay-status-wrap .pay-status.paid{ border:1px solid #333}
.basket .order-status-wrap{ padding:5px 0}
.basket .order-status-wrap .order-status{width: 100px;    border:1px solid #f56a6a;    padding: 5px 10px;    text-align: center;        font-size: 14px; border-radius:4px }
.basket .order-status-wrap .order-status.confirm{ border-color:#333}

.basket .block-user{ padding:10px 0; margin-bottom: 20px;}
.basket .block-user .user-field{ padding:5px 0; font-size:14px; display: flex; flex-direction: column}
.basket .block-user .user-field-title{color:#7b7b7b}
.basket .block-user .user-field-value{ font-weight:bold}
.basket { }
.basket  .basket-row-col .col-cont{ line-height:25px; }

.basket  .delivery-field{ padding:3px 0; font-size:13px; color:#7b7b7b}
.basket  .delivery-field-title{ }
.basket  .delivery-field-value{ font-weight:bold}

.basket .block-payments{ display: flex; justify-content: center; flex-direction: column; align-items: center}
.basket .order-payment-summ{ padding: 10px 20px;}
.basket .order-payment-status{ padding: 15px; font-size: 20px; color:#B7D41B}

.basket  .pay-method-wrap{ padding:10px 0}
.basket  .pay-method-title{ padding:10px 0; font-size:16px; }
.basket  .pay-method-desc{  font-size:13px; padding-bottom:10px; color:#7b7b7b}
.basket  .pay-method-field{ padding:5px 0; font-size:13px; color:#7b7b7b}
.basket  .pay-method-field-title{ }
.basket  .pay-method-field-value{ font-weight:bold}

.basket .button.pay-button{ background-color: #EF9D22; color: #fff; width: 240px; margin: auto}


.privacy-notis{ text-align:center; font-size:13px; color:#808080; padding-top:15px;}
.privacy-notis a{  color:#000;  }


.basket .order-message{ transition: all 0.3s ease; max-height: 0; opacity: 0; color: #ff4f4f; height: 0; box-sizing: border-box; overflow: hidden; text-align: center; }
.basket .order-message.is-show{  max-height: 100px; opacity: 1; height: auto; padding: 20px 0 }

.basket .order-promocode-row{ flex-direction: column}
.basket .order-promocode-item{ border: 1px solid #b7d41b; padding: 10px; line-height: 1;	border-radius: 5px;	color: #004f38; font-weight: bold;
	position: relative; padding-right: 30px; background: #eef4d1;}
.basket .order-promocode-remove{ display: block; position: absolute; width: 14px; height: 14px; top:0; bottom: 0; right: 5px;
	margin: auto; cursor:pointer; background-repeat: no-repeat; background-position: center; background-size: contain;
	background-image: url("data:image/svg+xml,%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 5L5 19M5.00001 5L19 19' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); opacity: .5}

.basket .order-promocode{ width: 100%}
.basket .order-promocode-link{ font-size: 15px; font-weight: bold; color: #b7d41b; cursor: pointer}
.basket .order-promocode-input{ transition: all 0.3s ease; max-height: 0; opacity: 0; overflow: hidden; display: flex; }
.basket .order-promocode-input.is-show{ max-height: 100px; opacity: 1; padding: 5px 0; }
.basket .order-promocode-input input{padding: 12px; padding-right:110px; border-radius: 10px;border: 1px solid #b7d41b;display: block;
	flex: 1;  }
.basket .order-promocode-input .apply{ position: absolute; height: 18px; line-height: 18px; top: 0; bottom: 0; right: 0; margin: auto; padding: 0 15px; color: #b7d41b; cursor: pointer; }

.basket .order-promocode-message{ font-size: 13px; padding: 3px 10px;}
.basket .order-promocode-message .error{ color: #ff4f4f}


@media only screen and (min-width: 600px) {
	.basket .order-block-title{ font-size:16px;}

	.basket .reg-form-login{ font-size:14px}

	.basket .basket-pos-title a{ font-size:16px;}

	.basket .col-block .col-title{ font-size:13px;}

	.basket .delivery-form-row{  -webkit-box-orient:horizontal;   -webkit-flex-direction:row;   flex-direction:row;}
	.basket .delivery-form-row-label{ font-size:14px; width:30%; padding-right:10px; box-sizing:border-box}
	.basket .delivery-form-row-value{ width:70%;     }
	.basket .delivery-form-row-value input{ padding:10px}

	.basket .order-send-button{max-width:340px;  }

}


@media only screen and (min-width: 768px) {
	.basket{ box-sizing:border-box; max-width:700px }
	.basket h1 { font-size:24px}
	.basket .order-block-title{ font-size:18px;}

	.basket .reg-form-row-label{ padding: 0 20px;}
	.basket .reg-form-row input,
	.basket .reg-form-row select,
	.basket .reg-form-row textarea { padding: 0 20px;}


	.basket .basket-block-wrapper{ padding-left: 20px; padding-right: 20px;}

	.basket .delivery-block{  width:100%;}

	.basket .order-block.delivery{ width:100%}
	.basket .order-block.pays{ width:100%}
	.basket .list-blocks-wrap{
		display: flex; align-items:stretch; justify-content:flex-start; flex-direction:row;
		flex-wrap:wrap; -webkit-flex-wrap:wrap;
		position:relative; margin:0 -10px;
	}
	.basket .list-block-item-wrap{ padding:0 10px 15px; box-sizing:border-box;  width:100%;}
	.basket .list-block-item-wrap.n3{ width:33.33%;  }
	.basket .list-block-item-wrap.n4{ width:50%;  }
	.basket .list-block-item{ height:100%;}
	.basket .list-block-selector{ top:19px; bottom:auto}

	.order-block.pays{ width:100%;}

	.basket .order-info-new{font-size: 20px; }

	.basket .order-info-wrapper{ padding: 15px;  }

	.basket .block-user .user-field{ flex-direction: row; font-size: 16px}
	.basket .block-user .user-field >*{padding-right: 10px;}

	.basket   .basket-pos-title{ display: flex; justify-content: space-between }
	.basket   .basket-pos-title  a{ flex: 1;     flex-basis: 100%;}


	.basket  .pay-method-wrap{
		display: -webkit-box;  -webkit-box-align: stretch; -webkit-box-pack:justify;  -webkit-box-orient: horizontal;
		display:-webkit-flex;  -webkit-align-items:stretch; -webkit-justify-content:space-between; -webkit-flex-direction:row;
		display: flex; align-items:stretch; justify-content:space-between; flex-direction:row; }
	.basket  .pay-method-wrap .col-block{border:none; padding-left:0; padding-right:20px;}
	.basket  .pay-method-wrap .order-send-button{ margin:0; width:240px}
	.basket  .pay-method-desc{  font-size:14px; }

	.basket .col-block.summ{ margin: 0}
	.basket .basket-row{ padding-top: 20px; padding-bottom: 20px}
	.basket .basket-row-col.stock{  margin-top: 0; margin-left: 15px; justify-content: space-between;  flex-direction: row; align-items: center;  flex-basis: 520px;}
	.basket .basket-row-col.stock.info{ margin: 0; justify-content: flex-end}
	.basket .col-block.summ .col-cont{ flex-direction: row; justify-content: flex-end; align-items: baseline;}

	.basket .basket-pos-remove{ bottom:auto; top: 10px; }

}

@media only screen and (min-width: 1024px) {
	.basket{ padding:0;}
	.basket  .basket-row{
		-webkit-box-orient: horizontal;
		-webkit-flex-direction:row;
		flex-direction:row;
	}
	.basket .reg-form-desc{ padding:10px 0; text-align:left; font-size:14px;}
	.basket .reg-form-login{ right:auto; left:130px;}
	.basket .basket-block-wrapper{flex-direction:row;}
	.basket .reg-form-row{ margin:0;}
	.basket .order-block.reg {   }
	.basket .order-block  {  }

	.basket .order-info-wrapper .basket-row-col.stock{  width:300px;}

	.order-info-wrapper{ padding: 25px;}
}
@media only screen and (min-width: 1170px) {

	.basket  .basket-pos-img{  width:100px; min-width:100px; max-width:100px;  height:100px; }
	.basket .basket-pos-title {    padding-left: 15px;    width: calc(100% - 100px);}

	.basket .list-block-item-wrap.n3{ width:33.33%;  }
	.basket .list-block-item-wrap.n4{ width:25%;  }

}