.pb-purse-hero{
	position:relative;
	overflow:hidden;
	isolation:isolate;
	display:flex;
	flex-direction:column;
	gap:16px;
	margin-bottom:18px;
	padding:30px 32px 26px;
	border:1px solid rgba(255,255,255,.07);
	border-radius:18px;
	background:linear-gradient(1deg,#25252e 30%,#292932 100%);
	box-shadow:0 12px 32px -16px rgba(0,0,0,.55);
}

.pb-purse-hero__watermark{
	position:absolute;
	z-index:0;
	bottom:-22px;
	right:-8px;
	font-size:130px;
	font-weight:800;
	line-height:1;
	color:transparent;
	-webkit-text-stroke:1px rgba(255,255,255,.05);
	letter-spacing:-.04em;
	text-transform:uppercase;
	pointer-events:none;
	user-select:none;
}

.pb-purse-hero__top{
	position:relative;
	z-index:1;
}

.pb-purse-hero__eyebrow{
	display:inline-flex;
	align-items:center;
	gap:12px;
	font-size:11px;
	font-weight:700;
	letter-spacing:.18em;
	text-transform:uppercase;
	color:#9ca0b8;
}

.pb-purse-hero__eyebrow-rule{
	width:22px;
	height:1px;
	flex-shrink:0;
	background:var(--pbmn-a,#4fea9f);
	opacity:.6;
}

.pb-purse-hero__main{
	position:relative;
	z-index:1;
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	flex-wrap:wrap;
	gap:24px;
}

.pb-purse-hero__text{
	flex:1 1 320px;
	min-width:0;
	display:flex;
	flex-direction:column;
	gap:10px;
}

.pb-purse-hero__title{
	margin:0;
	font-size:28px;
	font-weight:700;
	line-height:1.15;
	letter-spacing:-.5px;
	color:#fff;
}

.pb-purse-hero__title em{
	font-style:normal;
	color:var(--pbmn-a,#4fea9f);
}

.pb-purse-hero__desc{
	margin:0;
	max-width:520px;
	font-size:14px;
	line-height:1.6;
	color:#9ca0b8;
}

.pb-purse-hero__balance{
	position:relative;
	z-index:1;
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	gap:4px;
	flex-shrink:0;
	padding:16px 22px;
	border-radius:16px;
	background:rgba(79,234,159,.1);
	border:1px solid rgba(79,234,159,.22);
}

.pb-purse-hero__balance-label{
	font-size:11px;
	font-weight:700;
	letter-spacing:.04em;
	text-transform:uppercase;
	color:#b7f2d3;
}

.pb-purse-hero__balance-value{
	font-size:26px;
	font-weight:900;
	color:var(--pbmn-a,#4fea9f);
	font-variant-numeric:tabular-nums;
}

.pb-purse-hero__balance-login{
	font-size:12px;
	font-weight:600;
	color:#9ca0b8;
}

/* ---------- discount progress ---------- */
.pb-purse-discount{
	position:relative;
	z-index:1;
	display:flex;
	flex-direction:column;
	gap:12px;
	padding:16px 20px;
	margin-top:4px;
	border-radius:14px;
	background:rgba(255,255,255,.04);
	border:1px solid rgba(255,255,255,.08);
}

.pb-purse-discount__head{
	display:flex;
	align-items:center;
	gap:12px;
}

.pb-purse-discount__icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:40px;
	height:40px;
	flex-shrink:0;
	border-radius:12px;
	background:rgba(240,180,41,.14);
	color:#f0b429;
	font-size:19px;
}

.pb-purse-discount__head-text{
	display:flex;
	flex-direction:column;
	gap:2px;
}

.pb-purse-discount__title{
	font-size:12px;
	font-weight:700;
	color:#9ca0b8;
}

.pb-purse-discount__value{
	font-size:19px;
	font-weight:900;
	color:#f0b429;
}

.pb-purse-discount__progress{
	display:flex;
	flex-direction:column;
	gap:8px;
}

.pb-purse-discount__progress-track{
	position:relative;
	width:100%;
	height:6px;
	border-radius:999px;
	background:rgba(255,255,255,.08);
	overflow:hidden;
}

.pb-purse-discount__progress-fill{
	height:100%;
	border-radius:999px;
	background:linear-gradient(90deg,#f0b429,#f5c65c);
	transition:width .4s ease;
}

.pb-purse-discount__progress-text{
	font-size:12.5px;
	color:#c2c5d6;
}

.pb-purse-discount__progress-text b{
	color:#f0b429;
	font-weight:800;
}

.pb-purse-discount__progress-text--max{
	display:flex;
	align-items:center;
	gap:8px;
	color:#4fea9f;
	font-weight:700;
}

.pb-purse-discount__progress-text--max i{
	font-size:16px;
}

@media(max-width:768px){
	.pb-purse-hero{padding:22px 20px;gap:12px}
	.pb-purse-hero__title{font-size:22px}
	.pb-purse-hero__desc{font-size:13px}
	.pb-purse-hero__watermark{font-size:82px;bottom:-14px;right:-6px}
	.pb-purse-hero__main{align-items:stretch}
	.pb-purse-hero__balance{align-items:flex-start;width:100%}
}