/**
 * Order summary and payment pages — matches login/register/forgot styling.
 */

.eda-ui.eda-ui--order-summary,
.eda-ui.eda-ui--payment {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 3rem 1.5rem 3.5rem !important;
	background: #ffffff !important;
	text-align: left !important;
	box-sizing: border-box !important;
	overflow-x: hidden !important;
}

body.eda-order-summary-page,
body.eda-payment-page {
	background-color: #ffffff !important;
}

.eda-ui.eda-ui--order-summary .eda-auth--order-summary {
	max-width: 1120px !important;
	margin: 0 auto !important;
	padding: 0 !important;
}

.eda-ui.eda-ui--payment .eda-auth--payment {
	max-width: 1120px !important;
	margin: 0 auto !important;
	padding: 0 !important;
}

.eda-ui.eda-ui--order-summary .eda-page-header,
.eda-ui.eda-ui--payment .eda-page-header {
	margin-bottom: 3rem !important;
	text-align: center !important;
}

.eda-ui.eda-ui--order-summary .eda-page-header__title,
.eda-ui.eda-ui--payment .eda-page-header__title {
	margin: 0 0 0.5rem !important;
	font-size: 1.75rem !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	letter-spacing: -0.02em !important;
	color: #111827 !important;
	text-align: center !important;
}

.eda-ui.eda-ui--order-summary .eda-page-header__subtitle,
.eda-ui.eda-ui--payment .eda-page-header__subtitle {
	max-width: 36rem !important;
	margin: 0 auto !important;
	font-size: 1rem !important;
	line-height: 1.5 !important;
	color: #6b7280 !important;
	text-align: center !important;
}

.eda-ui.eda-ui--order-summary .eda-notice,
.eda-ui.eda-ui--payment .eda-notice {
	margin-bottom: 1.25rem !important;
	font-size: 0.9375rem !important;
	border-radius: 6px !important;
}

.eda-ui.eda-ui--order-summary .eda-auth__stack,
.eda-ui.eda-ui--payment .eda-auth__stack {
	display: flex !important;
	flex-direction: column !important;
	gap: 1.25rem !important;
}

.eda-ui.eda-ui--order-summary .eda-auth__card,
.eda-ui.eda-ui--payment .eda-auth__card {
	padding: 2rem 2rem 2.25rem !important;
	background: #F7F9FB !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 8px !important;
	box-shadow: none !important;
}

.eda-ui.eda-ui--order-summary .eda-auth__heading,
.eda-ui.eda-ui--payment .eda-auth__heading {
	margin: 0 0 1.25rem !important;
	font-size: 1.125rem !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	color: #111827 !important;
}

.eda-ui.eda-ui--payment .eda-auth__subheading {
	margin: 0 0 0.75rem !important;
	font-size: 0.9375rem !important;
	font-weight: 600 !important;
	color: #374151 !important;
}

.eda-ui.eda-ui--order-summary .eda-auth__hint,
.eda-ui.eda-ui--payment .eda-auth__hint {
	margin: 0 0 0.75rem !important;
	font-size: 0.9375rem !important;
	line-height: 1.5 !important;
	color: #4b5563 !important;
}

.eda-ui.eda-ui--order-summary .eda-auth__links {
	margin: 0 0 1.25rem !important;
	font-size: 0.9375rem !important;
	text-align: center !important;
}

.eda-ui.eda-ui--order-summary .eda-auth__links a {
	color: #0d9488 !important;
	font-weight: 500 !important;
	text-decoration: none !important;
}

.eda-ui.eda-ui--order-summary .eda-auth__links a:hover,
.eda-ui.eda-ui--order-summary .eda-auth__links a:focus {
	color: #0f766e !important;
	text-decoration: underline !important;
}

.eda-ui.eda-ui--order-summary .eda-order-items,
.eda-ui.eda-ui--payment .eda-order-items {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.eda-ui.eda-ui--order-summary .eda-order-item,
.eda-ui.eda-ui--payment .eda-order-item {
	display: flex !important;
	align-items: flex-start !important;
	justify-content: space-between !important;
	gap: 1rem !important;
	padding: 0.875rem 0 !important;
	border-bottom: 1px solid #e5e7eb !important;
}

.eda-ui.eda-ui--order-summary .eda-order-item:last-child,
.eda-ui.eda-ui--payment .eda-order-item:last-child {
	border-bottom: 0 !important;
}

.eda-ui.eda-ui--order-summary .eda-order-item__details strong,
.eda-ui.eda-ui--payment .eda-order-item__details strong {
	display: block !important;
	font-size: 0.9375rem !important;
	font-weight: 600 !important;
	color: #111827 !important;
}

.eda-ui.eda-ui--order-summary .eda-order-item__type,
.eda-ui.eda-ui--payment .eda-order-item__type {
	display: inline-block !important;
	margin-top: 0.25rem !important;
	padding: 0.15rem 0.5rem !important;
	font-size: 0.6875rem !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.04em !important;
	color: #0d9488 !important;
	background: #ecfdf5 !important;
	border-radius: 4px !important;
}

.eda-ui.eda-ui--order-summary .eda-order-item__details p {
	margin: 0.35rem 0 0 !important;
	font-size: 0.8125rem !important;
	line-height: 1.45 !important;
	color: #64748b !important;
}

.eda-ui.eda-ui--order-summary .eda-order-item__price,
.eda-ui.eda-ui--payment .eda-order-item__price {
	flex-shrink: 0 !important;
	font-size: 0.9375rem !important;
	font-weight: 600 !important;
	color: #111827 !important;
	text-align: right !important;
}

.eda-ui.eda-ui--order-summary .eda-order-item__remove,
.eda-ui.eda-ui--payment .eda-order-item__remove {
	display: block !important;
	margin-top: 0.35rem !important;
	font-size: 0.75rem !important;
	font-weight: 500 !important;
	color: #0d9488 !important;
	text-decoration: none !important;
}

.eda-ui.eda-ui--order-summary .eda-order-item__remove:hover,
.eda-ui.eda-ui--order-summary .eda-order-item__remove:focus,
.eda-ui.eda-ui--payment .eda-order-item__remove:hover,
.eda-ui.eda-ui--payment .eda-order-item__remove:focus {
	color: #0f766e !important;
	text-decoration: underline !important;
}

.eda-ui.eda-ui--order-summary .eda-order-summary__total,
.eda-ui.eda-ui--payment .eda-order-summary__total {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 1rem !important;
	padding: 0.875rem 1rem !important;
	margin: 1rem 0 0 !important;
	font-size: 0.9375rem !important;
	color: #374151 !important;
	background: #F7F9FB !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 6px !important;
}

.eda-ui.eda-ui--order-summary .eda-order-summary__total strong,
.eda-ui.eda-ui--payment .eda-order-summary__total strong {
	font-size: 1.0625rem !important;
	font-weight: 700 !important;
	color: #111827 !important;
}

.eda-ui.eda-ui--order-summary .eda-field--actions,
.eda-ui.eda-ui--payment .eda-field--actions {
	margin: 1.375rem 0 0 !important;
}

.eda-ui.eda-ui--payment .eda-payment-methods {
	display: grid !important;
	gap: 0.625rem !important;
	margin-bottom: 1rem !important;
}

.eda-ui.eda-ui--payment .eda-payment-method {
	display: flex !important;
	align-items: center !important;
	gap: 0.75rem !important;
	padding: 0.875rem 1rem !important;
	background: #F7F9FB !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 6px !important;
	cursor: pointer !important;
}

.eda-ui.eda-ui--payment .eda-payment-method:has(input:checked) {
	background: #ecfdf5 !important;
	border-color: rgba(13, 148, 136, 0.35) !important;
}

.eda-ui.eda-ui--payment .eda-payment-method input {
	margin: 0 !important;
	accent-color: #0d9488 !important;
}

.eda-ui.eda-ui--payment .eda-payment-method__label {
	font-size: 0.9375rem !important;
	font-weight: 500 !important;
	color: #111827 !important;
}

.eda-ui.eda-ui--payment .eda-payment__panel {
	margin-bottom: 1rem !important;
	padding: 1rem !important;
	background: #F7F9FB !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 6px !important;
}

.eda-ui.eda-ui--payment .eda-payment__panel p,
.eda-ui.eda-ui--payment .eda-payment-method__note,
.eda-ui.eda-ui--payment .eda-payment__instructions {
	margin: 0 !important;
	font-size: 0.875rem !important;
	line-height: 1.55 !important;
	color: #475569 !important;
}

.eda-ui.eda-ui--payment .eda-payment-method__note {
	margin-top: 0.75rem !important;
}

.eda-ui.eda-ui--order-summary .eda-empty-state,
.eda-ui.eda-ui--payment .eda-empty-state {
	text-align: center !important;
}

.eda-ui.eda-ui--order-summary .eda-empty-state p,
.eda-ui.eda-ui--payment .eda-empty-state p {
	margin: 0 0 1.25rem !important;
	font-size: 0.9375rem !important;
	line-height: 1.5 !important;
	color: #4b5563 !important;
}

.eda-ui.eda-ui--order-summary a.eda-button,
.eda-ui.eda-ui--order-summary button.eda-button,
.eda-ui.eda-ui--payment a.eda-button,
.eda-ui.eda-ui--payment button.eda-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 12px 24px !important;
	font-size: 0.875rem !important;
	font-weight: 600 !important;
	color: #ffffff !important;
	background: #02A58C !important;
	border: 1px solid #02A58C !important;
	border-radius: 6px !important;
	box-shadow: none !important;
	text-decoration: none !important;
	cursor: pointer !important;
}

.eda-ui.eda-ui--order-summary a.eda-button--block,
.eda-ui.eda-ui--order-summary button.eda-button--block,
.eda-ui.eda-ui--payment a.eda-button--block,
.eda-ui.eda-ui--payment button.eda-button--block {
	width: auto !important;
	max-width: 100% !important;
}

.eda-ui.eda-ui--order-summary a.eda-button:hover,
.eda-ui.eda-ui--order-summary a.eda-button:focus,
.eda-ui.eda-ui--order-summary a.eda-button:active,
.eda-ui.eda-ui--order-summary button.eda-button:hover,
.eda-ui.eda-ui--order-summary button.eda-button:focus,
.eda-ui.eda-ui--order-summary button.eda-button:active,
.eda-ui.eda-ui--payment a.eda-button:hover,
.eda-ui.eda-ui--payment a.eda-button:focus,
.eda-ui.eda-ui--payment a.eda-button:active,
.eda-ui.eda-ui--payment button.eda-button:hover,
.eda-ui.eda-ui--payment button.eda-button:focus,
.eda-ui.eda-ui--payment button.eda-button:active {
	color: #ffffff !important;
	background: #000000 !important;
	border-color: #000000 !important;
}

/* Order summary & payment — shared layout */
.eda-ui.eda-ui--order-summary .eda-order-summary__layout,
.eda-ui.eda-ui--payment .eda-payment__layout {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 380px !important;
	gap: 1.5rem !important;
	align-items: start !important;
	margin-bottom: 2rem !important;
}

.eda-ui.eda-ui--order-summary .eda-order-summary__primary,
.eda-ui.eda-ui--order-summary .eda-order-summary__aside,
.eda-ui.eda-ui--payment .eda-payment__primary,
.eda-ui.eda-ui--payment .eda-payment__aside {
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.eda-ui.eda-ui--order-summary .eda-order-summary__primary:empty {
	display: none !important;
}

.eda-ui.eda-ui--order-summary .eda-order-summary__layout:has(.eda-order-summary__primary:empty) {
	grid-template-columns: 380px !important;
	justify-content: end !important;
}

.eda-ui.eda-ui--order-summary .eda-order-summary__recommended,
.eda-ui.eda-ui--payment .eda-payment__recommended {
	display: flex !important;
	flex-direction: column !important;
	gap: 2rem !important;
	margin-top: 2rem !important;
}

.eda-ui.eda-ui--order-summary .eda-order-summary__layout--recommended-primary {
	margin-bottom: 0 !important;
}

.eda-ui.eda-ui--payment .eda-payment__primary-recommended {
	margin-top: 1.5rem !important;
}

.eda-ui.eda-ui--order-summary .eda-express-card,
.eda-ui.eda-ui--payment .eda-express-card {
	position: relative !important;
	overflow: hidden !important;
	margin: 0 !important;
	padding: 1.5rem 1.5rem 1.75rem !important;
	background: #ffffff !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 12px !important;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

.eda-ui.eda-ui--order-summary .eda-express-card__content,
.eda-ui.eda-ui--payment .eda-express-card__content {
	position: relative !important;
}

.eda-ui.eda-ui--order-summary .eda-express-card__title,
.eda-ui.eda-ui--payment .eda-express-card__title {
	margin: 0 0 0.75rem !important;
	font-size: 1.5rem !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	letter-spacing: -0.02em !important;
	color: #111827 !important;
}

.eda-ui.eda-ui--order-summary .eda-express-card__lead,
.eda-ui.eda-ui--payment .eda-express-card__lead {
	margin: 0 0 1.25rem !important;
	font-size: 0.9375rem !important;
	line-height: 1.55 !important;
	color: #4b5563 !important;
}

.eda-ui.eda-ui--order-summary .eda-express-card__lead strong,
.eda-ui.eda-ui--payment .eda-express-card__lead strong {
	font-weight: 700 !important;
	color: #111827 !important;
}

.eda-ui.eda-ui--order-summary .eda-express-card__features,
.eda-ui.eda-ui--payment .eda-express-card__features {
	list-style: none !important;
	margin: 0 0 1.25rem !important;
	padding: 0 !important;
}

.eda-ui.eda-ui--order-summary .eda-express-card__features li,
.eda-ui.eda-ui--payment .eda-express-card__features li {
	display: flex !important;
	align-items: flex-start !important;
	gap: 0.625rem !important;
	margin: 0 0 0.75rem !important;
	font-size: 0.875rem !important;
	line-height: 1.5 !important;
	color: #374151 !important;
}

.eda-ui.eda-ui--order-summary .eda-express-card__features li:last-child,
.eda-ui.eda-ui--payment .eda-express-card__features li:last-child {
	margin-bottom: 0 !important;
}

.eda-ui.eda-ui--order-summary .eda-express-card__feature-icon,
.eda-ui.eda-ui--payment .eda-express-card__feature-icon {
	display: inline-flex !important;
	flex-shrink: 0 !important;
	align-items: center !important;
	justify-content: center !important;
	width: 1.25rem !important;
	height: 1.25rem !important;
	margin-top: 0.125rem !important;
	color: #02A58C !important;
}

.eda-ui.eda-ui--order-summary .eda-express-card__note,
.eda-ui.eda-ui--payment .eda-express-card__note {
	margin: 0 0 1.5rem !important;
	font-size: 0.8125rem !important;
	line-height: 1.5 !important;
	color: #6b7280 !important;
}

.eda-ui.eda-ui--order-summary .eda-express-card__cta,
.eda-ui.eda-ui--payment .eda-express-card__cta {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.5rem !important;
	width: auto !important;
	max-width: 100% !important;
	padding: 10px 20px !important;
	font-size: 0.8125rem !important;
}

.eda-ui.eda-ui--order-summary .eda-order-summary-card,
.eda-ui.eda-ui--payment .eda-order-summary-card {
	box-sizing: border-box !important;
	width: 380px !important;
	max-width: 100% !important;
	overflow: hidden !important;
	margin: 0 !important;
	background: #ffffff !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 12px !important;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

.eda-ui.eda-ui--order-summary .eda-checkout-aside-stack,
.eda-ui.eda-ui--payment .eda-checkout-aside-stack {
	display: flex !important;
	flex-direction: column !important;
	gap: 0 !important;
	width: 100% !important;
}

.eda-ui.eda-ui--order-summary .eda-stripe-trust,
.eda-ui.eda-ui--payment .eda-stripe-trust {
	position: relative !important;
	margin: 1rem 0 0 !important;
	padding: 1.625rem 1rem 1.125rem !important;
	background: #ffffff !important;
	border: 1px solid #c8d0da !important;
	border-radius: 6px !important;
	box-sizing: border-box !important;
}

.eda-ui.eda-ui--order-summary .eda-stripe-trust__legend,
.eda-ui.eda-ui--payment .eda-stripe-trust__legend {
	position: absolute !important;
	top: 0 !important;
	left: 1.125rem !important;
	margin: 0 !important;
	padding: 0 0.5rem !important;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 1.125rem !important;
	font-weight: 700 !important;
	font-style: normal !important;
	line-height: 1 !important;
	color: #7b8794 !important;
	letter-spacing: -0.03em !important;
	text-transform: lowercase !important;
	background: #ffffff !important;
	transform: translateY(-50%) !important;
}

.eda-ui.eda-ui--order-summary .eda-stripe-trust__cards,
.eda-ui.eda-ui--payment .eda-stripe-trust__cards {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 0.375rem !important;
	width: 100% !important;
}

.eda-ui.eda-ui--order-summary .eda-stripe-trust__card-icon,
.eda-ui.eda-ui--payment .eda-stripe-trust__card-icon {
	display: block !important;
	flex: 1 1 0 !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: 4.5rem !important;
	height: 1.875rem !important;
	object-fit: contain !important;
	object-position: center !important;
}

.eda-ui.eda-ui--order-summary .eda-order-summary-card__header,
.eda-ui.eda-ui--payment .eda-order-summary-card__header {
	display: flex !important;
	align-items: center !important;
	padding: 1rem 1.25rem !important;
	color: #ffffff !important;
	background: #02A58C !important;
}

.eda-ui.eda-ui--order-summary .eda-order-summary-card__title,
.eda-ui.eda-ui--payment .eda-order-summary-card__title {
	margin: 0 !important;
	font-size: 1.0625rem !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	color: #ffffff !important;
}

.eda-ui.eda-ui--order-summary .eda-order-summary-card__body,
.eda-ui.eda-ui--payment .eda-order-summary-card__body {
	padding: 1.25rem 1.25rem 1.5rem !important;
}

.eda-ui.eda-ui--order-summary .eda-order-summary-card__row,
.eda-ui.eda-ui--payment .eda-order-summary-card__row {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	gap: 0.75rem !important;
	align-items: center !important;
	padding: 0.75rem 0 !important;
	border-bottom: 1px solid #eef2f7 !important;
}

.eda-ui.eda-ui--order-summary .eda-order-summary-card__row--item,
.eda-ui.eda-ui--payment .eda-order-summary-card__row--item {
	align-items: start !important;
}

.eda-ui.eda-ui--order-summary .eda-order-summary-card__row--head,
.eda-ui.eda-ui--payment .eda-order-summary-card__row--head {
	padding-top: 0 !important;
	font-size: 0.8125rem !important;
	font-weight: 700 !important;
	color: #111827 !important;
}

.eda-ui.eda-ui--order-summary .eda-order-summary-card__row--item .eda-order-summary-card__cell--service,
.eda-ui.eda-ui--payment .eda-order-summary-card__row--item .eda-order-summary-card__cell--service {
	display: block !important;
	min-width: 0 !important;
}

.eda-ui.eda-ui--order-summary .eda-order-summary-card__service-name,
.eda-ui.eda-ui--payment .eda-order-summary-card__service-name {
	display: block !important;
	min-width: 0 !important;
	padding-left: 0 !important;
	font-size: 0.875rem !important;
	line-height: 1.45 !important;
	color: #374151 !important;
}

.eda-ui.eda-ui--order-summary .eda-order-summary-card__service-title,
.eda-ui.eda-ui--payment .eda-order-summary-card__service-title {
	display: inline !important;
	line-height: 1.45 !important;
}

.eda-ui.eda-ui--order-summary .eda-service-tier,
.eda-ui.eda-ui--payment .eda-service-tier {
	display: inline-block !important;
	padding: 0 3px !important;
	color: #fff !important;
	border-radius: 3px !important;
	position: static !important;
	line-height: normal !important;
	white-space: nowrap !important;
	vertical-align: baseline !important;
}

.eda-ui.eda-ui--order-summary .eda-service-tier--standard,
.eda-ui.eda-ui--payment .eda-service-tier--standard {
	background: #4B4B4B !important;
    padding: 0.2rem 0.625rem !important;
    font-size: 0.6875rem !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    border-radius: 4px !important;
}

.eda-ui.eda-ui--order-summary .eda-service-tier--express,
.eda-ui.eda-ui--payment .eda-service-tier--express {
	background: #02A58C !important;
	padding: 0.2rem 0.625rem !important;
    font-size: 0.6875rem !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    border-radius: 4px !important;
}

.eda-ui.eda-ui--order-summary .eda-order-summary-card__remove,
.eda-ui.eda-ui--payment .eda-order-summary-card__remove {
	display: inline-flex !important;
	flex-shrink: 0 !important;
	align-items: center !important;
	justify-content: center !important;
	width: 1.5rem !important;
	height: 1.5rem !important;
	margin-top: 0.1rem !important;
	color: #9ca3af !important;
	text-decoration: none !important;
	border-radius: 4px !important;
}

.eda-ui.eda-ui--order-summary .eda-order-summary-card__remove:hover,
.eda-ui.eda-ui--payment .eda-order-summary-card__remove:hover,
.eda-ui.eda-ui--order-summary .eda-order-summary-card__remove:focus,
.eda-ui.eda-ui--payment .eda-order-summary-card__remove:focus {
	color: #111827 !important;
	background: #f3f4f6 !important;
}

.eda-ui.eda-ui--order-summary .eda-order-summary-card__cell--price,
.eda-ui.eda-ui--payment .eda-order-summary-card__cell--price {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 0.35rem !important;
	font-size: 0.875rem !important;
	font-weight: 600 !important;
	color: #111827 !important;
	text-align: right !important;
	white-space: nowrap !important;
}

.eda-ui.eda-ui--order-summary .eda-order-summary-card__row--item .eda-order-summary-card__cell--price,
.eda-ui.eda-ui--payment .eda-order-summary-card__row--item .eda-order-summary-card__cell--price {
	flex-direction: row !important;
	align-items: flex-start !important;
	gap: 0.35rem !important;
}

.eda-ui.eda-ui--order-summary .eda-order-summary-card__price-value,
.eda-ui.eda-ui--payment .eda-order-summary-card__price-value {
	font-size: 0.875rem !important;
	font-weight: 700 !important;
	line-height: 1.45 !important;
	color: #111827 !important;
}

.eda-ui.eda-ui--order-summary .eda-order-summary-card__row--subtotal,
.eda-ui.eda-ui--payment .eda-order-summary-card__row--subtotal {
	font-size: 0.875rem !important;
	color: #374151 !important;
}

.eda-ui.eda-ui--order-summary .eda-order-summary-card__row--total,
.eda-ui.eda-ui--payment .eda-order-summary-card__row--total {
	border-bottom: 0 !important;
	padding-bottom: 0 !important;
	font-size: 0.9375rem !important;
	font-weight: 700 !important;
	color: #02A58C !important;
}

.eda-ui.eda-ui--order-summary .eda-order-summary-card__row--total .eda-order-summary-card__cell--price,
.eda-ui.eda-ui--payment .eda-order-summary-card__row--total .eda-order-summary-card__cell--price {
	font-size: 1.125rem !important;
	font-weight: 700 !important;
	color: #02A58C !important;
}

.eda-ui.eda-ui--order-summary .eda-order-summary-card__form,
.eda-ui.eda-ui--payment .eda-order-summary-card__form {
	margin-top: 1.25rem !important;
	width: 100% !important;
	text-align: center !important;
}

.eda-ui.eda-ui--order-summary .eda-order-summary-card__hint,
.eda-ui.eda-ui--payment .eda-order-summary-card__hint {
	margin: 0 0 0.5rem !important;
	font-size: 0.8125rem !important;
	line-height: 1.45 !important;
	color: #6b7280 !important;
	text-align: center !important;
}

.eda-ui.eda-ui--order-summary .eda-order-summary-card__links,
.eda-ui.eda-ui--payment .eda-order-summary-card__links {
	margin: 0 0 1rem !important;
	font-size: 0.8125rem !important;
	text-align: center !important;
}

.eda-ui.eda-ui--order-summary .eda-order-summary-card__links a,
.eda-ui.eda-ui--payment .eda-order-summary-card__links a {
	color: #02A58C !important;
	font-weight: 500 !important;
	text-decoration: none !important;
}

.eda-ui.eda-ui--order-summary .eda-order-summary-card__links a:hover,
.eda-ui.eda-ui--payment .eda-order-summary-card__links a:hover,
.eda-ui.eda-ui--order-summary .eda-order-summary-card__links a:focus,
.eda-ui.eda-ui--payment .eda-order-summary-card__links a:focus {
	text-decoration: underline !important;
}

.eda-ui.eda-ui--order-summary .eda-order-summary-card__checkout,
.eda-ui.eda-ui--payment .eda-order-summary-card__checkout {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.5rem !important;
	width: auto !important;
	min-width: 12rem !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

.eda-ui.eda-ui--order-summary button.eda-button.eda-order-summary-card__checkout,
.eda-ui.eda-ui--payment button.eda-button.eda-order-summary-card__checkout {
	width: auto !important;
	min-width: 12rem !important;
	max-width: 100% !important;
}

.eda-ui.eda-ui--order-summary .eda-icon,
.eda-ui.eda-ui--payment .eda-icon {
	display: block !important;
	flex-shrink: 0 !important;
}

.eda-ui.eda-ui--order-summary .eda-express-card__feature-icon .eda-icon,
.eda-ui.eda-ui--payment .eda-express-card__feature-icon .eda-icon {
	color: #02A58C !important;
}

.eda-ui.eda-ui--order-summary .eda-recommendations--order-summary,
.eda-ui.eda-ui--payment .eda-recommendations--order-summary {
	display: block !important;
	margin: 0 !important;
}

.eda-ui.eda-ui--order-summary .eda-recommendations__section--order-summary .eda-recommendations__header,
.eda-ui.eda-ui--payment .eda-recommendations__section--order-summary .eda-recommendations__header {
	margin-bottom: 1.25rem !important;
}

.eda-ui.eda-ui--order-summary .eda-recommendations__section--order-summary .eda-recommendations__eyebrow,
.eda-ui.eda-ui--payment .eda-recommendations__section--order-summary .eda-recommendations__eyebrow {
	display: block !important;
	margin-bottom: 0.35rem !important;
	font-size: 0.75rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	color: #02A58C !important;
}

.eda-ui.eda-ui--order-summary .eda-recommendations__section--order-summary .eda-recommendations__header h2,
.eda-ui.eda-ui--payment .eda-recommendations__section--order-summary .eda-recommendations__header h2 {
	margin: 0 !important;
	max-width: 42rem !important;
	font-size: 1.125rem !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	color: #111827 !important;
}

.eda-ui.eda-ui--order-summary .eda-offer-grid,
.eda-ui.eda-ui--payment .eda-offer-grid {
	display: flex !important;
	flex-direction: column !important;
	gap: 1rem !important;
}

.eda-ui.eda-ui--order-summary .eda-offer-card,
.eda-ui.eda-ui--payment .eda-offer-card {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	gap: 1.25rem !important;
	align-items: center !important;
	padding: 1.125rem 1.25rem !important;
	background: #ffffff !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 12px !important;
}

.eda-ui.eda-ui--order-summary .eda-offer-card__badge,
.eda-ui.eda-ui--payment .eda-offer-card__badge {
	display: inline-block !important;
	margin-bottom: 0.625rem !important;
	padding: 0.2rem 0.625rem !important;
	font-size: 0.6875rem !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	border-radius: 4px !important;
}

.eda-ui.eda-ui--order-summary .eda-offer-card__badge--offer,
.eda-ui.eda-ui--payment .eda-offer-card__badge--offer {
	color: #ffffff !important;
	background: #02A58C !important;
}

.eda-ui.eda-ui--order-summary .eda-offer-card__badge--essential,
.eda-ui.eda-ui--payment .eda-offer-card__badge--essential {
	color: #ffffff !important;
	background: #e54d4d !important;
}

.eda-ui.eda-ui--order-summary .eda-offer-card__badge--default,
.eda-ui.eda-ui--payment .eda-offer-card__badge--default {
	color: #02A58C !important;
	background: #ecfdf5 !important;
}

.eda-ui.eda-ui--order-summary .eda-offer-card h3,
.eda-ui.eda-ui--payment .eda-offer-card h3 {
	margin: 0 0 0.5rem !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	color: #111827 !important;
}

.eda-ui.eda-ui--order-summary .eda-offer-card__excerpt,
.eda-ui.eda-ui--payment .eda-offer-card__excerpt {
	margin: 0 !important;
	max-width: 38rem !important;
	font-size: 0.875rem !important;
	line-height: 1.55 !important;
	color: #6b7280 !important;
}

.eda-ui.eda-ui--order-summary .eda-offer-card__proof,
.eda-ui.eda-ui--payment .eda-offer-card__proof {
	display: flex !important;
	align-items: flex-start !important;
	gap: 0.5rem !important;
	margin: 0.875rem 0 0 !important;
	font-size: 0.8125rem !important;
	line-height: 1.45 !important;
	color: #02A58C !important;
}

.eda-ui.eda-ui--order-summary .eda-offer-card__proof-icon,
.eda-ui.eda-ui--payment .eda-offer-card__proof-icon {
	display: inline-flex !important;
	flex-shrink: 0 !important;
	margin-top: 0.125rem !important;
}

.eda-ui.eda-ui--order-summary .eda-offer-card__aside,
.eda-ui.eda-ui--payment .eda-offer-card__aside {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-end !important;
	gap: 0.75rem !important;
	min-width: 11rem !important;
}

.eda-ui.eda-ui--order-summary .eda-offer-card__pricing,
.eda-ui.eda-ui--payment .eda-offer-card__pricing {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-end !important;
	gap: 0.15rem !important;
	text-align: right !important;
}

.eda-ui.eda-ui--order-summary .eda-offer-card__compare,
.eda-ui.eda-ui--payment .eda-offer-card__compare {
	font-size: 0.875rem !important;
	color: #9ca3af !important;
	text-decoration: line-through !important;
}

.eda-ui.eda-ui--order-summary .eda-offer-card__price,
.eda-ui.eda-ui--payment .eda-offer-card__price {
	font-size: 1.375rem !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	color: #02A58C !important;
}

.eda-ui.eda-ui--order-summary .eda-offer-card__savings,
.eda-ui.eda-ui--payment .eda-offer-card__savings,
.eda-ui.eda-ui--order-summary .eda-offer-card__note,
.eda-ui.eda-ui--payment .eda-offer-card__note {
	font-size: 0.8125rem !important;
	line-height: 1.35 !important;
	color: #6b7280 !important;
}

.eda-ui.eda-ui--order-summary .eda-offer-card__add,
.eda-ui.eda-ui--payment .eda-offer-card__add {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.5rem !important;
	padding: 0.75rem 1.25rem !important;
	color: #02A58C !important;
	background: #ffffff !important;
	border: 1px solid #02A58C !important;
	white-space: nowrap !important;
}

.eda-ui.eda-ui--order-summary .eda-offer-card__add:hover,
.eda-ui.eda-ui--payment .eda-offer-card__add:hover,
.eda-ui.eda-ui--order-summary .eda-offer-card__add:focus,
.eda-ui.eda-ui--payment .eda-offer-card__add:focus,
.eda-ui.eda-ui--order-summary .eda-offer-card__add:active,
.eda-ui.eda-ui--payment .eda-offer-card__add:active {
	color: #ffffff !important;
	background: #000000 !important;
	border-color: #000000 !important;
}

/* Payment page — primary card */
.eda-ui.eda-ui--payment .eda-payment-card {
	overflow: hidden !important;
	background: #ffffff !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 12px !important;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

.eda-ui.eda-ui--payment .eda-payment-card__header {
	display: flex !important;
	align-items: center !important;
	padding: 1rem 1.25rem !important;
	color: #ffffff !important;
	background: #02A58C !important;
}

.eda-ui.eda-ui--payment .eda-payment-card__title {
	margin: 0 !important;
	font-size: 1.0625rem !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	color: #ffffff !important;
}

.eda-ui.eda-ui--payment .eda-payment-card__body {
	padding: 1.5rem 1.5rem 1.75rem !important;
}

.eda-ui.eda-ui--payment .eda-payment-card__intro {
	margin: 0 0 1.25rem !important;
	font-size: 0.9375rem !important;
	line-height: 1.55 !important;
	color: #4b5563 !important;
}

.eda-ui.eda-ui--payment .eda-payment-form {
	width: 100% !important;
}

.eda-ui.eda-ui--payment .eda-payment-methods {
	display: flex !important;
	flex-direction: column !important;
	gap: 0.75rem !important;
	margin-bottom: 1.25rem !important;
}

.eda-ui.eda-ui--payment .eda-payment-method {
	display: grid !important;
	grid-template-columns: auto 1fr !important;
	gap: 0.75rem !important;
	align-items: center !important;
	padding: 1rem 1.125rem !important;
	background: #ffffff !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 10px !important;
	cursor: pointer !important;
	transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

.eda-ui.eda-ui--payment .eda-payment-method:has(input:checked) {
	border-color: #02A58C !important;
	box-shadow: 0 0 0 1px rgba(2, 165, 140, 0.12) !important;
	background: #f8fffd !important;
}

.eda-ui.eda-ui--payment .eda-payment-method input {
	position: absolute !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.eda-ui.eda-ui--payment .eda-payment-method__indicator {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 1.125rem !important;
	height: 1.125rem !important;
	border: 1.5px solid #cbd5e1 !important;
	border-radius: 999px !important;
	background: #ffffff !important;
}

.eda-ui.eda-ui--payment .eda-payment-method__indicator::after {
	content: "" !important;
	width: 0.5rem !important;
	height: 0.5rem !important;
	border-radius: 999px !important;
	background: #02A58C !important;
	opacity: 0 !important;
	transform: scale(0.5) !important;
	transition: opacity 0.15s ease, transform 0.15s ease !important;
}

.eda-ui.eda-ui--payment .eda-payment-method:has(input:checked) .eda-payment-method__indicator {
	border-color: #02A58C !important;
}

.eda-ui.eda-ui--payment .eda-payment-method:has(input:checked) .eda-payment-method__indicator::after {
	opacity: 1 !important;
	transform: scale(1) !important;
}

.eda-ui.eda-ui--payment .eda-payment-method__label {
	font-size: 0.9375rem !important;
	font-weight: 600 !important;
	color: #111827 !important;
}

.eda-ui.eda-ui--payment .eda-payment__panel {
	margin-bottom: 1.25rem !important;
	padding: 1rem 1.125rem !important;
	background: #f8fafc !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 10px !important;
}

.eda-ui.eda-ui--payment .eda-payment__panel-title {
	margin: 0 0 0.75rem !important;
	font-size: 0.875rem !important;
	font-weight: 700 !important;
	color: #111827 !important;
}

.eda-ui.eda-ui--payment .eda-payment__panel p,
.eda-ui.eda-ui--payment .eda-payment-method__note,
.eda-ui.eda-ui--payment .eda-payment__instructions {
	margin: 0 !important;
	font-size: 0.875rem !important;
	line-height: 1.55 !important;
	color: #475569 !important;
}

.eda-ui.eda-ui--payment .eda-payment-method__note {
	margin-top: 0.75rem !important;
}

.eda-ui.eda-ui--payment .eda-payment-card__hint {
	margin: 0 0 1.25rem !important;
	font-size: 0.8125rem !important;
	line-height: 1.5 !important;
	color: #6b7280 !important;
}

.eda-ui.eda-ui--payment .eda-payment-card__submit {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.5rem !important;
	width: auto !important;
	min-width: 12rem !important;
	max-width: 100% !important;
	margin: 0 auto !important;
	box-sizing: border-box !important;
}

.eda-ui.eda-ui--payment button.eda-button.eda-payment-card__submit {
	width: auto !important;
	min-width: 12rem !important;
	max-width: 100% !important;
}


/* Recommendations on order summary (legacy) */
.eda-ui.eda-ui--order-summary .eda-recommendations,
.eda-ui.eda-ui--payment .eda-recommendations {
	display: flex !important;
	flex-direction: column !important;
	gap: 1rem !important;
	margin: 0 !important;
}

.eda-ui.eda-ui--order-summary .eda-upsell-banner {
	padding: 1.25rem 1.375rem !important;
	background: #F7F9FB !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 8px !important;
	box-shadow: none !important;
}

.eda-ui.eda-ui--order-summary .eda-upsell-banner__intro h2,
.eda-ui.eda-ui--order-summary .eda-recommendations__header h2 {
	margin: 0 0 0.35rem !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	color: #111827 !important;
}

.eda-ui.eda-ui--order-summary .eda-upsell-banner__intro p,
.eda-ui.eda-ui--order-summary .eda-recommendations__header p {
	margin: 0 !important;
	font-size: 0.875rem !important;
	color: #64748b !important;
}

.eda-ui.eda-ui--order-summary .eda-upsell-banner__eyebrow,
.eda-ui.eda-ui--order-summary .eda-recommendations__eyebrow {
	display: block !important;
	margin-bottom: 0.35rem !important;
	font-size: 0.6875rem !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.04em !important;
	color: #0d9488 !important;
}

.eda-ui.eda-ui--order-summary .eda-upsell-banner__price,
.eda-ui.eda-ui--order-summary .eda-cross-sell-card__price {
	font-size: 1.125rem !important;
	font-weight: 700 !important;
	color: #0d9488 !important;
}

.eda-ui.eda-ui--order-summary .eda-cross-sell-card {
	padding: 1.25rem !important;
	background: #F7F9FB !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 8px !important;
}

/* 2-Year Plan offer modal */
body.eda-two-year-modal-open {
	overflow: hidden !important;
}

.eda-two-year-modal {
	position: fixed !important;
	inset: 0 !important;
	z-index: 100000 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 1.5rem !important;
}

.eda-two-year-modal[hidden] {
	display: none !important;
}

.eda-two-year-modal.is-open {
	display: flex !important;
}

.eda-ui.eda-ui--order-summary .eda-upsell-banner--special {
	display: none !important;
}

.eda-two-year-modal__overlay {
	position: absolute !important;
	inset: 0 !important;
	background: rgba(15, 23, 42, 0.55) !important;
	backdrop-filter: blur(4px) !important;
}

.eda-two-year-modal__dialog {
	position: relative !important;
	width: 100% !important;
	max-width: 28rem !important;
	max-height: calc(100vh - 3rem) !important;
	overflow: auto !important;
	background: #ffffff !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 12px !important;
	box-shadow: none !important;
}

.eda-two-year-modal__close {
	position: absolute !important;
	top: 0.875rem !important;
	right: 0.875rem !important;
	z-index: 2 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 2.25rem !important;
	height: 2.25rem !important;
	padding: 0 !important;
	color: #64748b !important;
	background: rgba(255, 255, 255, 0.9) !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 999px !important;
	cursor: pointer !important;
}

.eda-two-year-modal__close:hover,
.eda-two-year-modal__close:focus {
	color: #111827 !important;
	background: #ffffff !important;
}

.eda-two-year-modal__hero {
	padding: 1.75rem 1.75rem 1.5rem !important;
	text-align: center !important;
	color: #ffffff !important;
	background: linear-gradient(135deg, #0d9488 0%, #0f766e 55%, #115e59 100%) !important;
	border-radius: 12px 12px 0 0 !important;
}

.eda-two-year-modal__badge {
	display: inline-block !important;
	margin-bottom: 0.625rem !important;
	padding: 0.25rem 0.75rem !important;
	font-size: 0.6875rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	color: #ecfdf5 !important;
	background: rgba(255, 255, 255, 0.16) !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	border-radius: 999px !important;
}

.eda-two-year-modal__title {
	margin: 0 0 0.5rem !important;
	font-size: 1.5rem !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	letter-spacing: -0.02em !important;
	color: #ffffff !important;
}

.eda-two-year-modal__lead {
	margin: 0 !important;
	font-size: 0.9375rem !important;
	line-height: 1.5 !important;
	color: rgba(255, 255, 255, 0.92) !important;
}

.eda-two-year-modal__body {
	padding: 1.5rem 1.75rem 1.75rem !important;
}

.eda-two-year-modal__offer {
	margin-bottom: 1rem !important;
	padding: 1rem 1.125rem !important;
	text-align: center !important;
	background: #F7F9FB !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 8px !important;
}

.eda-two-year-modal__offer-name {
	margin: 0 0 0.35rem !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	color: #111827 !important;
}

.eda-two-year-modal__offer-excerpt {
	margin: 0 0 0.75rem !important;
	font-size: 0.875rem !important;
	line-height: 1.5 !important;
	color: #64748b !important;
}

.eda-two-year-modal__price {
	margin: 0 !important;
	font-size: 2rem !important;
	font-weight: 700 !important;
	line-height: 1.1 !important;
	color: #0d9488 !important;
}

.eda-two-year-modal__savings {
	display: inline-block !important;
	margin: 0.75rem 0 0 !important;
	padding: 0.4rem 0.875rem !important;
	font-size: 0.875rem !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	color: #0f766e !important;
	background: #ecfdf5 !important;
	border: 1px solid #99f6e4 !important;
	border-radius: 999px !important;
}

.eda-two-year-modal__features {
	list-style: none !important;
	margin: 0 0 1.25rem !important;
	padding: 0 !important;
}

.eda-two-year-modal__features li {
	position: relative !important;
	padding: 0.45rem 0 0.45rem 1.375rem !important;
	font-size: 0.875rem !important;
	line-height: 1.45 !important;
	color: #475569 !important;
	border-bottom: 1px solid #f1f5f9 !important;
}

.eda-two-year-modal__features li:last-child {
	border-bottom: 0 !important;
}

.eda-two-year-modal__features li::before {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	top: 0.75rem !important;
	width: 0.5rem !important;
	height: 0.5rem !important;
	background: #0d9488 !important;
	border-radius: 999px !important;
}

.eda-two-year-modal__actions {
	display: flex !important;
	flex-direction: column !important;
	gap: 0.75rem !important;
}

.eda-two-year-modal__actions .eda-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 16px 35px !important;
	font-size: 0.9375rem !important;
	font-weight: 600 !important;
	color: #ffffff !important;
	text-decoration: none !important;
	background: #02A58C !important;
	border: 1px solid #02A58C !important;
	border-radius: 6px !important;
	box-shadow: none !important;
}

.eda-two-year-modal__actions .eda-button--block {
	display: inline-flex !important;
	width: auto !important;
	max-width: 100% !important;
}

.eda-two-year-modal__actions .eda-button:hover,
.eda-two-year-modal__actions .eda-button:focus,
.eda-two-year-modal__actions .eda-button:active {
	color: #ffffff !important;
	background: #000000 !important;
	border-color: #000000 !important;
}

.eda-two-year-modal__actions .eda-button--outline {
	color: #111827 !important;
	background: #ffffff !important;
	border: 1px solid #cbd5e1 !important;
}

.eda-two-year-modal__actions .eda-button--outline:hover,
.eda-two-year-modal__actions .eda-button--outline:focus {
	color: #111827 !important;
	background: #F7F9FB !important;
	border-color: #94a3b8 !important;
}

.eda-ui.eda-ui--order-summary .eda-upsell-banner--special {
	display: none !important;
}

@media (max-width: 960px) {
	.eda-ui.eda-ui--order-summary .eda-order-summary__layout,
	.eda-ui.eda-ui--payment .eda-payment__layout {
		grid-template-columns: 1fr !important;
	}

	.eda-ui.eda-ui--order-summary .eda-order-summary__aside,
	.eda-ui.eda-ui--payment .eda-payment__aside {
		order: -1 !important;
	}
}

@media (max-width: 768px) {
	.eda-ui.eda-ui--order-summary,
	.eda-ui.eda-ui--payment {
		padding: 2rem 1rem 2.5rem !important;
	}

	.eda-ui.eda-ui--order-summary .eda-page-header__title,
	.eda-ui.eda-ui--payment .eda-page-header__title {
		font-size: 1.5rem !important;
	}

	.eda-ui.eda-ui--order-summary .eda-auth__card,
	.eda-ui.eda-ui--payment .eda-auth__card {
		padding: 1.5rem 1.375rem 1.75rem !important;
	}

	.eda-two-year-modal {
		padding: 1rem !important;
	}

	.eda-two-year-modal__hero {
		padding: 1.5rem 1.25rem 1.25rem !important;
	}

	.eda-two-year-modal__body {
		padding: 1.25rem 1.25rem 1.5rem !important;
	}

	.eda-two-year-modal__title {
		font-size: 1.3125rem !important;
	}

	.eda-ui.eda-ui--order-summary .eda-express-card,
	.eda-ui.eda-ui--payment .eda-express-card {
		padding: 1.5rem 1.25rem 1.75rem !important;
	}

	.eda-ui.eda-ui--order-summary .eda-express-card__title,
	.eda-ui.eda-ui--payment .eda-express-card__title {
		font-size: 1.25rem !important;
	}

	.eda-ui.eda-ui--order-summary .eda-offer-card,
	.eda-ui.eda-ui--payment .eda-offer-card {
		grid-template-columns: 1fr !important;
		gap: 1rem !important;
		padding: 1.25rem !important;
	}

	.eda-ui.eda-ui--order-summary .eda-offer-card__aside,
	.eda-ui.eda-ui--payment .eda-offer-card__aside {
		align-items: flex-start !important;
		width: 100% !important;
		min-width: 0 !important;
	}

	.eda-ui.eda-ui--order-summary .eda-offer-card__pricing,
	.eda-ui.eda-ui--payment .eda-offer-card__pricing {
		align-items: flex-start !important;
		text-align: left !important;
	}

	.eda-ui.eda-ui--order-summary .eda-offer-card__add,
	.eda-ui.eda-ui--payment .eda-offer-card__add {
		width: 100% !important;
	}

	.eda-ui.eda-ui--payment .eda-payment-card__body {
		padding: 1.25rem 1.25rem 1.5rem !important;
	}

	.eda-ui.eda-ui--order-summary .eda-order-summary__layout:has(.eda-order-summary__primary:empty),
	.eda-ui.eda-ui--payment .eda-payment__layout:has(.eda-payment__primary:empty) {
		grid-template-columns: 1fr !important;
		justify-content: stretch !important;
	}

	.eda-ui.eda-ui--order-summary .eda-order-summary-card,
	.eda-ui.eda-ui--payment .eda-order-summary-card {
		width: 100% !important;
		border-radius: 12px !important;
		box-shadow: none !important;
	}

	.eda-ui.eda-ui--order-summary .eda-order-summary-card__header,
	.eda-ui.eda-ui--payment .eda-order-summary-card__header {
		padding: 0.875rem 1rem !important;
		border-radius: 12px 12px 0 0 !important;
	}

	.eda-ui.eda-ui--order-summary .eda-order-summary-card__title,
	.eda-ui.eda-ui--payment .eda-order-summary-card__title {
		font-size: 1rem !important;
	}

	.eda-ui.eda-ui--order-summary .eda-order-summary-card__body,
	.eda-ui.eda-ui--payment .eda-order-summary-card__body {
		padding: 0.875rem 1rem 1rem !important;
	}

	.eda-ui.eda-ui--order-summary .eda-order-summary-card__row,
	.eda-ui.eda-ui--payment .eda-order-summary-card__row {
		padding: 0.875rem 0 !important;
		border-bottom-color: #e5e7eb !important;
	}

	.eda-ui.eda-ui--order-summary .eda-order-summary-card__row--item,
	.eda-ui.eda-ui--payment .eda-order-summary-card__row--item {
		grid-template-columns: minmax(0, 1fr) auto !important;
		gap: 0.625rem !important;
		align-items: start !important;
		padding-top: 0 !important;
	}

	.eda-ui.eda-ui--order-summary .eda-order-summary-card__row--item .eda-order-summary-card__cell--price,
	.eda-ui.eda-ui--payment .eda-order-summary-card__row--item .eda-order-summary-card__cell--price {
		flex-direction: column !important;
		align-items: flex-end !important;
		justify-content: flex-start !important;
		gap: 0.5rem !important;
		min-width: 4.5rem !important;
		padding-top: 0 !important;
	}

	.eda-ui.eda-ui--order-summary .eda-order-summary-card__row--item .eda-order-summary-card__remove,
	.eda-ui.eda-ui--payment .eda-order-summary-card__row--item .eda-order-summary-card__remove {
		margin-top: 0 !important;
	}

	.eda-ui.eda-ui--order-summary .eda-order-summary-card__row--subtotal .eda-order-summary-card__cell--price,
	.eda-ui.eda-ui--payment .eda-order-summary-card__row--subtotal .eda-order-summary-card__cell--price {
		font-weight: 700 !important;
		color: #111827 !important;
	}

	.eda-ui.eda-ui--order-summary .eda-stripe-trust,
	.eda-ui.eda-ui--payment .eda-stripe-trust {
		margin-top: 0.875rem !important;
		padding: 1.5rem 0.875rem 1rem !important;
		border-radius: 12px !important;
	}

	.eda-ui.eda-ui--order-summary .eda-checkout-aside-stack,
	.eda-ui.eda-ui--payment .eda-checkout-aside-stack {
		width: 100% !important;
	}

	.eda-ui.eda-ui--order-summary .eda-order-summary-card__checkout,
	.eda-ui.eda-ui--payment .eda-order-summary-card__checkout,
	.eda-ui.eda-ui--order-summary button.eda-button.eda-order-summary-card__checkout,
	.eda-ui.eda-ui--payment button.eda-button.eda-order-summary-card__checkout,
	.eda-ui.eda-ui--payment .eda-payment-card__submit,
	.eda-ui.eda-ui--payment button.eda-button.eda-payment-card__submit {
		width: 100% !important;
		min-width: 0 !important;
	}

	.eda-ui.eda-ui--order-summary .eda-express-card__cta,
	.eda-ui.eda-ui--payment .eda-express-card__cta {
		width: 100% !important;
	}

	.eda-ui.eda-ui--order-summary .eda-stripe-trust__cards,
	.eda-ui.eda-ui--payment .eda-stripe-trust__cards {
		flex-wrap: nowrap !important;
		justify-content: center !important;
		gap: 0.5rem !important;
	}

	.eda-ui.eda-ui--order-summary .eda-stripe-trust__card-icon,
	.eda-ui.eda-ui--payment .eda-stripe-trust__card-icon {
		flex: 0 1 auto !important;
		max-width: 3.25rem !important;
		height: 1.5rem !important;
	}

	.eda-ui.eda-ui--order-summary .eda-order-summary-card__row--head,
	.eda-ui.eda-ui--payment .eda-order-summary-card__row--head {
		display: none !important;
	}

	.eda-ui.eda-ui--order-summary .eda-upsell-banner,
	.eda-ui.eda-ui--order-summary .eda-cross-sell-card {
		padding: 1rem 1.125rem !important;
	}

	.eda-two-year-modal__actions .eda-button {
		width: 100% !important;
	}
}

@media (max-width: 480px) {
	.eda-ui.eda-ui--order-summary,
	.eda-ui.eda-ui--payment {
		padding: 1.5rem 0.75rem 2rem !important;
	}

	.eda-ui.eda-ui--order-summary .eda-page-header__title,
	.eda-ui.eda-ui--payment .eda-page-header__title {
		font-size: 1.3125rem !important;
	}

	.eda-ui.eda-ui--order-summary .eda-auth__card,
	.eda-ui.eda-ui--payment .eda-auth__card {
		padding: 1.25rem 1rem 1.5rem !important;
	}

	.eda-ui.eda-ui--order-summary .eda-express-card__title,
	.eda-ui.eda-ui--payment .eda-express-card__title {
		font-size: 1.125rem !important;
	}

	.eda-ui.eda-ui--order-summary .eda-order-summary-card__header,
	.eda-ui.eda-ui--payment .eda-order-summary-card__header {
		padding: 0.875rem 1rem !important;
	}
}