/* Start:/local/templates/mm_template/components/bitrix/sale.basket.basket/mm_cart/style.css?178090722714244*/
.cart-item__color-dot {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 4px;
	border: 1px solid rgba(0,0,0,0.08);
	flex-shrink: 0;
}

/* Пустая корзина */
.cart-empty {
	width: 100%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.cart-empty__block {
	width: 100%;
	margin: 0 auto;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	gap: 0;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;

	& svg {
		margin-bottom: 8px;
	}

	& .header_2 {
		text-align: center;
		max-width: 534px;
		margin-bottom: 16px;
	}

	& .control_m {
		text-align: center;
		max-width: 424px;
		margin-bottom: 32px;
	}

	& .btn.control_m {
		margin-bottom: 0;
	}
}

/* Общая стилизация корзины */
.cart {
	width: 100%;
	padding-top: 16px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	gap: 32px;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.cart__positions {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 0;
	max-width: 930px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;
	gap: 0;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.cart-item {
	width: 100%;
	display: block;
	padding: 16px 0;
	border-bottom: 1px solid var(--border-main);
}

.cart-item:first-child {
	padding-top: 0;
}

.cart-item__desktop {
	width: 100%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	gap: 12px 24px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.cart-item__mobile {
	display: none;
}

.cart-item__image {
	width: 104px;
	height: 139px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border-radius: 4px;
	overflow: hidden;
	background: var(--bg-secondary);
}

.cart-item__image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	display: block;
}

.cart-item__detail {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	gap: 24px;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.cart-item__info {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	gap: 12px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.cart-item__header {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	gap: 8px;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.cart-item__title.header_4 {}

.cart-item__favorite {
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;

	display: -webkit-inline-box;

	display: -ms-inline-flexbox;

	display: inline-flex;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;

	:hover {

		& path {
			fill-opacity: 1;
			transition: .2s;
		}
	}
}

.cart-item__favorite .voted {
	display: none;
}

.cart-item__favorite.voted .load {
	display: none;
}

.cart-item__favorite.voted .voted {
	display: block;
}

.cart-item__attributes {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	gap: 20px;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.cart-item__attribute {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	gap: 0;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.cart-item__attr-label.caption {
	color: var(--text-caption);
}

.cart-item__attr-value.control_m {}

.cart-item__actions {
	-webkit-box-flex: 0;
	-ms-flex: 0;
	flex: 0;
	width: 100%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	gap: 12px 24px;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.cart-item__counter {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	gap: 8px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: transparent;
	padding: 4px;
	border-radius: 48px;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	outline: none;
	border: 1px solid transparent;


}

.cart-item__counter:hover {
	background: transparent;
	border: 1px solid var(--bg-secondary, #342A1B);
	/* outline-offset: -1px; */
}

.counter__btn {
	width: 48px;
	height: 48px;
	border-radius: 56px;
	background: transparent;
	border: none;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 24px;
	font-weight: 500;
	color: var(--text-main);
	-webkit-transition: background 0.2s;
	-o-transition: background 0.2s;
	transition: background 0.2s;
}

.counter__btn:hover {
	background: #F5EEE5;
}

.counter__value.control_m {
	min-width: 32px;
	text-align: center;
}

.cart-item__right {
	-webkit-box-flex: 0;
	-ms-flex: 0;
	flex: 0;
	padding-top: 12px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	gap: 24px;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.cart-item__prices {
	width: 120px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	gap: 2px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.cart-item__current-price.price {}

.cart-item__old-price.caption {
	text-decoration: line-through;
	color: var(--text-caption);
}

.cart-item__delete {
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	color: var(--text-caption);
	-webkit-transition: color 0.2s;
	-o-transition: color 0.2s;
	transition: color 0.2s;
}

.cart-item__delete:hover {
	color: var(--text-main);
}

.cart__summary {
	width: 459px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 12px;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.cart__summary.loading {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	opacity: 0.5;
}

.summary__card {
	width: 100%;
	background: var(--brand-4);
	border-radius: 4px;
	padding: 16px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	gap: 12px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.summary__discount-info {
	width: 100%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	gap: 8px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.summary__discount-title.header_4 {}

.summary__discount-hint.control_m {
	text-align: right;
	text-wrap: nowrap;
}

.progress {
	width: 100%;
	height: 8px;
	background: var(--bg-main, #FFFFFF);
	border-radius: 2px;
	overflow: hidden;
	position: relative;
}

.progress__fill {
	height: 100%;
	background: var(--brand-main);
	border-radius: 2px;
	width: 0%;
}

.summary__details {
	width: 100%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	gap: 6px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.summary__detail-row {
	width: 100%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.summary__detail-row .control_m {
	color: var(--text-main);
}

.summary__total {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.summary__total-price.header_2 {}

.cart__summary .btn {
	padding: 24px;
}



@media (max-width: 1400px) {

	.cart {
		gap: 24px;
	}

	.cart__summary {
		width: 30%;
		min-width: 320px;
	}

	.cart__positions {
		width: calc(70% - 24px);
	}

	.cart-item__actions {
		-webkit-box-flex: 0;
		-ms-flex: 0;
		flex: 0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
		-webkit-box-pack: right;
		-ms-flex-pack: right;
		justify-content: right;
	}
}


@media (max-width: 1100px) {

	.cart-item__desktop {
		display: -ms-inline-grid;
		display: inline-grid;
		-ms-grid-columns: 1fr 12px 1fr 12px 1fr 12px 1fr 12px 1fr;
		grid-template-columns: repeat(5, 1fr);
		grid-auto-rows: auto;
		gap: 12px;
	}

	.cart-item__image {
		width: 100%;
		height: 100%;
		-ms-grid-row-span: 2;
		grid-row: span 2;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		grid-column: 1 / 2;
	}

	.cart-item__info {
		-ms-grid-row: 1;
		grid-row: 1;
		-ms-grid-column: 2;
		-ms-grid-column-span: 4;
		grid-column: 2 / 6;
	}

	.cart-item__actions {
		-ms-grid-row: 2;
		grid-row: 2;
		-ms-grid-column: 2;
		-ms-grid-column-span: 4;
		grid-column: 2 / 6;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}


	.cart-item__header {
		width: 100%;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.cart-item__prices {
		width: auto;
	}
}


@media (max-width: 800px) {
	.cart {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.cart__summary {
		width: 100%;
		min-width: unset;
	}

	.cart__positions {
		width: 100%;
	}


	.cart-item__desktop {
		display: none;
	}

	.cart-item__mobile {
		width: 100%;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		gap: 8px;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}


	.cart-item {
		padding: 12px 0;
	}

	.cart-item__image {
		width: 76px;
		height: 101px;
	}

	.cart-item__info {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		gap: 8px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
	}

	.cart-item__info-top {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		gap: 12px;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}

	.cart-item__info-detail {
		width: 100%;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		gap: 4px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}

	.cart-item__info-prices {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		gap: 4px;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-align: baseline;
		-ms-flex-align: baseline;
		align-items: baseline;
	}

	.cart-item__info-current_price.price {}

	.cart-item__info-old_price.caption {
		text-decoration: line-through;
		color: var(--text-caption);
	}

	.cart-item__favorite,
	.cart-item__delete {
		padding-top: 2px;
	}

	.cart-item__favorite svg,
	.cart-item__delete svg {
		width: 20px;
		height: 20px;
	}

	.cart-item__info-bottom {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
		gap: 12px;
	}

	.cart-item__attributes {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 0;
	}

	.cart-item__attribute.caption {
		color: var(--text-caption);
	}

	.cart-item__counter {
		padding: 2px;
		gap: 6px;
	}

	.counter__btn {
		width: 36px;
		height: 36px;
		padding: 10px;
	}

	.counter__btn svg {
		width: 16px;
		height: 16px;
	}


	.summary__total-price {
		font-size: 36px;
		line-height: 44px;
	}
}
/* End */
/* /local/templates/mm_template/components/bitrix/sale.basket.basket/mm_cart/style.css?178090722714244 */