.customer-club-page {
	margin: 0;
	padding: 0 0 calc(70px + env(safe-area-inset-bottom)) !important;
	background: #090a0b;
	color: #eeeeee;
	font-family: Peyda, Arial, sans-serif;
}
.club-earned{display:inline-flex;width:max-content;margin-top:4px;padding:3px 7px;border-radius:99px;background:#173522;color:#75d091;font-size:var(--eb-fs-micro);font-style:normal;font-weight:800}.club-earn__list article.is-completed{border-color:#28513a!important}.club-earn__list article.is-completed>.club-earn__arrow{color:#71cb8b!important}.club-history{margin-top:10px;padding:13px;border:1px solid #292c2e;border-radius:12px;background:#111314}.club-history>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.club-history h2{margin:0;color:#eee;font-size:var(--eb-fs-body)}.club-history header p{margin:2px 0 0;color:#858a8e;font-size:var(--eb-fs-micro)}.club-history header>span{padding:4px 8px;border-radius:99px;background:#251d12;color:#d6a24d;font-size:var(--eb-fs-micro)}.club-history__list{display:grid;gap:6px}.club-history__list article{display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px;border:1px solid #26292b;border-radius:9px;background:#17191a}.club-history__list article>span{display:grid;width:27px;height:27px;border-radius:50%;background:#173522;color:#75d091;place-items:center}.club-history__list article>div{display:grid}.club-history__list strong{font-size:var(--eb-fs-caption)}.club-history__list small{color:#858a8e;font-size:var(--eb-fs-micro)}.club-history__list article>b{color:#d8a44e;font-size:var(--eb-fs-caption)}.club-history__empty{padding:18px;text-align:center;color:#858a8e;font-size:var(--eb-fs-micro)}


.customer-club-shell {
	min-height: 100svh;
	background: #090a0b;
}

.customer-club-shell > .site-header {
	position: sticky;
	z-index: 90;
	top: 0;
}

.customer-club-shell > .site-header .site-header__inner {
	min-height: 64px !important;
	padding: 6px 8px !important;
}

.customer-club-shell > .site-header .brand {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 8px;
}

.customer-club-shell > .site-header .brand__copy {
	display: flex !important;
	min-width: 0;
	flex-direction: column !important;
	align-items: flex-start;
	justify-content: center;
	gap: 1px;
}

.customer-club-shell > .site-header .brand__title,
.customer-club-shell > .site-header .brand__tagline {
	display: block !important;
	width: 100%;
	margin: 0;
	text-align: right;
	white-space: nowrap;
}

.customer-club-shell > .site-header .brand__title {
	font-size: var(--eb-fs-label) !important;
	line-height: 18px !important;
}

.customer-club-shell > .site-header .brand__tagline {
	color: #9b9fa4;
	font-size: var(--eb-fs-micro) !important;
	line-height: 14px !important;
}

.club-app {
	width: min(100%, 440px);
	min-height: calc(100svh - 128px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
	margin: 0 auto;
	padding: 10px 10px 16px;
	background:
		radial-gradient(circle at 15% 0, rgba(201, 145, 46, 0.05), transparent 25%),
		#090a0b;
	box-sizing: border-box;
}

.club-header {
	position: relative;
	display: flex;
	height: 34px;
	align-items: center;
	justify-content: center;
	margin-bottom: 9px;
	direction: rtl;
}

.club-header h1 {
	margin: 0;
	color: #e9e9e9;
	font-size: var(--eb-fs-emphasis);
	font-weight: 600;
	direction: rtl;
}

.club-header > a {
	position: absolute;
	right: 0;
	display: grid;
	width: 28px;
	height: 28px;
	place-items: center;
	border: 0;
	background: none;
	color: #bfc2c4;
}

.club-header svg {
	width: 19px;
	height: 19px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.5;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.club-score-card {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 90px;
	min-height: 168px;
	padding: 15px 16px 13px;
	overflow: hidden;
	border: 1px solid #252729;
	border-radius: 10px;
	background: linear-gradient(145deg, #171819, #101112);
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.53);
	box-sizing: border-box;
}

.club-score-card::after {
	position: absolute;
	top: -60px;
	left: 30px;
	width: 130px;
	height: 130px;
	border-radius: 50%;
	background: rgba(204, 157, 72, 0.045);
	content: "";
}

.club-score-card__main {
	display: flex;
	min-width: 0;
	flex-direction: column;
	align-items: flex-start;
}

.club-score-card__main small {
	color: #d5a13f;
	font-size: var(--eb-fs-caption);
}

.club-score-card__main strong {
	margin-top: 4px;
	color: #f2f2f2;
	font-size: 31px;
	font-weight: 800;
	line-height: 1;
	direction: ltr;
}

.club-score-card__main span {
	display: flex;
	align-items: center;
	gap: 4px;
	margin-top: 6px;
	color: #b4b6b8;
	font-size: var(--eb-fs-caption);
}

.club-score-card__main i {
	width: 7px;
	height: 7px;
	border: 1px solid #d8a139;
	transform: rotate(45deg);
}

.club-level-medal {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.club-level-medal > span {
	position: relative;
	display: grid;
	width: 58px;
	height: 58px;
	place-items: center;
	border: 1px solid #b6975f;
	border-radius: 50%;
	background: radial-gradient(circle, #282a2b, #121314 67%);
	box-shadow: 0 0 14px rgba(217, 164, 73, 0.33);
}

.club-level-medal > span::after {
	position: absolute;
	top: -3px;
	right: 5px;
	color: #171b20;
	font-size: 18px;
	text-shadow: none;
	content: "✦";
}

.club-level-medal svg {
	width: 36px;
	height: 36px;
	fill: none;
	stroke: #aaa9a6;
	stroke-width: 2;
}

.club-level-medal small {
	margin-top: 6px;
	color: #d4d4d3;
	font-size: var(--eb-fs-caption);
}

.club-level-medal small i {
	display: inline-grid;
	width: 12px;
	height: 12px;
	place-items: center;
	border: 1px solid #999999;
	border-radius: 50%;
	font: var(--eb-fs-micro) Arial, sans-serif;
}

.club-progress {
	grid-column: 1 / -1;
	margin-top: 9px;
}

.club-progress > span {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: var(--eb-fs-caption);
}

.club-progress > span b {
	color: #ddb14f;
	font-size: var(--eb-fs-label);
}

.club-progress > span small {
	color: #a69a80;
}

.club-progress > div {
	height: 7px;
	margin-top: 5px;
	overflow: hidden;
	border-radius: 9px;
	background: #363638;
	direction: ltr;
}

.club-progress > div i {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, #ffc64e, #f1d483);
	box-shadow: 0 0 8px #eebd54;
}

.club-earn {
	margin-top: 10px;
}

.club-earn > header {
	text-align: center;
}

.club-earn h2 {
	margin: 0;
	color: #d6a449;
	font-size: var(--eb-fs-card);
	font-weight: 700;
}

.club-earn > header p {
	margin: 3px 0 7px;
	color: #989a9d;
	font-size: var(--eb-fs-caption);
}

.club-earn__list {
	display: grid;
	gap: 5px;
}
.club-earn__list > a { display:block;color:inherit;text-decoration:none; }

.club-earn__list article {
	position: relative;
	display: grid;
	grid-template-columns: 35px minmax(0, 1fr) 48px;
	align-items: center;
	min-height: 56px;
	padding: 6px 9px;
	border: 1px solid #232527;
	border-radius: 9px;
	background: linear-gradient(100deg, #141516, #0f1011);
	box-sizing: border-box;
}

.club-earn__list article.is-completed {
	border-color: rgba(80, 188, 122, 0.42);
	background:
		linear-gradient(90deg, rgba(47, 126, 76, 0.15), transparent 55%),
		linear-gradient(100deg, #151917, #0f1110);
	box-shadow: inset 0 0 0 1px rgba(102, 210, 143, 0.035);
}

.club-earn__list article.is-completed::after {
	position: absolute;
	top: 5px;
	left: 6px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #62ce8b;
	box-shadow: 0 0 8px rgba(98, 206, 139, 0.65);
	content: "";
}

.club-earn__icon {
	position: relative;
	display: grid;
	width: 29px;
	height: 29px;
	place-items: center;
	border-radius: 50%;
	background: #171713;
	color: #171b20;
}

.club-earn__list article.is-completed .club-earn__icon {
	background: rgba(55, 148, 90, 0.16);
	color: #171b20;
}

.club-earn__icon > i {
	position: absolute;
	right: -3px;
	bottom: -3px;
	display: grid;
	width: 13px;
	height: 13px;
	place-items: center;
	border: 2px solid #111512;
	border-radius: 50%;
	background: #4cbf78;
	color: #07110b;
	font: 800 var(--eb-fs-micro)/1 Arial, sans-serif;
}

.club-earn__icon svg {
	width: 19px;
	height: 19px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.4;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.club-earn__list article > div {
	display: flex;
	min-width: 0;
	flex-direction: column;
}

.club-earn__list article > div strong {
	overflow: hidden;
	color: #d9d9da;
	font-size: var(--eb-fs-caption);
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.club-earn__list article > div small {
	margin-top: 2px;
	color: #777b7d;
	font-size: var(--eb-fs-micro);
}

.club-earn__list article > b {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	color: #e2ad42;
	font-size: var(--eb-fs-label);
	font-weight: 600;
	direction: ltr;
}

.club-earn__list article > b small {
	color: #b18b39;
	font-size: var(--eb-fs-micro);
	font-weight: 400;
}

.club-earn__list article > b em {
	margin-top: 2px;
	color: #65ce8d;
	font-size: var(--eb-fs-micro);
	font-style: normal;
	font-weight: 600;
	white-space: nowrap;
	direction: rtl;
}

.club-spend {
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr);
	margin-top: 10px;
	padding: 9px 10px 7px;
	border: 1px solid #584722;
	border-radius: 10px;
	background: radial-gradient(circle at 12% 20%, #332817, #15130f 32%, #111111);
	box-sizing: border-box;
}

.club-gift {
	display: grid;
	place-items: center;
	font-size: 43px;
	filter: drop-shadow(0 4px 9px rgba(214, 157, 56, 0.4));
}

.club-spend h2 {
	margin: 0;
	color: #e2b655;
	font-size: var(--eb-fs-body);
	font-weight: 700;
}

.club-spend p {
	margin: 3px 0;
	color: #bdb8ac;
	font-size: var(--eb-fs-caption);
	line-height: 1.7;
}

.club-spend > div > small {
	color: #827a6b;
	font-size: var(--eb-fs-micro);
}

.club-benefits {
	grid-column: 1 / -1;
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-top: 7px;
	padding-top: 7px;
	border-top: 1px solid #493a1d;
}

.club-benefits span {
	display: flex;
	min-width: 0;
	flex-direction: column;
	align-items: center;
	gap: 3px;
	color: #171b20;
}

.club-benefits span + span {
	border-right: 1px solid #332a1b;
}

.club-benefits svg {
	width: 18px;
	height: 18px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.4;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.club-benefits b {
	overflow: hidden;
	max-width: 100%;
	color: #a99879;
	font-size: var(--eb-fs-micro);
	font-weight: 600;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.club-rewards-button {
	display: flex;
	height: 38px;
	align-items: center;
	justify-content: center;
	gap: 7px;
	margin-top: 7px;
	border: 1px solid #b78a31;
	border-radius: 18px;
	color: #d7aa50;
	font-size: var(--eb-fs-caption);
	font-weight: 700;
	text-decoration: none;
}

.club-rewards-button svg {
	width: 15px;
	height: 15px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.5;
	stroke-linecap: round;
	stroke-linejoin: round;
}

@media (max-width: 640px) {
	.customer-club-shell {
		display: block !important;
	}

	.customer-club-page .club-app {
		display: block !important;
	}

	.customer-club-shell > .mobile-bottom-nav {
		display: flex !important;
		position: fixed;
	}
}

@media (max-width: 360px) {
	.club-score-card {
		grid-template-columns: minmax(0, 1fr) 76px;
		padding-inline: 12px;
	}

	.club-level-medal > span {
		width: 52px;
		height: 52px;
	}

	.club-earn__list article {
		grid-template-columns: 33px minmax(0, 1fr) 44px;
		padding-inline: 7px;
	}
}



/* Customer club redesign */
.club-app{padding:14px 12px 24px;background:radial-gradient(circle at 100% 0,rgba(221,161,66,.09),transparent 25%),radial-gradient(circle at 0 28%,rgba(221,161,66,.04),transparent 24%),#090a0b}.club-header{height:48px;margin-bottom:12px;justify-content:flex-start;padding-right:56px}.club-header>div{display:flex;flex-direction:column;align-items:flex-start}.club-header h1{font-size:var(--eb-fs-subtitle);font-weight:900;line-height:24px}.club-header small{color:#7d8287;font-size:var(--eb-fs-micro);line-height:14px}.club-header>a{right:0;width:36px;height:36px;border:1px solid #292c30;border-radius:12px;background:#141617}
.club-score-card{grid-template-columns:minmax(0,1fr) 94px;min-height:205px;padding:20px 18px 16px;border-color:rgba(222,167,78,.28);border-radius:22px;background:radial-gradient(circle at 78% 20%,rgba(232,179,91,.14),transparent 24%),linear-gradient(145deg,#1d1f20,#101112 72%);box-shadow:0 16px 38px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.035)}.club-score-card:before{position:absolute;right:-45px;bottom:-75px;width:180px;height:180px;border:1px solid rgba(220,164,74,.07);border-radius:50%;content:""}.club-score-card::after{top:-72px;left:-30px;width:170px;height:170px;background:rgba(218,163,72,.055)}.club-score-card__main{position:relative;z-index:1}.club-score-card__main>small{color:#c5a773;font-size:var(--eb-fs-caption)}.club-score-card__main>strong{display:flex;align-items:flex-end;gap:6px;margin-top:8px;color:#fff;font-size:40px;line-height:42px}.club-score-card__main>strong em{padding-bottom:4px;color:#b18a4c;font-size:var(--eb-fs-micro);font-style:normal;font-weight:600;line-height:15px}.club-member-pill{display:flex!important;align-items:center!important;gap:7px!important;width:max-content;margin-top:14px!important;padding:4px 5px 4px 10px;border:1px solid rgba(255,255,255,.07);border-radius:99px;background:rgba(255,255,255,.035);color:#d7d8d9!important}.club-member-pill img{width:27px;height:27px;border:1px solid rgba(224,170,80,.55);border-radius:50%;object-fit:cover}.club-member-pill b{font-size:var(--eb-fs-micro);font-weight:700}.club-member-pill i{width:5px!important;height:5px!important;border:0!important;border-radius:50%;background:#54ca82;transform:none!important}
.club-level-medal{position:relative;z-index:1;justify-content:center}.club-level-medal>span{width:68px;height:68px;border-color:rgba(224,181,105,.66);background:radial-gradient(circle,#3a2c18,#171613 64%,#0f1011);box-shadow:0 0 0 5px rgba(219,160,63,.055),0 8px 22px rgba(0,0,0,.38)}.club-level-medal svg{width:40px;height:40px;stroke:#171b20}.club-level-medal small{margin-top:10px;color:#e3d0ad;font-size:var(--eb-fs-caption)}.club-level-medal small i{display:none}.club-progress{position:relative;z-index:1;margin-top:15px}.club-progress>span{font-size:var(--eb-fs-micro)}.club-progress>span b{padding:2px 7px;border-radius:99px;background:rgba(224,166,72,.1);font-size:var(--eb-fs-caption)}.club-progress>div{height:8px;margin-top:7px;border:1px solid rgba(255,255,255,.04);background:#292a2b}.club-progress>div i{background:linear-gradient(90deg,#b7731f,#f4cc77);box-shadow:0 0 12px rgba(229,174,79,.45)}
.club-earn{margin-top:22px}.club-earn>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px;text-align:right}.club-earn>header>div{display:flex;flex-direction:column;align-items:flex-start}.club-earn h2{color:#f0f1f2;font-size:var(--eb-fs-emphasis);font-weight:900}.club-earn>header p{margin:2px 0 0;color:#7f8489;font-size:var(--eb-fs-micro)}.club-earn>header>span{padding:5px 9px;border:1px solid rgba(216,157,62,.2);border-radius:99px;background:rgba(216,157,62,.07);color:#d49b42;font-size:var(--eb-fs-micro)}.club-earn__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.club-earn__list>a{min-width:0}.club-earn__list article{grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;gap:8px;min-height:128px;padding:12px;border-color:#292c2f;border-radius:16px;background:linear-gradient(145deg,#17191a,#111213);box-shadow:0 7px 18px rgba(0,0,0,.2)}.club-earn__list article.is-completed{border-color:rgba(75,178,113,.3);background:linear-gradient(145deg,rgba(35,81,51,.32),#111413 68%)}.club-earn__list article.is-completed:after{top:11px;left:11px}.club-earn__icon{align-self:start;width:38px;height:38px;border:1px solid rgba(214,157,65,.14);border-radius:12px;background:#201b13}.club-earn__icon svg{width:21px;height:21px}.club-earn__list article>div{align-self:start;padding-top:1px}.club-earn__list article>div strong{font-size:var(--eb-fs-caption);line-height:16px;white-space:normal}.club-earn__list article>div small{display:-webkit-box;margin-top:2px;overflow:hidden;color:#767b80;font-size:var(--eb-fs-micro);line-height:13px;-webkit-line-clamp:2;-webkit-box-orient:vertical}.club-earn__list article>b{grid-column:1/-1;align-self:end;align-items:flex-start;padding-top:8px;border-top:1px solid rgba(255,255,255,.055);font-size:var(--eb-fs-label);line-height:15px}.club-earn__list article>b small{font-size:var(--eb-fs-micro)}.club-earn__list article>b em{position:absolute;right:12px;bottom:12px}.club-earn__arrow{position:absolute;bottom:11px;left:11px;display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:#222528;color:#9da1a5;font-size:var(--eb-fs-section-strong)}
.club-spend{grid-template-columns:60px minmax(0,1fr);margin-top:18px;padding:15px 14px 12px;border-color:rgba(211,157,68,.3);border-radius:20px;background:radial-gradient(circle at 8% 12%,rgba(211,158,70,.18),transparent 24%),linear-gradient(145deg,#201a11,#121210)}.club-gift{font-size:40px}.club-spend h2{color:#efc979;font-size:var(--eb-fs-card);font-weight:900}.club-spend p{margin:5px 0;color:#b2aa9c;font-size:var(--eb-fs-micro)}.club-spend>div>small{color:#7f7666;font-size:var(--eb-fs-micro)}.club-benefits{gap:4px;margin-top:12px;padding-top:12px}.club-benefits span{gap:5px}.club-benefits svg{width:20px;height:20px}.club-benefits b{font-size:var(--eb-fs-micro)}.club-rewards-button{display:grid;grid-template-columns:36px minmax(0,1fr) 22px;height:62px;margin-top:10px;padding:0 12px;border-color:rgba(211,155,65,.34);border-radius:17px;background:linear-gradient(145deg,rgba(211,155,65,.1),rgba(211,155,65,.025));text-align:right}.club-rewards-button>svg{width:23px;height:23px}.club-rewards-button>span{display:flex;flex-direction:column;align-items:flex-start}.club-rewards-button>span b{color:#e6b45f;font-size:var(--eb-fs-caption)}.club-rewards-button>span small{margin-top:2px;color:#777c80;font-size:var(--eb-fs-micro)}.club-rewards-button>i{color:#b98a42;font-size:var(--eb-fs-page);font-style:normal}
@media(max-width:360px){.club-score-card{grid-template-columns:minmax(0,1fr) 78px;padding-inline:14px}.club-score-card__main>strong{font-size:34px}.club-level-medal>span{width:60px;height:60px}.club-earn__list{gap:6px}.club-earn__list article{min-height:122px;padding:10px}.club-earn__list article>div strong{font-size:var(--eb-fs-micro)}.club-benefits b{font-size:var(--eb-fs-micro)}}

@media(max-width:640px){html:has(body.customer-club-page),body.customer-club-page{height:auto!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:auto!important;-webkit-overflow-scrolling:touch!important}.customer-club-page .mobile-app.customer-club-shell{display:block!important;width:100%!important;height:auto!important;min-height:100svh!important;overflow:visible!important;overscroll-behavior-y:auto!important;touch-action:pan-y!important}.customer-club-page .club-app{display:block!important;width:100%!important;height:auto!important;min-height:0!important;padding-bottom:calc(110px + env(safe-area-inset-bottom))!important;overflow:visible!important}.customer-club-page .club-score-card,.customer-club-page .club-earn,.customer-club-page .club-earn__list,.customer-club-page .club-spend,.customer-club-page .club-rewards-button{visibility:visible!important;opacity:1!important;transform:none!important}.customer-club-page .club-earn__list>a{display:block!important;visibility:visible!important;opacity:1!important}}
.club-earn__list article>b{width:100%;align-items:flex-start!important;justify-self:stretch;direction:rtl!important;text-align:right}.club-earn__list article>b em{position:static!important;margin-top:2px}.club-earn__arrow{right:auto!important;left:11px!important}
.club-earn__list article.is-completed{border-color:#4fbd79;background:linear-gradient(145deg,#17191a,#111213);box-shadow:0 7px 18px rgba(0,0,0,.2)}.club-earn__list article.is-completed::after{display:none}.club-earn__list article.is-completed .club-earn__icon{background:#201b13;color:#171b20}

/* UI V2 icon normalization: glyphs only. */
html:not([data-theme="dark"]) body.customer-club-page .club-level-medal svg,
html:not([data-theme="dark"]) body.customer-club-page .club-earn__icon,
html:not([data-theme="dark"]) body.customer-club-page .club-benefits svg,
html:not([data-theme="dark"]) body.customer-club-page .club-rewards-button>svg{color:#171b20!important;stroke:#171b20!important}