/* =========================================================
   GROOKFIT REFERRAL & WALLET — PREMIUM MONO UI
   Customer + WooCommerce Checkout
   ========================================================= */

:root {
	--gf-black: #050505;
	--gf-bg: #080808;
	--gf-panel: #0d0d0d;
	--gf-panel-2: #111111;
	--gf-panel-3: #151515;
	--gf-line: rgba(255,255,255,.09);
	--gf-line-strong: rgba(255,255,255,.16);
	--gf-white: #fff;
	--gf-text: #ededed;
	--gf-muted: #8a8a8a;
	--gf-dim: #5f5f5f;
	--gf-green: #b8ffcf;
	--gf-red: #ff9b9b;
	--gf-yellow: #ffe09a;
	--gf-radius: 18px;
	--gf-radius-sm: 12px;
	--gf-shadow: 0 18px 55px rgba(0,0,0,.25);
}

/* ---------- Global account scope ---------- */

.grookfit-account-page,
.grookfit-checkout-wallet {
	width: 100%;
	color: var(--gf-text);
	font-family: inherit;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
}

.grookfit-account-page *,
.grookfit-account-page *::before,
.grookfit-account-page *::after,
.grookfit-checkout-wallet *,
.grookfit-checkout-wallet *::before,
.grookfit-checkout-wallet *::after {
	box-sizing: border-box;
}

.grookfit-account-page {
	max-width: 1180px;
	margin: 0 auto;
	padding: 8px 0 64px;
}

.grookfit-account-page a {
	color: inherit;
}

.grookfit-section-eyebrow,
.grookfit-referral-eyebrow {
	display: block;
	margin: 0 0 8px;
	color: var(--gf-dim);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .18em;
	text-transform: uppercase;
}

.grookfit-section-heading {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 22px;
}

.grookfit-section-heading h3,
.grookfit-section-heading h2 {
	margin: 0;
	color: var(--gf-white);
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -.025em;
}

.grookfit-section-heading p {
	margin: 6px 0 0;
	color: var(--gf-muted);
	font-size: 12px;
}

/* ---------- WooCommerce My Account shell ---------- */

.woocommerce-account .woocommerce-MyAccount-content {
	min-width: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
	min-width: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
	margin: 0 0 6px;
	padding: 0;
	list-style: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
	display: flex;
	align-items: center;
	min-height: 44px;
	padding: 10px 14px;
	border: 1px solid transparent;
	border-radius: 11px;
	color: #8d8d8d;
	text-decoration: none;
	font-size: 12px;
	font-weight: 600;
	transition: .2s ease;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	border-color: var(--gf-line);
	background: #111;
	color: #fff;
}

/* ---------- Referral hero ---------- */

.grookfit-referral-hero,
.grookfit-wallet-hero,
.grookfit-history-header {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	overflow: hidden;
	margin-bottom: 18px;
	padding: 34px;
	border: 1px solid var(--gf-line);
	border-radius: 22px;
	background:
		radial-gradient(circle at 90% 15%, rgba(255,255,255,.08), transparent 28%),
		linear-gradient(145deg,#151515 0%,#0b0b0b 62%,#070707 100%);
	box-shadow: var(--gf-shadow);
}

.grookfit-referral-hero::before,
.grookfit-wallet-hero::before,
.grookfit-history-header::before {
	content: "";
	position: absolute;
	width: 240px;
	height: 240px;
	right: -130px;
	bottom: -150px;
	border: 1px solid rgba(255,255,255,.06);
	border-radius: 50%;
	pointer-events: none;
}

.grookfit-referral-hero-content,
.grookfit-wallet-hero-content,
.grookfit-history-header > div {
	position: relative;
	z-index: 1;
}

.grookfit-referral-hero h2,
.grookfit-wallet-hero h2,
.grookfit-history-header h2 {
	margin: 0 0 10px;
	color: #fff;
	font-size: clamp(30px,4vw,46px);
	font-weight: 750;
	line-height: 1;
	letter-spacing: -.045em;
}

.grookfit-referral-hero h2 strong {
	font-weight: 750;
}

.grookfit-referral-hero p,
.grookfit-wallet-hero p,
.grookfit-history-header p {
	max-width: 650px;
	margin: 0;
	color: #8a8a8a;
	font-size: 13px;
	line-height: 1.75;
}

.grookfit-referral-hero-badge {
	position: relative;
	z-index: 1;
	flex: 0 0 190px;
	padding: 22px;
	border: 1px solid var(--gf-line-strong);
	border-radius: 16px;
	background: rgba(255,255,255,.035);
	text-align: center;
}

.grookfit-referral-hero-badge span:first-child {
	display: block;
	color: #777;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .16em;
}

.grookfit-referral-hero-badge strong {
	display: block;
	margin: 6px 0 0;
	color: #fff;
	font-size: 31px;
	line-height: 1;
}

.grookfit-referral-hero-badge strong span {
	display: inline;
	color: #777;
	font-size: 9px;
	letter-spacing: .08em;
}

.grookfit-referral-hero-badge small {
	display: block;
	margin-top: 8px;
	color: #8f8f8f;
	font-size: 10px;
}

/* ---------- Generic cards ---------- */

.grookfit-referral-card,
.grookfit-wallet-card,
.grookfit-history-card,
.grookfit-referral-wallet-card,
.grookfit-history-cta,
.grookfit-referral-history-link {
	margin-bottom: 16px;
	padding: 26px;
	border: 1px solid var(--gf-line);
	border-radius: var(--gf-radius);
	background: linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));
	box-shadow: 0 12px 40px rgba(0,0,0,.16);
}

.grookfit-referral-card h3,
.grookfit-wallet-card h3,
.grookfit-history-card h3,
.grookfit-referral-history-link h3 {
	margin: 0;
	color: #fff;
	font-size: 18px;
	letter-spacing: -.025em;
}

.grookfit-referral-helper {
	margin: 9px 0 0;
	color: #686868;
	font-size: 11px;
}

/* ---------- Referral code/link ---------- */

.grookfit-referral-code-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 20px;
	padding: 7px;
	border: 1px solid var(--gf-line);
	border-radius: 14px;
	background: #070707;
}

.grookfit-referral-code-value {
	flex: 1;
	min-width: 0;
	padding: 0 14px;
}

.grookfit-referral-code-value span {
	display: block;
	overflow: hidden;
	color: #fff;
	font-size: 18px;
	font-weight: 800;
	letter-spacing: .13em;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.grookfit-copy-row {
	display: flex;
	gap: 8px;
	margin-top: 18px;
}

.grookfit-copy-row input {
	flex: 1;
	width: 100%;
	min-width: 0;
	height: 48px;
	padding: 0 14px;
	border: 1px solid var(--gf-line);
	border-radius: 11px;
	outline: 0;
	background: #070707 !important;
	color: #ddd !important;
	font: inherit;
	font-size: 12px;
}

.grookfit-copy-button,
.grookfit-history-primary-button,
.grookfit-wallet-shop-button,
.grookfit-wallet-referral-button,
.grookfit-history-button,
.grookfit-native-share {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0 17px;
	border: 1px solid #fff;
	border-radius: 10px;
	background: #fff;
	color: #070707 !important;
	cursor: pointer;
	text-decoration: none !important;
	font: inherit;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .02em;
	transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

.grookfit-copy-button:hover,
.grookfit-history-primary-button:hover,
.grookfit-wallet-shop-button:hover,
.grookfit-wallet-referral-button:hover,
.grookfit-history-button:hover,
.grookfit-native-share:hover {
	transform: translateY(-1px);
	background: #ddd;
	border-color: #ddd;
}

.grookfit-referral-share-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	margin-top: 18px;
}

.grookfit-native-share {
	background: #151515;
	border-color: var(--gf-line-strong);
	color: #eee !important;
}

.grookfit-share-icon {
	margin-right: 8px;
	font-size: 16px;
}

/* ---------- Steps ---------- */

.grookfit-referral-steps {
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 10px;
}

.grookfit-referral-step {
	display: flex;
	gap: 13px;
	padding: 18px;
	border: 1px solid var(--gf-line);
	border-radius: 13px;
	background: rgba(255,255,255,.018);
}

.grookfit-step-number {
	flex: 0 0 auto;
	color: #555;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: .1em;
}

.grookfit-referral-step strong {
	display: block;
	margin-bottom: 5px;
	color: #eee;
	font-size: 12px;
}

.grookfit-referral-step p {
	margin: 0;
	color: #6f6f6f;
	font-size: 11px;
	line-height: 1.55;
}

/* ---------- Stats ---------- */

.grookfit-referral-stats {
	display: grid;
	grid-template-columns: repeat(4,minmax(0,1fr));
	gap: 10px;
	margin-bottom: 16px;
}

.grookfit-referral-stat-card {
	min-width: 0;
	padding: 20px;
	border: 1px solid var(--gf-line);
	border-radius: 15px;
	background: #0d0d0d;
}

.grookfit-referral-stat-card span:first-child {
	display: block;
	margin-bottom: 8px;
	color: #666;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .13em;
}

.grookfit-referral-stat-card strong {
	display: block;
	overflow: hidden;
	color: #fff;
	font-size: 23px;
	font-weight: 750;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.grookfit-referral-stat-card strong span {
	display: inline;
	color: #666;
	font-size: 9px;
}

/* ---------- Referral wallet summary ---------- */

.grookfit-referral-wallet-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.grookfit-referral-wallet-card h3 {
	margin: 0;
}

.grookfit-referral-wallet-card p {
	margin: 5px 0 0;
	color: #6f6f6f;
	font-size: 11px;
}

.grookfit-wallet-balance {
	display: flex;
	align-items: baseline;
	gap: 7px;
}

.grookfit-wallet-balance strong {
	color: #fff;
	font-size: 30px;
	font-weight: 800;
	letter-spacing: -.04em;
}

.grookfit-wallet-balance span {
	color: #666;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .1em;
}

/* ---------- Pending / terms ---------- */

.grookfit-referral-pending {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 16px;
	padding: 17px 20px;
	border: 1px solid rgba(255,224,154,.14);
	border-radius: 14px;
	background: rgba(255,224,154,.035);
}

.grookfit-pending-icon {
	display: grid;
	flex: 0 0 38px;
	place-items: center;
	width: 38px;
	height: 38px;
	border: 1px solid rgba(255,224,154,.2);
	border-radius: 50%;
	color: var(--gf-yellow);
	background: rgba(255,224,154,.04);
}

.grookfit-referral-pending strong {
	color: #eee;
	font-size: 12px;
}

.grookfit-referral-pending p {
	margin: 3px 0 0;
	color: #777;
	font-size: 11px;
}

.grookfit-referral-terms,
.grookfit-wallet-note {
	margin-top: 12px;
	color: #555;
	font-size: 10px;
	line-height: 1.7;
	text-align: center;
}

/* ---------- Wallet ---------- */

.grookfit-wallet-status {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	position: relative;
	z-index: 1;
	padding: 8px 11px;
	border: 1px solid var(--gf-line);
	border-radius: 999px;
	background: rgba(255,255,255,.035);
	color: #999;
	font-size: 10px;
	font-weight: 700;
}

.grookfit-wallet-status-dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #aaa;
}

.grookfit-wallet-status.active .grookfit-wallet-status-dot {
	background: var(--gf-green);
	box-shadow: 0 0 12px rgba(184,255,207,.45);
}

.grookfit-wallet-status.blocked .grookfit-wallet-status-dot {
	background: var(--gf-red);
}

.grookfit-wallet-balance-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	margin-bottom: 16px;
	padding: 30px;
	border: 1px solid var(--gf-line-strong);
	border-radius: 20px;
	background:
		radial-gradient(circle at 80% 30%,rgba(255,255,255,.08),transparent 32%),
		linear-gradient(145deg,#151515,#080808);
	box-shadow: var(--gf-shadow);
}

.grookfit-wallet-balance-content > span,
.grookfit-wallet-available-card span {
	color: #666;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .16em;
}

.grookfit-wallet-main-balance {
	display: flex;
	align-items: baseline;
	gap: 8px;
	margin-top: 5px;
}

.grookfit-wallet-main-balance strong {
	color: #fff;
	font-size: clamp(42px,7vw,64px);
	line-height: .95;
	letter-spacing: -.06em;
}

.grookfit-wallet-main-balance small {
	color: #777;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .1em;
}

.grookfit-wallet-rupee-value {
	margin-top: 10px;
	color: #bcbcbc;
	font-size: 13px;
}

.grookfit-wallet-balance-content p {
	margin: 7px 0 0;
	color: #5e5e5e;
	font-size: 10px;
}

.grookfit-wallet-balance-mark {
	display: grid;
	flex: 0 0 110px;
	place-items: center;
	width: 110px;
	height: 110px;
	border: 1px solid var(--gf-line);
	border-radius: 50%;
	background: rgba(255,255,255,.025);
}

.grookfit-wallet-balance-mark span {
	color: #444;
	font-size: 26px;
	font-weight: 900;
	letter-spacing: -.08em;
}

.grookfit-wallet-alert {
	display: flex;
	gap: 13px;
	margin-bottom: 16px;
	padding: 17px;
	border: 1px solid rgba(255,155,155,.14);
	border-radius: 14px;
	background: rgba(255,155,155,.035);
}

.grookfit-wallet-alert-icon {
	display: grid;
	flex: 0 0 34px;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: rgba(255,155,155,.08);
	color: var(--gf-red);
	font-weight: 900;
}

.grookfit-wallet-alert strong {
	color: #eee;
	font-size: 12px;
}

.grookfit-wallet-alert p {
	margin: 4px 0 0;
	color: #777;
	font-size: 11px;
	line-height: 1.6;
}

.grookfit-wallet-usage {
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 10px;
}

.grookfit-wallet-usage-item {
	display: flex;
	gap: 12px;
	padding: 17px;
	border: 1px solid var(--gf-line);
	border-radius: 13px;
	background: rgba(255,255,255,.018);
}

.grookfit-wallet-usage-icon {
	display: grid;
	flex: 0 0 34px;
	place-items: center;
	width: 34px;
	height: 34px;
	border: 1px solid var(--gf-line-strong);
	border-radius: 10px;
	color: #ccc;
	font-size: 13px;
	font-weight: 800;
}

.grookfit-wallet-usage-item strong {
	display: block;
	color: #eee;
	font-size: 11px;
}

.grookfit-wallet-usage-item p {
	margin: 4px 0 0;
	color: #686868;
	font-size: 10px;
	line-height: 1.55;
}

.grookfit-wallet-available-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 16px;
	padding: 22px 24px;
	border: 1px solid var(--gf-line);
	border-radius: 15px;
	background: #0d0d0d;
}

.grookfit-wallet-available-card strong {
	display: block;
	margin-top: 2px;
	color: #fff;
	font-size: 28px;
	letter-spacing: -.04em;
}

.grookfit-wallet-transactions {
	border-top: 1px solid var(--gf-line);
}

.grookfit-wallet-transaction {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 16px 2px;
	border-bottom: 1px solid rgba(255,255,255,.055);
}

.grookfit-transaction-icon {
	display: grid;
	flex: 0 0 34px;
	place-items: center;
	width: 34px;
	height: 34px;
	border: 1px solid var(--gf-line);
	border-radius: 10px;
	background: #101010;
	font-weight: 800;
}

.grookfit-wallet-transaction.credit .grookfit-transaction-icon {
	color: var(--gf-green);
}

.grookfit-wallet-transaction.debit .grookfit-transaction-icon {
	color: var(--gf-red);
}

.grookfit-transaction-info {
	flex: 1;
	min-width: 0;
}

.grookfit-transaction-info strong {
	display: block;
	overflow: hidden;
	color: #ddd;
	font-size: 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.grookfit-transaction-info span {
	display: block;
	margin-top: 3px;
	color: #5e5e5e;
	font-size: 10px;
}

.grookfit-transaction-amount {
	text-align: right;
}

.grookfit-transaction-amount strong {
	display: block;
	font-size: 12px;
}

.grookfit-wallet-transaction.credit .grookfit-transaction-amount strong {
	color: var(--gf-green);
}

.grookfit-wallet-transaction.debit .grookfit-transaction-amount strong {
	color: var(--gf-red);
}

.grookfit-transaction-amount strong span {
	color: #666;
	font-size: 9px;
}

.grookfit-transaction-amount small {
	color: #666;
	font-size: 9px;
}

.grookfit-wallet-empty {
	padding: 42px 20px;
	text-align: center;
}

.grookfit-wallet-empty-icon {
	display: grid;
	width: 48px;
	height: 48px;
	margin: 0 auto 12px;
	place-items: center;
	border: 1px solid var(--gf-line);
	border-radius: 50%;
	color: #555;
	font-size: 24px;
}

.grookfit-wallet-empty strong {
	color: #ddd;
	font-size: 13px;
}

.grookfit-wallet-empty p {
	margin: 6px auto 0;
	max-width: 420px;
	color: #666;
	font-size: 11px;
}

.grookfit-wallet-referral-cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 24px 26px;
	border: 1px solid var(--gf-line);
	border-radius: 17px;
	background: linear-gradient(145deg,#111,#0a0a0a);
}

.grookfit-wallet-referral-cta h3 {
	margin: 0;
	color: #fff;
	font-size: 18px;
}

.grookfit-wallet-referral-cta p {
	margin: 5px 0 0;
	color: #6c6c6c;
	font-size: 11px;
}

/* ---------- History ---------- */

.grookfit-history-back {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	padding: 0 14px;
	border: 1px solid var(--gf-line);
	border-radius: 10px;
	color: #aaa !important;
	text-decoration: none !important;
	font-size: 10px;
	font-weight: 700;
}

.grookfit-history-summary {
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 10px;
	margin-bottom: 16px;
}

.grookfit-history-summary > div {
	padding: 20px;
	border: 1px solid var(--gf-line);
	border-radius: 14px;
	background: #0d0d0d;
}

.grookfit-history-summary span {
	display: block;
	color: #666;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .14em;
}

.grookfit-history-summary strong {
	display: block;
	margin-top: 7px;
	color: #fff;
	font-size: 21px;
}

.grookfit-history-count {
	color: #666;
	font-size: 10px;
	font-weight: 700;
}

.grookfit-history-table-wrapper {
	width: 100%;
	overflow-x: auto;
	border: 1px solid var(--gf-line);
	border-radius: 13px;
}

.grookfit-history-table {
	width: 100%;
	min-width: 760px;
	border-collapse: collapse;
}

.grookfit-history-table th {
	padding: 13px 15px;
	border-bottom: 1px solid var(--gf-line);
	background: #101010;
	color: #5f5f5f;
	font-size: 8px;
	font-weight: 800;
	letter-spacing: .14em;
	text-align: left;
	white-space: nowrap;
}

.grookfit-history-table td {
	padding: 15px;
	border-bottom: 1px solid rgba(255,255,255,.05);
	color: #999;
	font-size: 11px;
	vertical-align: middle;
}

.grookfit-history-table tr:last-child td {
	border-bottom: 0;
}

.grookfit-history-table tbody tr:hover {
	background: rgba(255,255,255,.018);
}

.grookfit-history-table code {
	padding: 5px 7px;
	border: 1px solid var(--gf-line);
	border-radius: 7px;
	background: #080808;
	color: #bbb;
	font-family: ui-monospace,SFMono-Regular,Menlo,monospace;
	font-size: 9px;
}

.grookfit-history-order-link {
	color: #fff !important;
	text-decoration: none !important;
	font-weight: 700;
}

.grookfit-history-discount {
	color: #aaa;
	font-weight: 700;
}

.grookfit-history-reward strong {
	display: block;
	color: var(--gf-green);
	font-size: 11px;
}

.grookfit-history-reward small {
	color: #666;
	font-size: 9px;
}

.grookfit-history-status {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
}

.grookfit-history-status > span {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 0 8px;
	border: 1px solid var(--gf-line);
	border-radius: 999px;
	background: #111;
	color: #aaa;
	font-size: 8px;
	font-weight: 800;
	letter-spacing: .05em;
	text-transform: uppercase;
}

.grookfit-history-status.success > span {
	border-color: rgba(184,255,207,.16);
	color: var(--gf-green);
	background: rgba(184,255,207,.035);
}

.grookfit-history-status.danger > span {
	border-color: rgba(255,155,155,.16);
	color: var(--gf-red);
	background: rgba(255,155,155,.035);
}

.grookfit-history-status small {
	max-width: 150px;
	color: #555;
	font-size: 8px;
	line-height: 1.35;
}

.grookfit-history-reward-date {
	margin-top: 5px;
	color: #555;
	font-size: 8px;
}

.grookfit-history-mobile {
	display: none;
}

.grookfit-history-info {
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 10px;
	margin-bottom: 16px;
}

.grookfit-history-info-item {
	display: flex;
	gap: 12px;
	padding: 17px;
	border: 1px solid var(--gf-line);
	border-radius: 13px;
	background: #0d0d0d;
}

.grookfit-history-info-item > span {
	display: grid;
	flex: 0 0 30px;
	place-items: center;
	width: 30px;
	height: 30px;
	border-radius: 9px;
	background: #151515;
	color: #666;
	font-size: 9px;
	font-weight: 900;
}

.grookfit-history-info-item > span.success {
	color: var(--gf-green);
}

.grookfit-history-info-item > span.danger {
	color: var(--gf-red);
}

.grookfit-history-info-item strong {
	display: block;
	color: #ddd;
	font-size: 11px;
}

.grookfit-history-info-item p {
	margin: 4px 0 0;
	color: #626262;
	font-size: 9px;
	line-height: 1.55;
}

.grookfit-history-cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.grookfit-history-cta h3 {
	margin: 0;
	color: #fff;
	font-size: 18px;
}

.grookfit-history-cta p {
	margin: 5px 0 0;
	color: #666;
	font-size: 11px;
}

/* ---------- Checkout wallet ---------- */

.grookfit-checkout-wallet {
	clear: both;
	width: 100%;
	margin: 18px 0 22px;
	padding: 0;
	color: #ddd;
}

.grookfit-checkout-wallet .grookfit-referral-applied,
.grookfit-checkout-wallet .grookfit-wallet-panel,
.grookfit-checkout-wallet .grookfit-wallet-blocked {
	width: 100%;
}

.grookfit-referral-applied {
	display: grid;
	grid-template-columns: auto auto 1fr;
	align-items: center;
	gap: 10px 12px;
	padding: 15px 17px;
	border: 1px solid rgba(184,255,207,.16);
	border-radius: 14px;
	background: linear-gradient(145deg,rgba(184,255,207,.055),rgba(255,255,255,.018));
}

.grookfit-checkout-wallet .grookfit-referral-applied strong {
	color: #f2f2f2;
	font-size: 12px;
}

.grookfit-checkout-wallet .grookfit-referral-applied > span {
	justify-self: start;
	padding: 4px 8px;
	border: 1px solid rgba(184,255,207,.18);
	border-radius: 999px;
	color: var(--gf-green);
	background: rgba(184,255,207,.04);
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .05em;
}

.grookfit-checkout-wallet .grookfit-referral-applied small {
	grid-column: 1 / -1;
	margin: -2px 0 0;
	color: #777;
	font-size: 10px;
}

.grookfit-wallet-panel {
	padding: 18px;
	border: 1px solid var(--gf-line);
	border-radius: 16px;
	background: linear-gradient(145deg,#111,#0a0a0a);
	box-shadow: 0 12px 35px rgba(0,0,0,.15);
}

.grookfit-wallet-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 15px;
	padding-bottom: 13px;
	border-bottom: 1px solid rgba(255,255,255,.06);
}

.grookfit-wallet-heading strong {
	color: #f4f4f4;
	font-size: 13px;
}

.grookfit-wallet-heading span {
	color: #888;
	font-size: 10px;
	font-weight: 700;
}

.grookfit-checkout-wallet .grookfit-wallet-balance {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 15px;
	padding: 13px 14px;
	border: 1px solid rgba(255,255,255,.06);
	border-radius: 11px;
	background: #080808;
}

.grookfit-checkout-wallet .grookfit-wallet-balance span {
	color: #666;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.grookfit-checkout-wallet .grookfit-wallet-balance strong {
	color: #fff;
	font-size: 20px;
	letter-spacing: -.03em;
}

.grookfit-wallet-form {
	margin-top: 16px;
}

.grookfit-wallet-form label {
	display: block;
	margin-bottom: 7px;
	color: #aaa;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .04em;
}

.grookfit-wallet-input-row {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 8px;
}

.grookfit-wallet-input-row input {
	width: 100%;
	height: 44px;
	padding: 0 12px;
	border: 1px solid var(--gf-line-strong) !important;
	border-radius: 10px !important;
	outline: 0;
	background: #060606 !important;
	color: #fff !important;
	font: inherit;
	font-size: 12px;
	box-shadow: none !important;
}

.grookfit-wallet-input-row input:focus {
	border-color: rgba(255,255,255,.32) !important;
}

.grookfit-wallet-input-row button {
	min-width: 82px;
	height: 44px;
	padding: 0 15px;
	border: 1px solid #fff !important;
	border-radius: 10px !important;
	background: #fff !important;
	color: #050505 !important;
	cursor: pointer;
	font: inherit;
	font-size: 10px;
	font-weight: 800;
}

.grookfit-wallet-form > small {
	display: block;
	margin-top: 7px;
	color: #555;
	font-size: 9px;
}

.grookfit-wallet-remove-form {
	margin-top: 10px;
}

.grookfit-wallet-remove {
	padding: 0;
	border: 0;
	background: none;
	color: #777;
	cursor: pointer;
	font: inherit;
	font-size: 9px;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.grookfit-wallet-remove:hover {
	color: #ddd;
}

.grookfit-wallet-blocked {
	padding: 16px;
	border: 1px solid rgba(255,155,155,.14);
	border-radius: 13px;
	background: rgba(255,155,155,.035);
}

.grookfit-wallet-blocked strong {
	display: block;
	color: var(--gf-red);
	font-size: 12px;
}

.grookfit-wallet-blocked span {
	display: block;
	margin-top: 3px;
	color: #777;
	font-size: 10px;
}

.grookfit-wallet-no-usage {
	padding: 13px;
	border: 1px solid var(--gf-line);
	border-radius: 10px;
	color: #6c6c6c;
	background: #090909;
	font-size: 10px;
}

/* ---------- Buttons / focus ---------- */

.grookfit-account-page button:focus-visible,
.grookfit-account-page a:focus-visible,
.grookfit-checkout-wallet button:focus-visible,
.grookfit-checkout-wallet input:focus-visible {
	outline: 2px solid rgba(255,255,255,.45);
	outline-offset: 2px;
}

/* ---------- Responsive ---------- */

@media (max-width: 1100px) {
	.grookfit-account-page {
		padding-right: 14px;
		padding-left: 14px;
	}

	.grookfit-referral-stats {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}

	.grookfit-wallet-usage {
		grid-template-columns: 1fr;
	}

	.grookfit-history-info {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 800px) {
	.grookfit-referral-hero,
	.grookfit-wallet-hero,
	.grookfit-history-header {
		align-items: flex-start;
		flex-direction: column;
		padding: 26px 22px;
	}

	.grookfit-referral-hero-badge {
		width: 100%;
		flex-basis: auto;
	}

	.grookfit-referral-steps {
		grid-template-columns: 1fr;
	}

	.grookfit-referral-wallet-card,
	.grookfit-wallet-available-card,
	.grookfit-wallet-referral-cta,
	.grookfit-history-cta {
		align-items: flex-start;
		flex-direction: column;
	}

	.grookfit-history-summary {
		grid-template-columns: 1fr;
	}

	.grookfit-history-table-wrapper {
		display: none;
	}

	.grookfit-history-mobile {
		display: grid;
		gap: 10px;
	}

	.grookfit-history-mobile-card {
		padding: 17px;
		border: 1px solid var(--gf-line);
		border-radius: 14px;
		background: #0b0b0b;
	}

	.grookfit-mobile-card-top {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		gap: 12px;
	}

	.grookfit-mobile-card-top span,
	.grookfit-mobile-card-code > span,
	.grookfit-mobile-card-values span {
		display: block;
		margin-bottom: 4px;
		color: #555;
		font-size: 8px;
		font-weight: 800;
		letter-spacing: .12em;
	}

	.grookfit-mobile-card-top a,
	.grookfit-mobile-card-top strong {
		color: #fff;
		font-size: 13px;
		text-decoration: none;
	}

	.grookfit-mobile-card-date {
		margin-top: 5px;
		color: #555;
		font-size: 9px;
	}

	.grookfit-mobile-card-code {
		margin-top: 14px;
	}

	.grookfit-mobile-card-code code {
		display: inline-block;
		padding: 5px 7px;
		border: 1px solid var(--gf-line);
		border-radius: 7px;
		color: #aaa;
		background: #060606;
		font-size: 9px;
	}

	.grookfit-mobile-card-values {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px;
		margin-top: 15px;
		padding-top: 14px;
		border-top: 1px solid rgba(255,255,255,.05);
	}

	.grookfit-mobile-card-values strong {
		color: #ddd;
		font-size: 12px;
	}

	.grookfit-mobile-card-note {
		margin-top: 13px;
		padding-top: 12px;
		border-top: 1px solid rgba(255,255,255,.05);
		color: #777;
		font-size: 9px;
	}

	.grookfit-mobile-card-note.success {
		color: var(--gf-green);
	}

	.grookfit-mobile-card-note.danger {
		color: var(--gf-red);
	}

	.grookfit-wallet-balance-card {
		align-items: flex-start;
	}

	.grookfit-wallet-balance-mark {
		display: none;
	}
}

@media (max-width: 560px) {
	.grookfit-account-page {
		padding: 4px 10px 42px;
	}

	.grookfit-referral-hero,
	.grookfit-wallet-hero,
	.grookfit-history-header {
		margin-bottom: 12px;
		padding: 22px 18px;
		border-radius: 16px;
	}

	.grookfit-referral-hero h2,
	.grookfit-wallet-hero h2,
	.grookfit-history-header h2 {
		font-size: 31px;
	}

	.grookfit-referral-card,
	.grookfit-wallet-card,
	.grookfit-history-card,
	.grookfit-referral-wallet-card,
	.grookfit-history-cta,
	.grookfit-referral-history-link {
		padding: 18px;
		border-radius: 15px;
	}

	.grookfit-referral-stats {
		grid-template-columns: 1fr 1fr;
		gap: 7px;
	}

	.grookfit-referral-stat-card {
		padding: 15px;
	}

	.grookfit-referral-stat-card strong {
		font-size: 20px;
	}

	.grookfit-referral-code-box {
		align-items: stretch;
		flex-direction: column;
		padding: 6px;
	}

	.grookfit-referral-code-value {
		padding: 10px;
		text-align: center;
	}

	.grookfit-copy-button {
		width: 100%;
	}

	.grookfit-copy-row {
		flex-direction: column;
	}

	.grookfit-copy-row .grookfit-copy-button {
		width: 100%;
	}

	.grookfit-referral-share-actions,
	.grookfit-referral-share-actions .grookfit-native-share {
		width: 100%;
	}

	.grookfit-wallet-balance-card {
		padding: 22px 18px;
	}

	.grookfit-wallet-main-balance strong {
		font-size: 48px;
	}

	.grookfit-wallet-input-row {
		grid-template-columns: 1fr;
	}

	.grookfit-wallet-input-row button {
		width: 100%;
	}

	.grookfit-checkout-wallet {
		margin: 14px 0 18px;
	}

	.grookfit-referral-applied {
		grid-template-columns: 1fr auto;
	}

	.grookfit-checkout-wallet .grookfit-referral-applied > span {
		justify-self: end;
	}

	.grookfit-history-summary > div {
		padding: 16px;
	}

	.grookfit-history-back {
		width: 100%;
		justify-content: center;
	}
}

@media (prefers-reduced-motion: reduce) {
	.grookfit-account-page *,
	.grookfit-checkout-wallet * {
		scroll-behavior: auto !important;
		transition: none !important;
		animation: none !important;
	}
}



/* =========================================================
   GROOKFIT CHECKOUT WIDGET — SCOPED RESPONSIVE OVERRIDES
   IMPORTANT: This intentionally does NOT style WooCommerce's
   entire checkout. It only styles GROOKFIT's own widget.
   ========================================================= */

.woocommerce-checkout .grookfit-checkout-wallet,
.woocommerce-cart .grookfit-checkout-wallet {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 0 22px !important;
	padding: 0 !important;
	color: #ededed !important;
	font-family: inherit !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
	overflow: visible !important;
}

.woocommerce-checkout .grookfit-checkout-wallet *,
.woocommerce-cart .grookfit-checkout-wallet * {
	box-sizing: border-box !important;
}

.woocommerce-checkout .grookfit-checkout-wallet .grookfit-wallet-panel,
.woocommerce-cart .grookfit-checkout-wallet .grookfit-wallet-panel {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 20px !important;
	border: 1px solid rgba(255,255,255,.10) !important;
	border-radius: 16px !important;
	background: linear-gradient(145deg,#151515 0%,#0b0b0b 100%) !important;
	color: #ededed !important;
	box-shadow: 0 14px 40px rgba(0,0,0,.18) !important;
}

.woocommerce-checkout .grookfit-checkout-wallet .grookfit-wallet-heading,
.woocommerce-cart .grookfit-checkout-wallet .grookfit-wallet-heading {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
	margin: 0 0 15px !important;
	padding: 0 0 13px !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(255,255,255,.07) !important;
}

.woocommerce-checkout .grookfit-checkout-wallet .grookfit-wallet-heading strong,
.woocommerce-cart .grookfit-checkout-wallet .grookfit-wallet-heading strong {
	margin: 0 !important;
	padding: 0 !important;
	color: #f5f5f5 !important;
	background: transparent !important;
	font-size: 13px !important;
	font-weight: 750 !important;
	line-height: 1.3 !important;
}

.woocommerce-checkout .grookfit-checkout-wallet .grookfit-wallet-heading span,
.woocommerce-cart .grookfit-checkout-wallet .grookfit-wallet-heading span {
	margin: 0 !important;
	padding: 5px 9px !important;
	border: 1px solid rgba(255,255,255,.10) !important;
	border-radius: 999px !important;
	background: #101010 !important;
	color: #999 !important;
	font-size: 9px !important;
	font-weight: 750 !important;
	line-height: 1 !important;
	white-space: nowrap !important;
}

.woocommerce-checkout .grookfit-checkout-wallet .grookfit-wallet-balance,
.woocommerce-cart .grookfit-checkout-wallet .grookfit-wallet-balance {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 15px !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 14px !important;
	border: 1px solid rgba(255,255,255,.07) !important;
	border-radius: 11px !important;
	background: #070707 !important;
	color: #ededed !important;
}

.woocommerce-checkout .grookfit-checkout-wallet .grookfit-wallet-balance span,
.woocommerce-cart .grookfit-checkout-wallet .grookfit-wallet-balance span {
	margin: 0 !important;
	padding: 0 !important;
	color: #777 !important;
	background: transparent !important;
	font-size: 10px !important;
	font-weight: 650 !important;
	line-height: 1.4 !important;
}

.woocommerce-checkout .grookfit-checkout-wallet .grookfit-wallet-balance strong,
.woocommerce-cart .grookfit-checkout-wallet .grookfit-wallet-balance strong {
	margin: 0 !important;
	padding: 0 !important;
	color: #fff !important;
	background: transparent !important;
	font-size: 19px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	white-space: nowrap !important;
}

.woocommerce-checkout .grookfit-checkout-wallet .grookfit-wallet-form,
.woocommerce-cart .grookfit-checkout-wallet .grookfit-wallet-form {
	display: block !important;
	width: 100% !important;
	margin: 16px 0 0 !important;
	padding: 0 !important;
}

.woocommerce-checkout .grookfit-checkout-wallet .grookfit-wallet-form label,
.woocommerce-cart .grookfit-checkout-wallet .grookfit-wallet-form label {
	display: block !important;
	margin: 0 0 7px !important;
	padding: 0 !important;
	color: #aaa !important;
	background: transparent !important;
	font-size: 10px !important;
	font-weight: 750 !important;
	line-height: 1.3 !important;
}

.woocommerce-checkout .grookfit-checkout-wallet .grookfit-wallet-input-row,
.woocommerce-cart .grookfit-checkout-wallet .grookfit-wallet-input-row {
	display: grid !important;
	grid-template-columns: minmax(0,1fr) 92px !important;
	gap: 8px !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.woocommerce-checkout .grookfit-checkout-wallet .grookfit-wallet-input-row input,
.woocommerce-cart .grookfit-checkout-wallet .grookfit-wallet-input-row input {
	display: block !important;
	width: 100% !important;
	min-width: 0 !important;
	height: 46px !important;
	margin: 0 !important;
	padding: 0 12px !important;
	border: 1px solid rgba(255,255,255,.13) !important;
	border-radius: 10px !important;
	outline: 0 !important;
	background: #050505 !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	box-shadow: none !important;
	font-family: inherit !important;
	font-size: 13px !important;
	line-height: 46px !important;
}

.woocommerce-checkout .grookfit-checkout-wallet .grookfit-wallet-input-row input::placeholder,
.woocommerce-cart .grookfit-checkout-wallet .grookfit-wallet-input-row input::placeholder {
	color: #555 !important;
	opacity: 1 !important;
}

.woocommerce-checkout .grookfit-checkout-wallet .grookfit-wallet-input-row input:focus,
.woocommerce-cart .grookfit-checkout-wallet .grookfit-wallet-input-row input:focus {
	border-color: rgba(255,255,255,.35) !important;
	background: #070707 !important;
}

.woocommerce-checkout .grookfit-checkout-wallet .grookfit-wallet-input-row button,
.woocommerce-cart .grookfit-checkout-wallet .grookfit-wallet-input-row button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 92px !important;
	min-width: 92px !important;
	height: 46px !important;
	margin: 0 !important;
	padding: 0 12px !important;
	border: 1px solid #fff !important;
	border-radius: 10px !important;
	background: #fff !important;
	color: #050505 !important;
	cursor: pointer !important;
	box-shadow: none !important;
	font-family: inherit !important;
	font-size: 10px !important;
	font-weight: 850 !important;
	line-height: 1 !important;
	text-transform: none !important;
}

.woocommerce-checkout .grookfit-checkout-wallet .grookfit-wallet-input-row button:hover,
.woocommerce-cart .grookfit-checkout-wallet .grookfit-wallet-input-row button:hover {
	background: #ddd !important;
	color: #050505 !important;
}

.woocommerce-checkout .grookfit-checkout-wallet .grookfit-wallet-form > small,
.woocommerce-cart .grookfit-checkout-wallet .grookfit-wallet-form > small {
	display: block !important;
	margin: 7px 0 0 !important;
	padding: 0 !important;
	color: #5f5f5f !important;
	background: transparent !important;
	font-size: 9px !important;
	line-height: 1.45 !important;
}

.woocommerce-checkout .grookfit-checkout-wallet .grookfit-wallet-remove-form,
.woocommerce-cart .grookfit-checkout-wallet .grookfit-wallet-remove-form {
	margin: 10px 0 0 !important;
	padding: 0 !important;
}

.woocommerce-checkout .grookfit-checkout-wallet .grookfit-wallet-remove,
.woocommerce-cart .grookfit-checkout-wallet .grookfit-wallet-remove {
	display: inline !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: #777 !important;
	cursor: pointer !important;
	font-family: inherit !important;
	font-size: 9px !important;
	line-height: 1.4 !important;
	text-decoration: underline !important;
	text-underline-offset: 3px !important;
}

.woocommerce-checkout .grookfit-checkout-wallet .grookfit-wallet-no-usage,
.woocommerce-cart .grookfit-checkout-wallet .grookfit-wallet-no-usage {
	margin: 15px 0 0 !important;
	padding: 12px !important;
	border: 1px solid rgba(255,255,255,.07) !important;
	border-radius: 10px !important;
	background: #090909 !important;
	color: #777 !important;
	font-size: 10px !important;
	line-height: 1.5 !important;
}

.woocommerce-checkout .grookfit-checkout-wallet .grookfit-wallet-blocked,
.woocommerce-cart .grookfit-checkout-wallet .grookfit-wallet-blocked {
	margin: 0 !important;
	padding: 15px !important;
	border: 1px solid rgba(255,155,155,.14) !important;
	border-radius: 13px !important;
	background: rgba(255,155,155,.035) !important;
	color: #ddd !important;
}

.woocommerce-checkout .grookfit-checkout-wallet .grookfit-wallet-blocked strong,
.woocommerce-cart .grookfit-checkout-wallet .grookfit-wallet-blocked strong {
	display: block !important;
	margin: 0 !important;
	color: #ff9b9b !important;
	font-size: 12px !important;
}

.woocommerce-checkout .grookfit-checkout-wallet .grookfit-wallet-blocked span,
.woocommerce-cart .grookfit-checkout-wallet .grookfit-wallet-blocked span {
	display: block !important;
	margin-top: 3px !important;
	color: #777 !important;
	font-size: 10px !important;
}

/* Referral banner in checkout */
.woocommerce-checkout .grookfit-checkout-wallet .grookfit-referral-applied,
.woocommerce-cart .grookfit-checkout-wallet .grookfit-referral-applied {
	display: grid !important;
	grid-template-columns: minmax(0,1fr) auto !important;
	gap: 8px 10px !important;
	width: 100% !important;
	margin: 0 0 10px !important;
	padding: 15px !important;
	border: 1px solid rgba(184,255,207,.16) !important;
	border-radius: 14px !important;
	background: linear-gradient(145deg,rgba(184,255,207,.055),rgba(255,255,255,.015)) !important;
	color: #ededed !important;
}

.woocommerce-checkout .grookfit-checkout-wallet .grookfit-referral-applied strong,
.woocommerce-cart .grookfit-checkout-wallet .grookfit-referral-applied strong {
	margin: 0 !important;
	color: #f2f2f2 !important;
	background: transparent !important;
	font-size: 12px !important;
	font-weight: 750 !important;
}

.woocommerce-checkout .grookfit-checkout-wallet .grookfit-referral-applied > span,
.woocommerce-cart .grookfit-checkout-wallet .grookfit-referral-applied > span {
	justify-self: end !important;
	margin: 0 !important;
	padding: 4px 8px !important;
	border: 1px solid rgba(184,255,207,.18) !important;
	border-radius: 999px !important;
	background: rgba(184,255,207,.04) !important;
	color: #b8ffcf !important;
	font-size: 8px !important;
	font-weight: 800 !important;
}

.woocommerce-checkout .grookfit-checkout-wallet .grookfit-referral-applied small,
.woocommerce-cart .grookfit-checkout-wallet .grookfit-referral-applied small {
	grid-column: 1 / -1 !important;
	margin: 0 !important;
	color: #777 !important;
	background: transparent !important;
	font-size: 9px !important;
	line-height: 1.45 !important;
}

/* Do NOT globally override billing fields.
   Only make the GROOKFIT widget responsive. */

@media (max-width: 560px) {
	.woocommerce-checkout .grookfit-checkout-wallet,
	.woocommerce-cart .grookfit-checkout-wallet {
		margin-bottom: 16px !important;
	}

	.woocommerce-checkout .grookfit-checkout-wallet .grookfit-wallet-panel,
	.woocommerce-cart .grookfit-checkout-wallet .grookfit-wallet-panel {
		padding: 16px !important;
		border-radius: 14px !important;
	}

	.woocommerce-checkout .grookfit-checkout-wallet .grookfit-wallet-heading,
	.woocommerce-cart .grookfit-checkout-wallet .grookfit-wallet-heading {
		align-items: flex-start !important;
	}

	.woocommerce-checkout .grookfit-checkout-wallet .grookfit-wallet-heading span,
	.woocommerce-cart .grookfit-checkout-wallet .grookfit-wallet-heading span {
		flex-shrink: 0 !important;
	}

	.woocommerce-checkout .grookfit-checkout-wallet .grookfit-wallet-balance,
	.woocommerce-cart .grookfit-checkout-wallet .grookfit-wallet-balance {
		align-items: flex-start !important;
		flex-direction: column !important;
		gap: 4px !important;
	}

	.woocommerce-checkout .grookfit-checkout-wallet .grookfit-wallet-balance strong,
	.woocommerce-cart .grookfit-checkout-wallet .grookfit-wallet-balance strong {
		font-size: 20px !important;
	}

	.woocommerce-checkout .grookfit-checkout-wallet .grookfit-wallet-input-row,
	.woocommerce-cart .grookfit-checkout-wallet .grookfit-wallet-input-row {
		grid-template-columns: minmax(0,1fr) 84px !important;
	}

	.woocommerce-checkout .grookfit-checkout-wallet .grookfit-wallet-input-row button,
	.woocommerce-cart .grookfit-checkout-wallet .grookfit-wallet-input-row button {
		width: 84px !important;
		min-width: 84px !important;
	}

	.woocommerce-checkout .grookfit-checkout-wallet .grookfit-referral-applied,
	.woocommerce-cart .grookfit-checkout-wallet .grookfit-referral-applied {
		grid-template-columns: 1fr !important;
	}

	.woocommerce-checkout .grookfit-checkout-wallet .grookfit-referral-applied > span,
	.woocommerce-cart .grookfit-checkout-wallet .grookfit-referral-applied > span {
		justify-self: start !important;
	}
}

@media (max-width: 360px) {
	.woocommerce-checkout .grookfit-checkout-wallet .grookfit-wallet-input-row,
	.woocommerce-cart .grookfit-checkout-wallet .grookfit-wallet-input-row {
		grid-template-columns: 1fr !important;
	}

	.woocommerce-checkout .grookfit-checkout-wallet .grookfit-wallet-input-row button,
	.woocommerce-cart .grookfit-checkout-wallet .grookfit-wallet-input-row button {
		width: 100% !important;
		min-width: 0 !important;
	}
}

/* wallet-adjustment-v046: keep manual wallet updates clear in history */
.grookfit-wallet-transaction.credit .grookfit-transaction-icon{
  color:#9dffb8;
}
.grookfit-wallet-transaction.debit .grookfit-transaction-icon{
  color:#ff9a9a;
}
.grookfit-wallet-transaction.credit .grookfit-transaction-amount strong{
  color:#9dffb8;
}
.grookfit-wallet-transaction.debit .grookfit-transaction-amount strong{
  color:#ff9a9a;
}

/* v048-public-referral: configurable public referral offer */
.grookfit-default-referral-copy span{
  letter-spacing:.12em!important;
}
.grookfit-default-referral-copy small{
  display:block!important;
  line-height:1.55!important;
}
.grookfit-default-referral-button{
  white-space:nowrap!important;
}
@media(max-width:650px){
  .grookfit-default-referral{
    gap:12px!important;
  }
  .grookfit-default-referral-button{
    width:100%!important;
  }
}

/* v049-referral-rules */
.grookfit-referral-rules-card .grookfit-referral-rule-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;
}
.grookfit-referral-rules-card .grookfit-referral-rule{
  border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;
  background:rgba(255,255,255,.018);
}
.grookfit-referral-rules-card .grookfit-referral-rule>span{
  display:block;font-size:9px;letter-spacing:.12em;opacity:.5;margin-bottom:8px;
}
.grookfit-referral-rules-card .grookfit-referral-rule>strong{
  display:block;font-size:20px;line-height:1.1;
}
.grookfit-referral-rules-card .grookfit-referral-rule p{
  margin:8px 0 0;font-size:11px;line-height:1.6;opacity:.62;
}
@media(max-width:760px){
  .grookfit-referral-rules-card .grookfit-referral-rule-grid{grid-template-columns:1fr;}
}

/* =========================================================
   V05.3 — MOBILE PREMIUM ACCOUNT SYSTEM
   Compact, consistent, dark-mono account UI.
   Desktop layout remains untouched.
   ========================================================= */

.grookfit-account-page,
.grookfit-account-page *{
	box-sizing:border-box;
}

@media (max-width: 800px){

	/* Remove accidental theme/container squeeze around plugin pages */
	.woocommerce-account .woocommerce-MyAccount-content .grookfit-account-page,
	.woocommerce-account .woocommerce-MyAccount-content > .grookfit-account-page{
		width:100%!important;
		max-width:none!important;
		margin:0!important;
	}

	/* Hero: compact two-column composition instead of a giant stacked block */
	.grookfit-referral-hero{
		display:grid!important;
		grid-template-columns:minmax(0,1fr) auto!important;
		align-items:center!important;
		gap:14px!important;
		padding:18px!important;
		margin-bottom:12px!important;
		border-radius:15px!important;
	}

	.grookfit-referral-hero-content{
		min-width:0!important;
	}

	.grookfit-referral-eyebrow,
	.grookfit-section-eyebrow{
		font-size:8px!important;
		letter-spacing:.14em!important;
	}

	.grookfit-referral-hero h2{
		margin:6px 0 8px!important;
		font-size:clamp(25px,7vw,31px)!important;
		line-height:1.02!important;
		letter-spacing:-.045em!important;
	}

	.grookfit-referral-hero p{
		max-width:none!important;
		font-size:10.5px!important;
		line-height:1.55!important;
	}

	.grookfit-referral-hero-badge{
		width:116px!important;
		min-width:116px!important;
		flex:none!important;
		padding:13px 8px!important;
		border-radius:13px!important;
	}

	.grookfit-referral-hero-badge strong{
		font-size:25px!important;
	}

	.grookfit-referral-hero-badge small{
		margin-top:5px!important;
		font-size:8px!important;
	}

	/* All widgets share one visual scale */
	.grookfit-referral-card,
	.grookfit-wallet-card,
	.grookfit-history-card,
	.grookfit-referral-wallet-card,
	.grookfit-history-cta,
	.grookfit-referral-history-link{
		width:100%!important;
		margin-bottom:10px!important;
		padding:15px!important;
		border-radius:13px!important;
	}

	.grookfit-referral-card h3,
	.grookfit-wallet-card h3,
	.grookfit-history-card h3,
	.grookfit-referral-history-link h3{
		font-size:15px!important;
		letter-spacing:-.02em!important;
	}

	.grookfit-section-heading{
		margin-bottom:10px!important;
	}

	/* Referral stats: identical-size tiles */
	.grookfit-referral-stats{
		grid-template-columns:repeat(2,minmax(0,1fr))!important;
		gap:8px!important;
		margin-bottom:10px!important;
	}

	.grookfit-referral-stat-card{
		min-height:76px!important;
		display:flex!important;
		flex-direction:column!important;
		justify-content:center!important;
		padding:12px!important;
		border-radius:11px!important;
	}

	.grookfit-referral-stat-card span:first-child{
		margin-bottom:5px!important;
		font-size:7px!important;
	}

	.grookfit-referral-stat-card strong{
		font-size:18px!important;
	}

	/* Code/link widgets */
	.grookfit-referral-code-box{
		margin-top:12px!important;
		padding:5px!important;
		border-radius:11px!important;
	}

	.grookfit-referral-code-value{
		padding:8px 10px!important;
	}

	.grookfit-referral-code-value span{
		font-size:15px!important;
		letter-spacing:.09em!important;
	}

	.grookfit-copy-button,
	.grookfit-history-primary-button,
	.grookfit-wallet-shop-button,
	.grookfit-wallet-referral-button,
	.grookfit-history-button,
	.grookfit-native-share{
		min-height:40px!important;
		padding:0 13px!important;
		font-size:10px!important;
		border-radius:9px!important;
	}

	/* Rules: important number always visible; explanation becomes a toggle */
	.grookfit-referral-rules-card .grookfit-section-heading{
		display:flex!important;
		align-items:center!important;
		justify-content:space-between!important;
		gap:10px!important;
	}

	.grookfit-mobile-only-hint{
		display:block!important;
		color:#4f4f4f!important;
		font-size:8px!important;
		white-space:nowrap!important;
	}

	.grookfit-referral-rule-grid{
		grid-template-columns:1fr!important;
		gap:7px!important;
	}

	.grookfit-referral-rules-card .grookfit-referral-rule{
		padding:0!important;
		border-radius:11px!important;
		background:#0b0b0b!important;
		overflow:hidden!important;
	}

	.grookfit-referral-rules-card .grookfit-referral-rule summary{
		display:grid!important;
		grid-template-columns:1fr auto 20px!important;
		align-items:center!important;
		gap:8px!important;
		min-height:58px!important;
		padding:11px 12px!important;
		cursor:pointer!important;
		list-style:none!important;
	}

	.grookfit-referral-rules-card .grookfit-referral-rule summary::-webkit-details-marker{
		display:none!important;
	}

	.grookfit-referral-rules-card .grookfit-referral-rule summary>span{
		margin:0!important;
		font-size:7px!important;
		letter-spacing:.12em!important;
		color:#666!important;
	}

	.grookfit-referral-rules-card .grookfit-referral-rule summary>strong{
		margin:0!important;
		font-size:16px!important;
		text-align:right!important;
	}

	.grookfit-referral-rules-card .grookfit-referral-rule summary>i{
		display:grid!important;
		place-items:center!important;
		width:20px!important;
		height:20px!important;
		border:1px solid #282828!important;
		border-radius:50%!important;
		color:#888!important;
		font-size:12px!important;
		font-style:normal!important;
	}

	.grookfit-referral-rules-card .grookfit-referral-rule[open] summary>i{
		transform:rotate(45deg)!important;
		color:#fff!important;
	}

	.grookfit-rule-details{
		padding:0 12px 12px!important;
		border-top:1px solid rgba(255,255,255,.05)!important;
	}

	.grookfit-referral-rules-card .grookfit-referral-rule p{
		margin:10px 0 0!important;
		font-size:9px!important;
		line-height:1.55!important;
		color:#777!important;
	}

	/* Keep desktop rule cards open-looking; mobile starts collapsed via JS */
	.grookfit-mobile-only-hint{
		display:block!important;
	}

	/* Steps become smaller, balanced tiles */
	.grookfit-referral-steps{
		grid-template-columns:1fr!important;
		gap:7px!important;
	}

	.grookfit-referral-step{
		min-height:0!important;
		padding:11px!important;
		border-radius:10px!important;
	}

	.grookfit-step-number{
		width:28px!important;
		height:28px!important;
		font-size:8px!important;
	}

	.grookfit-referral-step strong{
		font-size:11px!important;
	}

	.grookfit-referral-step p{
		margin-top:3px!important;
		font-size:9px!important;
		line-height:1.45!important;
	}

	/* Wallet balance / transaction widgets */
	.grookfit-wallet-balance-card{
		gap:10px!important;
		margin-bottom:10px!important;
		padding:18px!important;
		border-radius:14px!important;
	}

	.grookfit-wallet-main-balance strong{
		font-size:40px!important;
	}

	.grookfit-wallet-balance-content > span{
		font-size:8px!important;
	}

	.grookfit-wallet-rupee-value{
		margin-top:6px!important;
		font-size:11px!important;
	}

	.grookfit-wallet-card .grookfit-wallet-usage{
		gap:7px!important;
	}

	.grookfit-wallet-usage-item{
		padding:11px!important;
		border-radius:10px!important;
	}

	.grookfit-wallet-usage-item strong{
		font-size:10px!important;
	}

	.grookfit-wallet-usage-item p{
		font-size:8.5px!important;
		line-height:1.45!important;
	}

	.grookfit-wallet-transaction{
		gap:9px!important;
		padding:12px 0!important;
	}

	.grookfit-transaction-icon{
		width:30px!important;
		height:30px!important;
		flex-basis:30px!important;
		border-radius:9px!important;
	}

	.grookfit-transaction-info strong{
		font-size:10px!important;
	}

	.grookfit-transaction-info span,
	.grookfit-transaction-amount small{
		font-size:8px!important;
	}

	.grookfit-transaction-amount strong{
		font-size:10px!important;
	}

	/* History: compact first-line summary + expandable secondary info */
	.grookfit-history-summary{
		grid-template-columns:repeat(3,minmax(0,1fr))!important;
		gap:7px!important;
		margin-bottom:10px!important;
	}

	.grookfit-history-summary>div{
		min-height:68px!important;
		padding:11px!important;
		border-radius:10px!important;
	}

	.grookfit-history-summary span{
		font-size:7px!important;
	}

	.grookfit-history-summary strong{
		margin-top:5px!important;
		font-size:15px!important;
	}

	.grookfit-history-info{
		grid-template-columns:1fr!important;
		gap:7px!important;
	}

	.grookfit-history-info-item{
		padding:11px!important;
		border-radius:10px!important;
	}

	.grookfit-history-info-item strong{
		font-size:10px!important;
	}

	.grookfit-history-info-item p{
		font-size:8px!important;
	}

	.grookfit-history-mobile{
		gap:7px!important;
	}

	.grookfit-history-mobile-card{
		padding:12px!important;
		border-radius:11px!important;
	}

	.grookfit-mobile-card-top a,
	.grookfit-mobile-card-top strong{
		font-size:12px!important;
	}

	.grookfit-mobile-card-date{
		font-size:8px!important;
	}

	.grookfit-mobile-card-values{
		gap:7px!important;
		margin-top:10px!important;
		padding-top:10px!important;
	}

	.grookfit-mobile-card-values span,
	.grookfit-mobile-card-code>span{
		font-size:7px!important;
	}

	.grookfit-mobile-card-values strong{
		font-size:11px!important;
	}

	.grookfit-mobile-card-code{
		margin-top:10px!important;
	}

	.grookfit-mobile-more{
		margin-top:9px!important;
		border-top:1px solid rgba(255,255,255,.05)!important;
	}

	.grookfit-mobile-more summary{
		display:flex!important;
		align-items:center!important;
		justify-content:space-between!important;
		padding:9px 0 2px!important;
		color:#aaa!important;
		cursor:pointer!important;
		font-size:9px!important;
		font-weight:700!important;
		list-style:none!important;
	}

	.grookfit-mobile-more summary::-webkit-details-marker{
		display:none!important;
	}

	.grookfit-mobile-more summary span{
		display:grid!important;
		place-items:center!important;
		width:18px!important;
		height:18px!important;
		border:1px solid #292929!important;
		border-radius:50%!important;
		color:#777!important;
		font-size:11px!important;
	}

	.grookfit-mobile-more[open] summary span{
		transform:rotate(45deg)!important;
		color:#fff!important;
	}

	.grookfit-mobile-more-grid{
		display:grid!important;
		grid-template-columns:1fr 1fr!important;
		gap:7px!important;
		padding:8px 0 2px!important;
	}

	.grookfit-mobile-more-grid>div{
		padding:9px!important;
		border:1px solid #202020!important;
		border-radius:8px!important;
		background:#080808!important;
	}

	.grookfit-mobile-more-grid span{
		display:block!important;
		margin-bottom:4px!important;
		color:#555!important;
		font-size:7px!important;
		letter-spacing:.1em!important;
	}

	.grookfit-mobile-more-grid strong{
		display:block!important;
		overflow:hidden!important;
		color:#ccc!important;
		font-size:9px!important;
		text-overflow:ellipsis!important;
		white-space:nowrap!important;
	}

	/* Prevent horizontal overflow from any long referral code/link */
	.grookfit-account-page,
	.grookfit-account-page .grookfit-copy-row,
	.grookfit-account-page .grookfit-referral-code-box{
		min-width:0!important;
		max-width:100%!important;
		overflow:hidden!important;
	}

	.grookfit-account-page input{
		max-width:100%!important;
	}
}

@media (max-width: 560px){

	.grookfit-account-page{
		width:100%!important;
		padding:0 8px 28px!important;
		margin:0!important;
	}

	.grookfit-referral-hero{
		grid-template-columns:minmax(0,1fr) 106px!important;
		padding:15px!important;
		gap:10px!important;
	}

	.grookfit-referral-hero h2{
		font-size:24px!important;
	}

	.grookfit-referral-hero p{
		font-size:9.5px!important;
		line-height:1.5!important;
	}

	.grookfit-referral-hero-badge{
		width:106px!important;
		min-width:106px!important;
		padding:11px 6px!important;
	}

	.grookfit-referral-hero-badge strong{
		font-size:22px!important;
	}

	.grookfit-referral-card,
	.grookfit-wallet-card,
	.grookfit-history-card{
		padding:13px!important;
	}

	.grookfit-history-summary{
		grid-template-columns:1fr 1fr 1fr!important;
	}

	.grookfit-history-summary>div{
		padding:9px 7px!important;
	}

	.grookfit-history-summary strong{
		font-size:13px!important;
	}
}

@media (max-width: 390px){
	.grookfit-referral-hero{
		grid-template-columns:1fr!important;
	}

	.grookfit-referral-hero-badge{
		width:100%!important;
		min-width:0!important;
		max-width:150px!important;
		justify-self:start!important;
	}
}


/* =========================================================
   GROOKFIT 1.4 — STANDALONE REFERRAL DASHBOARD
   Premium dark mono responsive portal
   ========================================================= */
.grookfit-standalone-dashboard-body{
  margin:0!important;
  background:#050505!important;
  color:#f5f5f5!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  overflow-x:hidden!important;
}
.grookfit-standalone-dashboard-body *{box-sizing:border-box}
.gf-rd-shell{min-height:100vh;background:
  radial-gradient(circle at 78% 0%,rgba(255,255,255,.055),transparent 28rem),
  #050505;
}
.gf-rd-topbar{
  height:74px;position:sticky;top:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 34px;border-bottom:1px solid #1c1c1c;
  background:rgba(5,5,5,.84);backdrop-filter:blur(18px);
}
.gf-rd-brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}
.gf-rd-brand-mark{
  width:36px;height:36px;border:1px solid #343434;border-radius:10px;
  display:grid;place-items:center;font-size:10px;font-weight:900;letter-spacing:.08em;
  background:#0c0c0c;box-shadow:inset 0 1px rgba(255,255,255,.06)
}
.gf-rd-brand b{display:block;font-size:12px;letter-spacing:.16em}
.gf-rd-brand small{display:block;color:#565656;font-size:7px;letter-spacing:.18em;margin-top:3px}
.gf-rd-top-actions{display:flex;align-items:center;gap:8px}
.gf-rd-account-link,.gf-rd-icon-button,.gf-rd-menu-toggle{
  color:#aaa;text-decoration:none;background:#0a0a0a;border:1px solid #202020;
  border-radius:9px;min-height:38px;padding:0 13px;display:grid;place-items:center;font-size:10px;
}
.gf-rd-icon-button{width:38px;padding:0}
.gf-rd-menu-toggle{display:none;cursor:pointer}
.gf-rd-layout{display:grid;grid-template-columns:224px minmax(0,1fr);max-width:1480px;margin:auto;min-height:calc(100vh - 74px)}
.gf-rd-sidebar{
  position:sticky;top:74px;height:calc(100vh - 74px);padding:30px 16px 24px;
  border-right:1px solid #1b1b1b;display:flex;flex-direction:column;
}
.gf-rd-sidebar-title{padding:0 12px 12px;color:#4d4d4d;font-size:8px;font-weight:800;letter-spacing:.2em}
.gf-rd-nav{display:flex;flex-direction:column;gap:3px}
.gf-rd-nav a{
  display:flex;align-items:center;gap:10px;padding:12px;border-radius:9px;
  color:#777;text-decoration:none;font-size:10px;font-weight:700;transition:all .22s ease;
}
.gf-rd-nav a span{width:20px;color:#3d3d3d;font-size:8px;font-family:ui-monospace,monospace}
.gf-rd-nav a:hover,.gf-rd-nav a.is-active{color:#fff;background:#0e0e0e}
.gf-rd-nav a.is-active{box-shadow:inset 2px 0 #fff}
.gf-rd-nav a:hover span,.gf-rd-nav a.is-active span{color:#aaa}
.gf-rd-sidebar-footer{margin-top:auto;padding:14px 12px;border-top:1px solid #1c1c1c}
.gf-rd-sidebar-footer span{display:block;color:#4c4c4c;font-size:7px;letter-spacing:.18em}
.gf-rd-sidebar-footer small{display:block;color:#777;font-size:8px;margin-top:5px}
.gf-rd-main{width:100%;padding:48px 54px 35px;min-width:0}
.gf-rd-hero{
  display:flex;align-items:flex-end;justify-content:space-between;gap:30px;
  padding:0 0 32px;border-bottom:1px solid #1c1c1c;
  animation:gfRdUp .55s cubic-bezier(.2,.8,.2,1) both;
}
.gf-rd-eyebrow{display:block;color:#565656;font-size:8px;font-weight:800;letter-spacing:.2em}
.gf-rd-hero h1{font-size:clamp(28px,4vw,52px);line-height:1.03;letter-spacing:-.045em;margin:12px 0 9px;font-weight:500}
.gf-rd-hero h1 strong{font-weight:800}
.gf-rd-hero p{margin:0;color:#666;font-size:11px}
.gf-rd-code-chip{
  flex:0 0 245px;padding:15px;border:1px solid #282828;border-radius:12px;background:#090909;
}
.gf-rd-code-chip span{display:block;color:#555;font-size:7px;letter-spacing:.16em}
.gf-rd-code-chip strong{display:block;font-family:ui-monospace,SFMono-Regular,monospace;font-size:15px;letter-spacing:.08em;margin:8px 0 11px}
.gf-rd-copy{
  border:1px solid #2b2b2b;background:#111;color:#ddd;border-radius:7px;
  min-height:30px;padding:0 11px;font-size:8px;font-weight:800;cursor:pointer;transition:.2s;
}
.gf-rd-copy:hover{background:#fff;color:#000;border-color:#fff}
.gf-rd-metrics{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:9px;margin:18px 0}
.gf-rd-metric{
  min-height:116px;padding:18px;border:1px solid #1f1f1f;border-radius:12px;background:#090909;
  transition:transform .25s ease,border-color .25s ease;animation:gfRdUp .55s cubic-bezier(.2,.8,.2,1) both;
}
.gf-rd-metric:nth-child(2){animation-delay:.05s}.gf-rd-metric:nth-child(3){animation-delay:.1s}.gf-rd-metric:nth-child(4){animation-delay:.15s}
.gf-rd-metric:hover{transform:translateY(-2px);border-color:#343434}
.gf-rd-metric span{display:block;color:#555;font-size:7px;letter-spacing:.17em;font-weight:800}
.gf-rd-metric strong{display:block;font-size:30px;letter-spacing:-.04em;margin-top:17px}
.gf-rd-metric small{display:block;color:#555;font-size:8px;margin-top:4px}
.gf-rd-metric-main{background:linear-gradient(145deg,#111,#080808);border-color:#303030}
.gf-rd-metric-main strong{font-size:38px}
.gf-rd-content-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:10px}
.gf-rd-card{
  border:1px solid #1f1f1f;border-radius:13px;background:#080808;padding:21px;
  animation:gfRdUp .6s .16s cubic-bezier(.2,.8,.2,1) both;
}
.gf-rd-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:18px}
.gf-rd-card-head h2{font-size:17px;letter-spacing:-.025em;margin:7px 0 0}
.gf-rd-card-head>a{color:#777;text-decoration:none;font-size:9px}
.gf-rd-card-head>a:hover{color:#fff}
.gf-rd-card-number{color:#444;font:9px ui-monospace,monospace}
.gf-rd-share-code{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:18px;border:1px dashed #303030;border-radius:10px;background:#050505
}
.gf-rd-share-code code{font:700 17px ui-monospace,SFMono-Regular,monospace;color:#eee;letter-spacing:.08em}
.gf-rd-copy-large{min-height:34px}
.gf-rd-share-actions{display:flex;gap:8px;margin-top:10px}
.gf-rd-primary,.gf-rd-secondary{
  min-height:38px;padding:0 14px;border-radius:8px;display:inline-flex;align-items:center;gap:10px;
  text-decoration:none;font-size:9px;font-weight:800;cursor:pointer
}
.gf-rd-primary{background:#fff;color:#050505;border:1px solid #fff}
.gf-rd-primary:hover{background:#ddd}
.gf-rd-secondary{border:1px solid #282828;color:#999;background:#0c0c0c}
.gf-rd-secondary:hover{color:#fff;border-color:#444}
.gf-rd-activity-list{display:flex;flex-direction:column}
.gf-rd-activity-row{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid #181818}
.gf-rd-activity-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-size:13px;background:#111}
.gf-rd-activity-icon.credit,.gf-rd-activity-row b.credit{color:#b8ffc9}
.gf-rd-activity-icon.debit,.gf-rd-activity-row b.debit{color:#ff9f9f}
.gf-rd-activity-row strong{display:block;font-size:9px;color:#ccc}
.gf-rd-activity-row small{display:block;color:#555;font-size:7px;margin-top:3px}
.gf-rd-activity-row>b{font-size:10px;font-family:ui-monospace,monospace}
.gf-rd-empty{padding:30px 0;color:#555;font-size:9px}
.gf-rd-how-card{margin-top:10px;animation-delay:.22s}
.gf-rd-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.gf-rd-quick-grid a{
  min-height:108px;padding:15px;border:1px solid #1e1e1e;border-radius:10px;background:#090909;
  text-decoration:none;color:#fff;transition:transform .25s,border-color .25s,background .25s
}
.gf-rd-quick-grid a:hover{transform:translateY(-3px);border-color:#3b3b3b;background:#0d0d0d}
.gf-rd-quick-grid a>span{display:block;color:#777;font-size:14px;margin-bottom:22px}
.gf-rd-quick-grid b{display:block;font-size:10px}
.gf-rd-quick-grid small{display:block;color:#555;font-size:7px;margin-top:4px}
.gf-rd-footer{display:flex;justify-content:space-between;gap:15px;padding:26px 3px 5px;color:#3f3f3f;font-size:7px;letter-spacing:.12em}
.gf-rd-footer a{color:#555;text-decoration:none;letter-spacing:0}
.gf-rd-footer a:hover{color:#fff}
@keyframes gfRdUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){
  .gf-rd-main{padding:38px 28px}
  .gf-rd-layout{grid-template-columns:190px minmax(0,1fr)}
  .gf-rd-metrics{grid-template-columns:repeat(2,1fr)}
  .gf-rd-metric-main{grid-column:1/-1}
}
@media(max-width:760px){
  .gf-rd-topbar{height:62px;padding:0 15px}
  .gf-rd-layout{display:block}
  .gf-rd-sidebar{
    position:fixed;z-index:60;top:62px;left:0;bottom:0;width:min(300px,88vw);height:auto;
    background:#070707;border-right:1px solid #242424;transform:translateX(-105%);
    transition:transform .3s cubic-bezier(.2,.8,.2,1);box-shadow:20px 0 50px rgba(0,0,0,.45)
  }
  .gf-rd-shell.gf-rd-menu-open .gf-rd-sidebar{transform:translateX(0)}
  .gf-rd-shell.gf-rd-menu-open:after{
    content:"";position:fixed;z-index:55;inset:62px 0 0;background:rgba(0,0,0,.58);backdrop-filter:blur(3px)
  }
  .gf-rd-menu-toggle{display:grid}
  .gf-rd-account-link{display:none}
  .gf-rd-main{padding:25px 13px 25px}
  .gf-rd-hero{display:block;padding-bottom:22px}
  .gf-rd-hero h1{font-size:31px;margin-top:9px}
  .gf-rd-hero p{font-size:10px;line-height:1.5}
  .gf-rd-code-chip{margin-top:18px;width:100%}
  .gf-rd-metrics{grid-template-columns:repeat(2,1fr);gap:7px;margin:12px 0}
  .gf-rd-metric{min-height:94px;padding:13px;border-radius:10px}
  .gf-rd-metric-main{grid-column:1/-1}
  .gf-rd-metric strong,.gf-rd-metric-main strong{font-size:25px;margin-top:13px}
  .gf-rd-content-grid{grid-template-columns:1fr;gap:8px}
  .gf-rd-card{padding:15px;border-radius:11px}
  .gf-rd-card-head h2{font-size:15px}
  .gf-rd-share-code{padding:14px}
  .gf-rd-share-code code{font-size:14px}
  .gf-rd-share-actions{display:grid;grid-template-columns:1fr 1fr}
  .gf-rd-primary,.gf-rd-secondary{justify-content:center;padding:0 8px}
  .gf-rd-quick-grid{grid-template-columns:repeat(2,1fr)}
  .gf-rd-quick-grid a{min-height:96px}
  .gf-rd-quick-grid a>span{margin-bottom:14px}
  .gf-rd-footer{flex-direction:column;padding-top:20px}
}
@media(prefers-reduced-motion:reduce){
  .gf-rd-shell *{animation:none!important;transition:none!important}
}


/* =========================================================
   GROOKFIT 1.4.1 — TYPOGRAPHY + FEATURE PAGE OVERRIDES
   Prevent dark-theme collisions from WooCommerce/theme CSS.
   ========================================================= */
.grookfit-standalone-dashboard-body .gf-rd-shell,
.grookfit-standalone-dashboard-body .gf-rd-shell p,
.grookfit-standalone-dashboard-body .gf-rd-shell span,
.grookfit-standalone-dashboard-body .gf-rd-shell label,
.grookfit-standalone-dashboard-body .gf-rd-shell td,
.grookfit-standalone-dashboard-body .gf-rd-shell th,
.grookfit-standalone-dashboard-body .gf-rd-shell li{
  color:#d9d9d9;
}
.grookfit-standalone-dashboard-body .gf-rd-shell h1,
.grookfit-standalone-dashboard-body .gf-rd-shell h2,
.grookfit-standalone-dashboard-body .gf-rd-shell h3,
.grookfit-standalone-dashboard-body .gf-rd-shell h4{
  color:#f7f7f7!important;
}
.grookfit-standalone-dashboard-body .gf-rd-shell a{
  color:#d6d6d6;
}
.grookfit-standalone-dashboard-body .gf-rd-shell a:hover{
  color:#fff;
}
.gf-rd-feature-page{
  animation:gfRdUp .45s cubic-bezier(.2,.8,.2,1) both;
}
.gf-rd-feature-top{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #202020;
}
.gf-rd-feature-top>span{
  color:#555!important;font-size:8px!important;font-weight:800!important;letter-spacing:.18em;
}
.gf-rd-back{
  display:inline-flex!important;align-items:center!important;min-height:34px!important;
  padding:0 11px!important;border:1px solid #292929!important;border-radius:8px!important;
  background:#0b0b0b!important;color:#ddd!important;text-decoration:none!important;
  font-size:9px!important;font-weight:800!important;transition:.2s!important;
}
.gf-rd-back:hover{background:#fff!important;color:#050505!important;border-color:#fff!important}
.gf-rd-legacy-content{
  min-width:0;
  color:#d8d8d8!important;
}
.gf-rd-legacy-content .grookfit-account-page{
  max-width:none!important;width:100%!important;margin:0!important;padding:0!important;
  background:transparent!important;color:#d8d8d8!important;
}
.gf-rd-legacy-content .grookfit-account-page *,
.gf-rd-legacy-content .grookfit-account-page *:before,
.gf-rd-legacy-content .grookfit-account-page *:after{
  box-sizing:border-box;
}
.gf-rd-legacy-content .grookfit-account-page h1,
.gf-rd-legacy-content .grookfit-account-page h2,
.gf-rd-legacy-content .grookfit-account-page h3,
.gf-rd-legacy-content .grookfit-account-page h4,
.gf-rd-legacy-content .grookfit-account-page strong,
.gf-rd-legacy-content .grookfit-account-page b{
  color:#f5f5f5!important;
}
.gf-rd-legacy-content .grookfit-account-page p,
.gf-rd-legacy-content .grookfit-account-page small,
.gf-rd-legacy-content .grookfit-account-page label,
.gf-rd-legacy-content .grookfit-account-page td,
.gf-rd-legacy-content .grookfit-account-page th{
  color:#bdbdbd!important;
}
.gf-rd-legacy-content .grookfit-account-page .grookfit-referral-eyebrow,
.gf-rd-legacy-content .grookfit-account-page .grookfit-section-eyebrow{
  color:#7b7b7b!important;
}
.gf-rd-legacy-content .grookfit-account-page a{
  color:#e5e5e5!important;
}
.gf-rd-legacy-content .grookfit-account-page a:hover{
  color:#fff!important;
}
.gf-rd-legacy-content .grookfit-account-page button,
.gf-rd-legacy-content .grookfit-account-page .button,
.gf-rd-legacy-content .grookfit-account-page input[type="submit"]{
  color:#080808!important;
  background:#f2f2f2!important;
  border:1px solid #f2f2f2!important;
  border-radius:8px!important;
  min-height:38px!important;
  padding:0 14px!important;
  font-weight:800!important;
  font-size:9px!important;
  letter-spacing:.02em!important;
  box-shadow:none!important;
  transition:transform .2s ease,background .2s ease,border-color .2s ease!important;
}
.gf-rd-legacy-content .grookfit-account-page button:hover,
.gf-rd-legacy-content .grookfit-account-page .button:hover,
.gf-rd-legacy-content .grookfit-account-page input[type="submit"]:hover{
  color:#000!important;background:#fff!important;border-color:#fff!important;
  transform:translateY(-1px);
}
.gf-rd-legacy-content .grookfit-account-page input[type="text"],
.gf-rd-legacy-content .grookfit-account-page input[type="number"],
.gf-rd-legacy-content .grookfit-account-page input[type="email"],
.gf-rd-legacy-content .grookfit-account-page input[type="tel"],
.gf-rd-legacy-content .grookfit-account-page select,
.gf-rd-legacy-content .grookfit-account-page textarea{
  color:#f4f4f4!important;background:#0b0b0b!important;border:1px solid #2a2a2a!important;
  border-radius:8px!important;min-height:40px!important;
}
.gf-rd-legacy-content .grookfit-account-page input::placeholder,
.gf-rd-legacy-content .grookfit-account-page textarea::placeholder{
  color:#555!important;opacity:1!important;
}
.gf-rd-legacy-content .grookfit-account-page select option{
  color:#f2f2f2!important;background:#111!important;
}
.gf-rd-legacy-content .grookfit-account-page table{
  color:#d8d8d8!important;background:#090909!important;border-color:#252525!important;
}
.gf-rd-legacy-content .grookfit-account-page tr,
.gf-rd-legacy-content .grookfit-account-page td,
.gf-rd-legacy-content .grookfit-account-page th{
  border-color:#202020!important;
}
.gf-rd-legacy-content .grookfit-account-page .grookfit-referral-card,
.gf-rd-legacy-content .grookfit-account-page .grookfit-wallet-card,
.gf-rd-legacy-content .grookfit-account-page .grookfit-history-card{
  background:#090909!important;border-color:#242424!important;
}
.gf-rd-legacy-content .grookfit-account-page .success{
  color:#b8ffc9!important;
}
.gf-rd-legacy-content .grookfit-account-page .danger{
  color:#ffaaaa!important;
}
@media(max-width:760px){
  .gf-rd-feature-top{margin-bottom:12px}
  .gf-rd-legacy-content .grookfit-account-page{
    font-size:10px!important;
  }
  .gf-rd-legacy-content .grookfit-account-page h1{font-size:25px!important}
  .gf-rd-legacy-content .grookfit-account-page h2{font-size:18px!important}
  .gf-rd-legacy-content .grookfit-account-page h3{font-size:14px!important}
  .gf-rd-legacy-content .grookfit-account-page button,
  .gf-rd-legacy-content .grookfit-account-page .button,
  .gf-rd-legacy-content .grookfit-account-page input[type="submit"]{
    min-height:36px!important;padding:0 11px!important;
  }
}


/* =========================================================
   GROOKFIT 1.4.2 — MOBILE POLISH / BUTTON CONTRAST
   ========================================================= */

/* Header menu: clear icon state */
.gf-rd-menu-icon{display:inline}
.gf-rd-close-icon{display:none;font-size:22px;line-height:1;font-weight:300}

/* The referral code is never allowed to inherit a light/white
   background from the active WordPress theme. */
body.grookfit-standalone-dashboard-body .gf-rd-shell .gf-rd-code-chip,
body.grookfit-standalone-dashboard-body .gf-rd-shell .gf-rd-share-code{
  background:#080808!important;
}
body.grookfit-standalone-dashboard-body .gf-rd-shell .gf-rd-share-code code{
  display:block!important;
  background:transparent!important;
  color:#f5f5f5!important;
  -webkit-text-fill-color:#f5f5f5!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
body.grookfit-standalone-dashboard-body .gf-rd-shell .gf-rd-copy,
body.grookfit-standalone-dashboard-body .gf-rd-shell button.gf-rd-copy{
  color:#080808!important;
  -webkit-text-fill-color:#080808!important;
  background:#f5f5f5!important;
  border:1px solid #f5f5f5!important;
  text-shadow:none!important;
}
body.grookfit-standalone-dashboard-body .gf-rd-shell .gf-rd-copy:hover{
  background:#dcdcdc!important;border-color:#dcdcdc!important;color:#000!important;
}

/* Every button/link button inside the embedded legacy reward pages gets
   an explicit foreground/background pair, defeating theme button rules. */
body.grookfit-standalone-dashboard-body .gf-rd-legacy-content .grookfit-account-page a.grookfit-copy-button,
body.grookfit-standalone-dashboard-body .gf-rd-legacy-content .grookfit-account-page a.grookfit-history-primary-button,
body.grookfit-standalone-dashboard-body .gf-rd-legacy-content .grookfit-account-page a.grookfit-wallet-shop-button,
body.grookfit-standalone-dashboard-body .gf-rd-legacy-content .grookfit-account-page a.grookfit-wallet-referral-button,
body.grookfit-standalone-dashboard-body .gf-rd-legacy-content .grookfit-account-page a.grookfit-history-button,
body.grookfit-standalone-dashboard-body .gf-rd-legacy-content .grookfit-account-page button.grookfit-copy-button,
body.grookfit-standalone-dashboard-body .gf-rd-legacy-content .grookfit-account-page button.grookfit-history-primary-button,
body.grookfit-standalone-dashboard-body .gf-rd-legacy-content .grookfit-account-page button.grookfit-wallet-shop-button,
body.grookfit-standalone-dashboard-body .gf-rd-legacy-content .grookfit-account-page button.grookfit-wallet-referral-button,
body.grookfit-standalone-dashboard-body .gf-rd-legacy-content .grookfit-account-page button.grookfit-history-button,
body.grookfit-standalone-dashboard-body .gf-rd-legacy-content .grookfit-account-page button.grookfit-native-share{
  color:#080808!important;
  -webkit-text-fill-color:#080808!important;
  background:#f4f4f4!important;
  border:1px solid #f4f4f4!important;
  text-shadow:none!important;
  opacity:1!important;
  visibility:visible!important;
}
body.grookfit-standalone-dashboard-body .gf-rd-legacy-content .grookfit-account-page a.grookfit-wallet-referral-button,
body.grookfit-standalone-dashboard-body .gf-rd-legacy-content .grookfit-account-page button.grookfit-native-share{
  background:#111!important;
  color:#f2f2f2!important;
  -webkit-text-fill-color:#f2f2f2!important;
  border-color:#353535!important;
}
body.grookfit-standalone-dashboard-body .gf-rd-legacy-content .grookfit-account-page a.grookfit-history-primary-button:hover,
body.grookfit-standalone-dashboard-body .gf-rd-legacy-content .grookfit-account-page a.grookfit-history-button:hover,
body.grookfit-standalone-dashboard-body .gf-rd-legacy-content .grookfit-account-page button.grookfit-copy-button:hover{
  color:#000!important;-webkit-text-fill-color:#000!important;background:#ddd!important;border-color:#ddd!important;
}

/* Make the Refer & Earn reward badge a proper full-width mobile feature,
   not a narrow half-width desktop flex item. */
@media(max-width:760px){
  body.grookfit-standalone-dashboard-body .gf-rd-legacy-content .grookfit-referral-hero{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:14px!important;
    padding:20px!important;
    border-radius:14px!important;
  }
  body.grookfit-standalone-dashboard-body .gf-rd-legacy-content .grookfit-referral-hero-content{
    width:100%!important;
    max-width:none!important;
  }
  body.grookfit-standalone-dashboard-body .gf-rd-legacy-content .grookfit-referral-hero-badge{
    width:100%!important;
    max-width:none!important;
    flex:1 1 100%!important;
    min-height:128px!important;
    padding:20px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }
  body.grookfit-standalone-dashboard-body .gf-rd-legacy-content .grookfit-referral-code-box{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
  }
  body.grookfit-standalone-dashboard-body .gf-rd-legacy-content .grookfit-referral-code-value{
    min-width:0!important;
    overflow:hidden!important;
  }
  body.grookfit-standalone-dashboard-body .gf-rd-legacy-content .grookfit-referral-code-value span{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:transparent!important;
  }
  body.grookfit-standalone-dashboard-body .gf-rd-legacy-content .grookfit-copy-button{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }
}

/* Normal My Account: our one referral-dashboard item should remain
   readable even if the store theme applies dark text. */
.woocommerce-account .woocommerce-MyAccount-navigation a[href*="referral-dashboard"],
.woocommerce-account .woocommerce-MyAccount-navigation a[href*="grookfit-referral-dashboard"]{
  color:#f4f4f4!important;
}

/* Prevent old account page spacing from leaking into the new portal. */
body.grookfit-standalone-dashboard-body .woocommerce{
  max-width:none!important;
}


/* Visible close control for the mobile referral drawer */
.gf-rd-sidebar-close{
	display:none;
	position:absolute;
	top:14px;
	right:14px;
	width:38px;
	height:38px;
	padding:0;
	border:1px solid #303030;
	border-radius:10px;
	background:#090909;
	color:#f5f5f5;
	font-size:24px;
	font-weight:300;
	line-height:1;
	cursor:pointer;
	z-index:30;
}
.gf-rd-sidebar-close:hover{
	background:#fff;
	color:#000;
	border-color:#fff;
}
@media(max-width:900px){
	.gf-rd-sidebar-close{
		display:flex;
		align-items:center;
		justify-content:center;
	}
}


/* =========================================================
   GROOKFIT 1.4.4 — MOBILE REFERRAL DRAWER POLISH
   Narrower, richer navigation with clear close affordance.
   ========================================================= */
@media (max-width:760px){
  .grookfit-standalone-dashboard-body .gf-rd-sidebar{
    width:min(270px,82vw)!important;
    padding:0 14px 20px!important;
    background:
      radial-gradient(circle at 80% 0%,rgba(255,255,255,.055),transparent 170px),
      #080808!important;
    border-right:1px solid #282828!important;
    box-shadow:18px 0 55px rgba(0,0,0,.58)!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;
  }

  .grookfit-standalone-dashboard-body .gf-rd-sidebar:before{
    content:"GROOKFIT  /  REWARDS";
    display:block;
    padding:22px 8px 18px;
    color:#5f5f5f;
    font-size:8px;
    font-weight:800;
    letter-spacing:.22em;
    border-bottom:1px solid #1d1d1d;
    margin-bottom:18px;
  }

  .grookfit-standalone-dashboard-body .gf-rd-sidebar-close{
    top:12px!important;
    right:12px!important;
    width:38px!important;
    height:38px!important;
    border-radius:11px!important;
    border:1px solid #303030!important;
    background:#111!important;
    color:#f4f4f4!important;
    font-size:25px!important;
    box-shadow:0 8px 24px rgba(0,0,0,.3);
  }

  .grookfit-standalone-dashboard-body .gf-rd-sidebar-title{
    padding:0 8px 9px!important;
    color:#444!important;
    font-size:7px!important;
    letter-spacing:.24em!important;
  }

  .grookfit-standalone-dashboard-body .gf-rd-nav{
    gap:5px!important;
  }

  .grookfit-standalone-dashboard-body .gf-rd-nav a{
    position:relative;
    min-height:58px!important;
    padding:8px 10px!important;
    border:1px solid transparent!important;
    border-radius:12px!important;
    gap:9px!important;
    color:#858585!important;
    font-size:11px!important;
    font-weight:650!important;
    letter-spacing:-.01em;
  }

  .grookfit-standalone-dashboard-body .gf-rd-nav a:hover,
  .grookfit-standalone-dashboard-body .gf-rd-nav a.is-active{
    background:linear-gradient(90deg,#111,#0c0c0c)!important;
    border-color:#222!important;
    color:#fff!important;
    box-shadow:inset 2px 0 #fff,0 8px 24px rgba(0,0,0,.18)!important;
  }

  .grookfit-standalone-dashboard-body .gf-rd-nav a.is-active:after{
    content:"";
    position:absolute;
    right:11px;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 0 10px rgba(255,255,255,.45);
  }

  .grookfit-standalone-dashboard-body .gf-rd-nav-num{
    flex:0 0 21px!important;
    width:21px!important;
    color:#414141!important;
    font:8px ui-monospace,SFMono-Regular,monospace!important;
  }

  .grookfit-standalone-dashboard-body .gf-rd-nav a.is-active .gf-rd-nav-num{
    color:#aaa!important;
  }

  .grookfit-standalone-dashboard-body .gf-rd-nav-icon{
    flex:0 0 34px;
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border:1px solid #242424;
    border-radius:9px;
    background:#0d0d0d;
    color:#777;
    font-style:normal;
    font-size:14px;
    line-height:1;
  }

  .grookfit-standalone-dashboard-body .gf-rd-nav a.is-active .gf-rd-nav-icon{
    background:#171717;
    border-color:#383838;
    color:#fff;
  }

  .grookfit-standalone-dashboard-body .gf-rd-nav a b{
    font-size:11px;
    font-weight:650;
    white-space:nowrap;
  }

  .grookfit-standalone-dashboard-body .gf-rd-sidebar-footer{
    margin-top:22px!important;
    padding:17px 8px 4px!important;
    border-top:1px solid #1d1d1d!important;
  }

  .grookfit-standalone-dashboard-body .gf-rd-sidebar-footer span{
    color:#555!important;
    font-size:7px!important;
    letter-spacing:.2em!important;
  }

  .grookfit-standalone-dashboard-body .gf-rd-sidebar-footer small{
    color:#777!important;
    font-size:9px!important;
    margin-top:7px!important;
  }

  .grookfit-standalone-dashboard-body .gf-rd-shell.gf-rd-menu-open:after{
    background:rgba(0,0,0,.64)!important;
    backdrop-filter:blur(5px)!important;
  }

  .grookfit-standalone-dashboard-body .gf-rd-menu-toggle{
    width:42px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0!important;
    border-radius:11px!important;
    font-size:19px!important;
  }
}


/* =========================================================
   GROOKFIT 1.4.5 — FINAL MOBILE LAYOUT CORRECTION
   Remove theme offsets, tighten page height, and make the drawer
   feel like a deliberate compact mobile navigation.
   ========================================================= */
@media (max-width:760px){
  html body.grookfit-standalone-dashboard-body .gf-rd-layout{
    min-height:auto!important;
    height:auto!important;
  }

  html body.grookfit-standalone-dashboard-body .gf-rd-main{
    min-height:0!important;
    height:auto!important;
    padding-bottom:14px!important;
  }

  html body.grookfit-standalone-dashboard-body .gf-rd-footer{
    padding-bottom:4px!important;
    margin-bottom:0!important;
  }

  /* Hard-reset positioning so the drawer cannot inherit a theme
     margin/top/absolute positioning from the WooCommerce theme. */
  html body.grookfit-standalone-dashboard-body .gf-rd-sidebar{
    position:fixed!important;
    top:62px!important;
    left:0!important;
    right:auto!important;
    bottom:0!important;
    margin:0!important;
    width:min(292px,82vw)!important;
    height:calc(100dvh - 62px)!important;
    max-height:calc(100dvh - 62px)!important;
    box-sizing:border-box!important;
    z-index:99991!important;
    transform:translate3d(-110%,0,0)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }

  html body.grookfit-standalone-dashboard-body .gf-rd-shell.gf-rd-menu-open .gf-rd-sidebar{
    transform:translate3d(0,0,0)!important;
  }

  html body.grookfit-standalone-dashboard-body .gf-rd-shell.gf-rd-menu-open:after{
    position:fixed!important;
    top:62px!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    inset:auto!important;
    width:100vw!important;
    height:calc(100dvh - 62px)!important;
    z-index:99990!important;
    content:""!important;
  }

  html body.grookfit-standalone-dashboard-body .gf-rd-sidebar-close{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:absolute!important;
    top:14px!important;
    right:14px!important;
    z-index:99999!important;
  }

  html body.grookfit-standalone-dashboard-body .gf-rd-sidebar:before{
    padding:20px 8px 17px!important;
    margin-bottom:16px!important;
  }

  html body.grookfit-standalone-dashboard-body .gf-rd-nav a{
    min-height:54px!important;
  }

  html body.grookfit-standalone-dashboard-body .gf-rd-nav-icon{
    width:32px!important;
    height:32px!important;
    flex-basis:32px!important;
  }

  html body.grookfit-standalone-dashboard-body .gf-rd-sidebar-footer{
    margin-top:18px!important;
    padding-bottom:8px!important;
  }
}


/* GROOKFIT 1.4.6 — one menu close control + clear account action */
.gf-rd-sidebar-close{display:none!important;}

.gf-rd-account-link{
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	gap:8px!important;
	text-decoration:none!important;
}
.gf-rd-account-icon{
	width:22px;
	height:22px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	color:#f3f3f3;
	font-size:20px;
	line-height:1;
}
.gf-rd-account-icon .fas,
.gf-rd-account-icon .fa,
.gf-rd-account-icon .fa-user-circle{
	font-family:"Font Awesome 5 Free","Font Awesome 6 Free",FontAwesome,sans-serif;
	font-weight:900;
}
.gf-rd-account-fallback{
	display:none;
	width:21px;
	height:21px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.7;
	stroke-linecap:round;
	stroke-linejoin:round;
}
.gf-rd-account-label{
	color:#f2f2f2!important;
	-webkit-text-fill-color:#f2f2f2!important;
	font-weight:600;
}
@media(max-width:760px){
	.gf-rd-account-label{display:none;}
	.gf-rd-account-icon{width:38px;height:38px;border:1px solid #292929;border-radius:10px;}
	.gf-rd-account-fallback{display:block;}
	.gf-rd-account-icon .fas,
	.gf-rd-account-icon .fa,
	.gf-rd-account-icon .fa-user-circle{
		display:none;
	}
	/* Font Awesome is preferred when the store theme provides it; the inline SVG
	   remains underneath as a visual fallback if the font is unavailable. */
	.gf-rd-account-fallback{display:block;}
	.gf-rd-account-icon .fas,
	.gf-rd-account-icon .fa,
	.gf-rd-account-icon .fa-user-circle{
		position:absolute;
		z-index:2;
	}
	.gf-rd-account-fallback{
		position:relative;
		z-index:1;
	}
}


/* =========================================================
   GROOKFIT 1.4.7
   Wallet block notice + invited customer list
   ========================================================= */
.gf-rd-wallet-alert{
	margin:0 0 18px;
	padding:16px 18px;
	display:flex;
	align-items:flex-start;
	gap:14px;
	border:1px solid #5a2525;
	border-radius:14px;
	background:linear-gradient(135deg,#170d0d,#0d0d0d);
	color:#f5f5f5;
	box-shadow:0 12px 32px rgba(0,0,0,.18);
}
.gf-rd-wallet-alert-icon{
	flex:0 0 32px;
	width:32px;
	height:32px;
	border:1px solid #9d4545;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#ff9c9c;
	font-weight:800;
}
.gf-rd-wallet-alert strong{
	display:block;
	font-size:15px;
	letter-spacing:.02em;
}
.gf-rd-wallet-alert p{
	margin:4px 0 5px;
	color:#a9a9a9;
	font-size:13px;
	line-height:1.55;
}
.gf-rd-wallet-alert a{
	color:#fff;
	font-size:13px;
	font-weight:700;
	text-decoration:underline;
	text-underline-offset:3px;
}

.gf-rd-customers-card{
	margin-top:18px;
}
.gf-rd-customers-toggle summary{
	list-style:none;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	padding:2px 0;
}
.gf-rd-customers-toggle summary::-webkit-details-marker{display:none;}
.gf-rd-customers-toggle summary:after{
	content:"+";
	width:36px;
	height:36px;
	flex:0 0 36px;
	border:1px solid #303030;
	border-radius:10px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:20px;
	color:#f4f4f4;
}
.gf-rd-customers-toggle[open] summary:after{content:"−";}
.gf-rd-customers-toggle summary strong{
	display:block;
	margin-top:5px;
	font-size:21px;
	color:#f4f4f4;
}
.gf-rd-customers-count{
	display:flex;
	align-items:center;
	gap:10px;
	color:#8e8e8e;
	font-size:12px;
}
.gf-rd-customers-count b{
	display:none;
}
.gf-rd-customers-list{
	margin-top:18px;
	border-top:1px solid #272727;
}
.gf-rd-customer-row{
	display:grid;
	grid-template-columns:42px minmax(0,1fr) auto;
	align-items:center;
	gap:13px;
	padding:14px 0;
	border-bottom:1px solid #222;
}
.gf-rd-customer-avatar{
	width:42px;
	height:42px;
	border-radius:12px;
	border:1px solid #353535;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#111;
	color:#f4f4f4;
	font-weight:800;
}
.gf-rd-customer-info{
	min-width:0;
	display:flex;
	flex-direction:column;
	gap:3px;
}
.gf-rd-customer-info strong{
	color:#f2f2f2;
	font-size:14px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.gf-rd-customer-info small{
	color:#777;
	font-size:11px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.gf-rd-customer-result{
	display:flex;
	align-items:flex-end;
	flex-direction:column;
	gap:5px;
}
.gf-rd-customer-result b{
	color:#a8ffca;
	font-size:12px;
}
.gf-rd-customer-status{
	padding:5px 8px;
	border:1px solid #333;
	border-radius:999px;
	color:#aaa;
	font-size:10px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.06em;
}
.gf-rd-customer-status.earned,
.gf-rd-customer-status.fulfilled,
.gf-rd-customer-status.completed{
	color:#a8ffca;
	border-color:#315d42;
}
.gf-rd-customer-status.cancelled,
.gf-rd-customer-status.refunded,
.gf-rd-customer-status.reversed{
	color:#ffaaaA;
	border-color:#5a3030;
}

@media(max-width:700px){
	.gf-rd-wallet-alert{
		margin:0 0 14px;
		padding:14px;
		border-radius:12px;
	}
	.gf-rd-wallet-alert p{font-size:12px;}
	.gf-rd-customers-toggle summary strong{font-size:18px;}
	.gf-rd-customers-count{font-size:11px;}
	.gf-rd-customer-row{
		grid-template-columns:38px minmax(0,1fr);
	}
	.gf-rd-customer-avatar{
		width:38px;height:38px;border-radius:10px;
	}
	.gf-rd-customer-result{
		grid-column:2;
		align-items:flex-start;
		flex-direction:row;
		justify-content:space-between;
		padding-top:2px;
	}
	.gf-rd-customer-info strong{font-size:13px;}
}


/* =========================================================
   GROOKFIT 1.4.9 — Responsive navigation rebuild
   Desktop: readable, balanced sidebar
   Tablet: compact sidebar without crushing content
   Mobile: original slide-out menu remains untouched
   ========================================================= */

/* Desktop */
@media (min-width: 1201px){
	.gf-rd-layout{
		grid-template-columns:260px minmax(0,1fr) !important;
		max-width:1600px !important;
	}
	.gf-rd-sidebar{
		padding:34px 22px 26px !important;
	}
	.gf-rd-sidebar-title{
		padding:0 12px 18px !important;
		color:#666 !important;
		font-size:10px !important;
		letter-spacing:.18em !important;
	}
	.gf-rd-nav{
		gap:6px !important;
	}
	.gf-rd-nav a{
		min-height:56px !important;
		padding:0 14px !important;
		gap:12px !important;
		border-radius:11px !important;
		color:#b0b0b0 !important;
		font-size:14px !important;
		font-weight:700 !important;
	}
	.gf-rd-nav a span.gf-rd-nav-num{
		width:28px !important;
		flex:0 0 28px !important;
		color:#858585 !important;
		font-size:10px !important;
	}
	.gf-rd-nav a i.gf-rd-nav-icon{
		width:22px !important;
		flex:0 0 22px !important;
		text-align:center !important;
		color:#aaa !important;
		font-size:15px !important;
		font-style:normal !important;
	}
	.gf-rd-nav a b{
		color:#d8d8d8 !important;
		font-size:14px !important;
		font-weight:700 !important;
		line-height:1.2 !important;
		white-space:nowrap !important;
	}
	.gf-rd-nav a:hover{
		color:#fff !important;
		background:#101010 !important;
	}
	.gf-rd-nav a:hover b,
	.gf-rd-nav a.is-active b{
		color:#fff !important;
	}
	.gf-rd-nav a.is-active{
		background:#101010 !important;
		box-shadow:inset 2px 0 #fff !important;
	}
	.gf-rd-nav a.is-active i.gf-rd-nav-icon{
		color:#fff !important;
	}
	.gf-rd-sidebar-footer{
		padding:22px 12px 0 !important;
	}
	.gf-rd-sidebar-footer span{
		font-size:9px !important;
		color:#666 !important;
	}
	.gf-rd-sidebar-footer small{
		font-size:11px !important;
		color:#888 !important;
	}
	.gf-rd-main{
		padding:44px 42px 35px !important;
	}
}

/* Normal desktop / smaller laptops */
@media (min-width: 901px) and (max-width: 1200px){
	.gf-rd-layout{
		grid-template-columns:230px minmax(0,1fr) !important;
		max-width:1180px !important;
	}
	.gf-rd-sidebar{
		padding:28px 16px 24px !important;
	}
	.gf-rd-sidebar-title{
		font-size:9px !important;
		padding:0 10px 16px !important;
	}
	.gf-rd-nav a{
		min-height:50px !important;
		padding:0 11px !important;
		gap:9px !important;
		font-size:13px !important;
	}
	.gf-rd-nav a span.gf-rd-nav-num{
		width:24px !important;
		flex:0 0 24px !important;
		font-size:9px !important;
	}
	.gf-rd-nav a i.gf-rd-nav-icon{
		width:20px !important;
		flex:0 0 20px !important;
		font-size:14px !important;
		font-style:normal !important;
		text-align:center !important;
	}
	.gf-rd-nav a b{
		color:#d2d2d2 !important;
		font-size:13px !important;
		white-space:nowrap !important;
	}
	.gf-rd-main{
		padding:36px 28px 30px !important;
	}
}

/* Never let the desktop sidebar rules leak into the mobile drawer. */
@media (max-width: 760px){
	.gf-rd-layout{
		display:block !important;
	}
	.gf-rd-sidebar{
		width:min(300px,88vw) !important;
		padding:30px 16px 24px !important;
	}
	.gf-rd-sidebar-title{
		font-size:9px !important;
	}
	.gf-rd-nav a{
		min-height:52px !important;
		font-size:14px !important;
	}
	.gf-rd-nav a b{
		font-size:14px !important;
		color:#d8d8d8 !important;
	}
}



/* Premium checkout referral + buyer cashback notices */
.woocommerce-checkout .grookfit-checkout-wallet .grookfit-referral-applied,
.woocommerce-cart .grookfit-checkout-wallet .grookfit-referral-applied {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 16px !important;
	width: 100% !important;
	box-sizing: border-box !important;
	margin: 0 0 10px !important;
	padding: 14px 16px !important;
	border: 1px solid rgba(184,255,207,.18) !important;
	border-radius: 14px !important;
	background: linear-gradient(135deg, rgba(184,255,207,.07), rgba(255,255,255,.018)) !important;
	color: #f3f3f3 !important;
}

.grookfit-referral-applied-main {
	display: flex;
	align-items: center;
	min-width: 0;
	gap: 11px;
}

.grookfit-referral-icon,
.grookfit-buyer-cashback-icon {
	flex: 0 0 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border: 1px solid rgba(255,255,255,.10);
	border-radius: 10px;
	background: rgba(255,255,255,.035);
	font-size: 17px;
}

.grookfit-referral-applied-main > div {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.woocommerce-checkout .grookfit-checkout-wallet .grookfit-referral-applied strong,
.woocommerce-cart .grookfit-checkout-wallet .grookfit-referral-applied strong {
	margin: 0 !important;
	color: #f7f7f7 !important;
	font-size: 13px !important;
	font-weight: 750 !important;
	line-height: 1.25 !important;
}

.woocommerce-checkout .grookfit-checkout-wallet .grookfit-referral-applied small,
.woocommerce-cart .grookfit-checkout-wallet .grookfit-referral-applied small {
	margin: 0 !important;
	color: #8f8f8f !important;
	font-size: 10px !important;
	line-height: 1.35 !important;
}

.grookfit-referral-discount {
	flex: 0 0 auto;
	display: flex;
	align-items: flex-end;
	flex-direction: column;
	gap: 2px;
	padding-left: 10px;
	border-left: 1px solid rgba(184,255,207,.10);
}

.grookfit-referral-discount span {
	color: #7f9f89;
	font-size: 8px;
	font-weight: 800;
	letter-spacing: .12em;
}

.grookfit-referral-discount strong {
	color: #b8ffcf !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	white-space: nowrap;
}

.grookfit-buyer-cashback-preview {
	display: flex;
	align-items: center;
	gap: 11px;
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 14px;
	padding: 11px 13px;
	border: 1px solid rgba(255,196,76,.16);
	border-radius: 12px;
	background: linear-gradient(135deg, rgba(255,196,76,.055), rgba(255,255,255,.012));
}

.grookfit-buyer-cashback-preview .grookfit-buyer-cashback-icon {
	flex-basis: 30px;
	width: 30px;
	height: 30px;
	font-size: 15px;
}

.grookfit-buyer-cashback-preview > div {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.grookfit-buyer-cashback-preview strong {
	color: #f4f4f4;
	font-size: 12px;
	font-weight: 750;
	line-height: 1.3;
}

.grookfit-buyer-cashback-preview small {
	color: #888;
	font-size: 9px;
	line-height: 1.35;
}

.grookfit-buyer-cashback-preview-muted {
	border-color: rgba(255,255,255,.08);
	background: rgba(255,255,255,.018);
}

.grookfit-buyer-cashback-preview-muted small {
	color: #777;
}



@media (max-width: 560px) {
	.woocommerce-checkout .grookfit-checkout-wallet .grookfit-referral-applied,
	.woocommerce-cart .grookfit-checkout-wallet .grookfit-referral-applied {
		align-items: flex-start !important;
		gap: 12px !important;
		padding: 13px !important;
	}

	.grookfit-referral-applied-main {
		flex: 1 1 auto;
		gap: 9px;
	}

	.grookfit-referral-icon,
	.grookfit-buyer-cashback-icon {
		flex-basis: 31px;
		width: 31px;
		height: 31px;
		border-radius: 9px;
		font-size: 15px;
	}

	.woocommerce-checkout .grookfit-checkout-wallet .grookfit-referral-applied strong,
	.woocommerce-cart .grookfit-checkout-wallet .grookfit-referral-applied strong {
		font-size: 12px !important;
	}

	.grookfit-referral-discount {
		padding-left: 8px;
	}

	.grookfit-referral-discount strong {
		font-size: 14px !important;
	}
}


/* v1.5.6: referral and buyer cashback are integrated into the enhancement referral card. */
.grookfit-checkout-wallet > .grookfit-referral-applied,
.grookfit-checkout-wallet > .grookfit-buyer-cashback-preview { display:none !important; }

/* v1.5.8 — recommended referral offer: clearer hierarchy and reliable mobile layout. */
.grookfit-referral-code-box .grookfit-default-referral {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 18px 20px;
	margin: 14px 0;
	border: 1px solid rgba(117, 185, 135, .28);
	border-radius: 14px;
	background: rgba(30, 45, 34, .16);
}
.grookfit-referral-code-box .grookfit-default-referral-copy {
	min-width: 0;
	flex: 1 1 auto;
}
.grookfit-referral-code-box .grookfit-default-referral-copy span {
	display: block;
	margin-bottom: 7px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
}
.grookfit-referral-code-box .grookfit-default-referral-copy strong {
	display: block;
	font-size: 18px !important;
	line-height: 1.35;
	margin: 0 0 7px;
}
.grookfit-referral-code-box .grookfit-default-referral-copy small {
	display: block;
	font-size: 14px !important;
	line-height: 1.55;
	opacity: .9;
	max-width: 900px;
}
.grookfit-referral-code-box .grookfit-default-referral-form {
	margin: 0;
	flex: 0 0 auto;
}
.grookfit-referral-code-box .grookfit-default-referral-button {
	min-width: 128px;
	min-height: 46px;
	padding: 11px 17px;
	font-size: 13px !important;
	font-weight: 700;
	line-height: 1.2;
	white-space: nowrap;
}
.grookfit-referral-code-box .grookfit-default-referral-button.is-loading {
	cursor: wait;
	opacity: .65;
}
@media (max-width: 700px) {
	.grookfit-referral-code-box .grookfit-default-referral {
		align-items: stretch;
		flex-direction: column;
		gap: 14px;
		padding: 16px;
	}
	.grookfit-referral-code-box .grookfit-default-referral-copy strong {
		font-size: 17px !important;
	}
	.grookfit-referral-code-box .grookfit-default-referral-copy small {
		font-size: 13px !important;
	}
	.grookfit-referral-code-box .grookfit-default-referral-form,
	.grookfit-referral-code-box .grookfit-default-referral-button {
		width: 100%;
	}
}

/* =========================================================
   GROOKFIT 1.5.16 — BLACK + CHAMPAGNE LUXURY DASHBOARD
   Unifies every Referral Dashboard section with the Scratch
   Rewards visual language.
   ========================================================= */
.grookfit-standalone-dashboard-body{
  --gf-lux-black:#050504;
  --gf-lux-panel:#0b0b09;
  --gf-lux-panel-2:#11110e;
  --gf-lux-gold:#d9c18a;
  --gf-lux-gold-soft:#f0dfb2;
  --gf-lux-ivory:#f7f4ed;
  --gf-lux-muted:#918c80;
  --gf-lux-line:rgba(217,193,138,.16);
  --gf-lux-line-soft:rgba(255,255,255,.075);
  background:#030303!important;
  color:var(--gf-lux-ivory)!important;
}
.grookfit-standalone-dashboard-body .gf-rd-shell{
  background:
    radial-gradient(circle at 75% -5%,rgba(217,193,138,.10),transparent 32rem),
    radial-gradient(circle at 5% 30%,rgba(217,193,138,.035),transparent 24rem),
    var(--gf-lux-black)!important;
}
.grookfit-standalone-dashboard-body .gf-rd-topbar{
  background:rgba(5,5,4,.88)!important;
  border-bottom-color:var(--gf-lux-line)!important;
  box-shadow:0 12px 35px rgba(0,0,0,.24);
}
.grookfit-standalone-dashboard-body .gf-rd-brand-mark{
  border-color:rgba(217,193,138,.35)!important;
  background:radial-gradient(circle,#211e16,#080807 72%)!important;
  color:var(--gf-lux-gold-soft)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 25px rgba(217,193,138,.05)!important;
}
.grookfit-standalone-dashboard-body .gf-rd-brand b{color:var(--gf-lux-ivory)!important}
.grookfit-standalone-dashboard-body .gf-rd-brand small{color:#8d846f!important}
.grookfit-standalone-dashboard-body .gf-rd-account-link,
.grookfit-standalone-dashboard-body .gf-rd-icon-button,
.grookfit-standalone-dashboard-body .gf-rd-menu-toggle{
  background:#0b0b09!important;
  border-color:var(--gf-lux-line)!important;
  color:#b9b1a0!important;
}
.grookfit-standalone-dashboard-body .gf-rd-account-link:hover,
.grookfit-standalone-dashboard-body .gf-rd-menu-toggle:hover{
  color:var(--gf-lux-gold-soft)!important;
  border-color:rgba(217,193,138,.38)!important;
  background:#11110e!important;
}
.grookfit-standalone-dashboard-body .gf-rd-sidebar{
  background:linear-gradient(180deg,rgba(16,16,13,.78),rgba(5,5,4,.94))!important;
  border-right-color:var(--gf-lux-line)!important;
}
.grookfit-standalone-dashboard-body .gf-rd-sidebar-title,
.grookfit-standalone-dashboard-body .gf-rd-sidebar-footer span{
  color:#746d5d!important;
}
.grookfit-standalone-dashboard-body .gf-rd-nav a{
  color:#938e84!important;
  border:1px solid transparent!important;
}
.grookfit-standalone-dashboard-body .gf-rd-nav a span.gf-rd-nav-num{color:#625b4d!important}
.grookfit-standalone-dashboard-body .gf-rd-nav a i.gf-rd-nav-icon{
  color:#a49a86!important;
  border-radius:10px!important;
  background:#0c0c0a!important;
  border:1px solid rgba(217,193,138,.11)!important;
}
.grookfit-standalone-dashboard-body .gf-rd-nav a:hover,
.grookfit-standalone-dashboard-body .gf-rd-nav a.is-active{
  color:var(--gf-lux-ivory)!important;
  background:linear-gradient(90deg,rgba(217,193,138,.10),rgba(217,193,138,.025))!important;
  border-color:rgba(217,193,138,.18)!important;
  box-shadow:inset 2px 0 var(--gf-lux-gold),0 10px 28px rgba(0,0,0,.20)!important;
}
.grookfit-standalone-dashboard-body .gf-rd-nav a.is-active span.gf-rd-nav-num,
.grookfit-standalone-dashboard-body .gf-rd-nav a.is-active i.gf-rd-nav-icon{
  color:var(--gf-lux-gold-soft)!important;
}
.grookfit-standalone-dashboard-body .gf-rd-nav a.is-active i.gf-rd-nav-icon{
  background:rgba(217,193,138,.09)!important;
  border-color:rgba(217,193,138,.27)!important;
  box-shadow:0 0 18px rgba(217,193,138,.06);
}
.grookfit-standalone-dashboard-body .gf-rd-sidebar-footer{
  border-top-color:var(--gf-lux-line)!important;
}
.grookfit-standalone-dashboard-body .gf-rd-sidebar-footer small{color:#918a7b!important}
.grookfit-standalone-dashboard-body .gf-rd-main{color:var(--gf-lux-ivory)!important}
.grookfit-standalone-dashboard-body .gf-rd-hero{
  border-bottom-color:var(--gf-lux-line)!important;
}
.grookfit-standalone-dashboard-body .gf-rd-eyebrow{color:#9a9079!important;letter-spacing:.24em!important}
.grookfit-standalone-dashboard-body .gf-rd-hero h1{color:#f7f4ed!important}
.grookfit-standalone-dashboard-body .gf-rd-hero h1 strong{color:var(--gf-lux-gold-soft)!important}
.grookfit-standalone-dashboard-body .gf-rd-hero p{color:#8c877d!important}
.grookfit-standalone-dashboard-body .gf-rd-code-chip,
.grookfit-standalone-dashboard-body .gf-rd-metric,
.grookfit-standalone-dashboard-body .gf-rd-card,
.grookfit-standalone-dashboard-body .gf-rd-quick-grid a{
  background:
    radial-gradient(circle at 100% 0%,rgba(217,193,138,.055),transparent 45%),
    linear-gradient(145deg,#11110e,#070706 78%)!important;
  border-color:var(--gf-lux-line)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.025)!important;
}
.grookfit-standalone-dashboard-body .gf-rd-code-chip span,
.grookfit-standalone-dashboard-body .gf-rd-metric span,
.grookfit-standalone-dashboard-body .gf-rd-card-number,
.grookfit-standalone-dashboard-body .gf-rd-metric small,
.grookfit-standalone-dashboard-body .gf-rd-quick-grid small{color:#817a6d!important}
.grookfit-standalone-dashboard-body .gf-rd-code-chip strong{color:var(--gf-lux-gold-soft)!important}
.grookfit-standalone-dashboard-body .gf-rd-copy{
  background:rgba(217,193,138,.07)!important;
  border-color:rgba(217,193,138,.24)!important;
  color:var(--gf-lux-gold-soft)!important;
}
.grookfit-standalone-dashboard-body .gf-rd-copy:hover{background:var(--gf-lux-gold-soft)!important;color:#080806!important;border-color:var(--gf-lux-gold-soft)!important}
.grookfit-standalone-dashboard-body .gf-rd-metric{min-height:124px!important}
.grookfit-standalone-dashboard-body .gf-rd-metric strong{color:var(--gf-lux-ivory)!important;font-weight:850!important}
.grookfit-standalone-dashboard-body .gf-rd-metric-main{border-color:rgba(217,193,138,.25)!important}
.grookfit-standalone-dashboard-body .gf-rd-metric-main strong{color:var(--gf-lux-gold-soft)!important;text-shadow:0 0 30px rgba(217,193,138,.10)}
.grookfit-standalone-dashboard-body .gf-rd-card-head h2{color:#f5f1e8!important;font-weight:700!important}
.grookfit-standalone-dashboard-body .gf-rd-card-head>a{color:#968d7c!important}
.grookfit-standalone-dashboard-body .gf-rd-card-head>a:hover{color:var(--gf-lux-gold-soft)!important}
.grookfit-standalone-dashboard-body .gf-rd-share-code{
  background:#070706!important;
  border-color:rgba(217,193,138,.22)!important;
}
.grookfit-standalone-dashboard-body .gf-rd-share-code code{color:var(--gf-lux-gold-soft)!important}
.grookfit-standalone-dashboard-body .gf-rd-primary{
  background:linear-gradient(135deg,#f5f0e4,#d9c18a)!important;
  color:#0a0906!important;
  border-color:#e8d7ad!important;
  box-shadow:0 12px 30px rgba(217,193,138,.12)!important;
}
.grookfit-standalone-dashboard-body .gf-rd-primary:hover{background:#f7f4ed!important}
.grookfit-standalone-dashboard-body .gf-rd-secondary{
  background:rgba(217,193,138,.045)!important;
  border-color:rgba(217,193,138,.20)!important;
  color:#c4bba9!important;
}
.grookfit-standalone-dashboard-body .gf-rd-secondary:hover{color:var(--gf-lux-gold-soft)!important;border-color:rgba(217,193,138,.4)!important}
.grookfit-standalone-dashboard-body .gf-rd-activity-row{border-top-color:rgba(217,193,138,.10)!important}
.grookfit-standalone-dashboard-body .gf-rd-activity-icon{background:rgba(217,193,138,.06)!important;border:1px solid rgba(217,193,138,.12);color:var(--gf-lux-gold-soft)!important}
.grookfit-standalone-dashboard-body .gf-rd-activity-icon.credit,
.grookfit-standalone-dashboard-body .gf-rd-activity-row b.credit{color:#d9c18a!important}
.grookfit-standalone-dashboard-body .gf-rd-activity-icon.debit,
.grookfit-standalone-dashboard-body .gf-rd-activity-row b.debit{color:#c58f82!important}
.grookfit-standalone-dashboard-body .gf-rd-activity-row strong{color:#ddd7cc!important}
.grookfit-standalone-dashboard-body .gf-rd-quick-grid a>span{color:var(--gf-lux-gold)!important}
.grookfit-standalone-dashboard-body .gf-rd-quick-grid a:hover{border-color:rgba(217,193,138,.30)!important;background:#11110e!important}
.grookfit-standalone-dashboard-body .gf-rd-customers-card{border-color:var(--gf-lux-line)!important}
.grookfit-standalone-dashboard-body .gf-rd-customers-toggle summary{color:#eee!important}
.grookfit-standalone-dashboard-body .gf-rd-customers-count{color:#a59a86!important}
.grookfit-standalone-dashboard-body .gf-rd-customers-count b{color:var(--gf-lux-gold-soft)!important}
.grookfit-standalone-dashboard-body .gf-rd-footer{color:#756e61!important;border-top-color:transparent!important}
.grookfit-standalone-dashboard-body .gf-rd-footer a{color:#9b927f!important}
.grookfit-standalone-dashboard-body .gf-rd-footer a:hover{color:var(--gf-lux-gold-soft)!important}
.grookfit-standalone-dashboard-body .gf-rd-wallet-alert{
  border-color:rgba(217,193,138,.34)!important;
  background:linear-gradient(135deg,rgba(217,193,138,.10),rgba(91,55,42,.12))!important;
  box-shadow:0 16px 45px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04)!important;
}
.grookfit-standalone-dashboard-body .gf-rd-wallet-alert-icon{background:rgba(217,193,138,.12)!important;color:var(--gf-lux-gold-soft)!important;border-color:rgba(217,193,138,.28)!important}
.grookfit-standalone-dashboard-body .gf-rd-wallet-alert a{color:var(--gf-lux-gold-soft)!important}
.grookfit-standalone-dashboard-body .gf-rd-legacy-content{color:var(--gf-lux-ivory)!important}
.grookfit-standalone-dashboard-body .gf-rd-feature-page{
  background:transparent!important;
}
.grookfit-standalone-dashboard-body .gf-rd-feature-top{
  border-bottom-color:var(--gf-lux-line)!important;
}
.grookfit-standalone-dashboard-body .gf-rd-feature-top>span{color:var(--gf-lux-gold)!important}
.grookfit-standalone-dashboard-body .gf-rd-back{color:#a89e8c!important}
.grookfit-standalone-dashboard-body .gf-rd-back:hover{color:var(--gf-lux-gold-soft)!important}

/* Font Awesome sizing inside the luxury dashboard. */
.grookfit-standalone-dashboard-body .gf-rd-nav-icon,
.grookfit-standalone-dashboard-body .gf-rd-quick-grid i,
.grookfit-standalone-dashboard-body .gf-rd-account-icon i,
.grookfit-standalone-dashboard-body .gf-rd-wallet-alert-icon i,
.grookfit-standalone-dashboard-body .gf-rd-activity-icon i{font-style:normal!important}
.grookfit-standalone-dashboard-body .gf-rd-quick-grid a>span{display:grid!important;place-items:center;width:34px;height:34px;border:1px solid rgba(217,193,138,.15);border-radius:10px;background:rgba(217,193,138,.045)}
.grookfit-standalone-dashboard-body .gf-rd-account-icon{display:grid!important;place-items:center}

@media(max-width:760px){
  .grookfit-standalone-dashboard-body .gf-rd-topbar{padding:0 14px!important}
  .grookfit-standalone-dashboard-body .gf-rd-main{padding:30px 15px 22px!important}
  .grookfit-standalone-dashboard-body .gf-rd-hero{padding-bottom:22px!important}
  .grookfit-standalone-dashboard-body .gf-rd-code-chip{margin-top:5px!important}
  .grookfit-standalone-dashboard-body .gf-rd-metrics{gap:8px!important}
  .grookfit-standalone-dashboard-body .gf-rd-metric{min-height:105px!important;padding:15px!important}
  .grookfit-standalone-dashboard-body .gf-rd-metric strong{font-size:25px!important;margin-top:13px!important}
  .grookfit-standalone-dashboard-body .gf-rd-metric-main strong{font-size:31px!important}
  .grookfit-standalone-dashboard-body .gf-rd-card{padding:17px!important;border-radius:16px!important}
  .grookfit-standalone-dashboard-body .gf-rd-quick-grid{grid-template-columns:1fr 1fr!important}
  .grookfit-standalone-dashboard-body .gf-rd-quick-grid a{min-height:100px!important}
}

/* GROOKFIT 1.5.20 — persistent luxury dashboard navigation */
@media (min-width:761px){
  html body.grookfit-standalone-dashboard-body .gf-rd-sidebar{
    position:sticky!important;
    top:74px!important;
    height:calc(100vh - 74px)!important;
    align-self:start!important;
    z-index:45!important;
    background:#070706!important;
    opacity:1!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  html body.grookfit-standalone-dashboard-body .gf-rd-nav a .gf-rd-nav-icon,
  html body.grookfit-standalone-dashboard-body .gf-rd-nav-icon{
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
}
@media (max-width:760px){
  html body.grookfit-standalone-dashboard-body .gf-rd-sidebar{
    position:fixed!important;
    top:62px!important;
    left:0!important;
    right:auto!important;
    bottom:0!important;
    width:min(310px,88vw)!important;
    height:calc(100dvh - 62px)!important;
    max-height:calc(100dvh - 62px)!important;
    margin:0!important;
    padding:30px 16px 24px!important;
    background:#070706!important;
    background-image:linear-gradient(180deg,#12110f 0%,#090908 40%,#050504 100%)!important;
    opacity:1!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    mix-blend-mode:normal!important;
    isolation:isolate!important;
    z-index:99991!important;
    box-shadow:24px 0 70px rgba(0,0,0,.65)!important;
  }
  html body.grookfit-standalone-dashboard-body .gf-rd-sidebar *{
    opacity:1!important;
    filter:none!important;
  }
  html body.grookfit-standalone-dashboard-body .gf-rd-shell.gf-rd-menu-open:after{
    position:fixed!important;
    top:62px!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    inset:auto!important;
    width:100vw!important;
    height:calc(100dvh - 62px)!important;
    content:""!important;
    background:rgba(0,0,0,.78)!important;
    backdrop-filter:blur(9px) saturate(70%)!important;
    -webkit-backdrop-filter:blur(9px) saturate(70%)!important;
    z-index:99990!important;
  }
}


/* v3.1.15 — stable checkout reward layout after wallet Apply.
 * Keep the referral and wallet widgets in their intended two-column row on
 * desktop and one compact column on mobile. A blocked wallet must occupy the
 * same normal flow instead of inheriting theme/grid positioning. */
.woocommerce-checkout .grookfit-checkout-rewards-row,
.woocommerce-cart .grookfit-checkout-rewards-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  align-items:start!important;
  margin:0 0 14px!important;
  padding:0!important;
  clear:both!important;
}
.woocommerce-checkout .grookfit-checkout-rewards-row>.grookfit-referral-code-box,
.woocommerce-checkout .grookfit-checkout-rewards-row>.grookfit-checkout-wallet,
.woocommerce-cart .grookfit-checkout-rewards-row>.grookfit-referral-code-box,
.woocommerce-cart .grookfit-checkout-rewards-row>.grookfit-checkout-wallet{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  align-self:start!important;
}
.woocommerce-checkout .grookfit-checkout-rewards-row .grookfit-wallet-blocked,
.woocommerce-cart .grookfit-checkout-rewards-row .grookfit-wallet-blocked{
  width:100%!important;
  min-height:120px!important;
  margin:0!important;
  padding:18px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(214,194,138,.16)!important;
  border-radius:12px!important;
  background:#0d0d0d!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
@media(max-width:800px){
  .woocommerce-checkout .grookfit-checkout-rewards-row,
  .woocommerce-cart .grookfit-checkout-rewards-row{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
}