.lpt-modal {
	position: fixed;
	inset: 0;
	z-index: 999999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
	font-family: var(--e-global-typography-text-font-family, var(--theme-font-family, inherit));
}

.lpt-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(15, 23, 42, 0.62);
	backdrop-filter: blur(8px);
}

.lpt-modal__card {
	position: relative;
	width: min(440px, 100%);
	padding: 36px 32px 28px;
	border-radius: 24px;
	background: #fff;
	box-shadow: 0 24px 60px rgba(15, 23, 42, 0.28);
	text-align: center;
	color: #0f172a;
}

.lpt-modal__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	padding: 4px 12px;
	border-radius: 999px;
	background: #ede9fe;
	color: #6d28d9;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.lpt-modal__timer {
	position: relative;
	width: 96px;
	height: 96px;
	margin: 0 auto 20px;
}

.lpt-modal__ring {
	width: 96px;
	height: 96px;
	transform: rotate(-90deg);
}

.lpt-modal__ring-track,
.lpt-modal__ring-progress {
	fill: none;
	stroke-width: 6;
}

.lpt-modal__ring-track {
	stroke: #ede9fe;
}

.lpt-modal__ring-progress {
	stroke: #7c3aed;
	stroke-linecap: round;
	stroke-dasharray: 251.2;
	stroke-dashoffset: 0;
	transition: stroke-dashoffset 0.9s linear;
}

.lpt-modal.is-redirecting .lpt-modal__ring-progress {
	stroke: #16a34a;
}

.lpt-modal__count {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 32px;
	font-weight: 800;
	line-height: 1;
	color: #5b21b6;
}

.lpt-modal__title {
	margin: 0 0 8px;
	font-size: 26px;
	line-height: 1.25;
	font-weight: 800;
	color: #111827;
}

.lpt-modal__product {
	margin: 0 0 10px;
	font-size: 14px;
	font-weight: 600;
	color: #7c3aed;
}

.lpt-modal__text {
	margin: 0 0 22px;
	font-size: 15px;
	line-height: 1.6;
	color: #475569;
}

.lpt-modal__button,
.lpt-modal__button:link,
.lpt-modal__button:visited {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 10px 22px;
	border: 0;
	border-radius: 12px;
	background: linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%) !important;
	color: #fff !important;
	font-size: 15px;
	font-weight: 700;
	text-decoration: none !important;
	box-shadow: 0 10px 24px rgba(109, 40, 217, 0.28);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.lpt-modal__button:hover,
.lpt-modal__button:focus,
.lpt-modal__button:active {
	background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%) !important;
	color: #fff !important;
	transform: translateY(-1px);
	box-shadow: 0 14px 28px rgba(109, 40, 217, 0.34);
}

body.lpt-lock {
	overflow: hidden;
}

[dir="rtl"] .lpt-modal__card {
	text-align: center;
}