@charset "UTF-8";
.cart {
	margin-bottom: 80px
}

.cart__list-wrap {
	margin-bottom: 16px
}

.cart-total,
.cart__list-wrap {
	border: 1px solid #f3f3f3
}

.cart__list-heading {
	background-color: #f9f9f9;
	color: #535353;
	padding: 12px;
	font-size: 16px;
	line-height: 24px
}

.cart__list {
	padding: 0 12px
}

.cart__list .cart__list-left {
	margin-bottom: 16px
}

.cart__item {
	padding: 16px 0;
	position: relative
}

.cart__item:not(:last-child) {
	border-bottom: 1px solid #f3f3f3
}

.cart-item__info {
	margin-bottom: 8px
}

.cart-item__img-wrap {
	border: 1px solid #f3f3f3;
	width: 81px;
	height: 81px;
	line-height: 67px;
	padding: 6px;
	margin-right: 12px;
	text-align: center
}

.cart-item__img {
	display: inline-block;
	max-width: 67px;
	max-height: 67px
}

.cart-item__artnum,
.cart-item__artnum--pseudo {
	color: #999;
	font-size: 12px;
	line-height: 15px;
	margin-bottom: 4px
}

.cart-item__name {
	font-size: 14px;
	line-height: 21px
}

.cart-item__availability {
	color: #999;
	font-size: 14px;
	line-height: 21px
}

.cart-item__qty-wrap {
	border: 1px solid #f3f3f3;
	height: 44px;
	line-height: 18px;
	width: 128px;
	padding: 12px 0;
	margin-right: 12px
}

.cart-item__qty-change {
	width: 37px;
	text-align: center
}

.cart-item__qty-change .icon {
	width: 16px;
	height: 16px;
	vertical-align: middle
}

.cart-item__qty-change svg {
	display: block;
	stroke: var(--color-main)
}

.cart-item__qty-change.disabled svg {
	stroke: #a3a3a3
}

.cart-item__qty-change.cart-item__qty-change--minus {
	border-right: 1px solid #f1f1f1
}

.cart-item__qty-change.cart-item__qty-change--minus svg {
	width: 8px;
	height: 8px
}

.cart-item__qty-change.cart-item__qty-change--plus {
	border-left: 1px solid #f1f1f1
}

.cart-item__qty-input {
	border: none;
	font-size: 18px;
	width: 52px;
	text-align: center
}

.cart-item__prices {
	text-align: center
}

.cart-item__old-price {
	font-size: 13px;
	line-height: 15px;
	text-decoration: line-through;
	white-space: nowrap
}

.cart-item__current-price {
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	margin-top: 5px;
	white-space: nowrap
}

.cart-item__predicted-price-wrap {
	font-size: 12px;
	line-height: 18px;
	margin-top: 6px
}

.cart-item__predicted-price-wrap .title {
	color: #999
}

.cart-item__predicted-price-wrap .value {
	color: #535353;
	font-weight: 500;
	white-space: nowrap
}

.cart-item__price-total {
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: center
}

.cart-item__remove {
	background-color: #fff;
	position: absolute;
	top: 12px;
	right: 0;
	border: 1px solid #535353;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	line-height: 22px;
	text-align: center;
	opacity: .5;
	transition: .3s opacity
}

.cart-item__remove .icon {
	width: 10px;
	height: 10px
}

.cart-item__remove .icon svg {
	fill: #535353
}

.cart-item__remove:hover {
	opacity: 1
}

.cart-total {
	padding: 12px
}

.cart-total__promocode-item {
	margin-bottom: 4px
}

.cart-total__promocode {
	color: var(--color-main);
	font-size: 12px;
	line-height: 21px;
	margin-right: 4px
}

.cart-total__promocode.cart-total__promocode--error {
	color: #fb4d3d
}

.cart-total__promocode-remove {
	width: 21px;
	height: 21px;
	line-height: 21px;
	text-align: center
}

.cart-total__promocode-remove .icon {
	width: 10px;
	height: 10px
}

.cart-total__promocode-wrap {
	border: 1px solid #f3f3f3;
	margin-bottom: 16px
}

.cart-total__promocode-btn,
.cart-total__promocode-input {
	font-size: 14px;
	line-height: 21px
}

.cart-total__promocode-input {
	display: block;
	width: calc(100% - 115px);
	padding: 10px 12px;
	border: none
}

.cart-total__promocode-btn {
	font-weight: 500;
	width: 115px;
	padding: 10px;
	text-align: center
}

.cart-total__prices-wrap {
	margin-bottom: 16px
}

.cart-total__heading {
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	margin-bottom: 12px
}

.cart-total__heading.cart-total__heading--total {
	margin-bottom: 16px
}

.cart-total__heading.cart-total__heading--total .value {
	white-space: nowrap
}

.cart-total__prices-list {
	border-bottom: 1px solid #f3f3f3;
	padding-bottom: 16px;
	margin-bottom: 16px
}

.cart-total__prices-item {
	font-size: 14px;
	line-height: 21px
}

.cart-total__prices-item:not(:last-child) {
	margin-bottom: 8px
}

.cart-total__prices-item .title {
	color: #535353
}

.cart-total__prices-item .value {
	color: #999;
	font-weight: 500;
	white-space: nowrap
}

.cart-total__prices-item.cart-total__prices-item--discount .value,
.cart-total__prices-item.cart-total__prices-item--promocode .value {
	color: #fb4d3d
}

.cart-total__prices-item.cart-total__prices-item--promocode .title {
	color: var(--color-main)
}

.cart-total__prediction-wrap {
	background-color: #f9f9f9;
	border: 1px solid #e3e3e3;
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 16px;
	padding: 8px 16px
}

.cart-total__prediction-title {
	color: #535353;
	padding-right: 4px
}

.cart-total__prediction-sum {
	font-weight: 500
}

.cart-total__submit {
	text-align: center;
	white-space: nowrap;
	width: 100%
}

@media screen and (min-width:768px) {
	.cart__list-heading {
		padding: 16px
	}
	.cart__list {
		padding: 0
	}
	.cart__list .cart__list-left {
		margin-bottom: 0
	}
	.cart__list-left,
	.cart__list-right {
		width: 50%
	}
	.cart__list-right .cart__column {
		width: 33.33%
	}
	.cart__list-right .cart__title {
		color: #999;
		text-align: center;
		font-size: 14px
	}
	.cart__item {
		padding: 16px
	}
	.cart-item__img-wrap {
		width: 101px;
		height: 101px;
		line-height: 85px;
		padding: 7px;
		margin-right: 16px
	}
	.cart-item__img {
		max-width: 85px;
		max-height: 85px
	}
	.cart-item__description {
		width: calc(100% - 117px)
	}
	.cart-item__info {
		padding-right: 16px
	}
	.cart-item__artnum,
	.cart-item__artnum--pseudo {
		margin-bottom: 8px
	}
	.cart-item__prices {
		text-align: left
	}
	.cart-item__qty-wrap {
		width: 100px;
		margin-right: auto;
		margin-left: auto
	}
	.cart-item__qty-change {
		width: 31px
	}
	.cart-item__qty-input {
		width: 38px
	}
	.cart-item__price-total {
		padding-top: 10px
	}
	.cart-item__remove {
		top: 16px;
		right: 16px
	}
	.cart-total {
		padding: 16px
	}
	.cart-total__promocode-wrap {
		margin-bottom: 24px
	}
	.cart-total__prices-item:not(:last-child) {
		margin-bottom: 12px
	}
}

@media screen and (min-width:1024px) {
	.cart__list-wrap {
		width: calc(100% - 336px);
		margin-right: 24px;
		margin-bottom: 0
	}
	.cart-total {
		width: 312px;
		position: -webkit-sticky;
		position: sticky;
		top: 16px
	}
	.cart-item__img-wrap {
		width: 89px;
		height: 89px;
		line-height: 75px;
		padding: 6px
	}
	.cart-item__img {
		max-width: 75px;
		max-height: 75px
	}
	.cart-item__description {
		width: calc(100% - 105px)
	}
	.cart-item__qty-wrap {
		width: 90px;
		margin-right: auto;
		margin-left: auto
	}
	.cart-item__qty-input {
		width: 28px
	}
}

@media screen and (min-width:1366px) {
	.cart__list-wrap {
		width: calc(100% - 432px);
		margin-right: 24px
	}
	.cart-total {
		width: 408px
	}
	.cart-item__img-wrap {
		width: 121px;
		height: 121px;
		line-height: 103px;
		padding: 8px
	}
	.cart-item__img {
		max-width: 103px;
		max-height: 103px
	}
	.cart-item__description {
		width: calc(100% - 137px)
	}
	.cart-item__qty-wrap {
		width: 122px
	}
	.cart-item__qty-change {
		width: 42px
	}
	.cart-total__promocode-input {
		padding: 10px 16px
	}
}

.order {
	margin-bottom: 80px
}

.order__data {
	margin-bottom: 30px
}

.order__block:not(:last-child) {
	margin-bottom: 30px
}

.order-block {
	border: 1px solid #f3f3f3
}

.order-block__title {
	background-color: #f9f9f9;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	padding: 12px
}

.order__basket {
	padding: 0 12px
}

.order-block__content.order-block__content--default {
	padding: 12px
}

.basket-back-link {
	color: var(--color-main);
	font-size: 16px;
	font-weight: 400;
	line-height: 24px
}

.basket-item {
	padding: 16px 0
}

.basket-item:not(:last-child) {
	border-bottom: 1px solid #f3f3f3
}

.basket-item__image-wrap {
	width: 81px;
	height: 81px;
	border: 1px solid #f3f3f3;
	margin-right: 12px;
	padding: 6px;
	text-align: center
}

.basket-item__image {
	display: inline-block;
	max-width: 67px;
	max-height: 67px
}

.basket-item__info {
	width: calc(100% - 93px)
}

.basket-item__name {
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 16px
}

.basket-item__qty {
	font-size: 14px;
	line-height: 24px;
	margin-right: 38px;
	white-space: nowrap
}

.basket-item__price {
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	white-space: nowrap
}

.order-buyer {
	margin-bottom: 24px
}

.order-buyer__type:not(:last-child) {
	margin-bottom: 12px
}

.order-buyer__type .form__radio {
	margin-right: 8px
}

.order-buyer__type .form__input-title {
	color: #535353;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 0
}

.order-block__subtitle {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 16px
}

.order__block--properties .starrequired {
	color: #fb4d3d;
	padding-left: 2px
}

.order__block--properties .form__input-wrap {
	width: 100%
}

.order__block--properties .form__input-wrap:not(:last-child) {
	margin-bottom: 16px
}

.order__block--properties .form__input-title {
	font-size: 14px;
	font-weight: 400;
	line-height: 21px
}

.order__block--properties .form__input {
	background-color: #fff;
	border-color: #f3f3f3;
	font-size: 16px;
	line-height: 24px;
	padding: 6px 12px;
	width: 100%
}

.order__block--properties .form__input::-moz-placeholder {
	color: #999
}

.order__block--properties .form__input:-ms-input-placeholder {
	color: #999
}

.order__block--properties .form__input::placeholder {
	color: #999
}

.order__block--properties .form__input:hover {
	border-color: #e7e7e7
}

.order__block--properties .form__input:focus {
	border-color: #30927e
}

.order__block--properties .form__input.form__input--error {
	border-color: #ffb6af
}

.order__block--properties .order-params__delivary-address .form__input-address {
	margin-bottom: 24px;
	margin-left: 0
}

.order__block--properties .order-params__delivary-address .form__input-title {
	margin-bottom: 16px
}

.order__block--properties .order-params__delivary-address .order-params__delivary-extended {
	margin-bottom: 16px
}

.order__block--properties .order-params__delivary-address .order-params__delivary-extended .form__checkbox-c {
	margin-right: 12px;
	font-size: 14px
}

.order__block--properties .order-params__delivary-address .order-params__delivary-extended .order-personal__text {
	line-height: 20px
}

.order__block--properties .order-params__delivary-address .form__input-distance {
	margin-bottom: 16px;
	margin-left: 0
}

.order__block--properties .order-params__delivary-address .form__input-distance .form__input {
	width: 74px;
	line-height: 24px;
	padding: 5px 31px 5px 10px;
	margin-right: 12px;
	position: relative
}

.order__block--properties .order-params__delivary-address .form__input-distance:after {
	content: 'км.';
	color: #999;
	position: absolute;
	left: 42px;
	border-left: .5px solid #000;
	padding-left: 2px
}

.order__block--properties .order-params__delivary-address .form__input-distance .form__input-title {
	width: calc(100% - 86px);
	line-height: 24px;
	margin-bottom: 0
}

.order__block--properties .order-params__delivary-address .form__input-distance .form__input-title span {
	font-weight: 700
}

.order-params__delivary-fullprice {
	background-color: #f9f9f9;
	border: 1px solid #e7e7e7;
	font-size: 16px;
	line-height: 24px;
	padding: 4px;
	text-align: center;
	width: 100%
}

.order-params .order-params__item:not(:last-child) {
	margin-bottom: 12px
}

.order-params .form__radio {
	margin-right: 8px
}

.order-params .form__input-title {
	font-weight: 400;
	margin-bottom: 0
}

.order-params__list {
	margin-bottom: 24px
}

.order-params__description {
	background-color: var(--color-main);
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	padding: 8px 12px
}

.order-params__info {
	margin-top: 24px
}

.delivery-time__input-wrap {
	margin-bottom: 12px
}

.delivery-time__input-wrap .form__input {
	background-color: #f9f9f9;
	border-color: #f3f3f3;
	padding: 6px 12px;
	line-height: 24px
}

.delivery-time__input-wrap .form__input::-webkit-calendar-picker-indicator {
	background: url(../img/icons/calendar.svg) no-repeat center;
	background-size: contain
}

.delivery-time__input-wrap .form__input:hover {
	border-color: #e7e7e7
}

.delivery-time__input-wrap .form__input:focus {
	background-color: #f3f3f3;
	border-color: #f3f3f3
}

.delivery-time__description {
	color: #999;
	font-size: 14px;
	line-height: 21px
}

.order-comment .form__textarea {
	font-family: Rubik;
	border: 1px solid #f3f3f3;
	font-size: 16px;
	line-height: 24px;
	width: 100%;
	padding: 8px 12px
}

.order-comment__input-wrap {
	margin-top: 12px;
	margin-bottom: 12px
}

.order-comment__variant {
	margin-bottom: 16px
}

.order-comment__variant .link {
	border-bottom: 1px dashed var(--color-main);
	font-size: 16px;
	line-height: 21px;
	color: var(--color-main)
}

.order .cart-total__submit {
	margin-bottom: 16px
}

.order-personal .form__checkbox-c {
	font-size: 14px;
	margin-right: 10px
}

.order-personal__text {
	width: calc(100% - 30px)
}

@media screen and (min-width:768px) {
	.order__data {
		margin-bottom: 40px
	}
	.order__block:not(:last-child) {
		margin-bottom: 40px
	}
	.order-block__title {
		padding: 16px
	}
	.order-block__content.order-block__content--default {
		padding: 16px 20px
	}
	.order__basket {
		padding: 0
	}
	.order__basket-item {
		padding: 16px
	}
	.basket-item__image-wrap {
		width: 53px;
		height: 53px;
		margin-right: 16px;
		padding: 0
	}
	.basket-item__image {
		max-width: 51px;
		max-height: 51px
	}
	.basket-item__info {
		width: calc(100% - 69px)
	}
	.basket-item__name {
		color: #535353;
		width: calc(100% - 186px);
		margin-right: 16px;
		margin-bottom: 0
	}
	.basket-item__summary {
		width: 170px
	}
	.order-buyer__type:not(:last-child) {
		margin-bottom: 0;
		margin-right: 24px
	}
	.order-properties {
		margin: 0 -12px
	}
	.order__block--properties .form__input-wrap {
		width: calc(50% - 24px);
		margin: 0 12px
	}
	.order__block--properties .form__input-wrap:not(:last-child) {
		margin-bottom: 16px
	}
	.order-params__description {
		padding: 8px 16px
	}
	.delivery-time__input-wrap .form__input {
		max-width: 200px
	}
	.order-comment__input-wrap {
		margin-bottom: 0;
		margin-right: 16px;
		width: calc(100% - 306px)
	}
	.order-comment__variants-list {
		margin-top: 12px;
		width: 290px
	}
	.order-params__delivary-fullprice {
		width: auto;
		padding: 5px 16px
	}
	.order-params__delivary-fullprice span {
		font-weight: 500
	}
}

@media screen and (min-width:1024px) {
	.order__data {
		width: calc(100% - 336px);
		margin-right: 24px;
		margin-bottom: 0
	}
	.order-params__description {
		max-width: 640px
	}
}


/*# sourceMappingURL=order.css.map */