/* Start:/personal/cart/style.css?17763216325962*/
/* Основные стили корзины */
.cart {
}

.cart-container {
	display: flex;
	gap: 36px;
}

.cart-items {
	flex: 1;
}

/* Блок итоговой информации */
.cart-summary {
	min-width: 255px;
	width: 30%;
	position: relative;
}

.cart-summary__content {
	padding: 24px;
	background: var(--color-bg-secondary, #F4F4F4);
	border-radius: 6px;
	display: flex;
	flex-direction: column;
	gap: 16px;

	position: sticky;
	top: 145px;
}

/* Строки с информацией */
.summary-info {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.summary-row {
	display: flex;
	align-items: center;
	gap: 6px;
	width: 100%;
}

.summary-label {
	color: var(--color-text-main, black);
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	white-space: nowrap;
}

.summary-separator {
	flex: 1;
	height: 14px;
	border-bottom: 1px rgba(0, 0, 0, 0.08) dotted;
	margin: 0 6px;
}

.summary-value {
	color: var(--color-text-main, black);
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	white-space: nowrap;
}

/* Итоговая строка */
.summary-total {
	display: flex;
	align-items: center;
	gap: 6px;
	width: 100%;
}

.total-label {
	color: var(--color-text-main, black);
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	white-space: nowrap;
}

.total-separator {
	flex: 1;
	height: 14px;
	border-bottom: 1px rgba(0, 0, 0, 0.08) dotted;
	margin: 0 6px;
}

.total-value {
	color: var(--text-main, black);
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	white-space: nowrap;
}

/* Кнопка оформления */
.checkout-btn {
	width: 100%;
	padding: 16px 24px;
	background: var(--color-bg-button, #118BDD);
	color: var(--color-text-main-contrast, white);
	border: none;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	cursor: pointer;
	text-align: center;
	transition: background 0.3s ease;
}

.checkout-btn:hover {
	background: #0d7bc4;
	color: var(--color-text-main-contrast, white);
}


/* Контролы корзины */
.cart-controls {
	display: flex;
	justify-content: space-between;
	margin-bottom: 12px;
}

.cart-select-all {
	display: flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
}

.cart-delete-selected {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--color-text-caption);
	background: none;
	border: none;
	cursor: pointer;
}

.cart-items-list {
	display: flex;
	gap: 12px;
	flex-direction: column;
	align-items: stretch;
}
/* Элемент корзины */
/* Базовые стили товара в корзине */
.cart-item {
	display: flex;
	gap: 16px;
	padding: 16px;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 6px;
}

/* Изображение товара */
.cart-item-image {
	position: relative;
	display: block;
	width: 160px;
	height: 120px;
	border-radius: 4px;
	overflow: hidden;
	flex-shrink: 0;
}

.cart-item-image img {
	width: 100%;
	height: 100%;
	border-radius: 4px;
	overflow: hidden;
	object-fit: contain;
	object-position: center;
}

/* Бейдж "New" */
.cart-item-badge {
	position: absolute;
	top: 8px;
	left: 8px;
	padding: 2px 6px;
	background: #006CB5;
	border-radius: 24px;
	color: white;
}

/* Контент товара */
.cart-item-content {
	flex-grow: 1;
	gap: 40px;
}

/* Заголовок и артикул */
.cart-item-header {
}

.cart-item-title {
	color: var(--color-text-main);
}

.cart-item-title a {
	color: inherit;
	text-decoration: none;
}

.cart-item-title a:hover {
	text-decoration: underline;
}

.cart-item-sku {
	margin: 0;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.4);
}

/* Цены */
.cart-item-pricing {
	margin: 0 0 0 auto;
}

.cart-item-price-old {
	text-wrap: nowrap;
	color: rgba(0, 0, 0, 0.4);
	text-decoration: line-through;
}

.cart-item-price-current {
	text-wrap: nowrap;
	color: var(--color-text-main);
}

.cart-item-price {
	text-wrap: nowrap;
	color: var(--color-text-main);
}

/* Управление количеством и удаление */
.cart-item-controls {
	gap: 32px;
}

.quantity-control {
	display: flex;
	align-items: center;
	background: #F3F3F3;
	border-radius: 2px;
	overflow: hidden;
}

.quantity-btn {
	width: 48px;
	height: 56px;
	border: none;
	background: none;
	font-size: 16px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.quantity-value {
	width: 24px;
	text-align: center;
}
.quantity-value[disabled] {
	opacity: 1;
}

.delete-btn {
	background: none;
	border: none;
	padding: 8px;
	cursor: pointer;
	color: rgba(0, 0, 0, 0.4);
}

.delete-btn:hover {
	color: var(--text-main);
}

.delete-btn svg {
	width: 24px;
	height: 24px;
	display: block;
}


.empty-cart {
	width: 100%;
	display: inline-flex;
	gap: 24px;
	flex-direction: column;
	align-items: center;
}

@media (max-width: 1000px) {
	.cart-item-content.dfrcsb {
		gap: 10px 20px;
		flex-wrap: wrap;
		position: relative;
	}
	.cart-item-header {
		width: 100%;
		padding-right: 40px;
	}
	.delete-btn {
		position: absolute;
		top: 0;
		right: 0;
		padding: 0;
	}
}


@media (max-width: 767px) {

	.cart-container {
		flex-wrap: wrap;
		gap: 24px;
	}

	.cart-items,
	.cart-summary {
		width: 100%;
		padding: 0;
	}


	.cart-item {
		gap: 12px;
	}
	.cart-item-image {
		width: 85px;
		height: 68px;
	}
	.cart-item-content.dfrcsb {
		gap: 8px;
	}

	.cart-item-header {
		width: calc(100% - 20px);
	}
	.cart-item-title {
		max-height: 4.8rem;
		display: block;
		overflow: hidden;
	}
	.cart-item-pricing.dfcesb {
		margin: 0;
		align-items: flex-start;
		width: fit-content;
	}
	.cart-item-controls.dfrcsb {
		width: fit-content;
	}
}
/* End */


/* Start:/local/templates/VIT_v1/components/bitrix/catalog.section/VIT_goods_04/style.css?177824034010575*/
/* Основные стили */
.goods04 {
	overflow-x: hidden;
}

.goods04__container {
	gap: 2.4rem;
}

.goods04__controls {
	margin-bottom: 2.4rem;
}

.goods04__images {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2.4rem;
}

.goods04__slide {
	border-radius: 2.4rem;
	overflow: hidden;
	height: 24.2rem;
	display: block;
}

.goods04__slide img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.goods04__swiper {
	overflow: visible;
}
.goods04__swiper-wrapper.swiper-wrapper {
	height: auto;
}

.goods04 .swiper-slide {
	/*opacity: 0;*/
	/*visibility: hidden;*/
	height: auto;
	transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

.goods04 .swiper-slide-visible {
	/*opacity: 1;*/
	/*visibility: visible;*/
}

/* Стили для good04 */
/* Основные стили карточки */
.good04 {
	position: relative;
	padding: 1.6rem;
	border-radius: 0.6rem;
	gap: 1.6rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	background: var(--color-bg-main, white);
	outline: 1px solid var(--color-border-main, rgba(0, 0, 0, 0.08));
	outline-offset: -1px;
	height: 100%;
}

/* Блок изображения */
.good04__picture-wrap {
	width: 100%;
	height: 215px;
	position: relative;
	border-radius: 0.4rem;
	overflow: hidden;
}

.good04__picture-slider {
	height: 100%;
	position: relative;
	display: block;
}
.good04__picture-slider img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 0.4rem;

	transition: all 0.3s ease;
}
.good04:hover .good04__picture-slider img {
	transform: scale(1.1);
	transition: all 0.3s ease;
}

.good04__label {
	position: absolute;
	left: 8px;
	top: 8px;
	z-index: 1;
	padding: 2px 6px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 24px;
	background: var(--color-brand-1, #006CB5);
}
.good04__favorite {
	display: inline-flex;
	gap: 8px;
	justify-content: center;
	align-items: center;

	width: 36px;
	height: 36px;
	padding: 4px;
	background: var(--color-bg-main, white);
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.9066 5.34377C19.8877 4.32738 18.5077 3.75582 17.0685 3.75406C15.6294 3.7523 14.248 4.3205 13.2266 5.33439L12.0004 6.47345L10.7732 5.33064C9.752 4.31233 8.36814 3.74139 6.92602 3.74341C5.48389 3.74544 4.10163 4.32026 3.08333 5.34142C2.06502 6.36259 1.49408 7.74645 1.4961 9.18858C1.49812 10.6307 2.07294 12.013 3.09411 13.0313L11.4707 21.5306C11.5405 21.6015 11.6236 21.6578 11.7154 21.6962C11.8071 21.7346 11.9056 21.7544 12.005 21.7544C12.1045 21.7544 12.203 21.7346 12.2947 21.6962C12.3864 21.6578 12.4696 21.6015 12.5394 21.5306L20.9066 13.0313C21.9256 12.0116 22.4981 10.6291 22.4981 9.18752C22.4981 7.74596 21.9256 6.3634 20.9066 5.34377ZM19.8425 11.9775L12.0004 19.9313L4.15348 11.97C3.41502 11.2316 3.00016 10.23 3.00016 9.18564C3.00016 8.1413 3.41502 7.13973 4.15348 6.40127C4.89195 5.6628 5.89352 5.24794 6.93786 5.24794C7.9822 5.24794 8.98377 5.6628 9.72223 6.40127L9.74098 6.42002L11.4894 8.04658C11.6282 8.17574 11.8108 8.24754 12.0004 8.24754C12.1899 8.24754 12.3725 8.17574 12.5113 8.04658L14.2597 6.42002L14.2785 6.40127C15.0174 5.6633 16.0193 5.24911 17.0636 5.24982C18.108 5.25052 19.1093 5.66606 19.8472 6.40502C20.5852 7.14398 20.9994 8.14582 20.9987 9.19017C20.998 10.2345 20.5824 11.2358 19.8435 11.9738L19.8425 11.9775Z' fill='black'/%3E%3C/svg%3E%0A");
	background-position: center;
	background-repeat: no-repeat;
	box-shadow: 0 -4px 20px rgba(0, 0, 0, .1);
	border-radius: 4px;

	position: absolute;
	top: 24px;
	right: 24px;

	cursor: pointer;
	user-select: none;
	transition: all 0.5s ease;
}
.good04__favorite:hover {
	background-color: var(--color-bg-secondary, #F4F4F4);
	box-shadow: unset;
	transition: all 0.5s ease;
}
.good04__favorite.voted {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.5017 9.18751C22.5033 9.90174 22.3633 10.6092 22.0897 11.269C21.8161 11.9287 21.4145 12.5277 20.9079 13.0313L12.5361 21.5269C12.4663 21.5977 12.3831 21.654 12.2914 21.6924C12.1996 21.7308 12.1012 21.7506 12.0017 21.7506C11.9022 21.7506 11.8038 21.7308 11.712 21.6924C11.6203 21.654 11.5371 21.5977 11.4673 21.5269L3.09545 13.0313C2.07478 12.0118 1.50088 10.6287 1.5 9.18614C1.49912 7.74357 2.07134 6.35974 3.09076 5.33907C4.11019 4.3184 5.49332 3.7445 6.93588 3.74362C8.37845 3.74274 9.76228 4.31496 10.7829 5.33438L12.0017 6.47345L13.2289 5.33063C13.9906 4.57275 14.9597 4.05751 16.0139 3.84997C17.0682 3.64244 18.1603 3.7519 19.1524 4.16455C20.1445 4.57719 20.9921 5.27452 21.5882 6.1685C22.1843 7.06247 22.5022 8.11302 22.5017 9.18751Z' fill='black'/%3E%3C/svg%3E%0A");
}


.good04__label span {
	color: var(--color-text-main-contrast, white);
	font-size: 1.2rem;
	line-height: 1.6rem;
	text-transform: uppercase;
}

/* Информационный блок */
.good04__info {
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
	flex-grow: 1;
}

.good04__top {
	/*height: 100%;*/
	display: flex;
	gap: 8px;
	align-self: stretch;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}

.good04__meta {
	display: flex;
	gap: 4px;
	align-items: center;
	color: var(--color-text-caption, rgba(0, 0, 0, 0.40));
	font-size: 1.2rem;
	line-height: 1.6rem;

	.some_point {
		display: inline-block;
		width: 4px;
		height: 4px;
		border-radius: 50%;
		background: var(--color-text-caption, rgba(0, 0, 0, 0.40));
	}
}

.good04__title {
	font-size: 1.6rem;
	line-height: 2.4rem;
	font-weight: 500;
	color: var(--color-text-main, black);

}
.good04__title a {
	color: inherit;
	display: block;
	max-height: 4.8rem;
	overflow: hidden;
}
.good04__title a:hover {
	color: var(--color-text-link-hover);
}

.good04__price-container {
	display: flex;
	gap: 6px;
	align-items: baseline;
	flex-wrap: wrap;
	margin: auto 0 0;
}

.good04__price {
	font-size: 2rem;
	line-height: 2.4rem;
	color: var(--color-text-main, black);
}

.good04__price-old {
	font-size: 1.4rem;
	line-height: 2rem;
	color: var(--color-text-caption, rgba(0, 0, 0, 0.40));
	text-decoration: line-through;
}

.good04__description {
	font-size: 1.4rem;
	line-height: 2rem;
	color: var(--color-text-caption, rgba(0, 0, 0, 0.60));
	margin-top: 0.6rem;
	max-height: 4rem;
	overflow: hidden;
}

/* Блок кнопок */
.good04__buttons {
	display: flex;
	gap: 0.6rem;
	margin-top: auto;
}

.good04__counter {
	max-width: 128px;
	display: flex;
	align-items: center;
	gap: 0.8rem;
	padding: 1.2rem 1.6rem;
	border-radius: 0.4rem;
	background: var(--color-bg-button-light, #f5f5f5);
}

.good04__counter-input {
	width: 30px;
	border: none;
	background: transparent;
	text-align: center;
	font-size: 1.4rem;
	line-height: 2rem;
	padding: 0;
}
.good04__counter-input[disabled] {
	opacity: 1;
}

.good04__counter-btn {
	border: none;
	background: transparent;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;

}
.good04__counter-btn svg {
	width: 16px;
	height: 16px;
}
.good04__counter-btn:hover svg path {
	fill: var(--color-text-link-hover);
}

.good04__buttons-order.button {
	flex-grow: 1;
	padding: 16px;
	transition: all 0.3s ease;
}
.good04:hover .good04__buttons-order.button {
	background-color: var(--color-bg-button);
	color: var(--color-text-main-contrast);
	transition: all 0.3s ease;
}
.good04:hover .good04__buttons-order.button svg path  {
	fill: var(--color-text-main-contrast);
}

.good04__buttons-link {
	flex-grow: 1;
	padding: 1.6rem;
	border-radius: 1rem;
	text-align: center;
	background: var(--color-bg-button-light, #f5f5f5);
	color: var(--color-text-main, black);
	text-decoration: none;
	font-size: 1.4rem;
	line-height: 2rem;
	font-weight: 500;

}
.good04__buttons-mobile {
	display: none;
}

.goods04__swiper--dotted {
	display: none;
}

/* Медиазапросы */
@media (max-width: 1200px) {
	.good04__counter {
		display: none;
	}
}

/* Адаптация */
@media (max-width: 767px) {
	.goods04__controls {
		margin-bottom: 2rem;
	}

	.goods04__list_item {
		width: calc(100% / 2 - 12px);
	}
	.good04 {
		padding: 1.2rem;
		gap: 0.6rem;
	}
	.good04__picture-wrap {
		height: 102px;
	}
	.good04__info {
		gap: 0.6rem;
	}
	.good04__top {
		gap: 0.4rem;
	}
	.good04__meta {
		display: none;
	}
	.good04__buttons-order.button {
		padding: 16px 10px;
	}
	.good04__favorite {
		width: 32px;
		height: 32px;
		top: 18px;
		right: 18px;
	}


	.goods04__swiper--dotted {
		display: flex;
		gap: 6px;
		justify-content: center;
		margin-top: 10px;
	}
	.goods04__swiper--dotted .swiper-pagination-bullet.swiper-pagination-bullet-active {
		background: var(--color-brand-1, #006CB5);
		opacity: 0.8;
	}
	.goods04__swiper--dotted .swiper-pagination-bullet {
		width: 6px;
		height: 6px;
		border-radius: 50%;
		margin: 0 !important;
		background: var(--color-text-caption);
		opacity: 0.4;
	}


	.goods04__list_item {
		width: calc(100% / 2 - 12px);
	}
	.good04__buttons-mobile {
		display: inline-block !important;
	}
	.good04__buttons-desktop {
		display: none;
	}
	.good04__picture-slider .swiper-slide img {
		aspect-ratio: 286/174;
		object-fit: cover;
	}
}

@media (max-width: 575px) {
	.gallery03 {
		padding: 2.4rem 0;
	}

	.gallery03__slide {
		border-radius: 1.6rem;
		height: 12rem;
	}

	.good04__buttons a {
		max-width: 5.4rem;
	}

	.good04__buttons-desktop {
		display: none;
	}

	.good04__buttons-mobile {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.good04__buttons-mobile svg {
		width: 2.4rem;
		height: 2.4rem;
	}

	.good04:hover .good04__picture-slider img {
		transform: unset;
	}
	.good04:hover .good04__buttons-order.button {
		background-color: transparent;
		color: var(--color-text-main);
	}
	.good04:hover .good04__buttons-order.button svg path {
		fill: var(--color-text-main, black);
	}
}

@media (max-width: 400px) {
	.gallery03__slide {
		border-radius: 1.6rem;
		height: 9rem;
	}
}

@media (max-width: 360px) {
	.good04__buttons-order.button svg {
		display: none;
	}
}
/* End */
/* /personal/cart/style.css?17763216325962 */
/* /local/templates/VIT_v1/components/bitrix/catalog.section/VIT_goods_04/style.css?177824034010575 */