.msp-cart-points {
	--msp-input-width: 648px;
	--msp-controls-width: 928px;
	--msp-input-height: 84px;
	--msp-button-height: 84px;
	--msp-button-width: 240px;
	--msp-button-offset: 0px;
	--msp-control-gap: 40px;
	box-sizing: border-box;
	clear: both;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	color: #111;
	font-size: inherit;
}

.msp-cart-points *,
.msp-account-points *,
.msp-account-summary * {
	box-sizing: border-box;
}

.elementor-widget-maysynthel-cart-points > .elementor-widget-container {
	width: 100%;
	max-width: 100%;
}

.msp-cart-points__heading {
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
	gap: 12px;
	margin-bottom: 8px;
}

.msp-cart-points__title {
	color: #111;
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: 400;
	letter-spacing: inherit;
	line-height: inherit;
}

.msp-cart-points__available,
.msp-cart-points__value,
.msp-cart-points__login,
.msp-account-rate {
	color: #616161;
}

.msp-cart-points__value {
	margin-bottom: 11px;
}

.msp-cart-points__controls {
	display: grid;
	grid-template-columns: minmax(0, var(--msp-layout-input-width, var(--msp-input-width-manual, var(--msp-input-width)))) var(--msp-layout-button-width, var(--msp-button-width-manual, var(--msp-button-width)));
	gap: var(--msp-layout-control-gap, var(--msp-control-gap-manual, var(--msp-control-gap)));
	width: min(100%, var(--msp-controls-width));
	max-width: 100%;
}

.msp-cart-points--coupon-stacked .msp-cart-points__controls {
	grid-template-columns: minmax(0, min(100%, var(--msp-layout-input-width, var(--msp-input-width-manual, var(--msp-input-width)))));
}

.msp-cart-points--coupon-stacked .msp-cart-points__controls .button {
	justify-self: start;
	width: min(100%, var(--msp-layout-button-width, var(--msp-button-width-manual, var(--msp-button-width)))) !important;
	margin-inline-start: var(--msp-layout-button-offset, var(--msp-button-offset-manual, var(--msp-button-offset))) !important;
}

.msp-cart-points__controls input,
.msp-cart-points__controls .button {
	box-sizing: border-box !important;
	margin: 0 !important;
	border-radius: var(--msp-border-radius-manual, 0px) !important;
}

.msp-cart-points__controls input {
	height: var(--msp-layout-input-height, var(--msp-control-height-manual, var(--msp-input-height))) !important;
	min-height: var(--msp-layout-input-height, var(--msp-control-height-manual, var(--msp-input-height))) !important;
	width: 100% !important;
	min-width: 0;
	padding: 0 30px !important;
	border: 1px solid #8c8c8c !important;
	background: #fff !important;
	color: #111 !important;
	font-family: inherit !important;
	font-size: inherit !important;
	font-style: inherit !important;
	font-weight: inherit !important;
	letter-spacing: inherit !important;
	-moz-appearance: textfield;
	appearance: textfield;
}

.msp-cart-points__controls input::-webkit-inner-spin-button,
.msp-cart-points__controls input::-webkit-outer-spin-button {
	margin: 0;
	-webkit-appearance: none;
}

.msp-cart-points__controls .button {
	height: var(--msp-layout-button-height, var(--msp-control-height-manual, var(--msp-button-height))) !important;
	min-height: var(--msp-layout-button-height, var(--msp-control-height-manual, var(--msp-button-height))) !important;
	width: 100% !important;
	padding: 0 20px !important;
	border: 1px solid #111 !important;
	background: #111 !important;
	color: #fff !important;
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: 400;
	letter-spacing: inherit;
	line-height: 1 !important;
	text-transform: none !important;
}

.msp-coupon-layout--managed {
	display: grid !important;
	grid-template-columns: minmax(0, var(--msp-shared-input-width)) var(--msp-shared-button-width);
	align-items: stretch;
	gap: var(--msp-shared-control-gap) !important;
	box-sizing: border-box;
	width: min(100%, var(--msp-shared-controls-width)) !important;
	max-width: 100% !important;
}

.msp-coupon-layout--managed.msp-coupon-layout--stacked {
	grid-template-columns: minmax(0, min(100%, var(--msp-shared-input-width)));
}

.msp-coupon-layout--managed > .form-row {
	box-sizing: border-box !important;
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.msp-coupon-layout--managed > .form-row-first {
	grid-column: 1;
	grid-row: 1;
}

.msp-coupon-layout--managed > .form-row-last {
	grid-column: 2;
	grid-row: 1;
}

.msp-coupon-layout--managed.msp-coupon-layout--stacked > .form-row-last {
	grid-column: 1;
	grid-row: 2;
}

.msp-coupon-layout--managed > .clear {
	display: none !important;
}

.msp-coupon-layout--managed input[name="coupon_code"],
.msp-coupon-layout--managed input#coupon_code,
.msp-coupon-layout--managed button[name="apply_coupon"],
.msp-coupon-layout--managed input[name="apply_coupon"] {
	box-sizing: border-box !important;
	float: none !important;
	margin: 0 !important;
	border-radius: var(--msp-shared-border-radius, 0px) !important;
}

.msp-coupon-layout--managed input[name="coupon_code"],
.msp-coupon-layout--managed input#coupon_code {
	grid-column: 1;
	grid-row: 1;
	width: 100% !important;
	min-width: 0 !important;
	height: var(--msp-shared-input-height) !important;
	min-height: var(--msp-shared-input-height) !important;
}

.msp-coupon-layout--managed button[name="apply_coupon"],
.msp-coupon-layout--managed input[name="apply_coupon"] {
	grid-column: 2;
	grid-row: 1;
	width: 100% !important;
	min-width: 0 !important;
	height: var(--msp-shared-button-height) !important;
	min-height: var(--msp-shared-button-height) !important;
}

.msp-coupon-layout--managed.msp-coupon-layout--stacked button[name="apply_coupon"],
.msp-coupon-layout--managed.msp-coupon-layout--stacked input[name="apply_coupon"] {
	grid-column: 1;
	grid-row: 2;
	justify-self: start;
	width: min(100%, var(--msp-shared-button-width)) !important;
	margin-inline-start: var(--msp-shared-button-offset) !important;
}

.msp-cart-points__controls .button:hover,
.msp-cart-points__controls .button:focus {
	background: #333 !important;
}

.msp-cart-points__controls .button:disabled {
	cursor: not-allowed;
	opacity: .5;
}

.msp-cart-points__links {
	display: flex;
	justify-content: center;
	gap: 16px;
	width: min(100%, var(--msp-layout-button-width, var(--msp-button-width-manual, var(--msp-button-width))));
	max-width: 100%;
	margin-top: 9px;
	margin-inline-start: calc(var(--msp-layout-input-width, var(--msp-input-width-manual, var(--msp-input-width))) + var(--msp-layout-control-gap, var(--msp-control-gap-manual, var(--msp-control-gap))));
}

.msp-cart-points--coupon-stacked .msp-cart-points__links {
	margin-inline-start: var(--msp-layout-button-offset, var(--msp-button-offset-manual, var(--msp-button-offset)));
}

.msp-link-button {
	padding: 0;
	border: 0;
	background: transparent !important;
	color: #222 !important;
	font-size: 13px;
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}

.msp-cart-points__message {
	min-height: 0;
	margin: 8px 0 0;
}

.msp-cart-points__earn-preview {
	margin: 10px 0 0;
	color: #616161;
	font-size: 13px;
}

.msp-cart-points__message.is-error,
.msp-negative {
	color: #b42318;
}

.msp-positive {
	color: #19702d;
}

.msp-account-summary {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 3px 16px;
	margin: 0 0 28px;
	padding: 19px 21px;
	border: 1px solid #d8d8d8;
	color: #111;
	text-decoration: none !important;
}

.msp-account-summary strong {
	grid-row: 1 / span 2;
	grid-column: 2;
	align-self: center;
	font-size: 26px;
}

.msp-account-summary__label {
	font-weight: 600;
}

.msp-account-balance-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 15px;
	margin: 18px 0;
}

.msp-account-balance-card {
	padding: 22px;
	border: 1px solid #d8d8d8;
	background: #fff;
}

.msp-account-balance-card > span {
	display: block;
	margin-bottom: 10px;
	color: #616161;
}

.msp-account-balance-card > strong {
	display: block;
	font-size: 28px;
	font-weight: 500;
}

.msp-account-balance-card > strong .woocommerce-Price-amount,
.msp-account-balance-card > strong .woocommerce-Price-amount bdi {
	display: inline !important;
	white-space: nowrap;
}

.msp-account-balance-card > strong .woocommerce-Price-currencySymbol {
	display: inline !important;
	float: none !important;
	margin: 0 !important;
	position: static !important;
}

.msp-account-ledger-wrap {
	overflow-x: auto;
}

.msp-history-region {
	position: relative;
	transition: opacity .15s ease;
}

.msp-history-region.is-loading {
	pointer-events: none;
	opacity: .55;
}

.msp-history-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: 18px;
}

.msp-history-count {
	color: #616161;
	font-size: 13px;
}

.msp-history-pagination {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
}

.msp-history-page {
	box-sizing: border-box;
	min-width: 38px;
	height: 38px;
	margin: 0 !important;
	padding: 0 10px !important;
	border: 1px solid #d8d8d8 !important;
	border-radius: 0 !important;
	background: #fff !important;
	color: #111 !important;
	font: inherit !important;
	line-height: 36px !important;
	text-align: center;
	cursor: pointer;
}

.msp-history-page:hover,
.msp-history-page:focus,
.msp-history-page.is-current {
	border-color: #111 !important;
	background: #111 !important;
	color: #fff !important;
}

.msp-history-page:disabled {
	cursor: default;
	opacity: 1;
}

.msp-history-ellipsis {
	padding: 0 3px;
}

.msp-history-error {
	margin: 12px 0 0;
	color: #b42318;
}

.msp-claim-code {
	margin: 26px 0;
	padding: 20px;
	border: 1px solid #d8d8d8;
}

.msp-claim-code h3 {
	margin-top: 0;
}

.msp-claim-code__form {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	max-width: 520px;
}

.msp-claim-code__form input,
.msp-claim-code__form .button {
	box-sizing: border-box !important;
	height: 46px !important;
	margin: 0 !important;
	border-radius: 0 !important;
}

.msp-claim-code__form input {
	min-width: 0;
	padding: 0 13px;
	border: 1px solid #8c8c8c;
}

.msp-claim-code__form .button {
	padding: 0 20px !important;
	border-color: #111 !important;
	background: #111 !important;
	color: #fff !important;
}

.msp-account-adjustment {
	padding: 12px 15px;
	border-left: 3px solid #b42318;
	background: #fff4f2;
	color: #7a271a;
}

.msp-expiry-notice {
	margin: 20px 0;
	padding: 16px 18px;
	border: 1px solid #c78614;
	background: #fffaf0;
	color: #5f3b00;
}

.msp-expiry-notice p {
	margin: 6px 0 0;
}

@media (max-width: 767px) {
	body .elementor-widget-maysynthel-cart-points,
	body .elementor-widget-maysynthel-cart-points > .elementor-widget-container,
	body .elementor-widget-maysynthel-cart-points .msp-cart-points {
		box-sizing: border-box;
		width: 100% !important;
		max-width: 100% !important;
	}

	.msp-cart-points {
		width: 100%;
	}

	.msp-cart-points__heading {
		align-items: baseline;
		justify-content: space-between;
		flex-direction: row;
		gap: 8px;
		width: 100%;
	}

	.msp-cart-points__title {
		flex: 0 0 auto;
		white-space: nowrap;
	}

	.msp-cart-points__available {
		min-width: 0;
		margin-inline-start: auto;
		text-align: right;
		white-space: nowrap;
	}

	.msp-cart-points__value {
		width: 100%;
		text-align: right;
		white-space: nowrap;
	}

	.msp-cart-points__controls {
		grid-template-columns: minmax(0, min(100%, var(--msp-layout-input-width, var(--msp-input-width-manual, var(--msp-input-width)))));
	}

	.msp-cart-points__controls .button {
		justify-self: start;
		width: min(100%, var(--msp-layout-button-width, var(--msp-button-width-manual, var(--msp-button-width)))) !important;
		margin-inline-start: var(--msp-layout-button-offset, var(--msp-button-offset-manual, var(--msp-button-offset))) !important;
		padding: 0 13px !important;
	}

	.msp-cart-points__links {
		margin-inline-start: var(--msp-layout-button-offset, var(--msp-button-offset-manual, var(--msp-button-offset)));
	}

	.msp-account-balance-grid {
		grid-template-columns: 1fr;
	}
}