/* ########################################## cssCartOrdersPages.php ########################################## */

html.cartOrdersPages body {
	background-color: transparent;
	color:white;
}
html.cartOrdersPages body .table-bordered {
	background-color: #000;
	border: 1px solid rgb(66, 66, 66);
}
html.cartOrdersPages body .table-bordered>thead>tr>th,html.cartOrdersPages body .table-bordered>tbody>tr>td {
	border: 1px solid rgb(66, 66, 66);
}
html.cartOrdersPagesSSL .intl-tel-input {
	width:100%;
}
/* The flag select box should be LTR we fix that here */
.intl-tel-input.allow-dropdown .flag-container {
	direction: ltr;
}
html[dir="rtl"]	html.cartOrdersPagesSSL .intl-tel-input .selected-flag {
	padding: 0 8px 0 0px;
}
html[dir="rtl"]	html.cartOrdersPagesSSL .intl-tel-input .selected-flag .iti-arrow {
	left: 6px;
	right: auto;
	border-right: 3px solid transparent;
	border-left: 3px solid transparent;
}
html[dir="rtl"]	html.cartOrdersPagesSSL .intl-tel-input .country-list {
	text-align: right;
	margin: 0 -1px 0 0;
}
html[dir="rtl"]	html.cartOrdersPagesSSL .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name {
	margin-left: 6px;
	margin-right: 0;
}
html[dir="rtl"]	html.cartOrdersPagesSSL .intl-tel-input .country-list {
	left:0;
	right:auto;
}
.intl-tel-input.allow-dropdown .selected-flag {
	margin-top: 8px;
}
html.cartOrdersPagesSSL .error.help-block {
	color: red;
	font-size: 0.8rem;
	font-weight: normal;
}
html.cartOrdersPagesSSL .has-error .form-control {
	border-color: red;
}
html.cartOrdersPagesSSL .cart-container {
	display: flex;
	flex-direction: column;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 40px 32px;
	gap: 24px;
	position: relative;
}
html[dir="rtl"].cartOrdersPagesSSL .cart-container::before {
	left: auto;
	right: 0;
}
html.cartOrdersPagesSSL #order_form_detail {
	padding: 25px;
}
html.cartOrdersPagesSSL .moduleSubscriptionRegisterForm {
	padding: 25px 25px 0;
}
html.cartOrdersPagesSSL #orderContainer .moduleSubscriptionRegisterForm .form-group {
	margin-bottom: 0;
}
/* we show the cart on iFrame so `col-xs` is more equal to `col-sm`, we fix it manually */
html.cartOrdersPagesSSL #order_form_detail .col-xs-6 {
	width: 100%;
}
@media ( min-width:600px ) {
	html.cartOrdersPagesSSL #order_form_detail .col-xs-6 {
		width: 50%;
	}
}
html.cartOrdersPagesSSL .cart-products-container {
	display: flex;
	flex-direction: column;
	gap: 24px;
	max-height: 330px;
	overflow-y: auto;
	min-height: 85px;
}
html.cartOrdersPagesSSL .cart-products-container:has(.cart-product-options:not(.cart-product-options-quantity):not(.cart-product-price-style)) {
	min-height: 150px;
}
html.cartOrdersPagesSSL .cart-product-info[data-card-type="2"][data-is-single-product="false"],
html.cartOrdersPagesSSL .cart-product-info[data-card-type="96"][data-is-single-product="false"] {
	min-height: 73px;
}
html.cartOrdersPagesSSL .cart-product-options {
	word-break: break-word;
	font-size: 0.8rem;
}
html.cartOrdersPagesSSL .cart-product-options.cart-product-price-style {
	font-size: 1rem;
	font-weight: 600;
}
html.cartOrdersPagesSSL .cart-product-options.cart-product-price-style .a-c-before-discount-price {
	text-decoration: line-through;
	font-size: 0.75rem;
	font-weight: 400;
	color: #6b6b6b;
	margin-left: 8px;
}
html[dir="rtl"].cartOrdersPagesSSL .cart-product-options.cart-product-price-style .a-c-before-discount-price {
	margin-left: 0;
	margin-right: 8px;
}
html.cartOrdersPagesSSL .cart-summerize-bottom {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
html.cartOrdersPagesSSL .cart-summerize-container {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
html.cartOrdersPagesSSL .cart-summerize-container .summerize-flex-end {
	display: flex;
	justify-content: flex-end;
}
html.cartOrdersPagesSSL .cart-summerize-container .summerize-subTotal,
html.cartOrdersPagesSSL .cart-summerize-container .discount-container {
	font-size: 0.85rem;
}
html.cartOrdersPagesSSL .cart-summerize-container .summerize-total {
	font-size: 1.1rem;
	font-weight: 700;
}
html.cartOrdersPagesSSL .cart-summerize-container .summerize-price-style {
	font-weight: 700;
}
html.cartOrdersPagesSSL #removeCouponBtn,
html.cartOrdersPagesSSL #showCouponBtn {
	padding: 0px;
	color: var(--global_main_color);
}
html.cartOrdersPagesSSL #removeCouponBtn,
html.cartOrdersPagesSSL #showCouponBtn {
	color: var(--inside_modules_color_section_box_main);
}
html.cartOrdersPagesSSL #removeCouponBtn {
	margin-block: 5px 10px;
}
html.cartOrdersPagesSSL .shipping-options .radio {
	margin-top: 0;
	margin-bottom: 30px;
}
html.cartOrdersPagesSSL .mainOrderBox .box {
	display: flex;
	flex-direction: column;
	border: 1px solid rgba(226, 226, 226, 0.2);
	border-radius: 16px;
	margin-top: 10px;
	margin-bottom: 50px;
	background: #fff;
	position: relative;
	color: #000;
	color: var(--inside_modules_color_text);
}
html.cartOrdersPagesSSL .mainOrderBox .order-grid {
	display: grid;
	grid-template-columns: .65fr .35fr;
	column-gap: 20px;
	grid-template-areas: 'order-form order-cart';
	min-height: 420px;
}
html.cartOrdersPagesSSL .order-spacing-box {
	grid-area: order-form;
}
html.cartOrdersPagesSSL .cart-container {
	grid-area: order-cart;
}
html.cartOrdersPagesSSL .mainOrderBox .cart-mobile-summerize-container {
	display: none;
	grid-area: order-mobile-summerize;
}
html.cartOrdersPagesSSL .mainOrderBox .cart-coupon-container.mobile-only {
	display: none;
	grid-area: order-mobile-coupon;
}
html.cartOrdersPagesSSL .mainOrderBox .cart-mobile-summerize-container a {
	text-decoration: none;
}
html.cartOrdersPagesSSL .mainOrderBox .cart-mobile-summerize-container a > i {
	margin: 0 10px;
	transition: transform 0.3s ease-in-out;
}
html.cartOrdersPagesSSL .mainOrderBox .order-grid[data-cart-items="0"] {
	grid-template-columns: auto;
}
@media ( max-width: 767px ) {
	html.cartOrdersPagesSSL .mainOrderBox .order-grid {
		/* set the columns to auto */
		grid-template-columns: auto;
		/* set the areas */
		grid-template-areas: 
			'order-mobile-summerize'
			'order-cart'
			'order-mobile-coupon'
			'order-form';
		/* prevents automatic space distribution */
		grid-auto-rows: min-content;
		/* aligns everything to the top */
		align-content: start;
		/* remove any default gap if needed */
		row-gap: 0;
	}
	html.cartOrdersPagesSSL .mainOrderBox .cart-coupon-container.mobile-only {
		display: flex !important;
		flex-direction: column;
		align-items: stretch;
		margin-bottom: 5px;
	}
	html.cartOrdersPagesSSL .mainOrderBox .cart-coupon-container.not-mobile {
		display: none;
	}
	html.cartOrdersPagesSSL .mainOrderBox .cart-container {
		margin-bottom: 5px;
	}
	html.cartOrdersPagesSSL .mainOrderBox .box.cart-container {
		display: none;
	}
	html.cartOrdersPagesSSL .mainOrderBox .cart-mobile-summerize-container {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 5px;
	}
	html.cartOrdersPagesSSL .order-spacing-box,
	html.cartOrdersPagesSSL .cart-container,
	html.cartOrdersPagesSSL .cart-mobile-summerize-container,
	html.cartOrdersPagesSSL .cart-coupon-container.mobile-only {
		padding: 16px;
	}
}
html.cartOrdersPagesSSL .sslHeader > div {
	display: flex;
	align-items: center;
	align-content: center;
	height: 70px;
}
html.cartOrdersPagesSSL .sslHeader .name {
	justify-content: flex-start;
}
html.cartOrdersPagesSSL .sslHeader .name h2 {
	margin: 0;
}
html.cartOrdersPagesSSL .sslHeader .name img {
	max-height: 100px;
}
html.cartOrdersPagesSSL .sslHeader .sslLogo {
	justify-content: flex-end;
	font-size:35px;
	color: #000; /* IE11 Support */
	color: var(--global_main_color);
}
html.cartOrdersPagesSSL .payWizardTabs .order-tab-title {
	opacity: 0.5;
	font-size: 1.1rem;
	font-weight: 600;
}
html.cartOrdersPagesSSL .payWizardTabs .active .order-tab-title {
	opacity: 1;
}
html.cartOrdersPagesSSL .payWizardTabs i {
	margin-inline: 16px;
	background-color: #000;
}
@media ( max-width: 767px ) {
	html.cartOrdersPagesSSL .payWizardTabs .order-tab-title {
		display: flex;
	}
	html.cartOrdersPagesSSL .payWizardTabs i {
		font-size: 1.4rem;
		margin-inline: 0;
	}	
}
html.cartOrdersPagesSSL .payWizardTabs .num {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 8px;
	top: 8px;
	border-radius: 8px;
	color: var(--global_main_color);
	border: 2px solid var(--global_main_color);
	color: var(--inside_modules_color_section_box_main);
	border-color: var(--inside_modules_color_section_box_main);
	width: 32px;
	height: 32px;
	font-size: 18px;
	font-weight: 600;
}
html.cartOrdersPagesSSL .payWizardTabs .active .num {
	opacity: 1;
	background-color: var(--global_main_color);
	color: var(--global_main_color_btn_text_color);
	background-color: var(--inside_modules_color_section_box_main);
	color: var(--inside_modules_color_section_btn_text);
}
html.cartOrdersPagesSSL .payWizardTabs > div {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #efefef;
	color: black;
	background-color: var(--inside_modules_color_box);
	color: var(--inside_modules_color_text_box);
	font-weight: normal;
	border-radius: 0;
	text-align: center;
	padding: 8px;
	border: 1px solid rgb(226, 226, 226, 0.6);
	min-height: 48px;
	height: 100%;
}
html.cartOrdersPagesSSL .payWizardTabs > div:first-child {
	border-top-left-radius: 16px;
}
html.cartOrdersPagesSSL[dir="rtl"] .payWizardTabs > div:first-child {
	border-top-right-radius: 16px;
	border-top-left-radius: 0;
}
html.cartOrdersPagesSSL .payWizardTabs > div:last-child {
	border-top-right-radius: 16px;
}
html.cartOrdersPagesSSL[dir="rtl"] .payWizardTabs > div:last-child {
	border-top-right-radius: 0;
	border-top-left-radius: 16px;
}
html.cartOrdersPagesSSL .payWizardTabs > div.active {
	background-color: #fff;
	color: #000;
	background-color: var(--inside_modules_color_box);
	color: var(--inside_modules_color_text_box);
	font-weight: bold;
	border-bottom: 0;
}
html.cartOrdersPagesSSL .payWizardTabs .info {
	border-top-width: 0;
	border-left-width: 0;
}
html.cartOrdersPagesSSL[dir="rtl"] .payWizardTabs .info {
	border-left-width: 1px;
	border-right-width: 0;
}
html.cartOrdersPagesSSL .payWizardTabs .ship {
	border-top-width: 0;
	border-left-width: 0;
	border-right-width:0;
}
html.cartOrdersPagesSSL .payWizardTabs .pay {
	border-top-width: 0;
	border-right-width: 0;
}
html.cartOrdersPagesSSL[dir="rtl"] .payWizardTabs .pay {
	border-right-width: 1px;
	border-left-width: 0;
}
html.cartOrdersPagesSSL .payWizardTabs.hide-pay-tabs {
	display: none;
}

html.cartOrdersPagesSSL .paymentIcon {
	text-align: center;
	font-size: 25px;
}
html.cartOrdersPagesSSL .charged-successfully h1,
html.cartOrdersPagesSSL .order-already-paid-container h1 {
	color: #000; /* IE11 Support */
	color: var(--global_main_color);
}
html.cartOrdersPagesSSL .charged-successfully .offline-payment {
	margin-bottom: 20px;
}
html.cartOrdersPagesSSL #coupon > span:before,
html.cartOrdersPagesSSL #giftCard > span:before,
html.cartOrdersPagesSSL .cart-partial-payments-summary .partial-payments-row:not(.partial-payments-balance) > span:last-child > span:before {
  content: '-';
}
html.cartOrdersPagesSSL #orderLoadingMessage {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
	background-color: #000;
	opacity: 0.6;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
}
html.cartOrdersPagesSSL #orderContainer .payment-method-list {
	cursor: pointer;
}
html.cartOrdersPagesSSL #orderContainer .payment-method-list:not(.border-primary) {
	border: 1px solid #ddd;
	border-bottom: 0px solid #ddd;
}
html.cartOrdersPagesSSL #orderContainer .payment-method-list.border-primary {
	border-style: solid;
	border-width: 1px;
	background-color: #efefef;
	background-color: var(--inside_modules_color_section_box_main);
}
html.cartOrdersPagesSSL #orderContainer .payment-method-list.border-primary input + span,
html.cartOrdersPagesSSL #orderContainer .payment-method-list.border-primary span + span {
	color: var(--inside_modules_color_section_btn_text);
}
html.cartOrdersPagesSSL #orderContainer .payment-method-list .payment-method-radio {
	display: block;
	padding-bottom: 5px;
}
html.cartOrdersPagesSSL #orderContainer .payment-method-list .payment-method-description {
	font-size: 14px;
}
html.cartOrdersPagesSSL #orderContainer .place-order-btn {
	width: 100%;
	margin: 10px auto;
}
html.cartOrdersPagesSSL #orderContainer .ecommerce-thx-msg ul {
	list-style-position: inside;
	line-height: 1.5;
}
html.cartOrdersPagesSSL #orderContainer .ecommerce-thx-msg ol {
	list-style-position: inside;
}
html.cartOrdersPagesSSL #orderContainer .ecommerce-thx-msg,
html.cartOrdersPagesSSL #orderContainer .charged-successfully .return-hp-after-paid-btn {
	margin-bottom: 20px;
}

html.cartOrdersPagesSSL #orderContainer .form-group {
	margin-bottom: 24px;
}
html.cartOrdersPagesSSL #orderContainer .form-group .f-b-date-timePicker .s123-calendar-handler-input,
html.cartOrdersPagesSSL #orderContainer .form-group input[type="text"],
html.cartOrdersPagesSSL #orderContainer .form-group input[type="email"],
html.cartOrdersPagesSSL #orderContainer .form-group input[type="number"],
html.cartOrdersPagesSSL #orderContainer .form-group input[type="date"],
html.cartOrdersPagesSSL #orderContainer .form-group select,
html.cartOrdersPagesSSL #orderContainer .form-group textarea {
	padding: 1.375rem .75rem .375rem .75rem;
	font-size: 0.8rem;
}
html.cartOrdersPagesSSL #orderContainer .form-group .checkbox {
	margin: 0;
}
html.cartOrdersPagesSSL #orderContainer .form-group .checkbox .checkbox-label input:checked ~ .checkbox-custom::after {
	border-color: var(--inside_modules_color_section_box_main) !important;
}
html.cartOrdersPagesSSL #orderContainer .form-group .f-b-date-timePicker .s123-calendar-handler-input {
	z-index: 1;
	min-height: 50px;	
}
html.cartOrdersPagesSSL .input-group-addon.s123-calendar-handler-icon {
	background-color: var(--inside_modules_color_section_box_main) !important;
}
html.cartOrdersPagesSSL .input-group-addon.s123-calendar-handler-icon .svg-m {
	background-color: var(--inside_modules_color_section_btn_text) !important;
}
html.cartOrdersPagesSSL #orderContainer .form-group input[type="date"] {
	line-height: 1;
}
html.cartOrdersPagesSSL #orderContainer .form-group select {
	min-height: 3rem;
	height: 3rem;
	padding: 1.375rem .75rem .375rem .75rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
html.cartOrdersPagesSSL #orderContainer .form-group.softLabel label {
	color: #000 !important;
}
html.cartOrdersPagesSSL #orderContainer label:not(.error) {
	font-weight: normal;
	font-size: 1rem;
	z-index: 1;
}
html.cartOrdersPagesSSL #orderContainer label:not(.error) span {
	margin-inline: 6px;
}
html.cartOrdersPagesSSL #orderContainer .softLabel label:not(.error) {
	position: absolute;
	top: 13px;
	left: 21px;
	opacity: 0.6;
	background-color: transparent;
	padding: .2rem .45rem;
	font-size: 15px;
	transition: transform .2s ease-out, opacity .2s ease-out, font-size .2s ease-out, top .2s ease-out;
}
html[dir=rtl].cartOrdersPagesSSL #orderContainer .softLabel label:not(.error) {
	right: 21px;
	left: auto;
}
html.cartOrdersPagesSSL #orderContainer .softLabel label:not(.error):hover {
	cursor: text;
}
html.cartOrdersPagesSSL #orderContainer .softLabel label:not(.error).active {
	top: 0;
	font-size: 12px;
	opacity: 1;
}
/* bug-fix >> webkit browsers auto complete - when users select something from the browser Autocomplete its overwrite the labels, to fix that issue we added that fix, source:  https://css-tricks.com/snippets/css/change-autocomplete-styles-webkit-browsers/ */
#orderContainer input:-webkit-autofill + label ,
#orderContainer input:-webkit-autofill:hover + label , 
#orderContainer input:-webkit-autofill:focus + label,
#orderContainer textarea:-webkit-autofill + label,
#orderContainer textarea:-webkit-autofill:hover + label,
#orderContainer textarea:-webkit-autofill:focus + label,
#orderContainer select:-webkit-autofill + label,
#orderContainer select:-webkit-autofill:hover + label,
#orderContainer select:-webkit-autofill:focus + label {
	top: 0 !important;
	font-size: 12px !important;
	opacity: 1 !important;
}
/* Fix IntlTel design */
html.cartOrdersPagesSSL #orderContainer .intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel] {
	padding-right: 6px !important;
	padding-left: 52px !important;
}
/* Client addresses design */
#orderContainer .client-addresses label {
	cursor: pointer;
	margin: 0;
}
#orderContainer .client-addresses .client-display-addresses-btn {
	float: right;
}
#orderContainer .client-addresses .client-display-addresses-btn .btn {
	color: var(--global_main_color);
}
html[dir=rtl] #orderContainer .client-addresses .client-display-addresses-btn {
	float: left;
}
#orderContainer .client-addresses .client-display-addresses-btn > .btn {
	color: var(--inside_modules_color_section_box_main);
}
#orderContainer .client-addresses .client-addresses-radios {
	margin-right: 16px;
}
html[dir=rtl] #orderContainer .client-addresses .client-addresses-radios {
	margin-right: 0px;
	margin-left: 16px;
}
#orderContainer .client-addresses .client-addresses-radios input[type="radio"] {
	accent-color: var(--inside_modules_color_section_box_main);
}
#orderContainer .existing-account-login {
	margin-bottom: 16px;
	color: var(--inside_modules_color_text_box) !important;
}
#orderContainer .existing-account-login a {
	text-decoration: underline;
}
.mainOrderBox .order-spacing-box .order-form-box {
	display: none;
}
.mainOrderBox .order-spacing-box #shippingContainer {
	display: flex;
	flex-direction: column;
}
.mainOrderBox .order-spacing-box .shipping-step-buttons {
	display: flex;
	align-items: center;
	gap: 16px;
}
/* payment tab */
.mainOrderBox .orderContainer-payment {
	display: none;
	padding: 48px 48px 0 48px;
}
.mainOrderBox .orderContainer-payment hr {
	margin-block: 32px;
}
.mainOrderBox .orderContainer-payment .orderContainer-gateway-select {
	margin-bottom: 48px;
}
.mainOrderBox .orderContainer-payment .payment-order-total-price h1 {
	font-size: 2.45em;
	font-weight: 700;
	margin: 0 0 16px 0;
}
.mainOrderBox .orderContainer-payment h4 {
	margin: 0;
}
.mainOrderBox .orderContainer-payment .orderContainer-gateway-select .place-order-btn {
	margin-top: 24px !important;
}
/* result tab */
.mainOrderBox .orderContainer-result {
	padding: 48px;
}
.mainOrderBox .orderContainer-result .charged-successfully h1,
.mainOrderBox .orderContainer-payment .order-already-paid-container h1,
.mainOrderBox .orderContainer-result .order-calendar-btn-container {
	display: flex;
	justify-content: center;
	margin: 0 0 32px 0;
	font-weight: 700;
	position: relative;
	padding-bottom: 32px;
}
.mainOrderBox .orderContainer-result .charged-successfully h1::after,
.mainOrderBox .orderContainer-payment .order-already-paid-container h1::after,
.mainOrderBox .orderContainer-result .order-calendar-btn-container::after {
	content: '';
	height: 1px;
	width: 290px;
	background-color: #DBDBDB;
	position: absolute;
	bottom: 0;
}
.mainOrderBox .orderContainer-result .offline-payment-method {
	margin-bottom: 32px !important;
}
.mainOrderBox .orderContainer-result .offline-payment-method .offline-payment-method-text {
	display: flex;
	flex-direction: column;
	gap: 16px;
	color: var(--inside_modules_color_text_box) !important;
}
.mainOrderBox .order-updateSettings-container {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	padding: 1rem 1.25rem 2rem 1.25rem;
	margin: 0 !important;
}
.mainOrderBox .order-summary-container {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding-inline: 1rem;
}
.mainOrderBox .order-summary-container h2 {
	font-weight: 700;
	color: var(--global_main_color);
	margin: 0 0 1rem 0;
}
.mainOrderBox .order-summary-container .order-summary-row {
	display: flex;
	justify-content: space-between;
	font-weight: 700;
	position: relative;
}
.mainOrderBox .order-summary-container .summary-products {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	max-height: 200px;
	overflow-y: hidden;
}
.mainOrderBox .order-summary-container .summary-products.open {
	max-height: 100%;
}
.mainOrderBox .order-summary-container .order-summary-show-more {
	position: relative;
}
.mainOrderBox .order-summary-container .order-summary-show-hide {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}
.mainOrderBox .order-summary-container .summary-separator {
	height: 2px;
	width: 100%;
	background-color: #DBDBDB;
}
.mainOrderBox .order-summary-container .summary-order-id {
	font-size: 1.2em;
}
.mainOrderBox .order-summary-container .summary-order-id > span {
	opacity: 0.8;
}
.mainOrderBox .order-summary-container add-to-calendar-button {
	direction: ltr;
}
@media ( max-width: 767px ) {
	.mainOrderBox .orderContainer-payment {
		padding: 32px 16px 0 16px;
	}
	.mainOrderBox .orderContainer-payment hr {
		margin-top: 32px;
		margin-bottom: 24px;
	}
	.mainOrderBox .orderContainer-result {
		padding: 32px 16px 16px 16px;
	}
	.mainOrderBox .orderContainer-payment .orderContainer-gateway-select {
		margin-bottom: 24px;
	}
	.mainOrderBox .orderContainer-payment .orderContainer-gateway-select .place-order-btn {
		margin-top: 24px !important;
	}
	.mainOrderBox .order-summary-container {
		border-top: 2px solid #DBDBDB;
		padding: 2rem 1rem;
	}
}
/* Out Of Stock Label
-------------------------------------*/
.cart-products-container .out-of-stock {
	color: #e41414;
}

/* Events Loading Icon
------------------*/
.mainOrderBox .order-summary-container .summary-products .summary-loading,
.mainOrderBox .order-summary-container .order-summary-show-more[data-module-type="2"] {
	display: none;
}
.mainOrderBox .order-summary-container .summary-products[data-module-type="2"]{
	position: relative;
}
.mainOrderBox .order-summary-container .summary-products[data-module-type="2"] .summary-loading {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	z-index: 1;
}

/* Shipping Group Title
-------------------------*/
.mainOrderBox .order-spacing-box #shippingContainer .shipping-group .shipping-group-title {
	max-width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
}

/* Stripe Embedded Checkout
--------------------------------*/
#stripe_embedded_checkout {
	padding-bottom: 24px;
	border-radius: 16px;
	background-color: #fff;
}

/* Step 4 CSS
--------------------------------*/
.step-4-order-buttons-container {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px; 
}

/**
 * Clean View Mode
 */
 html.view-mode-clean .payWizardTabs {
	display: none;
}

/* Payment Link Preview CSS
--------------------------------*/
html.cartOrdersPagesSSL .payment-link-container .payment-link-card {
	background: var(--inside_modules_color_box);
	padding: 20px;
	border-radius: 8px;
	border: 1px solid rgba(226, 226, 226, 0.2);
	color: var(--inside_modules_color_text_box);
	width: 100%;
	display: flex;
	flex-direction: column;
}

html.cartOrdersPagesSSL .payment-link-container .payment-link-header {
	padding: 15px;
	text-align: center;
	position: relative;
	margin-bottom: 20px;
}

html.cartOrdersPagesSSL .payment-link-container .payment-link-title {
	margin: 0 0 15px;
	font-size: 24px;
	font-weight: 600;
	text-align: center;
	direction: inherit;
	color: var(--inside_modules_color_text_box);
}

html.cartOrdersPagesSSL .payment-link-container .payment-link-status {
	display: inline-block;
	padding: 5px 15px;
	font-size: 14px;
	margin: 10px auto;
	text-align: center;
	background-color: var(--global_main_color);
	color: var(--global_main_color_btn_text_color);
}

html.cartOrdersPagesSSL .payment-link-container .payment-link-body {
	flex: 1;
}

html.cartOrdersPagesSSL .payment-link-container .payment-link-image {
	max-width: 600px;
	margin: 0 auto 20px;
}

html.cartOrdersPagesSSL .payment-link-container .payment-link-image img {
	max-width: 100%;
	height: auto;
	border-radius: 4px;
}

html.cartOrdersPagesSSL .payment-link-container .payment-link-description {
	margin-bottom: 20px;
	text-align: center;
	direction: inherit;
	line-height: 1.6;
	white-space: pre-line;
	color: var(--inside_modules_color_text_box);
}

html.cartOrdersPagesSSL .payment-link-container .order-summary-box {
	background: var(--inside_modules_color_box);
	padding: 20px;
	border-radius: 8px;
	border: 1px solid rgba(226, 226, 226, 0.2);
	color: var(--inside_modules_color_text_box);
	width: 100%;
	display: flex;
	flex-direction: column;
}

html.cartOrdersPagesSSL .payment-link-container .products-summary {
	display: flex;
	flex-direction: column;
	height: 100%;
}

html.cartOrdersPagesSSL .payment-link-container .product-item {
	display: flex;
	flex-wrap: nowrap;
	position: relative;
	border: 1px solid rgba(0, 0, 0, 0.1);
	width: 100%;
	border-radius: 8px;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
	background-color: #fff;
	background-color: var(--inside_modules_color);
	padding: 0;
	margin: 0;
	padding: 16px 16px 24px 16px;
	gap: 16px;
}



html.cartOrdersPagesSSL .payment-link-container .product-info {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	width: 100%;
}

html.cartOrdersPagesSSL .payment-link-container .product-image {
	display: block;
}

html.cartOrdersPagesSSL .payment-link-container .product-image img {
	width: 100%;
	height: 100px;
	max-width: 130px;
	border-radius: 4px;
	object-fit: cover;
	object-position: center;
}

html.cartOrdersPagesSSL .payment-link-container .product-details {
	display: flex;
	flex-direction: column;
	gap: 8px;
	max-width: 70%;
}

html.cartOrdersPagesSSL .payment-link-container .product-name {
	font-size: 1.1em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 1.5;
	font-weight: 700;
	color: var(--inside_modules_color_text);
}

html.cartOrdersPagesSSL .payment-link-container .product-quantity {
	word-break: break-word;
	font-size: 0.8rem;
	color: var(--inside_modules_color_text_box);
	opacity: 0.8;
}

html.cartOrdersPagesSSL .payment-link-container .product-price {
	font-size: 1rem;
	font-weight: 600;
	color: var(--inside_modules_color_text_box);
}

html.cartOrdersPagesSSL .payment-link-container .product-price span:not(.price-before-sale)[data-rel="multiCurrency"] {
	color: var(--inside_modules_color_section_box_main) !important;
}

html.cartOrdersPagesSSL .payment-link-container .order-totals {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

html.cartOrdersPagesSSL .payment-link-container .subtotal,
html.cartOrdersPagesSSL .payment-link-container .total {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
	color: var(--inside_modules_color_text_box);
}

html.cartOrdersPagesSSL .payment-link-container .cart-summary {
	margin: 15px 0;
	text-align: center;
	color: var(--inside_modules_color_text_box);
	opacity: 0.8;
}

/* Layout helpers */
html.cartOrdersPagesSSL .payment-link-container .display-flex {
	display: flex;
	flex-wrap: wrap;
}
html.cartOrdersPagesSSL .payment-link-container .display-flex.payment-link-box {
	justify-content: center;
}

html.cartOrdersPagesSSL .payment-link-container .flex-col {
	display: flex;
	flex-direction: column;
	padding: 20px;
}

html.cartOrdersPagesSSL .payment-link-container .h-100 {
	height: 100%;
}

/* Responsive styles for payment link preview */
@media (max-width: 767px) {
	html.cartOrdersPagesSSL .payment-link-container .payment-link-card {
		margin-bottom: 15px;
		padding: 15px;
	}
	
	html.cartOrdersPagesSSL .payment-link-container .payment-link-title {
		font-size: 20px;
	}
	
	html.cartOrdersPagesSSL .payment-link-container .payment-link-image {
		max-width: 100%;
	}
	
	html.cartOrdersPagesSSL .payment-link-container .order-summary-box {
		margin-top: 20px;
	}

	html.cartOrdersPagesSSL .payment-link-container .mainOrderBox .order-grid {
		display: block;
	}
	
	html.cartOrdersPagesSSL .payment-link-container .mainOrderBox .order-grid > div {
		width: 100%;
		margin-bottom: 20px;
	}
}

/* Header Background Color
--------------------------------*/
html.cartOrdersPagesSSL .payment-link-container.s123-content-area.bg-primary {
    background-color: var(--inside_modules_color);
    min-height: 100vh;
}

/* Products List Scroll */
html.cartOrdersPagesSSL .payment-link-container .products-summary {
    display: flex;
    flex-direction: column;
    height: 100%;
}

html.cartOrdersPagesSSL .payment-link-container .products-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-height: 330px;
    overflow-y: auto;
    min-height: 85px;
    margin-bottom: 20px;
    /* Custom scrollbar styling */
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}

html.cartOrdersPagesSSL .payment-link-container .products-list:has(.product-quantity:not(.product-price)) {
    min-height: 150px;
}

html.cartOrdersPagesSSL .payment-link-container .products-list::-webkit-scrollbar {
    width: 6px;
}

html.cartOrdersPagesSSL .payment-link-container .products-list::-webkit-scrollbar-track {
    background: transparent;
}

html.cartOrdersPagesSSL .payment-link-container .products-list::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}

/* Partial Payments Summary
--------------------------------*/
html.cartOrdersPagesSSL .cart-partial-payments-summary {
	padding-top: 16px;
	border-top: 3px solid var(--inside_modules_color_section_box_main);
	display: flex;
    flex-direction: column;
    gap: 16px;
}
html.cartOrdersPagesSSL .cart-partial-payments-summary .partial-payments-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0.9rem;
	margin-bottom: 8px;
}
html.cartOrdersPagesSSL .cart-partial-payments-summary .partial-payments-balance {
	font-size: 1.1rem;
	font-weight: 700;
	margin-bottom: 0;
}
html.cartOrdersPagesSSL .order-preview-mode-alert {
	background: transparent;
	color: var(--global_main_color);
	border-color: var(--global_main_color);
	border-width: 3px;
	border-radius: 8px;
}
html.cartOrdersPagesSSL .order-preview-mode-alert > h3 {
	margin-top: 0;
}
html.cartOrdersPagesSSL .order-preview-mode-alert > button.close {
	opacity: 0.4;
}
html.cartOrdersPagesSSL .order-preview-mode-alert > button.close:hover {
	opacity: 1;
	color: var(--global_main_color);
}