#checkout-wrapper {
	margin: 10px;
}
#empty-cart-message,
#send-cart-message {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	position: relative;
	width: 100%;
	height: 50vh;
	font-size: 1.3rem;
	color: var(--text);
	text-align: center;
}
#empty-cart-message:after {
	content: "";
	width: 20rem;
	height: 20rem;
	position: absolute;
	z-index: -1;
	opacity: 0.05;
	mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M24 48C10.7 48 0 58.7 0 72C0 85.3 10.7 96 24 96L69.3 96C73.2 96 76.5 98.8 77.2 102.6L129.3 388.9C135.5 423.1 165.3 448 200.1 448L456 448C469.3 448 480 437.3 480 424C480 410.7 469.3 400 456 400L200.1 400C188.5 400 178.6 391.7 176.5 380.3L171.4 352L475 352C505.8 352 532.2 330.1 537.9 299.8L568.9 133.9C572.6 114.2 557.5 96 537.4 96L124.7 96L124.3 94C119.5 67.4 96.3 48 69.2 48L24 48zM208 576C234.5 576 256 554.5 256 528C256 501.5 234.5 480 208 480C181.5 480 160 501.5 160 528C160 554.5 181.5 576 208 576zM432 576C458.5 576 480 554.5 480 528C480 501.5 458.5 480 432 480C405.5 480 384 501.5 384 528C384 554.5 405.5 576 432 576z"/></svg>');
	background: var(--text);
}

#downloadPdf,
.clear-cart {
	display: flex;
	align-items: center;
	gap: 5px;
	margin-left: auto;
	padding-top: 10px;
	font-size: 0.85rem;
}
#downloadPdf svg,
.clear-cart svg {
	width: 30px;
	height: auto;
	fill: var(--brand);
}

#order-summary {
	flex: 1;
	position: sticky;
	top: 140px;
	height: max-content;
	min-width: 280px;
	max-width: 300px;

	@media screen and (max-width: 1199.98px) {
	/*margin-left: auto;*/
		position: relative;
		top: 0;
		min-width: 100%;
	}
	@media screen and (max-width: 991.98px) {
	/*margin-left: auto;*/
	position: sticky;
	top: 140px;
	min-width: 250px;
	}
	@media screen and (max-width: 767.98px) {
	/*margin-left: auto;*/
		position: relative;
		top: 0;
	min-width: 100%;
	}
}
#order-summary > div {
	padding: 0 10px;
	border-radius: var(--radius);
	box-shadow: var(--shadow-bottom);
	color: var(--white);
	background: var(--dark);
	font-family: var(--font-Condensed);
}
#order-summary h6 {
	font-size: 1.3rem;
	text-align: center;
	padding: 15px 0;		
}
#order-summary p {
	font-size: 1.1rem;
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 15px 0;
	border-top: dashed 1px var(--average);
}
#order-summary h6 + p {
	border-top: solid 2px var(--average);
}
#order-summary span {
	margin-left: auto;
}
#order-summary sup {
	font-size: 0.7em;
	vertical-align: super;
}
.checkout-items {
	display: flex;
	gap: 10px;
	margin-bottom: 20px;
}
@media screen and (max-width: 1199.98px) {
	.checkout-items {
		flex-direction: column-reverse;
	}
}
@media screen and (max-width: 991.98px) {
	.checkout-items {
		flex-direction: unset;
	}
}
@media screen and (max-width: 767.98px) {
	.checkout-items {
		flex-direction: column-reverse;
	}
}
#cart-items-container {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.cart-item {
	display: flex;
	align-items: center;
	background: var(--white);
	position: relative;
	border: solid 1px var(--average);
	border-radius: var(--radius);
	box-shadow: var(--shadow-bottom);
	padding: 5px 10px 5px 5px;
	gap: 5px;
}
.cart-item:hover {
	box-shadow: var(--shadow-select);
}
.cart-item img {
	width: 80px;
	height: 80px;
	object-fit: cover;
	border-radius: var(--radius);

	@media screen and (max-width: 639.98px) {
		width: 70px;
		height: 70px;
	}
	@media screen and (max-width: 479.98px) {
		/*display: none;*/
	}
}
.cart-item-block {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.cart-item-block a {
	font-size: 1.1rem;
}
.cart-item-details {
	display: flex;
	gap: 10px;
	align-items: center;
}

@media screen and (max-width: 639.98px) {
	.cart-item-details {
		/*align-items: flex-start;*/
		/*flex-direction: column;*/
		/*gap: 0;*/
	}
}
.cart-item-details .goods-price {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 0px;
	padding: 0;
	font-size: 1rem;
}
@media screen and (max-width: 479.98px) {
	.cart-item-details .goods-price {
		display: none;
	}
}
.cart-item-summary {
		min-width: 120px;
		font-size: 1.1rem;
		display: flex;
		justify-content: center;
		margin-left: auto;
		gap: 5px;
		flex-direction: column;
		align-items: flex-end;
		min-height: 40px;
}
@media screen and (max-width: 639.98px) {
	.cart-item-summary {
		min-width: 90px;
		/*margin-left: unset;*/
	}
}
.cart-item-summary:has(.old-price) .current-price {
		color: var(--stock);
}

.remove-btn {
		width: 20px;
		min-width: 20px;
		height: auto;
		fill: var(--button-disable);
		cursor: pointer;
}
.cart-item.not-available {
	opacity: 0.65;
}
.cart-item.not-available:after {
	content: "нет в наличии *";
	position: absolute;
	top: 0px;
	right: 0px;
	background: var(--gradient-error);
	color: var(--white);
	padding: 5px 10px;
	border-radius: 0 var(--radius) 0 var(--radius);
	font-size: 0.8rem;
}
@media only screen and (max-width: 639.98px) {
	.cart-item.not-available:after {
		content: "*";
		padding: 3px 15px;
	}
}
#no-availability-msg {
	display: none;
	margin: 20px 0;
	background: var(--gradient-error);
	padding: 10px;
	border-radius: var(--radius);
	color: var(--white);
	text-align: center;
	box-shadow: var(--shadow-bottom);
}

#order-form {
	padding: 20px 10px;
	border-radius: var(--radius);
	box-shadow: var(--shadow-bottom);
	color: var(--white);
	background: var(--dark);
	margin-top: 30px;
}

.order-contact,
.order-box,
.order-comment {
	/*margin: 20px;*/
	margin-bottom: 20px;
}

.order-box,
.order-comment {
	/*max-width: 95%;*/
	/*margin: 0 auto;*/

	@media only screen and (max-width: 1279.98px) {
		/*max-width: 100%;*/
	}
	@media only screen and (max-width: 991.98px) {
		/*max-width: 80%;*/
	}
	@media only screen and (max-width: 767.98px) {
		/*max-width: 100%;*/
	}
}

.order-form .block-title {
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: flex-start;
	padding: 0;
	margin: 0;
}
.order-form .block-title > span {
	border-radius: 50%;
	background: var(--brand);
	color: var(--white);
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.order-form .block-title > .block-title-item {
		text-transform: none;
		letter-spacing: 2px;
		font-size: 1.2rem;
		font-weight: 600;
		line-height: 1;

 @media only screen and (max-width: 1439.98px) {
		font-size: 1.1rem;
 }
}


.order-contact > .form-input {
	padding: 20px 10px 20px 30px;
	margin: 0 0 0 15px;
	border-left: 1px solid #888888;
}
@media only screen and (max-width: 639.98px) {
	.order-contact > .form-input {
		padding: 20px 0 0 0;
		margin: 0;
		border-left: none;
	}
}
.order-form .order-tabs {
	display: flex;
	align-items: center;
	padding: 20px 10px 0 30px;
	margin: 0 0 0 15px;
	border-left: 1px solid #888888;
}
.order-form .order-container {
	padding: 0px 10px 20px 30px;
	margin: 0 0 0 15px;
	border-left: 1px solid #888888;
}
@media only screen and (max-width: 639.98px) {
	.order-form .order-tabs {
		padding: 20px 0 0 0;
		margin: 0;
		border-left: none;
	}
	.order-form .order-container {
		padding: 0px;
		margin: 0;
		border-left: none;
	}
}
.order-comment > .form-input {
	padding: 20px 10px 20px 30px;
	margin: 0 0 0 15px;
	border-left: 1px solid #888888;
}
@media only screen and (max-width: 639.98px) {
	.order-comment > .form-input {
		padding: 20px 0 0 0;
		margin: 0;
		border-left: none;
	}
}

.order-form .order-label {
	display: flex;
	flex: 1;
	justify-content: center;
	align-items: center;
	padding: 10px !important;
	color: var(--text) !important;
	background-color: var(--average);
	transition: all 0.3s;
}
.order-form .order-label.delivery {
	border-radius: var(--radius) 0 0 0;		
}
.order-form .order-label.pickup {
	border-radius: 0 var(--radius) 0 0;		
}
.order-form .order-label:hover {
	cursor: pointer;
}
.order-form .order-label.active {
	background-color: var(--brand);
	color: var(--white) !important;
}

.order-form .order-container > .form-input {
	border: 1px solid var(--average);
	border-top: unset;
	border-radius: 0 0 var(--radius) var(--radius);
	padding: 30px;
}
@media only screen and (max-width: 639.98px) {
	.order-form .order-container > .form-input {
		padding: 30px 10px;
	}
}

.order-form .order-container .form-input {
	margin: 0;
}
.order-form .order-content {
	width: 100%;
	/*text-align: center;*/
}
#pickup-content .form-group {
	max-width: fit-content;
	/* margin-left: auto; */
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
}
#pickup-content .adress-block {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding-bottom: 20px;	
}

.cart-item {
		transition: transform 0.4s ease, opacity 0.3s ease;
		will-change: transform, opacity;
}

/* При удалении */
.cart-item.removing {
		opacity: 0;
		transform: translateX(40px) scale(0.95);
}

/* Для FLIP анимации */
.cart-item.moving {
		transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}


.cart-item {
		overflow: hidden;
		transition:
				transform 0.4s ease,
				opacity 0.3s ease,
				height 0.35s ease,
				margin 0.35s ease,
				padding 0.35s ease;
}


.cart-item-details .goods-price:has(.price-full) .price-full:before {
		content: "";
		border-bottom: 2px solid var(--stock);
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 50%;
		transform: rotate(-8deg);
}

.cart-item-details .goods-price:has(.price-full) .price-full{
 display: flex;
 gap: 5px;
 color: var(--stock);
 font-size: 0.9rem;
 font-weight: 400;
 padding: 0 5px;
	
}

.goods-stock .price-stock {
}
.goods-stock .price-full {
}
















.form-input {
 max-width: calc(var(--max-width) - 400px);
 margin: 20px auto 0;
 display: flex;
 gap: 20px;
 position: relative;

 @media only screen and (max-width: 991.98px) {
	gap: 15px;
 }
 @media only screen and (max-width: 639.98px) {
	flex-direction: column;
	gap: 20px;
 }
}
.form-group {
 position: relative;
 flex: 1;
}
.form-group label {
 font-size: 1rem;
 line-height: 1;
 color: var(--text);
 white-space: nowrap;
 position: absolute;
 top: 10px;
 left: 10px;
 pointer-events: none;
 transition: padding 0.2s linear, font-size 0.2s linear, color 0.2s linear, left 0.2s linear, top 0.2s linear;
 z-index: 1;
}
.form-group.hide {
 position: absolute;
 top: 0;
 left: 0;
 z-index: -1;
}
input:focus + label,
input:not(:placeholder-shown) + label,
input:focus + div + label,
input:not(:placeholder-shown) + div + label,
textarea:focus + label,
textarea:not(:placeholder-shown) + label {
 color: var(--white);
 font-size: 0.9rem;
 top: -18px;
 left: 10px;
 padding: 2px 10px;
}
form > .button {
 margin: 15px auto 5px;
}


.checkout-payment__sbp-info_qoR {
	background-color: var(--text-msg);
	border-radius: var(--radius);
	padding: 10px;
	margin: 20px;
	/* box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); */
	display: flex;
	gap: 10px;
	display: none;
}
.checkout-payment__sbp-info_logo_O0j {
		height: 40px;
		width: 40px;
		background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA0MCA0MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI0NTdfMzA1OTQpIj4KPHBhdGggZD0iTTMuNjY3OTcgOC43MjcyOUw4LjUxMTk3IDE3LjM4NTZWMjIuNjY3TDMuNjczNjQgMzEuMzA4M0wzLjY2Nzk3IDguNzI3MjlaIiBmaWxsPSIjNUI1N0EyIi8+CjxwYXRoIGQ9Ik0yMi4yNjU2IDE0LjIzNDlMMjYuODA0NiAxMS40NTI5TDM2LjA5NCAxMS40NDQzTDIyLjI2NTYgMTkuOTE1NlYxNC4yMzQ5WiIgZmlsbD0iI0Q5MDc1MSIvPgo8cGF0aCBkPSJNMjIuMjM5OCA4LjY3NjNMMjIuMjY1NSAyMC4xMzk2TDE3LjQxMDIgMTcuMTU2M1YwLjAyMDYyOTlMMjIuMjM5OCA4LjY3NjNaIiBmaWxsPSIjRkFCNzE4Ii8+CjxwYXRoIGQ9Ik0zNi4wOTM4IDExLjQ0NDNMMjYuODA0MiAxMS40NTNMMjIuMjM5OCA4LjY3NjNMMTcuNDEwMiAwLjAyMDYyOTlMMzYuMDkzOCAxMS40NDQzWiIgZmlsbD0iI0VENkYyNiIvPgo8cGF0aCBkPSJNMjIuMjY1NSAzMS4zNTYzVjI1Ljc5NDZMMTcuNDEwMiAyMi44NjhMMTcuNDEyOCA0MC4wMjA2TDIyLjI2NTUgMzEuMzU2M1oiIGZpbGw9IiM2M0IyMkYiLz4KPHBhdGggZD0iTTI2Ljc5NDYgMjguNTk5Nkw4LjUxMTY0IDE3LjM4NTZMMy42Njc5NyA4LjcyNzI5TDM2LjA3NTYgMjguNTg4M0wyNi43OTQ2IDI4LjU5OTZaIiBmaWxsPSIjMTQ4N0M5Ii8+CjxwYXRoIGQ9Ik0xNy40MTQxIDQwLjAyMDZMMjIuMjY2MSAzMS4zNTYzTDI2Ljc5MzcgMjguNTk5N0wzNi4wNzQ3IDI4LjU4ODNMMTcuNDE0MSA0MC4wMjA2WiIgZmlsbD0iIzAxN0YzNiIvPgo8cGF0aCBkPSJNMy42NzE4OCAzMS4zMDgzTDE3LjQ0OTUgMjIuODY4M0wxMi44MTc1IDIwLjAyNjNMOC41MTAyMSAyMi42NjdMMy42NzE4OCAzMS4zMDgzWiIgZmlsbD0iIzk4NDk5NSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzI0NTdfMzA1OTQiPgo8cmVjdCB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDAuMDIwNjI5OSkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K)
}
.checkout-payment__sbp-info_title_L5k {
	font-weight: bold;
	font-size: 1.2rem;
	margin-bottom: 5px;
}

.cart-item-img-wrapper {
		position: relative;
		display: inline-block;
}

.cart-item-img-wrapper img {
		max-width: 80px;
		height: auto;
		border-radius: 4px;
}

.discount-badge {
		position: absolute;
		color: var(--stock);
		font-size: 0.8rem;
		right: 0;
	top: 0;
}