/*************************************************************/
/*******************[   CART & CHECKOUT   ]*******************/
/*************************************************************/
.cart-container {
	position: 						relative;
	display: 						flex;
	width:							100%;
	gap:							24px;
}

@media (min-width: 992px) {
	.cart-container {
		flex-direction:				row;
	}
	
	.cart-container > .cart-details-container {
		width: 						calc(100% - 350px - 24px);
		min-width: 					calc(100% - 350px - 24px);
	}

	.cart-container > .cart-summary-container {
		width: 						350px;
		min-width:					350px;
	}
}

@media (max-width: 991px) {
	.cart-container {
		flex-direction:				column;
	}
	
	.cart-container > .cart-details-container {
		width: 						100%;
	}

	.cart-container > .cart-summary-container {
		width: 						100%;
	}
}




/*************************************************************/
/********************[   CART - ALERTS   ]********************/
/*************************************************************/
@media (max-width: 991px) {
	.cart-alerts {
		box-shadow: 				inset 0 -6px 4px -6px rgba(var(--color-border-rgb), 1);
		border-bottom: 				8px solid rgba(var(--color-border-rgb), 1);
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.cart-alerts {
		width: 						calc(100% + 136px);
		margin-bottom: 				32px;
		margin-top: 				-32px;
		margin-left: 				-68px;
		margin-right: 				-68px;
		padding-bottom: 			32px;
		padding-top: 				32px;
		padding-left: 				68px;
		padding-right: 				68px;
	}
}

@media (max-width: 767px) {
	.cart-alerts {
		width: 						calc(100% + 48px);
		margin-bottom: 				24px;
		margin-top: 				-24px;
		margin-left: 				-24px;
		margin-right: 				-24px;
		padding-bottom: 			24px;
		padding-top: 				24px;
		padding-left: 				24px;
		padding-right: 				24px;
	}
}




/*************************************************************/
/********************[   CART - SELLER   ]********************/
/*************************************************************/
.cart-seller-container {
	position: 						relative;
	display: 						flex;
	flex-direction: 				column;
}

@media (min-width: 992px) {	
	.cart-seller-container {
		border-radius:				5px;
		
		box-shadow: 				var(--shadow-sm);
		border: 					1px solid rgba(var(--color-border-rgb), 1);
		background-color: 			rgba(var(--color-white-rgb), 1);
	}
	
	.cart-seller-container:not(:last-of-type) {
		margin-bottom:				24px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.cart-seller-container {
		width: 						calc(100% + 136px);
		margin-bottom: 				32px;
		margin-top:					-32px;
		margin-left: 				-68px;
		margin-right: 				-68px;
		padding-bottom: 			32px;
		padding-top:				32px;
		padding-left: 				68px;
		padding-right: 				68px;
	}
	
	.cart-seller-container:not(:first-of-type) {
		box-shadow:					inset 0 6px 4px -6px rgba(var(--color-border-rgb), 1);
	}
	
	.cart-seller-container:not(:last-of-type) {
		border-bottom: 				8px solid rgba(var(--color-border-rgb), 1);
	}
}

@media (max-width: 767px) {
	.cart-seller-container {
		width: 						calc(100% + 48px);
		margin-bottom: 				24px;
		margin-top:					-24px;
		margin-left: 				-24px;
		margin-right: 				-24px;
		padding-bottom: 			24px;
		padding-top:				24px;
		padding-left: 				24px;
		padding-right: 				24px;
	}

	.cart-seller-container:not(:first-of-type) {
		box-shadow:					inset 0 6px 4px -6px rgba(var(--color-border-rgb), 1);
	}

	.cart-seller-container:not(:last-of-type) {
		border-bottom: 				8px solid rgba(var(--color-border-rgb), 1);
	}
}




/*************************************************************/
/*****************[   CART - SELLER - HEAD   ]****************/
/*************************************************************/
.cart-seller-container > .cart-seller-head {
	display: 						flex;
	flex-direction: 				row;
	align-items: 					baseline;
}

@media (min-width: 1200px) {	
	.cart-seller-container > .cart-seller-head {
		padding:					16px 32px 16px 32px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.cart-seller-container > .cart-seller-head {
		padding:					16px 24px 16px 24px;
	}
}

.cart-seller-container > .cart-seller-head > .left {
	display: 						flex;
	flex-direction: 				column;
}

.cart-seller-container > .cart-seller-head > .left > .title {
	font-size: 						18px;
	line-height: 					26px;
	font-weight: 					600;
	text-transform:					uppercase;

	color: 							rgba(var(--color-primary-rgb), 1);
	background: 					rgba(var(--color-primary-rgb), 1);
	background: 					linear-gradient(to right, rgba(var(--color-primary-rgb), 1), rgba(var(--color-primary-rgb), .8));
	-webkit-background-clip: 		text;
	-webkit-text-fill-color: 		transparent;
}

.cart-seller-container > .cart-seller-head > .left > .subtitle {
	font-size: 						13px;
	line-height: 					20px;
	font-weight: 					400;
	
	color: 							rgba(var(--color-secondary-rgb), 1);
}

.cart-seller-container > .cart-seller-head > .left > .title > .link,
.cart-seller-container > .cart-seller-head > .left > .subtitle > .link {
	color: 							rgba(var(--color-blue-rgb), .9);
	background: 					rgba(var(--color-blue-rgb), 1);
	background: 					linear-gradient(to right, rgba(var(--color-blue-rgb), 1), rgba(var(--color-blue-rgb), 1));
	-webkit-background-clip: 		text;
	-webkit-text-fill-color: 		transparent;
}

@media (hover: hover) {
	.cart-seller-container > .cart-seller-head > .left > .title > .link:hover {
		text-decoration: 			underline;
		text-underline-offset: 		4px;

		color: 						rgba(var(--color-blue-rgb), 1);
	}

	.cart-seller-container > .cart-seller-head > .left > .subtitle > .link:hover {
		text-decoration: 			underline;
		text-underline-offset: 		2px;

		color: 						rgba(var(--color-blue-rgb), 1);
	}
}

@media (hover: none) {
	.cart-seller-container > .cart-seller-head > .left > .title > .link:active {
		text-decoration: 			underline;
		text-underline-offset: 		4px;

		color: 						rgba(var(--color-blue-rgb), 1);
	}

	.cart-seller-container > .cart-seller-head > .left > .subtitle > .link:active {
		text-decoration: 			underline;
		text-underline-offset: 		2px;

		color: 						rgba(var(--color-blue-rgb), 1);
	}
}

.cart-seller-container > .cart-seller-head > .right {
	display: 						flex;
	flex-direction: 				column;
	margin-left:					auto;
}

.cart-seller-container > .cart-seller-head > .right > .items {
	padding-left:					16px;
	font-size: 						13px;
	line-height: 					19px;
	white-space:					nowrap;

	color: 							rgba(var(--color-secondary-rgb), 1);
}




/*************************************************************/
/***************[   CART - SELLER - DETAILS   ]***************/
/*************************************************************/
.cart-seller-container > .cart-seller-details {
	display: 						flex;
	flex-direction: 				column;
	
	border-top: 					1px solid rgba(var(--color-border-rgb), 1);
}

@media (min-width: 1200px) {	
	.cart-seller-container > .cart-seller-details {
		padding:					16px 32px 16px 32px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.cart-seller-container > .cart-seller-details {
		padding:					16px 24px 16px 24px;
	}
}

@media (max-width: 991px) {
	.cart-seller-container > .cart-seller-details {
		padding-top: 				16px;
		margin-top: 				16px;
	}
}




/*************************************************************/
/****************[   CART - SELLER - ITEMS   ]****************/
/*************************************************************/
.cart-seller-container > .cart-seller-items {
	display: 						flex;
	flex-direction: 				column;
	
	border-top: 					1px solid rgba(var(--color-border-rgb), 1);
}

@media (min-width: 1200px) {	
	.cart-seller-container > .cart-seller-items {
		padding:					16px 32px 16px 32px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.cart-seller-container > .cart-seller-items {
		padding:					16px 24px 16px 24px;
	}
}

@media (max-width: 991px) {
	.cart-seller-container > .cart-seller-items {
		padding-top: 				16px;
		margin-top: 				16px;
	}
}

.cart-seller-container > .cart-seller-items > .item {
	display: 						flex;
	flex-direction: 				column;
}

.cart-seller-container > .cart-seller-items > .item:not(:last-of-type) {
	margin-bottom: 					16px;
	padding-bottom: 				16px;

	border-bottom-width: 			1px;
	border-bottom-style:			solid;
	border-bottom-color:			rgba(var(--color-border-rgb), 1);
}

.cart-seller-container > .cart-seller-items > .item > .item-body {
	display: 						flex;
	flex-direction: 				row;
}

@media (min-width: 575px) {
	.cart-seller-container > .cart-seller-items > .item > .item-body {
		gap:						16px;
	}
}

@media (max-width: 575px) {
	.cart-seller-container > .cart-seller-items > .item > .item-body {
		flex-wrap:	 				wrap;
		gap:						12px;
	}
}

.cart-seller-container > .cart-seller-items > .item > .item-body > .item-img {
	border-radius: 					4px;
	overflow: 						hidden;
}

@media (min-width: 768px) {
	.cart-seller-container > .cart-seller-items > .item > .item-body > .item-img {
		width: 						64px;
		height: 					64px;
		min-width: 					64px;
		min-height: 				64px;
	}
}

@media (max-width: 767px) {
	.cart-seller-container > .cart-seller-items > .item > .item-body > .item-img {
		width: 						48px;
		height: 					48px;
		min-width: 					48px;
		min-height: 				48px;
	}
}

.cart-seller-container > .cart-seller-items > .item > .item-body > .item-img > a {
	display: 						flex;
}

.cart-seller-container > .cart-seller-items > .item > .item-body > .item-img > a > img {
	object-fit: 					cover;
}

@media (min-width: 767px) {
	.cart-seller-container > .cart-seller-items > .item > .item-body > .item-img > a > img {
		width: 						64px;
		height: 					64px;
	}
}

@media (max-width: 767px) {
	.cart-seller-container > .cart-seller-items > .item > .item-body > .item-img > a > img {
		width: 						48px;
		height: 					48px;
	}
}

.cart-seller-container > .cart-seller-items > .item > .item-body > .item-details {
	display: 						flex;
	flex-direction: 				column;
	flex-grow:						1;
}

.cart-seller-container > .cart-seller-items > .item > .item-body > .item-details > .title {
	position: 						relative;
	display: 						-webkit-box;
	-webkit-box-orient: 			vertical;
	-webkit-line-clamp: 			3;
	
	word-wrap:						anywhere;
	overflow: 						hidden;
	text-overflow: 					ellipsis;
	word-break: 					break-word;
	white-space: 					normal;

	min-height: 					20px;
	max-height: 					62px;
}

@media (min-width: 576px) {
	.cart-seller-container > .cart-seller-items > .item > .item-body > .item-details > .title {
		width: 						calc(100% + 60px);
		z-index:					1;
	}
}

@media (max-width: 575px) {
	.cart-seller-container > .cart-seller-items > .item > .item-body > .item-details {
		width: 						calc(100% - 60px);
		margin-right: 				0px;
	}
}

.cart-seller-container > .cart-seller-items > .item > .item-body > .item-details > .title > a {
	font-size: 						13px;
	line-height: 					20px;
	font-weight: 					600;
	
	color: 							rgba(var(--color-primary-rgb), .9);
}

@media (hover: hover) {
	.cart-seller-container > .cart-seller-items > .item > .item-body > .item-details > .title > a:hover {
		text-decoration: 			underline;
		text-underline-offset: 		2px;
		
		color: 						rgba(var(--color-primary-rgb), 1);
	}
}

@media (hover: none) {
	.cart-seller-container > .cart-seller-items > .item > .item-body > .item-details > .title > a:active {
		text-decoration: 			underline;
		text-underline-offset: 		2px;
		
		color: 						rgba(var(--color-primary-rgb), 1);
	}
}

.cart-seller-container > .cart-seller-items > .item > .item-body > .item-details > .details {
	display: 						flex;
	flex-direction: 				column;
	margin-top: 					4px;
}

.cart-seller-container > .cart-seller-items > .item > .item-body > .item-details > .details > .item {
	display: 						flex;
	flex-wrap: 						wrap;
	align-items: 					baseline;
	flex-direction: 				row;
	gap: 							4px 6px;
}

.cart-seller-container > .cart-seller-items > .item > .item-body > .item-details > .details > .item:not(:last-of-type) {
	margin-bottom: 					4px;
}

.cart-seller-container > .cart-seller-items > .item > .item-body > .item-details > .details > .item > .label {
	display: 						flex;
	font-size: 						12px;
	line-height: 					18px;
	
	color: 							rgba(var(--color-secondary-rgb), 1);
}

.cart-seller-container > .cart-seller-items > .item > .item-body > .item-details > .details > .item > .value {
	display: 						flex;
	font-size: 						12px;
	line-height: 					18px;
	font-weight: 					500;
	
	color: 							rgba(var(--color-secondary-rgb), 1);
}

@media (min-width: 576px) and (max-width: 991px), (min-width: 1200px) {
	.cart-seller-container > .cart-seller-items > .item > .item-body > .item-details > .details > .item > .label {
		width: 						140px;
		min-width: 					140px;
		padding-right: 				12px;
	}
}

.cart-seller-container > .cart-seller-items > .item > .item-body > .item-details > .buttons {
	display: 						flex;
	align-items: 					center;
	flex-wrap: 						wrap;
	padding-top: 					16px;
	margin-top: 					auto;
	gap: 							8px 16px;
}

.cart-seller-container .cart-item-action-btn {
	display:  						flex;
	align-items:  					center;

	font-size:  					12px;
	line-height: 					18px;
	font-weight:  					500;
	text-align:						left;

	padding:  						0;
	outline:  						unset !important;
	border: 						unset !important;
	background:  					transparent !important;

	-webkit-user-select:  			none;
	-moz-user-select: 				none;
	-ms-user-select:  				none;
	user-select: 					none;
}

.cart-seller-container .cart-item-action-btn.cart-item-action-btn-watchlist {
	color:  						rgba(var(--color-blue-rgb), .9);
}

.cart-seller-container .cart-item-action-btn.cart-item-action-btn-watchlist.disabled {
	cursor:							not-allowed;
	opacity:						.4;
}


.cart-seller-container .cart-item-action-btn.cart-item-action-btn-remove {
	color:  						rgba(var(--color-red-rgb), .9);
}

@media (hover: hover) {
	.cart-seller-container .cart-item-action-btn.cart-item-action-btn-watchlist:not(.disabled):hover {
		color: 	 					rgba(var(--color-blue-rgb), 1);
		text-decoration: 			underline;
		text-underline-offset: 		4px;
	}
	
	.cart-seller-container .cart-item-action-btn.cart-item-action-btn-remove:not(.disabled):hover {
		color:  					rgba(var(--color-red-rgb), 1);
		text-decoration: 			underline;
		text-underline-offset: 		4px;
	}
}

@media (hover: none) {
	.cart-seller-container .cart-item-action-btn.cart-item-action-btn-watchlist:not(.disabled):active {
		color: 	 					rgba(var(--color-blue-rgb), 1);
		text-decoration: 			underline;
		text-underline-offset: 		4px;
	}
	
	.cart-seller-container .cart-item-action-btn.cart-item-action-btn-remove:not(.disabled):active {
		color:  					rgba(var(--color-red-rgb), 1);
		text-decoration: 			underline;
		text-underline-offset: 		4px;
	}
}

@media (max-width: 575px) {
	.cart-seller-container > .cart-seller-items > .item > .item-body > .item-details > .buttons {
		padding-top: 				16px;
	}
}

.cart-seller-container > .cart-seller-items > .item > .item-body > .item-summary {
	display: 						flex;
}

@media (min-width: 576px) {
	.cart-seller-container > .cart-seller-items > .item > .item-body > .item-summary {
		flex-direction: 			column;
		align-items: 				end;
		margin-left: 				auto;
	}
}

@media (max-width: 575px) {
	.cart-seller-container > .cart-seller-items > .item > .item-body > .item-summary {
		flex-direction: 			row;
		flex-wrap:					wrap;
		justify-content:			space-between;
		align-items: 				start;
		width:						100%;
		margin-left: 				60px;
		margin-top:					8px;
		gap:						16px 12px;
	}
}

.cart-seller-container > .cart-seller-items > .item > .item-body > .item-summary > .quantity {
	display:						flex;
	flex-direction:					column;
	gap:							16px;
}

@media (min-width: 575px) {
	.cart-seller-container > .cart-seller-items > .item > .item-body > .item-summary > .quantity {
		align-items: 				end;
	}
}

@media (max-width: 575px) {
	.cart-seller-container > .cart-seller-items > .item > .item-body > .item-summary > .quantity {
		width: 						calc(100% - 170px - 12px);
		min-width: 					170px;

		align-items: 				start;
		flex-grow: 					1;
		-ms-flex-order:				1;
		order:						1;
		margin-top:					auto;
	}

	.cart-seller-container > .cart-seller-items > .item > .item-body > .item-summary > .quantity > div:nth-child(1) {
		-ms-flex-order:				2;
		order: 						2;
	}

	.cart-seller-container > .cart-seller-items > .item > .item-body > .item-summary > .quantity > div:nth-child(2) {
		-ms-flex-order:				1;
		order:						1;
	}
}

.cart-seller-container > .cart-seller-items > .item > .item-body > .item-summary > .price {
	display: 						flex;
	flex-direction: 				column;
	align-items: 					end;
	margin-top: 					auto;
	gap:							24px;
	flex-grow:						1;
}

@media (min-width: 576px) {
	.cart-seller-container > .cart-seller-items > .item > .item-body > .item-summary > .price {
		padding-top:				16px;
	}
}

@media (max-width: 575px) {
	.cart-seller-container > .cart-seller-items > .item > .item-body > .item-summary > .price {
		width: 						150px;
		justify-content: 			center;

		min-height: 				30px;

		-ms-flex-order:				2;
		order:						2;
	}
}

.cart-seller-container > .cart-seller-items > .item > .item-body > .item-summary > .price .title-price {
	font-weight: 					600;
	text-transform: 				uppercase;
	font-size: 						12px;
	line-height: 					12px;
	letter-spacing: 				0.2px;
	text-align:						right;

	text-shadow: 					0 1px 1px rgba(var(--color-primary-rgb), .1);
	color: 							rgba(var(--color-blue-rgb), 1);
}

.cart-seller-container > .cart-seller-items > .item > .item-body > .item-summary > .price > .selling-price {
	display:						flex;
	flex-direction:					column;
	gap:							8px;
}

.cart-seller-container > .cart-seller-items > .item > .item-body > .item-summary > .price > .selling-price > .exact-price {
	letter-spacing: 				-0.2px;
	font-weight: 					600;
	white-space: 					normal;
	text-align:						right;

	color: 							rgba(var(--color-primary-rgb), 1);
}

@media (min-width: 576px) {
	.cart-seller-container > .cart-seller-items > .item > .item-body > .item-summary > .price > .selling-price > .exact-price {
		font-size: 					18px;
		line-height: 				18px;
	}
}

@media (max-width: 575px) {
	.cart-seller-container > .cart-seller-items > .item > .item-body > .item-summary > .price > .selling-price > .exact-price {
		font-size: 					16px;
		line-height: 				16px;
	}
}

.cart-seller-container > .cart-seller-items > .item > .item-body > .item-summary > .price > .selling-price > .approximate-price {
	font-size: 						12px;
	line-height: 					12px;
	font-weight: 					400;
	white-space: 					normal;

	color: 							rgba(var(--color-secondary-rgb), 1);
}

.cart-seller-container > .cart-seller-items > .item > .item-body > .item-summary > .price > .original-price {
	display:						flex;
	flex-direction:					column;
	gap:							8px;
	text-align:						right;
}

.cart-seller-container > .cart-seller-items > .item > .item-body > .item-summary > .price > .original-price > .exact-price,
.cart-seller-container > .cart-seller-items > .item > .item-body > .item-summary > .price > .original-price > .approximate-price {
	font-size: 						12px;
	line-height: 					12px;
	white-space: 					normal;
	
	text-decoration: 				line-through;
}

.cart-seller-container > .cart-seller-items > .item > .item-body > .item-summary > .price > .original-price > .exact-price {
	letter-spacing: 				-0.2px;
	font-weight:				 	600;
	
	text-decoration-color: 			rgba(var(--color-primary-rgb), .4);
	color: 							rgba(var(--color-primary-rgb), 1);
}

.cart-seller-container > .cart-seller-items > .item > .item-body > .item-summary > .price > .original-price > .approximate-price {
	font-weight: 					400;

	text-decoration-color: 			rgba(var(--color-secondary-rgb), .4);
	color: 							rgba(var(--color-secondary-rgb), 1);
}

.cart-seller-container > .cart-seller-items > .item > .item-body > .item-summary > .price > .packaging-price {
	display:						flex;
	flex-direction:					column;
	gap:							8px;
	text-align:						right;
}

.cart-seller-container > .cart-seller-items > .item > .item-body > .item-summary > .price > .packaging-price > .exact-price,
.cart-seller-container > .cart-seller-items > .item > .item-body > .item-summary > .price > .packaging-price > .approximate-price {
	font-size: 						12px;
	line-height: 					12px;
	white-space: 					normal;
}

.cart-seller-container > .cart-seller-items > .item > .item-body > .item-summary > .price > .packaging-price > .exact-price {
	letter-spacing: 				-0.2px;
	font-weight:				 	600;
	
	color: 							rgba(var(--color-primary-rgb), 1);
}

.cart-seller-container > .cart-seller-items > .item > .item-body > .item-summary > .price > .packaging-price > .approximate-price {
	font-weight: 					400;

	color: 							rgba(var(--color-secondary-rgb), 1);
}

.cart-seller-container > .cart-seller-items > .item > .item-footer {
	display: 						flex;
	align-items: 					start;
	margin-top: 					16px;
	padding-top: 					16px;

	border-top-width: 				1px;
	border-top-style:				dashed;
	border-top-color:				rgba(var(--color-border-rgb), 1);
}

@media (min-width: 576px) {
	.cart-seller-container > .cart-seller-items > .item > .item-footer {
		margin-left: 				80px;
	}
}

@media (max-width: 575px) {
	.cart-seller-container > .cart-seller-items > .item > .item-footer {
		margin-left: 				60px;
	}
}

.cart-seller-container > .cart-seller-items > .item > .item-footer > .icon {
	width: 							32px;
	height: 						32px;
	margin-right: 					12px;
}

.cart-seller-container > .cart-seller-items > .item > .item-footer > .details {
	display: 						flex;
	flex-direction: 				column;
}

.cart-seller-container > .cart-seller-items > .item > .item-footer > .details > .title {
	font-size: 						13px;
	line-height: 					19px;
	font-weight: 					500;
	
	color: 							rgba(var(--color-primary-rgb), 1);
}

.cart-seller-container > .cart-seller-items > .item > .item-footer > .details > .save {
	font-size: 						12px;
	line-height: 					18px;
	font-weight: 					400;
	
	color: 							rgba(var(--color-secondary-rgb), 1);
}




/*************************************************************/
/***************[   CART - SELLER - SUMMARY   ]***************/
/*************************************************************/
.cart-seller-container > .cart-seller-summary {
	display: 						flex;
	flex-direction: 				column;

	border-top: 					1px solid rgba(var(--color-border-rgb), 1);
}

@media (min-width: 1200px) {	
	.cart-seller-container > .cart-seller-summary {
		padding:					16px 32px 16px 32px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.cart-seller-container > .cart-seller-summary {
		padding:					16px 24px 16px 24px;
	}
}

@media (min-width: 992px) {
	.cart-seller-container > .cart-seller-summary > .payment-summary-button {
		padding-bottom:				0;
		padding-left:				0;
		padding-right:				0;
	}
}

@media (max-width: 991px) {
	.cart-seller-container > .cart-seller-summary {
		padding-top: 				16px;
		margin-top: 				16px;
	}
}

@media (min-width: 768px) {
	.cart-seller-container > .cart-seller-summary > .payment-summary-title,
	.cart-seller-container > .cart-seller-summary > .payment-summary-details,
	.cart-seller-container > .cart-seller-summary > .payment-summary-button {
		max-width: 					350px;
		width: 						100%;
		margin-left: 				auto;
	}
}

@media (max-width: 767px) {
	.cart-seller-container > .cart-seller-summary > .payment-summary-title,
	.cart-seller-container > .cart-seller-summary > .payment-summary-details,
	.cart-seller-container > .cart-seller-summary > .payment-summary-button {
		max-width: 					100%;
		width: 						100%;
	}
}

.cart-seller-container > .cart-seller-summary > .payment-summary-details {
	padding-left:					0;
	padding-right:					0;
}

.cart-seller-container > .cart-seller-summary > .payment-summary-title {
	padding-top:					0;
	padding-left:					0;
	padding-right:					0;
}




/*************************************************************/
/***************[   CART - PAYMENT - SUMMARY   ]**************/
/*************************************************************/
.payment-summary-container {
	display: 						flex;
	flex-direction: 				column;
}

@media (min-width: 992px) {	
	.payment-summary-container {
		position: 					sticky;
		border-radius:				5px;
		
		top: 						132px;
		max-height: 				calc(100vh - 164px);
		overflow: 					hidden auto;
		
		border: 					1px solid rgba(var(--color-border-rgb), 1);
		background-color: 			rgba(var(--color-white-rgb), 1);
		box-shadow: 				var(--shadow-sm);
	}
}

@media (max-width: 991px) {	
	.payment-summary-container {
		position: 					relative;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.payment-summary-container {
		width: 						calc(100% + 136px);
		margin-top: 				-48px;
		margin-bottom: 				-32px;
		margin-left: 				-68px;
		margin-right: 				-68px;
		
		padding-top: 				32px;
		padding-bottom: 			32px;
		padding-left: 				68px;
		padding-right: 				68px;
		
		border-top: 				8px solid rgba(var(--color-border-rgb), 1);
		background: 				rgba(var(--color-white-rgb), 1);
		box-shadow: 				inset 0 6px 4px -6px rgba(var(--color-border-rgb), 1);
	}
}

@media (max-width: 767px) {	
	.payment-summary-container {
		width: 						calc(100% + 48px);
		margin-top: 				-40px;
		margin-bottom: 				-24px;
		margin-left: 				-24px;
		margin-right: 				-24px;
		
		padding-top: 				24px;
		padding-bottom: 			24px;
		padding-left: 				24px;
		padding-right: 				24px;
		
		border-top: 				8px solid rgba(var(--color-border-rgb), 1);
		background: 				rgba(var(--color-white-rgb), 1);
		box-shadow: 				inset 0 6px 4px -6px rgba(var(--color-border-rgb), 1);
	}
}




/*************************************************************/
/****************[   CART - PAYMENT - TITLE   ]***************/
/*************************************************************/
.payment-summary-title {
	display: 						flex;
	flex-direction: 				column;
}

@media (min-width: 1200px) {	
	.payment-summary-title {
		padding:					16px 32px 16px 32px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.payment-summary-title {
		padding:					16px 24px 16px 24px;
	}
}


.payment-summary-title > .title {
	font-size: 						18px;
	line-height: 					26px;
	font-weight: 					600;
	text-transform:					uppercase;

	color: 							rgba(var(--color-primary-rgb), 1);
	background: 					rgba(var(--color-primary-rgb), 1);
	background: 					linear-gradient(to right, rgba(var(--color-primary-rgb), 1), rgba(var(--color-primary-rgb), .8));
	-webkit-background-clip: 		text;
	-webkit-text-fill-color: 		transparent;
}

.payment-summary-title > .subtitle {
	font-size: 						13px;
	line-height: 					20px;
	font-weight: 					400;
	
	color: 							rgba(var(--color-secondary-rgb), 1);
}




/*************************************************************/
/***************[   CART - PAYMENT - DETAILS   ]**************/
/*************************************************************/
.payment-summary-details {
	display: 						flex;
	flex-direction: 				column;
	gap:							8px;

	border-top:						1px solid rgba(var(--color-border-rgb), 1);
}

@media (min-width: 1200px) {	
	.payment-summary-details {
		padding:					16px 32px 16px 32px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.payment-summary-details {
		padding:					16px 24px 16px 24px;
	}
}

@media (max-width: 991px) {	
	.payment-summary-details {
		padding-top:				16px;
		margin-top:					16px;
	}
}

.payment-summary-details > .item {
	display: 						flex;
	flex-direction:					row;
	justify-content: 				space-between;
	gap: 							2px 16px;
}

.payment-summary-details > .item.quantity {
	margin-bottom: 					8px !important;
	padding-bottom: 				16px;
	border-bottom: 					1px solid rgba(var(--color-border-rgb), 1);
}

.payment-summary-details > .item.total {
	margin-top: 					8px !important;
	padding-top: 					16px;
	border-top: 					1px solid rgba(var(--color-border-rgb), 1);
}

.payment-summary-details > .item:not(.total) > .label {
	font-size: 						13px;
	line-height: 					19px;
	
	color: 							rgba(var(--color-secondary-rgb), 1);
}

.payment-summary-details > .item:not(.total) > .value {
	font-size: 						13px;
	line-height: 					19px;
	margin-left: 					auto;
	text-align:						right;
	font-weight: 					500;
	white-space:					nowrap;

	color: 							rgba(var(--color-secondary-rgb), 1);
}

.payment-summary-details > .item.total > .label {
	font-size: 						18px;
	line-height: 					26px;
	font-weight: 					600;
	letter-spacing: 				0.1px;
	text-align: 					left;

	color: 							rgba(var(--color-primary-rgb), 1);
}

.payment-summary-details > .item.total > .value {
	font-size: 						18px;
	line-height: 					26px;
	font-weight: 					600;
	letter-spacing: 				0.1px;
	text-align: 					right;
	white-space:					nowrap;

	color: 							rgba(var(--color-primary-rgb), 1);
}

.payment-summary-details > .item.approx {
	margin-top:						-8px;
}




/*************************************************************/
/****************[   CART - PAYMENT - NOTE   ]****************/
/*************************************************************/
.payment-summary-note {
	display: 						flex;
	flex-direction: 				column;

	border-top:						1px solid rgba(var(--color-border-rgb), 1);
}

@media (min-width: 1200px) {	
	.payment-summary-note {
		padding:					16px 32px 16px 32px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.payment-summary-note {
		padding:					16px 24px 16px 24px;
	}
}

@media (max-width: 991px) {	
	.payment-summary-note {
		padding-top:				16px;
		margin-top:					16px;
	}
}

.payment-summary-note > .item {
	display: 						flex;
	align-items: 					start;
}

.payment-summary-note > .item:not(:last-of-type) {
	margin-bottom:					16px;
	padding-bottom:					16px;
	
	border-bottom:					1px solid rgba(var(--color-border-rgb), 1);
}

.payment-summary-note > .item > .icon {
	width:							20px;
	height: 						20px;
	margin-right: 					12px;
	margin-top: 					4px;
}

.payment-summary-note > .item > .info {
	display: 						flex;
	flex-direction: 				column;
}

.payment-summary-note > .item > .info > .label {
	font-size: 						13px;
	line-height: 					20px;
	font-weight:					500;
	text-transform:					uppercase;
	color: 							rgba(var(--color-primary-rgb), 1);
}

.payment-summary-note > .item > .info > .value {
	font-size: 						12px;
	line-height: 					20px;
	
	color: 							rgba(var(--color-secondary-rgb), 1);
}




/*************************************************************/
/***************[   CART - PAYMENT - BUTTON   ]***************/
/*************************************************************/
.payment-summary-button {
	display: 						flex;
	flex-direction: 				column;
	gap:							8px;
	width:							100%;

	border-top:						1px solid rgba(var(--color-border-rgb), 1);
}

@media (min-width: 992px) {	
	.payment-summary-button.payment-summary-button-sticky {
		position: 					sticky;
		bottom: 					0px;

		background-color: 			rgba(var(--color-white-rgb), 1);
	}
}

@media (min-width: 1200px) {	
	.payment-summary-button {
		padding: 					16px 32px 16px 32px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.payment-summary-button {
		padding: 					16px 24px 16px 24px;
	}
}

@media (max-width: 991px) {	
	.payment-summary-button {
		padding-top:				16px;
		margin-top:					16px;
	}
}

.payment-summary-button > .info {
	display: 						flex;
	text-align: 					justify;
	text-align-last:				center;

	justify-content: 				center;
	font-size: 						12px;
	line-height: 					20px;

	color: 							rgba(var(--color-secondary-rgb), 1);
}




/*************************************************************/
/******************[   ORDER CONFIRMATION   ]*****************/
/*************************************************************/
.container-order-confirmation {
	display:						flex;
	flex-direction:					row;
	flex-wrap:						wrap;
	gap:							48px 100px;
	padding-top:					32px;
	padding-bottom:					32px;
}

.container-order-confirmation > .container-order-details {
	position:						relative;

	display: 						flex;
	flex-direction: 				column;
	flex: 							1 1 auto;
	height: 						100%;

	width:							400px;
	max-width:						100%;
}

.container-order-confirmation > .container-order-paper {
	position:						relative;

	display: 						flex;
	flex-direction: 				column;
	flex: 							1 1 auto;
	height: 						100%;

	width:							520px;
	max-width:						100%;
}

.container-order-title {
	display:						flex;
	flex-direction:					column;
	gap:							16px;
	margin-bottom: 					32px;
}

.container-order-title > .order-main-title {
	font-size: 						34px;
	line-height: 					42px;
	font-weight: 					700;
	letter-spacing: 				-0.4px;
	color: 							rgba(var(--color-primary-rgb), 1);
	background: 					rgba(var(--color-primary-rgb), 1);
	background: 					linear-gradient(to right, rgba(var(--color-primary-rgb), 1), rgba(var(--color-primary-rgb), .8));
	-webkit-background-clip: 		text;
	-webkit-text-fill-color: 		transparent;
	text-shadow: 					1px 1px 1px rgba(var(--color-blue-rgb), .15);
}

.container-order-title > .order-sub-title {
	font-size:						13px;
	line-height:					22px;

	color: 							rgba(var(--color-primary-rgb), 1);
}

.container-order-title > .order-sub-title.order-sub-title-justify {
	text-align:						justify;
}

.container-order-addresses {
	display:						flex;
	flex-direction:					row;
	gap:							16px;
	margin-bottom: 					32px;
}

.container-order-addresses > .container-order-address {
	display:						flex;
	flex-direction:					column;
	gap:							2px;
	flex-grow:						1;
	width:							calc(50% - 8px);
}

.container-order-addresses > .container-order-address > .title {
	font-size:						16px;
	line-height:					24px;
	font-weight:					600;
	letter-spacing:					0.2px;
	margin-bottom:					8px;

	color: 							rgba(var(--color-primary-rgb), 1);
}

.container-order-addresses > .container-order-address > span:not(.title) {
	font-size:						13px;
	line-height:					20px;

	color: 							rgba(var(--color-primary-rgb), 1);
}

.container-order-contacts {
	display:						flex;
	flex-direction:					row;
	gap:							16px;
	margin-bottom: 					32px;
}

.container-order-contacts > .container-order-contact {
	display:						flex;
	flex-direction:					column;
	gap:							4px;
	flex-grow:						1;
	width:							calc(50% - 8px);
}

.container-order-contacts > .container-order-contact > .title {
	font-size:						16px;
	line-height:					24px;
	font-weight:					600;
	letter-spacing:					0.2px;
	margin-bottom:					8px;

	color: 							rgba(var(--color-primary-rgb), 1);
}

.container-order-contacts > .container-order-contact > span:not(.title) {
	font-size:						13px;
	line-height:					20px;

	color: 							rgba(var(--color-primary-rgb), 1);
}

.container-order-custom-info {
	display:						flex;
	flex-direction:					column;
	gap:							2px;
	margin-bottom: 					32px;
}

.container-order-custom-info > .title {
	font-size:						15px;
	line-height:					22px;
	font-weight:					600;
	letter-spacing:					0.2px;
	margin-bottom:					8px;

	color: 							rgba(var(--color-primary-rgb), 1);
}

.container-order-custom-info > .value {
	font-size:						13px;
	line-height:					20px;
	text-align:						justify;

	color: 							rgba(var(--color-primary-rgb), 1);
}

.container-order-payment-info {
	display:						flex;
	flex-direction:					column;
	gap:							2px;
	margin-bottom: 					32px;
}

.container-order-payment-info > .title {
	font-size:						16px;
	line-height:					24px;
	font-weight:					600;
	letter-spacing:					0.2px;
	margin-bottom:					8px;

	color: 							rgba(var(--color-primary-rgb), 1);
}

.container-order-payment-info > .value {
	font-size:						13px;
	line-height:					22px;
	text-align:						justify;

	color: 							rgba(var(--color-primary-rgb), 1);
}

.container-order-payment-details {
	display:						flex;
	flex-direction:					column;
	gap:							8px;
	margin-top:						32px;
}

.container-order-payment-details > .container-order-payment-separator {
	width:							100%;
	height:							1px;
	margin-top:						8px;
	margin-bottom:					8px;

	background-color:				 rgba(var(--color-border-rgb), 1);
}

.container-order-payment-details > .container-order-payment-detail {
	display:						flex;
	flex-direction:					row;
	gap:							16px;
}

.container-order-payment-details > .container-order-payment-detail > .title {
	width:							150px;
	min-width:						150px;

	font-size:						13px;
	line-height:					20px;
	font-weight:					600;
	letter-spacing:					0.2px;

	color: 							rgba(var(--color-primary-rgb), 1);
}

.container-order-payment-details > .container-order-payment-detail > .value {
	font-size:						13px;
	line-height:					20px;
	
	color: 							rgba(var(--color-primary-rgb), 1);
}

.container-order-payment-buttons {
	display:						flex;
	flex-direction:					row;
	flex-grow:						1;
	width:							100%;
}

.container-order-payment-buttons > form {
	display:						flex;
	flex-wrap:						wrap;
	flex-direction:					row;
	gap:							8px;
	flex-grow:						1;
}

.container-order-payment-buttons > form > * {
	min-width:						calc(50% - 4px);
	flex-grow:						1;
}

.container-order-payment-secure {
	display:						flex;
	flex-direction:					row;
	margin-top:						16px;
	justify-content: 				center;
}

.container-order-payment-secure > .container-order-payment-secure-card {
	display:						flex;
	flex-direction:					column;
	gap: 							8px;
}

.container-order-payment-secure > .container-order-payment-secure-card > .cards {
	display:						flex;
	flex-direction:					row;
	flex-wrap:						wrap;
	justify-content:				center;
	gap:							4px;
}

.container-order-payment-secure > .container-order-payment-secure-card > .cards > .icon {
	display:						block;
	width:							45px;
	height:							29px;
	border-radius:					4px;
	cursor:							help;
	
	box-shadow: 					var(--shadow-sm);
}

.container-order-payment-secure > .container-order-payment-secure-paypal {
	display:						flex;
	flex-direction:					column;
	gap: 							8px;
}

.container-order-payment-secure > .container-order-payment-secure-paypal > .icon {
	display:						block;
	width:							130px;
	height:							45px;
	border-radius:					4px;
	cursor:							help;

	box-shadow: 					var(--shadow-sm);
}

.container-order-payment-secure .link {
	font-size:						12px;
	line-height:					18px;
	text-align:						center;

	color: 							rgba(var(--color-blue-rgb), .9);
	font-weight: 					500;
}

@media (hover: hover) {
	.container-order-payment-secure .link:hover {
		color: 	 					rgba(var(--color-blue-rgb), 1);
		text-decoration: 			underline;
		text-underline-offset: 		2px;
	}
}

@media (hover: none) {
	.container-order-payment-secure .link:active {
		color: 	 					rgba(var(--color-blue-rgb), 1);
		text-decoration: 			underline;
		text-underline-offset: 		2px;
	}
}

.container-order-paper > .container-order-paper-top {
	width: 							calc(100% + 24px);
	height: 						32px;
	margin-left: 					-12px;
	border-radius: 					50px;

	border: 						1px solid rgba(235, 235, 235, 1);
	background-color:				rgba(235,235,235, .7);
}

.container-order-paper > .container-order-paper-content {
	position:						relative;
	margin-top: 					-16px;
	margin-bottom: 					16px;
	padding-top:					16px;
	padding-bottom:					16px;

	border-radius: 					5px 5px 0 0;

	border-top:						1px solid rgba(235,235,235, 1);
	border-right:					1px solid rgba(235,235,235, 1);
	border-left:					1px solid rgba(235,235,235, 1);
	background-color:				rgba(245,245,245, 1);
}

.container-order-paper > .container-order-paper-content::after {
	content: 						"";
	position: 						absolute;
	width: 							calc(100% + 2px);
	height: 						30px;
	bottom: 						-15px;
	left: 							-1px;
	background: 					url(../../images/frontend/background-paper-order.png) bottom;
	background-size: 				cover;
	z-index: 						3;
	
	border-left: 					1px solid rgb(235, 235, 235);
	border-right:					1px solid rgb(235, 235, 235);
}

.container-order-head {
	position:						relative;
	display:						flex;
	flex-direction:					row;
	align-items:					center;
	gap:							8px 16px;
}

@media (min-width: 576px) {
	.container-order-head {
		padding: 					32px;
	}
}

@media (max-width: 575px) {
	.container-order-head {
		padding: 					32px 24px;
	}
}

.container-order-head::after {
	content:						" ";
	position:						absolute;
	
	width: 							calc(100% - 64px);
	height: 						1px;
	bottom: 						0;

	background-color:				rgba(var(--color-border-rgb), 1);
}

@media (min-width: 576px) {
	.container-order-head::after {
		width: 						calc(100% - 64px);
		left: 						32px;
	}
}

@media (max-width: 575px) {
	.container-order-head::after {
		width: 						calc(100% - 48px);
		left: 						24px;
	}
}

.container-order-head > .container-order-head-title {
	display:						flex;
	flex-direction:					column;
}

.container-order-head > .container-order-head-title > .main-title {
	font-size: 						22px;
	line-height: 					26px;
	font-weight: 					700;
	letter-spacing: 				-0.4px;
	color: 							rgba(var(--color-primary-rgb), 1);
	background: 					rgba(var(--color-primary-rgb), 1);
	background: 					linear-gradient(to right, rgba(var(--color-primary-rgb), 1), rgba(var(--color-primary-rgb), .8));
	-webkit-background-clip: 		text;
	-webkit-text-fill-color: 		transparent;
	text-shadow: 					1px 1px 1px rgba(var(--color-blue-rgb), .15);
}

.container-order-head > .container-order-head-title > .sub-title {
	font-size:						12px;
	line-height:					20px;

	color: 							rgba(var(--color-secondary-rgb), 1);
}

.container-order-head > .container-order-head-status {
	margin-left:					auto;

	border-width:					1px;
	border-radius:					2px;
	border-style:					dashed;

	padding:						4px 6px;

	box-shadow: 					var(--shadow-sm);
}

.container-order-head > .container-order-head-status > .status {
	font-size:						13px;
	line-height:					20px;
	letter-spacing:					1px;
	text-transform:					uppercase;
	font-weight:					600;
}

.container-order-metas {
	position:						relative;
	display:						flex;
	gap:							4px;

	border-bottom: 					2px dashed rgba(var(--color-border-rgb), 1);
}

.container-order-metas::before {
	content:						" ";
	position:						absolute;

	width: 							40px;
	height: 						40px;
	bottom: 						-20px;
	border-radius: 					0 50px 50px 0;

	border-right:					2px solid rgba(235,235,235, 1);
	background-color:				rgba(var(--color-white-rgb), 1);
}

.container-order-metas::after {
	content:						" ";
	position:						absolute;
	
	width: 							40px;
	height: 						40px;
	bottom: 						-20px;
	border-radius: 					50px 0 0 50px;

	border-left:					2px solid rgba(235,235,235, 1);
	background-color:				rgba(var(--color-white-rgb), 1);
}

.container-order-metas > .container-order-meta {
	display:						flex;
	flex-direction:					column;
	gap:							4px;
}

@media (min-width: 576px) {
	.container-order-metas {
		flex-direction:				row;
		margin-left:				-16px;
		margin-right:				-16px;
		padding: 					32px;
	}

	.container-order-metas::before {
		left: 						-4px;
	}

	.container-order-metas::after {
		right: 						-4px;
	}

	.container-order-metas > .container-order-meta {
		width: 						calc(100% / 3);
		padding:					0 16px;
	}

	.container-order-metas > .container-order-meta:not(:first-child) {
		border-left:				1px solid rgba(var(--color-border-rgb), 1);
	}
}

@media (max-width: 575px) {
	.container-order-metas {
		flex-direction:				column;
		padding: 					16px 24px;
	}

	.container-order-metas::before {
		left: 						-20px;
	}

	.container-order-metas::after {
		right: 						-20px;
	}

	.container-order-metas > .container-order-meta {
		width: 						100%;
	}

	.container-order-metas > .container-order-meta:nth-child(1) {
		margin-bottom:				16px;
		padding-bottom:				16px;
	}

	.container-order-metas > .container-order-meta:nth-child(2) {
		margin-bottom:				16px;
		padding-bottom:				16px;
	}

	.container-order-metas > .container-order-meta:not(:last-child) {
		border-bottom:				1px solid rgba(var(--color-border-rgb), 1);
	}
}

.container-order-metas > .container-order-meta > .title {
	font-size:						12px;
	line-height:					16px;

	color: 							rgba(var(--color-secondary-rgb), 1);
}

.container-order-metas > .container-order-meta > .value {
	font-size:						13px;
	line-height:					16px;
	font-weight:					600;
	letter-spacing: 				0.2px;
	margin-top:						auto;

	color: 							rgba(var(--color-primary-rgb), 1);
}

.container-order-items {
	position:						relative;
	display:						flex;
	flex-direction:					column;
}

@media (min-width: 576px) {
	.container-order-items {
		padding: 					32px;
	}
}

@media (max-width: 575px) {
	.container-order-items {
		padding: 					32px 24px;
	}
}

.container-order-items::after {
	content:						" ";
	position:						absolute;

	height: 						1px;
	bottom: 						0;

	background-color:				rgba(var(--color-border-rgb), 1);
}

@media (min-width: 576px) {
	.container-order-items::after {
		width: 						calc(100% - 64px);
		left: 						32px;
	}
}

@media (max-width: 575px) {
	.container-order-items::after {
		width: 						calc(100% - 48px);
		left: 						24px;
	}
}

.container-order-items > .container-order-item {
	display:						flex;
	flex-direction:					row;
	gap: 							12px 16px;
	flex-grow: 						1;
}

@media (max-width: 575px) {
	.container-order-items > .container-order-item {
		flex-wrap:					wrap;
	}
}

.container-order-items > .container-order-item:not(:last-child) {
	margin-bottom:					16px;
	padding-bottom:					16px;

	border-bottom: 					1px dashed rgba(var(--color-border-rgb), 1);
}

.container-order-items > .container-order-item > .container-order-item-image {
	border-radius: 					4px;
	overflow: 						hidden;
}

@media (min-width: 576px) {
	.container-order-items > .container-order-item > .container-order-item-image {
		width: 						64px;
		height: 					64px;
	}
}

@media (max-width: 575px) {
	.container-order-items > .container-order-item > .container-order-item-image {
		width: 						48px;
		height: 					48px;
	}
}

.container-order-items > .container-order-item > .container-order-item-image > img {
	display:						block;
	width:							100%;
	height:							100%;

	object-fit: 					cover;
}

.container-order-items > .container-order-item > .container-order-item-image > .no-image {
	padding:						25%;
}

.container-order-items > .container-order-item > .container-order-item-content {
	display: 						flex;
	flex-direction: 				column;
	flex-grow: 						1;
}

@media (max-width: 575px) {
	.container-order-items > .container-order-item > .container-order-item-content {
		width: 						calc(100% - 48px - 16px);
	}
}

.container-order-items > .container-order-item > .container-order-item-content > .order-item-title {
	position: 						relative;
	display: 						-webkit-box;
	-webkit-box-orient: 			vertical;
	-webkit-line-clamp: 			3;
	word-wrap: 						anywhere;
	overflow: 						hidden;
	text-overflow: 					ellipsis;
	word-break: 					break-word;
	white-space: 					normal;
	min-height: 					20px;
	max-height: 					62px;

	font-size: 						13px;
	line-height: 					20px;
	font-weight: 					600;
	margin-bottom:					4px;
	letter-spacing:					0.2px;

	color: 							rgba(var(--color-primary-rgb), 1);
}

.container-order-items > .container-order-item > .container-order-item-content > .container-order-item-details {
	display:						flex;
	flex-direction:					column;
	gap:							2px;
}

.container-order-items > .container-order-item > .container-order-item-content > .container-order-item-details > .container-order-item-detail {
	display: 						flex;
	flex-wrap: 						wrap;
	align-items: 					baseline;
	gap: 							2px 4px;
}

.container-order-items > .container-order-item > .container-order-item-content > .container-order-item-details > .container-order-item-detail > .title {
	display: 						flex;
	font-size: 						12px;
	line-height: 					18px;

	color: 							rgba(var(--color-secondary-rgb), 1);
}

.container-order-items > .container-order-item > .container-order-item-content > .container-order-item-details > .container-order-item-detail > .value {
	display: 						flex;
	font-size: 						12px;
	line-height: 					18px;
	font-weight: 					500;

	color: 							rgba(var(--color-secondary-rgb), 1);
}

.container-order-items > .container-order-item > .container-order-item-price {
	display:						flex;
	flex-direction:					column;
	margin-left:					auto;
}

.container-order-items > .container-order-item > .container-order-item-price > .order-exact-price {
	font-size:						13px;
	line-height:					20px;
	font-weight:					600;
	white-space:					nowrap;

	color: 							rgba(var(--color-primary-rgb), 1);
}

.container-order-summary {
	position:						relative;
	display:						flex;
	flex-direction:					column;
}

@media (min-width: 576px) {
	.container-order-summary {
		padding: 					32px;
	}
}

@media (max-width: 575px) {
	.container-order-summary {
		padding: 					32px 24px;
	}
}

.container-order-summary::after {
	content:						" ";
	position:						absolute;

	height: 						1px;
	bottom: 						0;

	background-color:				rgba(var(--color-border-rgb), 1);
}

@media (min-width: 576px) {
	.container-order-summary::after {
		width: 						calc(100% - 64px);
		left: 						32px;
	}
}

@media (max-width: 575px) {
	.container-order-summary::after {
		width: 						calc(100% - 48px);
		left: 						24px;
	}
}

.container-order-summary .container-order-summary-detail {
	display: 						flex;
	flex-direction: 				row;
	justify-content: 				space-between;
	flex-wrap: 						wrap;
	gap: 							4px 16px;
}

.container-order-summary .container-order-summary-detail:not(:last-child) {
	margin-bottom:					10px;
}

.container-order-summary > .container-order-summary-detail > .title {
	font-size: 						13px;
	line-height: 					20px;

	color: 							rgba(var(--color-secondary-rgb), 1);
}

.container-order-summary > .container-order-summary-detail > .value {
	font-size: 						13px;
	line-height: 					20px;
	margin-left: 					auto;
	white-space:					nowrap;
	text-align: 					right;
	font-weight: 					600;

	color: 							rgba(var(--color-primary-rgb), 1);
}

.container-order-total {
	position:						relative;
	display:						flex;
	flex-direction:					row;
	justify-content: 				space-between;
}

@media (min-width: 576px) {
	.container-order-total {
		padding: 					32px;
	}
}

@media (max-width: 575px) {
	.container-order-total {
		padding: 					32px 24px;
	}
}

.container-order-total > .title {
	font-size: 						16px;
	line-height: 					24px;
	font-weight:					700;
	letter-spacing: 				0.2px;

	color: 							rgba(var(--color-primary-rgb), 1);
}

.container-order-total > .value {
	font-size: 						16px;
	line-height: 					24px;
	margin-left: 					auto;
	white-space:					nowrap;
	text-align: 					right;
	font-weight: 					700;
	letter-spacing: 				0.2px;

	color: 							rgba(var(--color-primary-rgb), 1);
}

.container-order-payment-result {
	position: 						fixed;
	display: 						block;

	top: 							0;
	left: 							0;
	width: 							100%;
	height: 						100%;

	z-index: 						3000;
	pointer-events: 				all;

	background-color: 				rgba(var(--color-black-rgb), .85);
}

.container-order-payment-result > .payment-inside-details {
	position: 						relative;

	display: 						flex;
	align-items: 					center;
	flex-direction: 				column;
	justify-content: 				start;
	gap:							32px;

	width:							calc(100% - 32px);
	max-width:						500px;
	max-height:						calc(100% - 32px);

	top: 							50%;
	left:							50%;
	margin: 						16px;
	padding:						32px;
	border-radius:					5px;
	overflow:						hidden auto;

	outline-width: 					2px;
	outline-style:					solid;
	outline-offset: 				-4px;

	-webkit-transform: 				translate(calc(-50% - 16px), calc(-50% - 16px));
	-moz-transform: 				translate(calc(-50% - 16px), calc(-50% - 16px));
	-ms-transform: 					translate(calc(-50% - 16px), calc(-50% - 16px));
	-o-transform: 					translate(calc(-50% - 16px), calc(-50% - 16px));
	transform: 						translate(calc(-50% - 16px), calc(-50% - 16px));

	background-color: 				rgba(var(--color-white-rgb), 1);
}

.container-order-payment-result > .payment-inside-details.success {
	-webkit-box-shadow: 			inset 0 0 4px rgba(var(--color-green-rgb), .4);
	-moz-box-shadow: 				inset 0 0 4px rgba(var(--color-green-rgb), .4);
	box-shadow: 					inset 0 0 4px rgba(var(--color-green-rgb), .4);

	outline-color:					rgba(var(--color-green-rgb), .4);
}

.container-order-payment-result > .payment-inside-details.failed {
	-webkit-box-shadow: 			inset 0 0 4px rgba(var(--color-red-rgb), .4);
	-moz-box-shadow: 				inset 0 0 4px rgba(var(--color-red-rgb), .4);
	box-shadow: 					inset 0 0 4px rgba(var(--color-red-rgb), .4);

	outline-color:					rgba(var(--color-red-rgb), .4);
}

.container-order-payment-result > .payment-inside-details > .payment-title {
	font-size: 						34px;
	line-height: 					42px;
	font-weight: 					700;
	letter-spacing: 				-0.4px;
	color: 							rgba(var(--color-primary-rgb), 1);
	background: 					rgba(var(--color-primary-rgb), 1);
	background: 					linear-gradient(to right, rgba(var(--color-primary-rgb), 1), rgba(var(--color-primary-rgb), .8));
	-webkit-background-clip: 		text;
	-webkit-text-fill-color: 		transparent;
	text-align:						center;
}

.container-order-payment-result > .payment-inside-details > .payment-description {
	font-size: 						13px;
	line-height: 					24px;
	text-align: 					justify;
	text-align-last:				center;

	color: 							rgba(var(--color-secondary-rgb), 1);
}

.container-order-payment-result > .payment-inside-details > .payment-button {
	width: 							100%;
	flex-grow: 						1;
}