/* Start:/basket/style.css?1770636441247*/
.container-border.second-page-container-border{
    border-radius: 0 0 45px 45px !important;    
}

@media screen and (max-width: 768px) {
    .container-border.second-page-container-border{
        border-radius: 0 0 30px 30px !important;
    }
}
/* End */


/* Start:/local/templates/SmartLamps/components/bitrix/sale.basket.basket/main_basket/style.css?177140647317551*/
.basket-container-border {
	padding: 100px 0;
}

.basket-header {
	display: flex;
	justify-content: space-between;
	padding: 20px 30px;
	border-radius: 30px;
	background: var(--purple-light, #2E2868);
	align-self: stretch;
	color: var(--white, #FFF);
	gap: 16px;
}

/* 1x : 2x : 1x : 1x, сжимаются все кроме последнего */
.basket-header span:nth-child(1) {
	flex: 0 0 376px;
	min-width: 0;
}

.basket-header span:nth-child(2) {
	flex: 2 1 0;
	min-width: 0;
}

.basket-header span:nth-child(3) {
	flex: 1 1 0;
	min-width: 0;
}

.basket-header span:nth-child(4) {
	flex: 0 0 184px;
}


.basket-item-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 5px;
	width: 100%;
}

.basket-item-header-article-container {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 0 0 376px;
	min-width: 0;

}

.basket-item-header-name-container {
	flex: 2 1 0;
	min-width: 0;
}

.basket-item-header-price-container {
	flex: 1 1 0;
	min-width: 0;
	gap: 5px;
	display: flex;
}

.basket-item-header-quantity-container {
	flex: 0 0 184px;
	gap: 5px;
	display: flex;
}

.basket-item-header-article-container-copy {
	cursor: pointer;
	width: 20px;
	height: 20px;
	flex-shrink: 0;
}

.basket-item-header-quantity-container .basket-item-delete-icon {
	border-radius: 500px;
	background: var(--White, #FFF);
	display: flex;
	width: 65px;
	height: 65px;
	padding: 19.5px;
	align-items: center;
	gap: 13px;
	aspect-ratio: 1/1;
}

.basket-item-delete-icon:hover g path {
	fill: white;
	z-index: 10;
}

.basket-item-delete-icon:hover svg {
	z-index: 10;
}


.basket-item-price {
	border-radius: 20px;
	background: var(--White, #FFF);
	padding: 20px 30px;
	flex: 1 1 auto;
}

.basket-item {
	border-radius: 30px;
	background: var(--Light-gray, #F2F4F8);
	display: flex;
	flex-direction: column;
	padding: 30px;
	gap: 5px;
	align-self: stretch;
}

.basket-item-header-article-container-row {
	background: var(--White, #FFF);
	padding: 20px 30px;
	border-radius: 20px;
	width: 100%;
	display: flex;
	align-items: center;
	gap: 5px;
	cursor: pointer;
}

.basket-item-header-name-container-row {
	background: var(--White, #FFF);
	padding: 20px 30px;
	border-radius: 20px;
	width: 100%;
	min-width: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	text-decoration: none;
	color: var(--Black, #222);

	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
}

.basket-item-header-quantity-container-row {
	display: flex;
	width: 114px;
	padding: 4px 14px 5px 14px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex: 1 1 0;
	gap: 10px;
	border-radius: 500px;
	background: var(--White, #FFF);
}

.basket-item-header-quantity-container-row-minus {
	text-align: center;
	cursor: pointer;
	user-select: none;
	margin-bottom: 0.5px;
}

.basket-item-header-quantity-container-row-quantity {
	text-align: center;
}

.basket-item-header-quantity-container-row-plus {
	text-align: center;
	cursor: pointer;
	user-select: none;
}

.basket-item-delete-btn {
	cursor: pointer;
}

.basket-loading {
	opacity: 0.6;
	pointer-events: none;
}

.basket-item-header-quantity-container .basket-item-header-quantity-container-open-button {
	display: flex;
	width: 65px;
	height: 65px;
	padding: 19.5px;
	align-items: center;
	gap: 13px;
	border-radius: 500px;
	background: var(--White, #FFF);
	cursor: pointer;
	transition: transform 0.35s ease-in-out;
}

.basket-item--expanded .basket-item-header-quantity-container .basket-item-header-quantity-container-open-button {
	transform: rotate(180deg);
}

.basket-item-header-quantity-container .basket-item-header-quantity-container-open-button:hover path {
	stroke: white;
	z-index: 10;
}

.basket-item-header-quantity-container .basket-item-header-quantity-container-open-button:hover svg {
	z-index: 10;
	rotate: 180deg;
}

.basket-item-body-image {
	flex: 0 0 376px;
	padding: 10px;
	background-color: #FFF;
	border-radius: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.basket-item-body-properties {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: row;
	gap: 20px;
	flex-wrap: wrap;
	background-color: #FFF;
	border-radius: 20px;
	padding: 30px;
}

.basket-item-body {
	display: flex;
	flex-direction: row;
	gap: 5px;
	overflow: hidden;
	height: 0;
	transition: height 0.35s ease-in-out;
}

.basket-item--expanded .basket-item-body {
	height: auto;
}

.basket-item-body-properties-item {
	display: flex;
	flex-direction: column;
	gap: 5px;
	width: calc(100%/3 - 15px);
}

.basket-item-body-properties-row {
	display: flex;
	flex-direction: row;
	gap: 20px;
	flex-wrap: wrap;
	height: max-content;

}

.basket-item-body-image img {
	max-height: 100%;
	max-width: 100%;
	object-fit: contain;
	transition: transform 0.35s ease-in-out;
	height: 241px;
}

.basket-item--expanded .basket-item-body-image img {
	/* transform: rotate(180deg); */
}

.basket-item-header-article-container-row span {
	transition: color 0.3s ease-in-out;
}

.basket-item-header-article-container-row span.copy-text {
	color: #27AE60;
}

.basket-item-header-article-copy {
	display: flex;
}

@media screen and (max-width: 1280px) {
	.basket-item-body-properties-item {
		width: calc(100%/2 - 10px);
	}
}

.save-order-container-button-text {
	text-decoration: none;
}

.save-order-container-button {
	text-decoration: none;
}

.save-order-container-text {
	max-width: 700px;
}

.basket-item-body-properties-name {
	color: #2E2868;
}

.save-order-container {
	display: flex;
	flex-direction: row;
	gap: 20px;
	justify-content: space-between;
	align-items: center;
	padding: 50px;
	border-radius: 30px;
	background: var(--purple-light, #2E2868);
}

.basket-button-href-container {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.basket-button-href-container-row {
	display: flex;
	flex-direction: row;
	gap: 5px;
}

.basket-button-href-container-row .basket-button-href {
	border-radius: 45px;
	background: var(--Light-gray, #F2F4F8);
	padding: 30px 50px;
	justify-content: space-between;
	flex: 1 1 0;
}

.basket-button-href:hover svg path {
	stroke: white;
	z-index: 10;
}

.basket-button-href:hover svg {
	z-index: 10;
}

.basket-button-href {
	text-decoration: none;
}



.basket-modal.basket-modal--hidden {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(28, 49, 92, 0.40) 0%, rgba(28, 49, 92, 0.40) 100%);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.3s ease, visibility 0.3s ease;
	padding: 80px 15px;

}

.basket-modal.basket-modal--hidden.basket-modal--active {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1005;
}

.basket-modal__container {
	border-radius: 45px;
	background: #FFF;
	display: flex;
	max-width: 1428px;
	padding: 50px 80px 50px 50px;
	max-height: 100%;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	position: relative;
}



.basket-modal__close {
	background-color: transparent;
	border: none;
	position: absolute;
	top: 30px;
	right: 30px;
	cursor: pointer;
	padding: 0;
}

.basket-modal__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	overflow-y: auto;
}

.basket-modal__content::-webkit-scrollbar {
	width: 5px;
}

.basket-modal__content::-webkit-scrollbar-track {
	background: #E2E7F1;
}

.basket-modal__content::-webkit-scrollbar-thumb {
	background: #2E2868;
}


.basket-modal__content-item {
	display: none;
	opacity: 0;
	transition: opacity 0.3s ease;
	padding-right: 10px;
}

.basket-modal__content-item[style*="display: block"] {
	opacity: 1;
}

.container-border.basket-container-border .content-container {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

@media screen and (max-width: 1280px) {
	.basket-item-header {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.basket-header {
		display: none;
	}
}

.basket-item-header-quantity-container-open-button-text {
	display: none;
}

.basket-item-price-container-text {
	display: none;
}

@media screen and (max-width: 992px) {


	.basket-modal.basket-modal--hidden.basket-modal--active {
		background-color: #fff;
		padding: 0;
	}

	.basket-modal__container {
		border-radius: 0;
		padding: 60px 15px;
		max-width: 100%;
		height: 100%;
	}

	.basket-modal__content {
		grid-gap: 10px;
	}

	.basket-modal__close {
		right: 10px;
		top: 10px;
		width: 35px;
		height: 35px;
		border-radius: 50%;
		background-color: #2E2868;
		padding: 10px;
	}

	.basket-modal__close svg {
		width: 100%;
		height: 100%;
	}

	.basket-modal__close svg path {
		fill: #fff;
	}

	.basket-button-href-container-row {
		flex-direction: column;
	}

	.basket-button-href-container-row .basket-button-href {
		padding: 20px;
		border-radius: 30px;
		flex: initial;
	}

	.container-border.basket-container-border {
		padding: 50px 0px;
	}

	.basket-item {
		padding: 20px;
		grid-gap: 15px;
	}

	.basket-item-header-article-container-row,
	.basket-item-header-name-container-row,
	.basket-item-price {
		background-color: transparent;
		padding: 0;
		border-radius: 0;
	}

	.basket-item-header {
		display: flex;
		flex-direction: column;
		grid-gap: 15px;
		align-items: flex-start;
	}

	.basket-item-header-article-container {
		flex: initial;
	}

	.basket-item-header-quantity-container {
		display: grid;
		width: 100%;
		grid-template-columns: 1fr 1fr;
		flex: initial;
	}

	.basket-item-header-name-container-row {
		text-wrap: wrap;
	}

	.basket-item-header-quantity-container-open-button-text {
		display: block;
		color: #2E2868;
		font-size: 16px;
		font-weight: 500;
		line-height: 130%;
	}

	.basket-item-header-quantity-container .basket-item-header-quantity-container-open-button {
		width: 100%;
		height: auto;
		justify-content: center;
		grid-column-start: 1;
		grid-column-end: 3;
		padding: 0;
		background-color: transparent;
	}

	.basket-item-header-quantity-container .basket-item-header-quantity-container-open-button svg {
		width: 20px;
	}

	.basket-item-header-quantity-container .basket-item-header-quantity-container-open-button::before {
		content: none;
	}

	.basket-item-header-quantity-container .basket-item-header-quantity-container-open-button:hover {
		color: #2E2868;
	}

	.basket-item-header-quantity-container .basket-item-header-quantity-container-open-button:hover svg path {
		fill: #2E2868;
	}

	.basket-item--expanded .basket-item-header-quantity-container .basket-item-header-quantity-container-open-button {
		transform: rotate(0deg);
	}

	.basket-item-header-quantity-container-row {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 1;
		grid-row-end: 2;
		width: fit-content;
		height: auto;
		padding: 5px 15px;
	}

	.basket-item-header-quantity-container .basket-item-delete-icon {
		grid-column-start: 2;
		grid-column-end: 3;
		grid-row-start: 1;
		grid-row-end: 2;
		margin-left: auto;
		height: fit-content;
		padding: 14px;
		width: fit-content;
		height: fit-content;
	}

	.basket-item-price-container-text {
		display: block;
		color: #2E2868;
		font-size: 16px;
		font-weight: 600;
		line-height: 130%;
		text-transform: uppercase;
	}

	.basket-item-header-price-container {
		flex-direction: column;
	}

	.basket-item-body {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.basket-item-body-properties {
		background-color: transparent;
		padding: 0;
		border-radius: 0;
	}

	.basket-item-body-properties-row {
		flex-direction: column;
		grid-gap: 10px;
		width: 100%;
	}

	.basket-item-body-properties-item {
		width: 100%;
		display: flex;
		flex-direction: row;
		gap: 10px;
		justify-content: space-between;
		padding-bottom: 10px;
		border-bottom: 1px solid #E2E7F1;
	}

	.basket-item-body-properties-item:last-child {
		padding-bottom: 0;
		border-bottom: none;
	}

	span.basket-item-body-properties-name.text-16.uppercase {
		color: #161B25;
		font-size: 14px;
		font-weight: 400;
		line-height: 130%;
		text-transform: none;
	}

	span.basket-item-body-properties-value.text-16.uppercase {
		color: #161B25;
		font-size: 14px;
		font-weight: 600;
		line-height: 130%;
	}

	.basket-item-header-quantity-container .basket-item-header-quantity-container-open-button:hover svg path {
		stroke: #2E2868;
		fill: none;
	}

	.basket-item-header-quantity-container .basket-item-header-quantity-container-open-button:hover svg {
		rotate: 0deg;
		transition: transform 0.35s ease-in-out;
	}

	.basket-item-header-quantity-container .basket-item-header-quantity-container-open-button:active {
		background-color: transparent;
	}

	.basket-item.basket-item--expanded {
		padding-bottom: 60px;
		position: relative;
	}

	.basket-item.basket-item--expanded .basket-item-header-quantity-container .basket-item-header-quantity-container-open-button {
		position: absolute;
		bottom: 20px;
		left: 0;
	}

	.basket-item.basket-item--expanded .basket-item-header-quantity-container .basket-item-header-quantity-container-open-button svg {
		rotate: 180deg;
	}

	.save-order-container {
		display: flex;
		flex-direction: column;
		gap: 20px;
		padding: 20px;
	}

	span.save-order-container-text.H30.white-color {
		color: #FFF;
		font-size: 18px;
		font-weight: 500;
		line-height: 140%;
		max-width: 100%;
	}

	a.white-button-default.save-order-container-button {
		width: 100%;
	}

}

.basket-empty {
	border-radius: 30px;
	background: var(--Light-gray, #F2F4F8);
	min-height: 400px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

.basket-empty-text {
	color: var(--black-70, rgba(28, 49, 92, 0.70));
	text-align: center;
	font-size: 25px;
	font-weight: 400;
	line-height: 140%;

}

@media screen and (max-width: 768px) {
	.container-border.second-page-container-border {
		border-radius: 0 !important;
	}

	.container-border.basket-container-border {
		margin-top: 0px;
		border-radius: 0 0 30px 30px;
		padding-top: 10px;
	}

	.second-page .second-page-container-border .top-content h1 {
		margin-top: 20px !important;
	}

	.basket-item-body-image {
		flex: initial;
		aspect-ratio: 82/57;
	}

	.basket-empty-text {
		font-size: 18px;
	}

	.basket-empty svg {
		width: 80px;
		height: 80px;
	}
}

/* модалка при удалении товара */

.basket-delete-confirm-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(28, 49, 92, 0.40);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10000;
	opacity: 0;
	transition: opacity 0.3s ease;

}

.basket-delete-confirm-modal.modal_opened {
	opacity: 1;
}

.basket-delete-confirm-modal .modal__container {
	border-radius: 45px;
	background: #FFF;
	max-width: 844px;
	width: 90%;
	position: relative;
	transform: scale(0.9);
	transition: transform 0.3s ease;
	padding: 70px 50px;
}

.basket-delete-confirm-modal.modal_opened .modal__container {
	transform: scale(1);
}

.basket-delete-confirm-content {
	text-align: center;
}


.modal__close-button {
	position: absolute;
	top: 30px;
	right: 30px;
	cursor: pointer;
	padding: 0;
	border: none;
	outline: none;
	cursor: pointer;
	background-color: transparent;
}

.modal__close-button {
	position: absolute;
	top: 30px;
	right: 30px;
	cursor: pointer;
	padding: 0;
	border: none;
	outline: none;
	cursor: pointer;
	background-color: transparent;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.modal__close-button span {
	display: block;
	position: absolute;
	width: 30px;
	height: 2px;
	background-color: rgba(28, 49, 92, 0.70);
	top: 50%;
	left: 50%;
	transform-origin: center;
	transition: all 0.3s ease;
}

.modal__close-button span:first-child {
	transform: translate(-50%, -50%) rotate(45deg);
}

.modal__close-button span:last-child {
	transform: translate(-50%, -50%) rotate(-45deg);
}
.modal__close-button:hover span {
	background-color: #2E2868;
}


.basket-delete-confirm-message {
	color: #161B25;
	text-align: center;
	margin-bottom: 40px;
	font-size: 40px;
	font-weight: 700;
	line-height: 130%;
	text-transform: uppercase;
}

.basket-delete-confirm-buttons {
	display: flex;
	gap: 20px;
	justify-content: center;
}

.basket-delete-confirm-btn {
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	line-height: 130%;
	text-transform: uppercase;
	display: flex;
	padding: 20px 35px;
	justify-content: center;
	align-items: center;
	border-radius: 500px;
	transition: all 0.3s ease;
	border: none;
	outline: none;
	cursor: pointer;
}

.basket-delete-confirm-btn--yes {
	color: #FFF;

	background: #2E2868;
}

.basket-delete-confirm-btn--yes:hover {
	background: #F2F4F8;
	color: #2E2868;
}

.basket-delete-confirm-btn--no {
	background: #F2F4F8;
	color: #2E2868;
}

.basket-delete-confirm-btn--no:hover {
	background: #2E2868;
	color: #FFF;
}


@media screen and (max-width: 768px) {
	.basket-delete-confirm-modal .modal__container {
		padding: 20px 50px 20px 20px;
		border-radius: 20px;
	}

	.basket-delete-confirm-message {
		font-size: 25px;
		margin-bottom: 20px;
		text-align: left;
	}

	.modal__close-button{
		width: 35px;
		height: 35px;
		border-radius: 50%;
		background-color: #2E2868;
		padding: 10px;
		top: 10px;
		right: 10px;
	}
	.modal__close-button span{
		width: 60%;
		background-color: #FFF;
	}
	.basket-delete-confirm-buttons{
		justify-content: flex-start;
		gap: 10px;
	}
	.modal__close-button{
		transition: all 0.3s ease;
	}

	.modal__close-button:hover{
		background-color: #F2F4F8;
	}
	.modal__close-button:hover span{
		background-color: #2E2868;
	}

}
/* End */
/* /basket/style.css?1770636441247 */
/* /local/templates/SmartLamps/components/bitrix/sale.basket.basket/main_basket/style.css?177140647317551 */