

/* Start:/local/components/bitrix/sale.basket.basket/templates/.default/style.css?17744498064082*/
.cart-block {
	container-type: inline-size;
	container-name: cart-block;
}

.basket-items-list-table {
	position: relative;
	width: 100%;
	height: auto;

	& tbody {
		position: relative;
		display: flex;
		flex-direction: column;
		gap: var(--Gap-10);
	}
}

.basket-items-list-item-container {
	position: relative;
	display: flex;
	align-items: center;
	padding: var(--Padding-20);
	border: solid 1px var(--Stroke);
	background: none;
	border-radius: 10px;
}

.basket-items-list-item-descriptions {
	position: relative;
	/* width: 62.8%; */
	width: 0%;
	flex-grow: 1;
}
.basket-items-list-item-descriptions-inner {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	gap: var(--Gap-40);
}
.basket-item-block-image {
	position: relative;
	width: 17.605%;
	height: auto;
	aspect-ratio: 1;
}
.basket-item-image-link {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
	border: solid 1px var(--Stroke);
	border-radius: 10px;
	overflow: hidden;
}
.basket-item-image {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	object-fit: contain;
	object-position: center;
}


.basket-items-list-item-amount {
	position: relative;
	width: fit-content;
	margin-left: var(--Gap-20);
}


.basket-items-list-item-price {
	position: relative;
	width: 16%; /* 14% */
	max-width: 153px;
	margin-left: var(--Gap-80);
}

/* .basket-items-list-item-remove */



.cart-total__wrapper {
	position: relative;
	width: 100%;
	padding: var(--Padding-40);
	border-radius: 10px;
	background-color: var(--Background-thirdly);
}
.cart-total__item-name,
.cart-total__item-value {
	position: relative;
	color: var(--Head-secondary);
}
.cart-total__item {
	position: relative;
	display: flex;
	align-items: center;
	gap: var(--Gap-10);
	justify-content: space-between;
	padding: var(--Padding-20) 0px;
}
.cart-count {
	padding-top: 0px;
	border-bottom: solid 1px var(--Background-fourth);
}
.basket-item-actions-remove {
	position: absolute;
	top: var(--Padding-20);
	right: var(--Padding-20);
	width: clamp(16px, 13.5556px + 0.5556vw, 24px);
	height: auto;
	aspect-ratio: 1;
	display: block;
	cursor: pointer;

	& svg {
		width: 100%;
		height: 100%;
	}
}
.cart__clear {
	position: relative;
	color: var(--Main-text-secondary);
	display: flex;
	align-items: center;
	gap: 5px;
	cursor: pointer;
	margin-bottom: var(--Margin-30);

	& svg {
		width: clamp(16px, 13.5556px + 0.5556vw, 24px);
		height: auto;
		aspect-ratio: 1;
	}
}
.basket-btn-checkout {
	width: 100% !important;
}




.cart__wrapper {
	position: relative;
	display: flex;
	align-items: stretch;
	gap: var(--Gap-30);
}


.cart__content__container {
	position: relative;
	width: 0%;
	flex-grow: 1;
}
.cart__total__container {
	position: relative;
	width: 23.53%;
	height: auto;
}
.cart__total__wrapper {
	position: sticky;
	height: fit-content;
	top: var(--Sticky-top);
}


.cart__content__wrapper,
.basket-search-not-found,
.basket-items-list-table {
	width: 100%;
}
.basket-item-price-current {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 0px;
	align-items: start;
}
.basket-item-desc-product-text {
	position: relative;
	color: var(--Main-text-primary);
}
.basket-item-block-info {
	width: 0%;
	flex-grow: 1;
}
.basket-item-name {
	color: var(--Head-primary);
}

.basket-item-price-current-text {
	white-space: nowrap;
}




@container cart-block (max-width: 950px) {
	.basket-items-list-item-container {
		flex-wrap: wrap;
		height: auto;
		column-gap: var(--Gap-20);
		row-gap: var(--Gap-10);
	}
	.basket-items-list-item-descriptions {
		width: 100%;
	}
	.basket-items-list-item-amount {
		margin-left: 0px;
	}
	.basket-items-list-item-price {
		width: auto;
		margin-left: auto;
	}
	.cart__total__container {
		width: 30%;
	}
}

@container cart-block (max-width: 700px) {
	.cart__wrapper {
		flex-direction: column;
	}
	.cart__total__container,
	.cart__content__container {
		width: 100%;
	}
}
@container cart-block (max-width: 400px) {
	.basket-item-actions-remove {
		top: calc(var(--Padding-20) / 2);
		right: calc(var(--Padding-20) / 2);
	}
}
/* End */
/* /local/components/bitrix/sale.basket.basket/templates/.default/style.css?17744498064082 */
