/*
 * Dano Purchase Bridge — Stage 8.2 exact checkout UI — IRANSansX + supplied icons
 * Scoped to the purchase flow/result only so Plans, Calculator and admin UI stay untouched.
 */

.dano-pb-purchase,
.dano-pb-purchase *,
.dano-pb-payment-result,
.dano-pb-payment-result * {
	box-sizing: border-box !important;
}

.dano-pb-purchase,
.dano-pb-purchase *,
.dano-pb-payment-result,
.dano-pb-payment-result * {
	font-family: "IRANSansX", "IranSansX", "IRANSans", Tahoma, Arial, sans-serif !important;
	font-feature-settings: normal !important;
}

/* --------------------------------------------------------------------------
   Purchase shell
---------------------------------------------------------------------------- */
.dano-pb-purchase {
	--dano-exact-navy: #103f83;
	--dano-exact-navy-dark: #0d3570;
	--dano-exact-teal: #0ca2b6;
	--dano-exact-teal-soft: #d9f5f8;
	--dano-exact-progress: #09306F;
	--dano-exact-text: #151a25;
	--dano-exact-muted: #777d87;
	--dano-exact-line: #e5e9ef;
	position: relative !important;
	width: 100% !important;
	max-width: 1180px !important;
	margin: 0 auto !important;
	padding: 28px 20px 58px !important;
	overflow: visible !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--dano-exact-text) !important;
	direction: rtl !important;
	text-align: right !important;
}

.dano-pb-purchase::before,
.dano-pb-purchase::after {
	content: none !important;
	display: none !important;
}

.dano-pb-purchase__intro {
	width: 100% !important;
	max-width: 760px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	text-align: center !important;
}

.dano-pb-purchase__intro h2 {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	color: #141923 !important;
	font-family: inherit !important;
	font-size: clamp(30px, 3.2vw, 42px) !important;
	font-weight: 900 !important;
	line-height: 1.45 !important;
	letter-spacing: -.5px !important;
}

.dano-pb-purchase__intro p {
	margin: 7px 0 0 !important;
	padding: 0 !important;
	color: #626872 !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 2 !important;
}

/* --------------------------------------------------------------------------
   Three-step progress bar
---------------------------------------------------------------------------- */
.dano-pb-purchase .dano-pb-steps {
	position: relative !important;
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	width: 100% !important;
	max-width: 520px !important;
	margin: 67px auto 66px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	list-style: none !important;
	overflow: visible !important;
}

.dano-pb-purchase .dano-pb-steps::before,
.dano-pb-purchase .dano-pb-steps::after {
	content: "" !important;
	position: absolute !important;
	top: 25px !important;
	right: 16.6667% !important;
	left: 16.6667% !important;
	height: 2px !important;
	z-index: 0 !important;
	pointer-events: none !important;
}

.dano-pb-purchase .dano-pb-steps::before {
	background: repeating-linear-gradient(to left, #e1e6ed 0 7px, transparent 7px 12px) !important;
}

.dano-pb-purchase .dano-pb-steps::after {
	background: var(--dano-exact-progress) !important;
	transform: scaleX(0) !important;
	transform-origin: right center !important;
	transition: transform .24s ease !important;
}

.dano-pb-purchase[data-current-step="otp"] .dano-pb-steps::after { transform: scaleX(.5) !important; }
.dano-pb-purchase[data-current-step="summary"] .dano-pb-steps::after { transform: scaleX(1) !important; }

.dano-pb-purchase .dano-pb-steps > li {
	position: relative !important;
	z-index: 1 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 8px !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	color: #23465e !important;
	list-style: none !important;
	text-align: center !important;
}

.dano-pb-purchase .dano-pb-step-icon {
	display: grid !important;
	place-items: center !important;
	position: relative !important;
	width: 50px !important;
	height: 50px !important;
	min-width: 50px !important;
	flex: 0 0 50px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: #e8ecf2 !important;
	box-shadow: 0 0 0 6px rgba(255,255,255,.96) !important;
	color: #193e55 !important;
	transition: background .2s ease, color .2s ease !important;
}

.dano-pb-purchase .dano-pb-step-icon img {
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	display: block !important;
	vertical-align: middle !important;
	object-position: 50% 50% !important;
	width: 25px !important;
	height: 25px !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	object-fit: contain !important;
	filter: brightness(0) saturate(100%) !important;
	opacity: .72 !important;
	transition: filter .2s ease, opacity .2s ease !important;
}

.dano-pb-purchase .dano-pb-step-label {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	color: inherit !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.7 !important;
	white-space: nowrap !important;
}

.dano-pb-purchase .dano-pb-steps > li.is-active {
	color: var(--dano-exact-progress) !important;
}

.dano-pb-purchase .dano-pb-steps > li.is-active .dano-pb-step-icon {
	background: var(--dano-exact-progress) !important;
	color: #fff !important;
}

.dano-pb-purchase .dano-pb-steps > li.is-active .dano-pb-step-icon img {
	filter: brightness(0) invert(1) !important;
	opacity: 1 !important;
}

.dano-pb-purchase .dano-pb-steps > li.is-complete {
	color: #6f86ab !important;
}

.dano-pb-purchase .dano-pb-steps > li.is-complete .dano-pb-step-icon {
	background: #e8eef7 !important;
	color: var(--dano-exact-progress) !important;
}

.dano-pb-purchase .dano-pb-steps > li.is-complete .dano-pb-step-icon img {
	filter: brightness(0) saturate(100%) invert(16%) sepia(46%) saturate(2248%) hue-rotate(191deg) brightness(86%) contrast(105%) !important;
	opacity: 1 !important;
}

/* --------------------------------------------------------------------------
   White checkout card
---------------------------------------------------------------------------- */
.dano-pb-purchase .dano-pb-purchase__layout {
	position: relative !important;
	display: grid !important;
	grid-template-columns: 360px minmax(0, 1fr) !important;
	grid-template-areas: "aside main" !important;
	direction: ltr !important;
	align-items: center !important;
	column-gap: 78px !important;
	width: 100% !important;
	max-width: 1040px !important;
	min-height: 540px !important;
	margin: 0 auto !important;
	padding: 43px 72px !important;
	border: 1px solid #e2e5e9 !important;
	border-radius: 26px !important;
	background: #fff !important;
	box-shadow: 0 1px 3px rgba(16, 24, 40, .02) !important;
	overflow: hidden !important;
}

.dano-pb-purchase .dano-pb-purchase__main,
.dano-pb-purchase .dano-pb-purchase__aside {
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

.dano-pb-purchase .dano-pb-purchase__main {
	grid-area: main !important;
	direction: rtl !important;
	align-self: center !important;
}

.dano-pb-purchase .dano-pb-purchase__aside {
	grid-area: aside !important;
	direction: rtl !important;
}

.dano-pb-purchase .dano-pb-form-step[hidden],
.dano-pb-purchase .dano-pb-form-notice[hidden],
.dano-pb-purchase .dano-pb-debug-code[hidden],
.dano-pb-purchase .dano-pb-existing-owner[hidden] {
	display: none !important;
}

.dano-pb-purchase .dano-pb-form-step {
	width: 100% !important;
	max-width: 390px !important;
	margin: 0 !important;
	padding: 0 !important;
	animation: danoPbExactFade .2s ease both !important;
}

@keyframes danoPbExactFade {
	from { opacity: 0; transform: translateY(4px); }
	to { opacity: 1; transform: translateY(0); }
}

.dano-pb-purchase .dano-pb-stage-copy {
	margin: 0 0 36px !important;
	padding: 0 !important;
	text-align: right !important;
}

.dano-pb-purchase .dano-pb-stage-copy h3 {
	margin: 0 0 4px !important;
	padding: 0 !important;
	border: 0 !important;
	color: var(--dano-exact-navy) !important;
	font-family: inherit !important;
	font-size: 30px !important;
	font-weight: 900 !important;
	line-height: 1.55 !important;
}

.dano-pb-purchase .dano-pb-stage-copy p {
	margin: 0 !important;
	padding: 0 !important;
	color: #747983 !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.95 !important;
}

.dano-pb-purchase .dano-pb-stage-copy p strong {
	color: var(--dano-exact-navy) !important;
	font-weight: 700 !important;
	direction: ltr !important;
	unicode-bidi: embed !important;
}

/* --------------------------------------------------------------------------
   Exact input/button treatment
---------------------------------------------------------------------------- */
.dano-pb-purchase .dano-pb-user-form,
.dano-pb-purchase .dano-pb-otp-form,
.dano-pb-purchase .dano-pb-order-summary {
	width: 100% !important;
	max-width: 360px !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: right !important;
}

.dano-pb-purchase .dano-pb-exact-input,
.dano-pb-purchase .dano-pb-plan-picker select {
	display: block !important;
	width: 100% !important;
	height: 52px !important;
	min-height: 52px !important;
	margin: 0 0 16px !important;
	padding: 12px 16px !important;
	border: 1px solid #cfd4dc !important;
	border-radius: 10px !important;
	background: #fff !important;
	box-shadow: none !important;
	color: #303641 !important;
	font-family: inherit !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.55 !important;
	text-align: right !important;
	outline: 0 !important;
	appearance: none !important;
	transition: border-color .16s ease, box-shadow .16s ease !important;
}

.dano-pb-purchase .dano-pb-exact-input::placeholder {
	color: #b2b6bd !important;
	opacity: 1 !important;
	font-weight: 400 !important;
}

.dano-pb-purchase .dano-pb-exact-input:focus,
.dano-pb-purchase .dano-pb-plan-picker select:focus {
	border-color: #8cbec8 !important;
	box-shadow: 0 0 0 2px rgba(12, 162, 182, .08) !important;
}

.dano-pb-purchase .dano-pb-exact-input--mobile,
.dano-pb-purchase .dano-pb-exact-input--otp {
	direction: ltr !important;
	text-align: right !important;
}

.dano-pb-purchase .dano-pb-exact-input--otp {
	letter-spacing: 0 !important;
	font-size: 16px !important;
	font-weight: 600 !important;
}

.dano-pb-purchase .dano-pb-plan-picker {
	display: block !important;
	margin: 0 0 15px !important;
}

.dano-pb-purchase .dano-pb-plan-picker > span {
	display: none !important;
}

.dano-pb-purchase .dano-pb-plan-picker select {
	margin-bottom: 0 !important;
	padding-left: 34px !important;
	background-image: linear-gradient(45deg, transparent 50%, #8b929c 50%), linear-gradient(135deg, #8b929c 50%, transparent 50%) !important;
	background-position: 18px 20px, 12px 20px !important;
	background-size: 6px 6px, 6px 6px !important;
	background-repeat: no-repeat !important;
}

.dano-pb-purchase .dano-pb-primary-button,
.dano-pb-payment-result .dano-pb-primary-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	width: 100% !important;
	min-width: 0 !important;
	height: 52px !important;
	min-height: 52px !important;
	margin: 0 !important;
	padding: 12px 18px !important;
	border: 1px solid var(--dano-exact-navy, #103f83) !important;
	border-radius: 9px !important;
	background: var(--dano-exact-navy, #103f83) !important;
	box-shadow: none !important;
	color: #fff !important;
	font-family: inherit !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 1.45 !important;
	text-align: center !important;
	text-decoration: none !important;
	transform: none !important;
	cursor: pointer !important;
	appearance: none !important;
	transition: background .16s ease, opacity .16s ease !important;
}

.dano-pb-purchase .dano-pb-primary-button::before,
.dano-pb-purchase .dano-pb-primary-button::after,
.dano-pb-payment-result .dano-pb-primary-button::before,
.dano-pb-payment-result .dano-pb-primary-button::after {
	content: none !important;
	display: none !important;
}

.dano-pb-purchase .dano-pb-primary-button:hover:not(:disabled),
.dano-pb-payment-result .dano-pb-primary-button:hover:not(:disabled) {
	background: var(--dano-exact-navy-dark, #0d3570) !important;
	border-color: var(--dano-exact-navy-dark, #0d3570) !important;
	box-shadow: none !important;
	color: #fff !important;
	transform: none !important;
	text-decoration: none !important;
}

.dano-pb-purchase .dano-pb-primary-button:disabled,
.dano-pb-payment-result .dano-pb-primary-button:disabled {
	opacity: .65 !important;
	cursor: wait !important;
}

.dano-pb-purchase .dano-pb-primary-button.is-loading::after,
.dano-pb-payment-result .dano-pb-primary-button.is-loading::after {
	content: "" !important;
	display: block !important;
	width: 15px !important;
	height: 15px !important;
	border: 2px solid rgba(255,255,255,.45) !important;
	border-top-color: #fff !important;
	border-radius: 50% !important;
	animation: danoPbSpin .7s linear infinite !important;
}

/* --------------------------------------------------------------------------
   OTP controls
---------------------------------------------------------------------------- */
.dano-pb-purchase .dano-pb-otp-actions {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 20px !important;
	width: 100% !important;
	margin: 17px 0 0 !important;
	padding: 0 !important;
}

.dano-pb-purchase .dano-pb-resend-line {
	display: inline-flex !important;
	align-items: center !important;
	gap: 5px !important;
	color: #777d85 !important;
	font-size: 15px !important;
	white-space: nowrap !important;
}

.dano-pb-purchase .dano-pb-link-button {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	font-family: inherit !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	line-height: 1.6 !important;
	cursor: pointer !important;
	text-decoration: none !important;
}

.dano-pb-purchase .dano-pb-resend-button,
.dano-pb-purchase .dano-pb-resend-button:disabled {
	color: #777d85 !important;
	opacity: 1 !important;
}

.dano-pb-purchase .dano-pb-resend-button:not(:disabled) {
	color: var(--dano-exact-teal) !important;
}

.dano-pb-purchase .dano-pb-edit-button {
	color: #04a2b7 !important;
}

.dano-pb-purchase .dano-pb-debug-code {
	margin: 0 0 12px !important;
	padding: 7px 10px !important;
	border: 1px dashed #d49a40 !important;
	border-radius: 7px !important;
	background: #fffaf0 !important;
	color: #8a5a12 !important;
	font-size: 13px !important;
	text-align: center !important;
}

/* --------------------------------------------------------------------------
   Ready-to-pay summary
---------------------------------------------------------------------------- */
.dano-pb-purchase .dano-pb-order-summary__rows {
	display: grid !important;
	gap: 11px !important;
	width: 100% !important;
	margin: 0 0 14px !important;
	padding: 0 !important;
	text-align: right !important;
}

.dano-pb-purchase .dano-pb-order-summary__rows > div {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 18px !important;
	width: 100% !important;
	min-height: 46px !important;
	margin: 0 !important;
	padding: 9px 14px !important;
	border: 1px solid #e9e9eb !important;
	border-radius: 9px !important;
	background: #fbfbfc !important;
}

.dano-pb-purchase .dano-pb-order-summary__rows span {
	color: #767b84 !important;
	font-size: 13px !important;
	font-weight: 400 !important;
}

.dano-pb-purchase .dano-pb-order-summary__rows strong {
	color: #5b6069 !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	white-space: nowrap !important;
}

.dano-pb-purchase .dano-pb-order-summary__rows strong b {
	font: inherit !important;
	color: inherit !important;
}

.dano-pb-purchase .dano-pb-gateway-note {
	display: block !important;
	margin: 9px 0 0 !important;
	padding: 0 !important;
	color: #898e96 !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	line-height: 1.85 !important;
	text-align: center !important;
}

/* --------------------------------------------------------------------------
   Plan card
---------------------------------------------------------------------------- */
.dano-pb-purchase .dano-pb-plan-summary {
	position: relative !important;
	top: auto !important;
	display: block !important;
	width: 100% !important;
	min-height: 476px !important;
	margin: 0 !important;
	padding: 29px 27px 24px !important;
	overflow: hidden !important;
	border: 1px solid #e1e7f0 !important;
	border-radius: 23px !important;
	background: linear-gradient(180deg, #e8f1ff 0%, #f2f7ff 43%, #ffffff 100%) !important;
	box-shadow: 0 15px 30px rgba(33, 65, 112, .09) !important;
	text-align: right !important;
}

.dano-pb-purchase .dano-pb-plan-summary::before {
	content: "" !important;
	position: absolute !important;
	top: -94px !important;
	left: 50% !important;
	width: 190px !important;
	height: 220px !important;
	border-radius: 50% !important;
	background: rgba(255,255,255,.34) !important;
	transform: translateX(-50%) !important;
	pointer-events: none !important;
}

.dano-pb-purchase .dano-pb-plan-summary__top {
	position: relative !important;
	z-index: 1 !important;
	display: flex !important;
	direction: ltr !important;
	align-items: flex-start !important;
	justify-content: space-between !important;
	gap: 18px !important;
	width: 100% !important;
	margin: 0 0 12px !important;
}

.dano-pb-purchase .dano-pb-plan-summary__badge {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 31px !important;
	padding: 6px 16px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #5d84c6 !important;
	color: #fff !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	line-height: 1.5 !important;
	white-space: nowrap !important;
}

.dano-pb-purchase .dano-pb-plan-summary__rocket {
	display: block !important;
	width: 48px !important;
	height: 48px !important;
	flex: 0 0 48px !important;
	position: relative !important;
	top: -22px !important;
	color: #2d5fa8 !important;
}

.dano-pb-purchase .dano-pb-plan-summary__rocket img {
	display: block !important;
	width: 48px !important;
	height: 48px !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	object-fit: contain !important;
}

.dano-pb-purchase .dano-pb-plan-summary__title {
	position: relative !important;
	z-index: 1 !important;
	display: block !important;
	margin: 0 0 7px !important;
	padding: 0 !important;
	color: #123e80 !important;
	font-size: 18px !important;
	font-weight: 800 !important;
	line-height: 1.75 !important;
}

.dano-pb-purchase .dano-pb-plan-summary__price {
	position: relative !important;
	z-index: 1 !important;
	display: flex !important;
	align-items: baseline !important;
	justify-content: flex-start !important;
	gap: 5px !important;
	margin: 0 0 48px !important;
	padding: 0 !important;
	color: #151a25 !important;
}

.dano-pb-purchase .dano-pb-plan-summary__price strong {
	color: #151a25 !important;
	font-size: 30px !important;
	font-weight: 900 !important;
	line-height: 1.3 !important;
}

.dano-pb-purchase .dano-pb-plan-summary__price span {
	color: #555b64 !important;
	font-size: 16px !important;
	font-weight: 400 !important;
}

.dano-pb-purchase .dano-pb-plan-benefits {
	position: relative !important;
	z-index: 1 !important;
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 16px !important;
	width: 100% !important;
	margin: 0 0 34px !important;
	padding: 0 !important;
	list-style: none !important;
}

.dano-pb-purchase .dano-pb-plan-benefits > li {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 8px !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	color: #666b73 !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.7 !important;
	list-style: none !important;
	text-align: right !important;
}

.dano-pb-purchase .dano-pb-plan-benefits > li::before,
.dano-pb-purchase .dano-pb-plan-benefits > li::after,
.dano-pb-purchase .dano-pb-plan-benefits > li::marker {
	content: none !important;
	display: none !important;
}

.dano-pb-purchase .dano-pb-plan-benefits > li > svg {
	display: block !important;
	width: 17px !important;
	height: 17px !important;
	min-width: 17px !important;
	flex: 0 0 17px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #245da8 !important;
	fill: none !important;
	stroke: currentColor !important;
	stroke-width: 1.45 !important;
}

.dano-pb-purchase .dano-pb-plan-benefits b {
	font: inherit !important;
	color: inherit !important;
}

.dano-pb-purchase .dano-pb-support-note {
	position: relative !important;
	z-index: 1 !important;
	display: block !important;
	width: 100% !important;
	min-height: 76px !important;
	margin: 0 !important;
	padding: 12px 14px !important;
	border: 1px dashed #2a5ba4 !important;
	border-radius: 9px !important;
	background: rgba(255,255,255,.18) !important;
	text-align: center !important;
}

.dano-pb-purchase .dano-pb-support-note p {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
}

.dano-pb-purchase .dano-pb-support-note strong,
.dano-pb-purchase .dano-pb-support-note small {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	color: #285393 !important;
	font-weight: 400 !important;
	line-height: 1.8 !important;
}

.dano-pb-purchase .dano-pb-support-note strong {
	font-size: 13px !important;
	font-weight: 600 !important;
}

.dano-pb-purchase .dano-pb-support-note small {
	font-size: 13px !important;
}

/* --------------------------------------------------------------------------
   Existing owner and notices: functional states, styled inside the same UI.
---------------------------------------------------------------------------- */
.dano-pb-purchase .dano-pb-form-notice {
	width: 100% !important;
	max-width: 390px !important;
	margin: 0 0 18px !important;
	padding: 10px 12px !important;
	border: 1px solid #e3e7ed !important;
	border-radius: 9px !important;
	background: #f9fafb !important;
	color: #5e6570 !important;
	font-size: 14px !important;
	line-height: 1.9 !important;
	text-align: right !important;
}

.dano-pb-purchase .dano-pb-form-notice::before { content: none !important; display: none !important; }
.dano-pb-purchase .dano-pb-form-notice--error { border-color: #f4c5c1 !important; background: #fff6f5 !important; color: #a23228 !important; }
.dano-pb-purchase .dano-pb-form-notice--success { display: none !important; }

.dano-pb-purchase .dano-pb-existing-owner {
	width: 100% !important;
	max-width: 390px !important;
	margin: 0 !important;
	padding: 22px !important;
	border: 1px solid #e2e6eb !important;
	border-radius: 12px !important;
	background: #fff !important;
	box-shadow: none !important;
	text-align: center !important;
}

.dano-pb-purchase .dano-pb-existing-owner__icon {
	display: grid !important;
	place-items: center !important;
	position: relative !important;
	width: 45px !important;
	height: 45px !important;
	margin: 0 auto 12px !important;
	border-radius: 50% !important;
	background: #fff3f2 !important;
	color: #b53b31 !important;
}

.dano-pb-purchase .dano-pb-existing-owner__icon img {
	display: block !important;
	width: 23px !important;
	height: 23px !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	object-fit: contain !important;
	filter: brightness(0) saturate(100%) invert(28%) sepia(48%) saturate(1869%) hue-rotate(334deg) brightness(85%) contrast(84%) !important;
}

.dano-pb-purchase .dano-pb-existing-owner h3 {
	margin: 0 0 7px !important;
	color: var(--dano-exact-navy) !important;
	font-size: 18px !important;
	font-weight: 800 !important;
	line-height: 1.75 !important;
}

.dano-pb-purchase .dano-pb-existing-owner p {
	margin: 0 !important;
	color: #777d86 !important;
	font-size: 14px !important;
	line-height: 1.95 !important;
}

.dano-pb-purchase .dano-pb-existing-owner__actions {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	align-items: stretch !important;
	gap: 9px !important;
	margin: 17px 0 0 !important;
}

.dano-pb-purchase .dano-pb-existing-owner__actions > br {
	display: none !important;
}

.dano-pb-purchase .dano-pb-existing-owner__login,
.dano-pb-purchase .dano-pb-existing-owner__change {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	min-height: 46px !important;
	padding: 10px 12px !important;
	border-radius: 8px !important;
	font-family: inherit !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	cursor: pointer !important;
}

.dano-pb-purchase .dano-pb-existing-owner__login { border: 1px solid var(--dano-exact-navy) !important; background: var(--dano-exact-navy) !important; color: #fff !important; }
.dano-pb-purchase .dano-pb-existing-owner__change { border: 1px solid #d7dbe1 !important; background: #fff !important; color: #555b64 !important; }

/* --------------------------------------------------------------------------
   Payment result — exact success card from the provided design
---------------------------------------------------------------------------- */
.dano-pb-payment-result {
	--dano-exact-navy: #103f83;
	--dano-exact-navy-dark: #0d3570;
	--dano-exact-teal: #008c98;
	position: relative !important;
	width: calc(100% - 32px) !important;
	max-width: 640px !important;
	margin: 70px auto !important;
	padding: 43px 51px 52px !important;
	overflow: visible !important;
	border: 1px solid #e1e4e8 !important;
	border-radius: 26px !important;
	background: #fff !important;
	box-shadow: none !important;
	color: #151a25 !important;
	text-align: center !important;
	direction: rtl !important;
}

.dano-pb-payment-result__halo,
.dano-pb-payment-result__eyebrow,
.dano-pb-payment-result__footer {
	display: none !important;
}

.dano-pb-payment-result__icon {
	position: relative !important;
	display: grid !important;
	place-items: center !important;
	position: relative !important;
	width: 66px !important;
	height: 66px !important;
	margin: 0 auto 16px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #008b96 !important;
}

.dano-pb-payment-result__icon img {
	display: block !important;
	width: 62px !important;
	height: 62px !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	object-fit: contain !important;
}

.dano-pb-payment-result__icon svg {
	display: block !important;
	width: 62px !important;
	height: 62px !important;
	fill: none !important;
	stroke: currentColor !important;
	stroke-width: 2 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
}

.dano-pb-payment-result--pending .dano-pb-payment-result__icon,
.dano-pb-payment-result--error .dano-pb-payment-result__icon {
	width: 58px !important;
	height: 58px !important;
	border: 1px solid #dfe5ea !important;
	border-radius: 50% !important;
}

.dano-pb-payment-result--error .dano-pb-payment-result__icon { color: #b42318 !important; }

.dano-pb-payment-result h2 {
	margin: 0 0 4px !important;
	padding: 0 !important;
	border: 0 !important;
	color: var(--dano-exact-navy) !important;
	font-family: inherit !important;
	font-size: 31px !important;
	font-weight: 900 !important;
	line-height: 1.55 !important;
}

.dano-pb-payment-result__lead {
	max-width: none !important;
	margin: 0 auto !important;
	padding: 0 !important;
	color: #737982 !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.9 !important;
}

.dano-pb-payment-result__details {
	display: grid !important;
	gap: 13px !important;
	width: 100% !important;
	margin: 27px 0 20px !important;
	padding: 0 !important;
	text-align: right !important;
}

.dano-pb-payment-result__details > div {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 18px !important;
	width: 100% !important;
	min-height: 53px !important;
	margin: 0 !important;
	padding: 10px 16px !important;
	border: 1px solid #e9eaec !important;
	border-radius: 10px !important;
	background: #fbfbfc !important;
}

.dano-pb-payment-result__details span {
	color: #747a83 !important;
	font-size: 16px !important;
	font-weight: 400 !important;
}

.dano-pb-payment-result__details strong {
	color: #5e646d !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	overflow-wrap: anywhere !important;
}

.dano-pb-payment-result > .dano-pb-primary-button {
	max-width: none !important;
	margin: 0 !important;
}

.dano-pb-payment-result__support {
	display: flex !important;
	align-items: flex-start !important;
	gap: 9px !important;
	margin: 0 0 16px !important;
	padding: 11px 12px !important;
	border: 1px solid #dce6f4 !important;
	border-radius: 9px !important;
	background: #f6f9fd !important;
	text-align: right !important;
}

.dano-pb-payment-result__support > span {
	display: grid !important;
	place-items: center !important;
	position: relative !important;
	width: 21px !important;
	height: 21px !important;
	flex: 0 0 21px !important;
	border-radius: 50% !important;
	background: var(--dano-exact-navy) !important;
	color: #fff !important;
	font-size: 10px !important;
}

.dano-pb-payment-result__support p {
	margin: 0 !important;
	color: #56606d !important;
	font-size: 14px !important;
	line-height: 1.9 !important;
}

.dano-pb-payment-result .dano-pb-form-notice {
	margin: 13px 0 0 !important;
	padding: 10px 12px !important;
	border-radius: 9px !important;
	font-size: 13px !important;
}

/* --------------------------------------------------------------------------
   Responsive fallback; desktop remains matched to the supplied Figma screens.
---------------------------------------------------------------------------- */
@media (max-width: 980px) {
	.dano-pb-purchase .dano-pb-purchase__layout {
		grid-template-columns: 320px minmax(0, 1fr) !important;
		column-gap: 42px !important;
		padding: 38px 42px !important;
	}
	.dano-pb-purchase .dano-pb-plan-summary { min-height: 440px !important; }
}

@media (max-width: 760px) {
	.dano-pb-purchase { padding: 20px 14px 38px !important; }
	.dano-pb-purchase__intro h2 { font-size: 30px !important; }
	.dano-pb-purchase__intro p { font-size: 14px !important; }
	.dano-pb-purchase .dano-pb-steps { max-width: 420px !important; margin: 44px auto 42px !important; }
	.dano-pb-purchase .dano-pb-step-label { font-size: 13px !important; }
	.dano-pb-purchase .dano-pb-step-icon { width: 44px !important; height: 44px !important; min-width: 44px !important; flex-basis: 44px !important; }
	.dano-pb-purchase .dano-pb-step-icon img { width: 22px !important; height: 22px !important; }
	.dano-pb-purchase .dano-pb-steps::before,
	.dano-pb-purchase .dano-pb-steps::after { top: 22px !important; }
	.dano-pb-purchase .dano-pb-purchase__layout {
		grid-template-columns: 1fr !important;
		grid-template-areas: "main" "aside" !important;
		row-gap: 30px !important;
		min-height: 0 !important;
		padding: 24px 18px 26px !important;
		border-radius: 20px !important;
	}
	.dano-pb-purchase .dano-pb-purchase__main { order: 1 !important; }
	.dano-pb-purchase .dano-pb-purchase__aside { order: 2 !important; width: 100% !important; max-width: 360px !important; margin: 0 auto !important; }
	.dano-pb-purchase .dano-pb-form-step,
	.dano-pb-purchase .dano-pb-user-form,
	.dano-pb-purchase .dano-pb-otp-form,
	.dano-pb-purchase .dano-pb-order-summary { max-width: none !important; }
	.dano-pb-purchase .dano-pb-stage-copy h3 { font-size: 26px !important; }
	.dano-pb-purchase .dano-pb-plan-summary { min-height: 0 !important; }
	.dano-pb-payment-result { margin: 38px auto !important; padding: 34px 22px 38px !important; border-radius: 20px !important; }
	.dano-pb-payment-result h2 { font-size: 24px !important; }
}

@media (max-width: 430px) {
	.dano-pb-purchase .dano-pb-steps { max-width: 340px !important; }
	.dano-pb-purchase .dano-pb-step-label { white-space: normal !important; }
	.dano-pb-purchase .dano-pb-otp-actions { gap: 10px !important; }
	.dano-pb-purchase .dano-pb-resend-line,
	.dano-pb-purchase .dano-pb-link-button { font-size: 13px !important; }
	.dano-pb-purchase .dano-pb-existing-owner__actions { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
	.dano-pb-payment-result__details > div { flex-direction: row !important; align-items: center !important; }
}