:root {
	--wbd-grd-ink: #111111;
	--wbd-grd-muted: #666666;
	--wbd-grd-line: #d4d4d4;
	--wbd-grd-paper: #ffffff;
	--wbd-grd-soft: #f3f3f3;
	--wbd-grd-soft-2: #e5e5e5;
	--wbd-grd-shadow: 5px 6px 0 rgba(17, 17, 17, .17);
}

.wbd-grd,
.wbd-grd * {
	box-sizing: border-box;
}

.wbd-grd {
	color: var(--wbd-grd-ink);
	font-family: inherit;
	line-height: 1.5;
}

.wbd-grd__shell {
	max-width: 1240px;
	margin: 0 auto;
	padding: clamp(22px, 4vw, 56px);
	background: linear-gradient(180deg, #fff 0%, #f4f4f4 100%);
	border: 1px solid var(--wbd-grd-line);
	border-radius: 28px;
}

.wbd-grd__header,
.wbd-grd__section-heading,
.wbd-grd__progress-copy,
.wbd-grd__progress-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.wbd-grd__header {
	margin-bottom: 30px;
}

.wbd-grd__eyebrow,
.wbd-grd__label,
.wbd-grd__reward-type {
	margin: 0 0 5px;
	color: var(--wbd-grd-muted);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .15em;
	text-transform: uppercase;
}

.wbd-grd__title {
	margin: 0;
	font-size: clamp(34px, 5vw, 58px);
	font-weight: 700;
	letter-spacing: -.045em;
	line-height: 1.04;
}

.wbd-grd__welcome {
	margin: 9px 0 0;
	color: var(--wbd-grd-muted);
}

.wbd-grd__account-link {
	color: var(--wbd-grd-ink);
	font-size: 13px;
	font-weight: 800;
	text-decoration: none;
	border-bottom: 1px solid var(--wbd-grd-ink);
}

.wbd-grd__hero-grid {
	display: grid;
	grid-template-columns: 1.25fr .75fr;
	gap: 20px;
}

.wbd-grd__card {
	position: relative;
	background: #fff;
	border: 1px solid var(--wbd-grd-ink);
	border-radius: 20px;
	box-shadow: var(--wbd-grd-shadow);
}

.wbd-grd__points-card {
	overflow: hidden;
	padding: clamp(27px, 4vw, 46px);
	background: linear-gradient(135deg, #fff 0%, #e9e9e9 100%);
}

.wbd-grd__shine {
	position: absolute;
	top: -92px;
	right: -64px;
	width: 220px;
	height: 220px;
	border: 1px solid rgba(17, 17, 17, .20);
	border-radius: 50%;
	box-shadow: inset 0 0 0 34px rgba(255,255,255,.34), inset 0 0 0 35px rgba(17,17,17,.08);
}

.wbd-grd__points {
	position: relative;
	font-size: clamp(58px, 9vw, 104px);
	font-weight: 700;
	letter-spacing: -.065em;
	line-height: .95;
}

.wbd-grd__points-type {
	margin: 10px 0 0;
	color: var(--wbd-grd-muted);
	font-size: 13px;
	text-transform: capitalize;
}

.wbd-grd__rank-card {
	display: flex;
	align-items: center;
	gap: 22px;
	padding: clamp(26px, 4vw, 40px);
	background: #f2f2f2;
}

.wbd-grd__rank-icon {
	display: grid;
	flex: 0 0 88px;
	width: 88px;
	height: 88px;
	place-items: center;
	overflow: hidden;
	background: #fff;
	border: 1px solid var(--wbd-grd-ink);
	border-radius: 50%;
	color: var(--wbd-grd-ink);
	font-size: 36px;
}

.wbd-grd__rank-icon img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wbd-grd__rank-title,
.wbd-grd__progress-card h3,
.wbd-grd__section-heading h3 {
	margin: 0;
	font-weight: 700;
	letter-spacing: -.035em;
}

.wbd-grd__rank-title {
	font-size: clamp(25px, 3vw, 38px);
}

.wbd-grd__rank-next {
	margin: 7px 0 0;
	color: var(--wbd-grd-muted);
	font-size: 13px;
}

.wbd-grd__progress-card {
	margin-top: 20px;
	padding: clamp(25px, 4vw, 38px);
}

.wbd-grd__progress-card h3 {
	font-size: clamp(22px, 3vw, 32px);
}

.wbd-grd__needed {
	text-align: right;
}

.wbd-grd__needed strong,
.wbd-grd__needed span {
	display: block;
}

.wbd-grd__needed strong {
	font-size: 24px;
	font-weight: 800;
}

.wbd-grd__needed span {
	color: var(--wbd-grd-muted);
	font-size: 12px;
}

.wbd-grd__progress {
	overflow: hidden;
	height: 10px;
	margin-top: 22px;
	background: #dedede;
	border-radius: 999px;
}

.wbd-grd__progress span {
	display: block;
	width: 0;
	height: 100%;
	background: var(--wbd-grd-ink);
	border-radius: inherit;
	transition: width 1s cubic-bezier(.2,.8,.2,1);
}

.wbd-grd__progress-meta {
	margin-top: 10px;
	color: var(--wbd-grd-muted);
	font-size: 12px;
}

.wbd-grd__section {
	margin-top: clamp(38px, 7vw, 74px);
}

.wbd-grd__section-heading {
	align-items: flex-end;
	margin-bottom: 20px;
}

.wbd-grd__section-heading h3 {
	font-size: clamp(27px, 4vw, 40px);
}

.wbd-grd__section-heading > span {
	color: var(--wbd-grd-muted);
	font-size: 12px;
}

.wbd-grd__grid {
	display: grid;
	gap: 16px;
}

.wbd-grd__grid--products,
.wbd-grd__grid--achievements {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.wbd-grd__reward-card,
.wbd-grd__achievement-card {
	overflow: hidden;
	background: var(--wbd-grd-paper);
	border: 1px solid var(--wbd-grd-line);
	border-radius: 16px;
	box-shadow: 3px 4px 0 rgba(17,17,17,.10);
	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.wbd-grd__reward-card:hover,
.wbd-grd__achievement-card:hover {
	transform: translateY(-3px);
	border-color: var(--wbd-grd-ink);
	box-shadow: 4px 7px 0 rgba(17,17,17,.14);
}

.wbd-grd__reward-image {
	display: block;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: #efefef;
}

.wbd-grd__reward-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .45s ease;
}

.wbd-grd__reward-card:hover .wbd-grd__reward-image img {
	transform: scale(1.025);
}

.wbd-grd__reward-body {
	padding: 18px;
}

.wbd-grd__reward-card h4,
.wbd-grd__achievement-card h4 {
	margin: 4px 0 8px;
	font-size: 16px;
	line-height: 1.3;
}

.wbd-grd__reward-card h4 a,
.wbd-grd__achievement-card a {
	color: var(--wbd-grd-ink);
	text-decoration: none;
}

.wbd-grd__reward-price {
	min-height: 24px;
	margin-bottom: 14px;
	color: var(--wbd-grd-ink);
	font-size: 13px;
	font-weight: 800;
}

.wbd-grd-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 10px 18px;
	background: var(--wbd-grd-ink);
	border: 1px solid var(--wbd-grd-ink);
	border-radius: 8px;
	box-shadow: 3px 3px 0 rgba(17,17,17,.16);
	color: #fff !important;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .03em;
	text-decoration: none !important;
	transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}

.wbd-grd-button:hover {
	background: #303030;
	box-shadow: 1px 1px 0 rgba(17,17,17,.16);
	transform: translate(2px, 2px);
}

.wbd-grd-button--outline {
	background: #fff;
	color: var(--wbd-grd-ink) !important;
}

.wbd-grd-button--full {
	width: 100%;
}

.wbd-grd__achievement-card {
	padding: 22px;
}

.wbd-grd__achievement-image {
	display: grid;
	width: 72px;
	height: 72px;
	place-items: center;
	overflow: hidden;
	margin-bottom: 16px;
	background: #f1f1f1;
	border: 1px solid var(--wbd-grd-ink);
	border-radius: 50%;
	color: var(--wbd-grd-ink);
	font-size: 28px;
}

.wbd-grd__achievement-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wbd-grd__achievement-card p {
	min-height: 58px;
	margin: 0 0 14px;
	color: var(--wbd-grd-muted);
	font-size: 12px;
}

.wbd-grd__achievement-card > div:last-child > a {
	font-size: 12px;
	font-weight: 800;
}

.wbd-grd__status-pill {
	display: inline-block;
	padding: 4px 9px;
	background: #eeeeee;
	border-radius: 999px;
	color: var(--wbd-grd-ink);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.wbd-grd__achievement-card.is-earned .wbd-grd__status-pill {
	background: var(--wbd-grd-ink);
	color: #fff;
}

.wbd-grd__empty,
.wbd-grd-status,
.wbd-grd-login {
	padding: 26px;
	background: #fff;
	border: 1px dashed #aaa;
	border-radius: 16px;
	text-align: center;
}

.wbd-grd__empty strong,
.wbd-grd__empty span {
	display: block;
}

.wbd-grd__empty span {
	margin-top: 4px;
	color: var(--wbd-grd-muted);
	font-size: 12px;
}

.wbd-grd-login {
	max-width: 620px;
	margin: 30px auto;
	padding: 46px 28px;
	background: linear-gradient(145deg, #fff, #ededed);
	border: 1px solid var(--wbd-grd-ink);
	box-shadow: var(--wbd-grd-shadow);
}

.wbd-grd-login__icon {
	display: grid;
	width: 72px;
	height: 72px;
	margin: 0 auto;
	place-items: center;
	background: #fff;
	border: 1px solid var(--wbd-grd-ink);
	border-radius: 50%;
	font-size: 22px;
	font-weight: 800;
}

.wbd-grd-login h3 {
	margin: 14px 0 8px;
	font-size: 34px;
	font-weight: 700;
}

.wbd-grd-login p {
	margin: 0 0 20px;
	color: var(--wbd-grd-muted);
}

.wbd-grd-login__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
}

@media (min-width: 768px) {
	.wbd-grd__section {
		content-visibility: auto;
		contain-intrinsic-size: auto 560px;
	}
}

@media (max-width: 1024px) {
	.wbd-grd__grid--products,
	.wbd-grd__grid--achievements {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.wbd-grd__shell {
		border-radius: 20px;
	}

	.wbd-grd__header,
	.wbd-grd__section-heading,
	.wbd-grd__progress-copy {
		align-items: flex-start;
		flex-direction: column;
	}

	.wbd-grd__hero-grid {
		grid-template-columns: 1fr;
	}

	.wbd-grd__needed {
		text-align: left;
	}

	.wbd-grd__grid--products,
	.wbd-grd__grid--achievements {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 480px) {
	.wbd-grd__grid--products,
	.wbd-grd__grid--achievements {
		grid-template-columns: 1fr;
	}

	.wbd-grd__rank-card {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media (prefers-reduced-motion: reduce) {
	.wbd-grd *,
	.wbd-grd *::before,
	.wbd-grd *::after {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
	}
}

.wbd-grd__points-value{margin:8px 0 0;color:var(--wbd-grd-muted);font-size:13px;font-weight:700}
.wbd-grd__welcome-reward-alert{display:flex;gap:8px;flex-direction:column;margin-top:24px;padding:18px 20px;background:#111;border:1px solid #111;border-radius:14px;color:#fff}
.wbd-grd__welcome-reward-alert strong{font-size:18px}.wbd-grd__welcome-reward-alert span{color:#d8d8d8;font-size:13px}
.wbd-shopee-claim{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:26px;max-width:1240px;margin:42px auto 0;padding:clamp(24px,4vw,46px);background:#f3f3f3;border:1px solid #cfcfcf;border-radius:24px;color:#111}
.wbd-shopee-claim h3{margin:0;font-size:clamp(26px,4vw,42px);line-height:1.08}.wbd-shopee-claim__copy>p:last-child{max-width:680px;color:#666}.wbd-shopee-claim__panel{padding:22px;background:#fff;border:1px solid #bbb;border-radius:15px}.wbd-shopee-claim__form label>span{display:block;margin-bottom:6px;font-size:12px;font-weight:700}.wbd-shopee-claim__form input[type=text]{width:100%;min-height:46px;padding:9px 12px;border:1px solid #aaa;border-radius:8px}.wbd-shopee-claim__consent{display:grid!important;grid-template-columns:18px 1fr;gap:8px;margin:14px 0}.wbd-shopee-claim__consent span{font-weight:400!important}.wbd-shopee-status{display:inline-block;margin-bottom:14px;padding:5px 10px;background:#e5e5e5;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase}.wbd-shopee-status.is-approved{background:#111;color:#fff}.wbd-shopee-claim dl{margin:0}.wbd-shopee-claim dl>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #eee}.wbd-shopee-claim dt{color:#666}.wbd-shopee-claim dd{margin:0;font-weight:700}
@media(max-width:767px){.wbd-shopee-claim{grid-template-columns:1fr;border-radius:18px}}

.wbd-grd__campaign-actions {
	display: flex;
	gap: 14px;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 24px;
	padding: 14px;
	background: linear-gradient(145deg, #fff, #ececec);
	border: 1px solid #cfcfcf;
	border-radius: 14px;
}

.wbd-grd__campaign-actions > span {
	color: var(--wbd-grd-muted);
	font-size: 12px;
	font-weight: 700;
	text-align: right;
}

#wbd-shopee-claim {
	scroll-margin-top: 110px;
}

#wbd-shopee-claim:focus {
	outline: 0;
}

@media (min-width: 768px) {
	.wbd-shopee-claim {
		content-visibility: auto;
		contain-intrinsic-size: auto 430px;
	}
}

@media (max-width: 767px) {
	.wbd-grd__campaign-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.wbd-grd__campaign-actions .wbd-grd-button {
		width: 100%;
	}

	.wbd-grd__campaign-actions > span {
		text-align: center;
	}
}

/* Inline reward choice: loads only after the member selects a reward card. */
.wbd-grd__reward-card.is-configuring{grid-column:span 2;border-color:var(--wbd-grd-ink);box-shadow:4px 7px 0 rgba(17,17,17,.14)}
.wbd-grd__reward-select{appearance:none;cursor:pointer}
.wbd-grd__reward-select[aria-busy="true"]{cursor:wait;opacity:.72}
.wbd-grd__reward-options{padding:0 18px 18px;background:#fff}
.wbd-grd__reward-options[hidden]{display:none!important}
.wbd-grd__reward-options-loading,.wbd-inline-reward-form__error{margin:0;padding:14px;background:#f3f3f3;border:1px solid var(--wbd-grd-line);border-radius:10px;color:var(--wbd-grd-muted);font-size:13px;text-align:center}
.wbd-inline-reward-form{padding-top:16px;border-top:1px solid var(--wbd-grd-line)}
.wbd-inline-reward-form__summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}
.wbd-inline-reward-form__summary>div{min-width:0;padding:10px;background:#f4f4f4;border:1px solid var(--wbd-grd-line);border-radius:9px}
.wbd-inline-reward-form__summary span,.wbd-inline-reward-form__summary strong{display:block}
.wbd-inline-reward-form__summary span{color:var(--wbd-grd-muted);font-size:10px;font-weight:700}
.wbd-inline-reward-form__summary strong{margin-top:3px;font-size:13px;line-height:1.25}
.wbd-inline-reward-cart{margin:0!important;padding:0!important}
.wbd-inline-reward-cart table.variations{width:100%;margin:0 0 8px;border:0}
.wbd-inline-reward-cart table.variations tr,.wbd-inline-reward-cart table.variations th,.wbd-inline-reward-cart table.variations td{display:block;width:100%;padding:0;border:0;text-align:left}
.wbd-inline-reward-cart table.variations th{margin:10px 0 5px;color:var(--wbd-grd-ink);font-size:12px;font-weight:800}
.wbd-inline-reward-cart table.variations select{width:100%;min-height:46px;margin:0;padding:9px 38px 9px 12px;background-color:#fff;border:1px solid #aaa;border-radius:8px;color:#111;font-family:inherit;font-size:14px}
.wbd-inline-reward-cart .reset_variations{display:inline-block;margin:4px 0 10px;color:#555;font-size:11px;font-weight:700;text-decoration:underline}
.wbd-inline-reward-cart .single_variation{margin:8px 0}
.wbd-inline-reward-cart .woocommerce-variation-description,.wbd-inline-reward-cart .woocommerce-variation-price{display:none}
.wbd-inline-reward-cart .woocommerce-variation-availability .stock,.wbd-inline-reward-form>.stock{margin:8px 0;padding:9px 11px;background:#f3f3f3;border-radius:8px;color:#111;font-size:12px;font-weight:700}
.wbd-inline-reward-cart .single_add_to_cart_button{display:flex!important;width:100%!important;min-height:48px!important;margin:10px 0 0!important;padding:12px 18px!important;align-items:center!important;justify-content:center!important;background:#111!important;border:1px solid #111!important;border-radius:8px!important;box-shadow:none!important;color:#fff!important;font-family:inherit!important;font-size:14px!important;font-weight:800!important;line-height:1.2!important;text-align:center!important;text-transform:none!important;cursor:pointer!important}
.wbd-inline-reward-cart .single_add_to_cart_button:hover,.wbd-inline-reward-cart .single_add_to_cart_button:focus{background:#2a2a2a!important;border-color:#2a2a2a!important;color:#fff!important}
.wbd-inline-reward-cart .single_add_to_cart_button.disabled,.wbd-inline-reward-cart .single_add_to_cart_button:disabled{background:#d7d7d7!important;border-color:#d7d7d7!important;color:#777!important;cursor:not-allowed!important;opacity:1!important}
.wbd-inline-reward-form__next-step{margin:12px 0 0;color:var(--wbd-grd-muted);font-size:11px;line-height:1.45}
@media(max-width:767px){.wbd-grd__reward-card.is-configuring{grid-column:1/-1}.wbd-inline-reward-form__summary{grid-template-columns:1fr}.wbd-grd__reward-options{padding:0 14px 14px}}
.wbd-inline-reward-cart .woocommerce-variation-add-to-cart-disabled .single_add_to_cart_button{display:none!important}
.wbd-inline-reward-cart .woocommerce-variation-add-to-cart-enabled .single_add_to_cart_button{display:flex!important}