.hzac-checkout-choice,
.hzac-register-message,
.hzac-rewards-panel,
.hzac-login-links,
.hzac-password-strength,
.hzac-auth-page {
	box-sizing: border-box;
}

.hzac-checkout-choice {
	margin: 0 0 28px;
	padding: 22px;
	border: 1px solid rgba(22, 19, 15, 0.12);
	border-radius: 8px;
	background: #fffaf1;
	box-shadow: 0 12px 30px rgba(22, 19, 15, 0.07);
}

.hzac-checkout-choice h3 {
	margin: 0 0 16px;
	color: #16130f;
	font-size: 22px;
	font-weight: 800;
	line-height: 1.25;
}

.hzac-choice-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.hzac-choice-card {
	display: block;
	position: relative;
	min-height: 178px;
	padding: 18px 18px 18px 48px;
	border: 1px solid rgba(22, 19, 15, 0.14);
	border-radius: 8px;
	background: #ffffff;
	cursor: pointer;
	transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.hzac-choice-card:hover,
.hzac-choice-card.is-active {
	border-color: #d2a441;
	box-shadow: 0 14px 32px rgba(22, 19, 15, 0.1);
	transform: translateY(-2px);
}

.hzac-choice-card input {
	position: absolute;
	top: 20px;
	left: 18px;
	accent-color: #d2a441;
}

.hzac-choice-title {
	display: block;
	color: #16130f;
	font-size: 17px;
	font-weight: 900;
	line-height: 1.3;
}

.hzac-choice-text,
.hzac-benefits-list {
	display: block;
	margin-top: 10px;
	color: #5f574b;
	font-size: 14px;
	line-height: 1.6;
}

.hzac-benefits-list {
	color: #8a651d;
	font-weight: 700;
}

.hzac-account-passwords {
	display: none;
	margin-top: 18px;
	padding-top: 18px;
	border-top: 1px solid rgba(22, 19, 15, 0.1);
}

.hzac-checkout-choice.is-create-account .hzac-account-passwords {
	display: block;
}

.woocommerce-checkout .woocommerce-account-fields {
	display: none !important;
}

.hzac-register-message {
	margin: 0 0 16px;
	padding: 14px 16px;
	border-left: 4px solid #d2a441;
	border-radius: 6px;
	background: #fffaf1;
	color: #16130f;
	font-weight: 700;
	line-height: 1.6;
}

.woocommerce-account form.login,
.woocommerce-account form.register,
.woocommerce-account form.woocommerce-form-login,
.woocommerce-account form.woocommerce-form-register,
.hzac-auth-page form.login,
.hzac-auth-page form.register,
.hzac-auth-page form.woocommerce-form-login,
.hzac-auth-page form.woocommerce-form-register {
	border: 1px solid rgba(22, 19, 15, 0.12);
	border-radius: 10px;
	background: #fffdf8;
	box-shadow: 0 14px 34px rgba(22, 19, 15, 0.07);
}

.woocommerce-account form.login label,
.woocommerce-account form.register label,
.woocommerce-account form.woocommerce-form-login label,
.woocommerce-account form.woocommerce-form-register label,
.hzac-auth-page form.login label,
.hzac-auth-page form.register label,
.hzac-auth-page form.woocommerce-form-login label,
.hzac-auth-page form.woocommerce-form-register label,
.woocommerce-checkout .woocommerce-billing-fields label,
.woocommerce-checkout .hzac-checkout-choice label {
	color: #17140f;
	font-weight: 750;
	letter-spacing: 0;
}

.woocommerce-account form.login input.input-text,
.woocommerce-account form.register input.input-text,
.woocommerce-account form.register select,
.woocommerce-account form.register textarea,
.woocommerce-account form.woocommerce-form-login input.input-text,
.woocommerce-account form.woocommerce-form-register input.input-text,
.woocommerce-account form.woocommerce-form-register select,
.woocommerce-account form.woocommerce-form-register textarea,
.hzac-auth-page form.login input.input-text,
.hzac-auth-page form.register input.input-text,
.hzac-auth-page form.register select,
.hzac-auth-page form.register textarea,
.hzac-auth-page form.woocommerce-form-login input.input-text,
.hzac-auth-page form.woocommerce-form-register input.input-text,
.hzac-auth-page form.woocommerce-form-register select,
.hzac-auth-page form.woocommerce-form-register textarea,
.woocommerce-checkout .woocommerce-billing-fields input.input-text,
.woocommerce-checkout .woocommerce-billing-fields select,
.woocommerce-checkout .woocommerce-billing-fields textarea {
	min-height: 46px;
	border: 1px solid rgba(22, 19, 15, 0.16);
	border-radius: 6px;
	background: #ffffff;
	color: #17140f;
	box-shadow: none;
	transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}

/* Machine-readable account and checkout values must not inherit an RTL page direction. */
.hzac-auth-page input[type="email"],
.hzac-auth-page input[type="tel"],
.hzac-auth-page input[type="number"],
.hzac-auth-page input[type="password"],
.hzac-auth-page input[name="username"],
.hzac-account-page input[type="email"],
.hzac-account-page input[type="tel"],
.hzac-account-page input[type="number"],
.hzac-account-page input[type="password"],
.hzac-account-page input[inputmode="numeric"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="number"],
.woocommerce-checkout input[inputmode="numeric"] {
	direction: ltr;
	text-align: left;
	unicode-bidi: plaintext;
}

.woocommerce-account form.login .password-input,
.woocommerce-account form.register .password-input,
.woocommerce-account form.woocommerce-form-login .password-input,
.woocommerce-account form.woocommerce-form-register .password-input,
.hzac-auth-page form.login .password-input,
.hzac-auth-page form.register .password-input,
.hzac-auth-page form.woocommerce-form-login .password-input,
.hzac-auth-page form.woocommerce-form-register .password-input {
	position: relative;
	display: block;
	width: 100%;
}

.woocommerce-account form.login .password-input input.input-text,
.woocommerce-account form.register .password-input input.input-text,
.woocommerce-account form.woocommerce-form-login .password-input input.input-text,
.woocommerce-account form.woocommerce-form-register .password-input input.input-text,
.hzac-auth-page form.login .password-input input.input-text,
.hzac-auth-page form.register .password-input input.input-text,
.hzac-auth-page form.woocommerce-form-login .password-input input.input-text,
.hzac-auth-page form.woocommerce-form-register .password-input input.input-text,
.woocommerce-account form.login input[type="password"],
.woocommerce-account form.register input[type="password"],
.hzac-auth-page form.login input[type="password"],
.hzac-auth-page form.register input[type="password"] {
	width: 100%;
	padding-right: 44px;
}

.woocommerce-account form.login .show-password-input,
.woocommerce-account form.register .show-password-input,
.woocommerce-account form.woocommerce-form-login .show-password-input,
.woocommerce-account form.woocommerce-form-register .show-password-input,
.hzac-auth-page form.login .show-password-input,
.hzac-auth-page form.register .show-password-input,
.hzac-auth-page form.woocommerce-form-login .show-password-input,
.hzac-auth-page form.woocommerce-form-register .show-password-input {
	position: absolute !important;
	top: 50% !important;
	right: 10px !important;
	left: auto !important;
	z-index: 2;
	display: inline-flex !important;
	width: 28px !important;
	min-width: 28px !important;
	height: 28px !important;
	min-height: 28px !important;
	align-items: center;
	justify-content: center;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: transparent !important;
	color: #5f574b !important;
	box-shadow: none !important;
	font-size: 0 !important;
	line-height: 1 !important;
	text-indent: 0 !important;
	transform: translateY(-50%) !important;
	cursor: pointer;
}

.woocommerce-account form.login .show-password-input::before,
.woocommerce-account form.register .show-password-input::before,
.woocommerce-account form.woocommerce-form-login .show-password-input::before,
.woocommerce-account form.woocommerce-form-register .show-password-input::before,
.hzac-auth-page form.login .show-password-input::before,
.hzac-auth-page form.register .show-password-input::before,
.hzac-auth-page form.woocommerce-form-login .show-password-input::before,
.hzac-auth-page form.woocommerce-form-register .show-password-input::before {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	background-color: currentColor;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 12s3.5-6 9.5-6 9.5 6 9.5 6-3.5 6-9.5 6-9.5-6-9.5-6Z'/%3E%3Ccircle cx='12' cy='12' r='2.8'/%3E%3C/svg%3E") center / contain no-repeat;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 12s3.5-6 9.5-6 9.5 6 9.5 6-3.5 6-9.5 6-9.5-6-9.5-6Z'/%3E%3Ccircle cx='12' cy='12' r='2.8'/%3E%3C/svg%3E") center / contain no-repeat;
}

.woocommerce-account form.login .show-password-input::after,
.woocommerce-account form.register .show-password-input::after,
.woocommerce-account form.woocommerce-form-login .show-password-input::after,
.woocommerce-account form.woocommerce-form-register .show-password-input::after,
.hzac-auth-page form.login .show-password-input::after,
.hzac-auth-page form.register .show-password-input::after,
.hzac-auth-page form.woocommerce-form-login .show-password-input::after,
.hzac-auth-page form.woocommerce-form-register .show-password-input::after {
	display: none !important;
	content: none !important;
}

.woocommerce-account form.login .show-password-input:hover,
.woocommerce-account form.login .show-password-input:focus,
.woocommerce-account form.register .show-password-input:hover,
.woocommerce-account form.register .show-password-input:focus,
.hzac-auth-page form.login .show-password-input:hover,
.hzac-auth-page form.login .show-password-input:focus,
.hzac-auth-page form.register .show-password-input:hover,
.hzac-auth-page form.register .show-password-input:focus {
	background: transparent !important;
	color: #b8861f !important;
	outline: none;
	box-shadow: 0 0 0 2px rgba(210, 164, 65, 0.2) !important;
}

.woocommerce-account form.login input.input-text:focus,
.woocommerce-account form.register input.input-text:focus,
.woocommerce-account form.register select:focus,
.woocommerce-account form.register textarea:focus,
.woocommerce-account form.woocommerce-form-login input.input-text:focus,
.woocommerce-account form.woocommerce-form-register input.input-text:focus,
.woocommerce-account form.woocommerce-form-register select:focus,
.woocommerce-account form.woocommerce-form-register textarea:focus,
.hzac-auth-page form.login input.input-text:focus,
.hzac-auth-page form.register input.input-text:focus,
.hzac-auth-page form.register select:focus,
.hzac-auth-page form.register textarea:focus,
.hzac-auth-page form.woocommerce-form-login input.input-text:focus,
.hzac-auth-page form.woocommerce-form-register input.input-text:focus,
.hzac-auth-page form.woocommerce-form-register select:focus,
.hzac-auth-page form.woocommerce-form-register textarea:focus,
.woocommerce-checkout .woocommerce-billing-fields input.input-text:focus,
.woocommerce-checkout .woocommerce-billing-fields select:focus,
.woocommerce-checkout .woocommerce-billing-fields textarea:focus {
	border-color: #d2a441;
	background-color: #fffaf1;
	box-shadow: 0 0 0 3px rgba(210, 164, 65, 0.16);
	outline: none;
}

.woocommerce-account form.register .form-row,
.woocommerce-account form.woocommerce-form-register .form-row,
.hzac-register-form .form-row,
.woocommerce-account .hzac-account-full-name-row {
	float: none;
	clear: both;
	width: 100%;
}

.woocommerce-account .hzac-hidden-account-last-name {
	display: none !important;
}

.woocommerce-account form.register textarea,
.woocommerce-account form.woocommerce-form-register textarea,
.woocommerce-checkout .woocommerce-billing-fields textarea {
	min-height: 92px;
	resize: vertical;
}

.woocommerce-account form.login button.button,
.woocommerce-account form.register button.button,
.woocommerce-account form.woocommerce-form-login button.button,
.woocommerce-account form.woocommerce-form-register button.button,
.hzac-auth-page form.login button.button,
.hzac-auth-page form.register button.button,
.hzac-auth-page form.woocommerce-form-login button.button,
.hzac-auth-page form.woocommerce-form-register button.button {
	min-height: 44px;
	border: 1px solid #17140f;
	border-radius: 6px;
	background: #17140f;
	color: #ffffff;
	font-weight: 850;
	letter-spacing: 0;
	transition: background-color 220ms ease, border-color 220ms ease, color 220ms ease, transform 220ms ease;
}

.woocommerce-account form.login button.button:hover,
.woocommerce-account form.register button.button:hover,
.woocommerce-account form.woocommerce-form-login button.button:hover,
.woocommerce-account form.woocommerce-form-register button.button:hover,
.hzac-auth-page form.login button.button:hover,
.hzac-auth-page form.register button.button:hover,
.hzac-auth-page form.woocommerce-form-login button.button:hover,
.hzac-auth-page form.woocommerce-form-register button.button:hover {
	border-color: #d2a441;
	background: #d2a441;
	color: #17140f;
	transform: translateY(-1px);
}

.woocommerce-account form.login button.show-password-input,
.woocommerce-account form.register button.show-password-input,
.woocommerce-account form.woocommerce-form-login button.show-password-input,
.woocommerce-account form.woocommerce-form-register button.show-password-input,
.hzac-auth-page form.login button.show-password-input,
.hzac-auth-page form.register button.show-password-input,
.hzac-auth-page form.woocommerce-form-login button.show-password-input,
.hzac-auth-page form.woocommerce-form-register button.show-password-input {
	position: absolute !important;
	top: 50% !important;
	right: 10px !important;
	left: auto !important;
	width: 28px !important;
	min-width: 28px !important;
	height: 28px !important;
	min-height: 28px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: transparent !important;
	color: #5f574b !important;
	box-shadow: none !important;
	font-size: 0 !important;
	line-height: 1 !important;
	transform: translateY(-50%) !important;
}

.woocommerce-account form.login button.show-password-input:hover,
.woocommerce-account form.login button.show-password-input:focus,
.woocommerce-account form.register button.show-password-input:hover,
.woocommerce-account form.register button.show-password-input:focus,
.hzac-auth-page form.login button.show-password-input:hover,
.hzac-auth-page form.login button.show-password-input:focus,
.hzac-auth-page form.register button.show-password-input:hover,
.hzac-auth-page form.register button.show-password-input:focus {
	background: transparent !important;
	color: #b8861f !important;
	transform: translateY(-50%) !important;
}

.woocommerce-account form.login .woocommerce-LostPassword.lost_password,
.woocommerce-account form.woocommerce-form-login .woocommerce-LostPassword.lost_password {
	display: none;
}

.hzac-login-page .hzac-password-strength,
.hzac-login-page .woocommerce-password-strength,
.hzac-login-page .woocommerce-password-hint,
.hzac-register-page .woocommerce-password-strength,
.hzac-register-page .woocommerce-password-hint {
	display: none !important;
}

.hzac-register-page .hzac-password-strength {
	display: block !important;
}

.hzac-auth-page {
	max-width: 520px;
	margin: 36px auto;
}

.hzac-register-page {
	max-width: 620px;
}

.hzac-auth-page h2 {
	margin: 0 0 18px;
	color: #16130f;
	font-size: 24px;
	font-weight: 850;
	line-height: 1.25;
}

.hzac-login-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 18px;
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px solid rgba(210, 164, 65, 0.32);
}

.hzac-login-links a {
	color: #17140f;
	font-size: 14px;
	font-weight: 750;
	text-decoration: none;
	transition: color 180ms ease;
}

.hzac-login-links a:hover,
.hzac-login-links a:focus {
	color: #b8861f;
	text-decoration: underline;
	text-underline-offset: 4px;
}

.woocommerce-account form.register .optional,
.woocommerce-account form.woocommerce-form-register .optional {
	color: #8a651d;
	font-size: 12px;
	font-weight: 750;
}

.hzac-password-strength {
	position: relative;
	overflow: hidden;
	margin: -6px 0 14px;
	padding: 13px 0 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #5f574b;
	font-size: 12px;
	font-weight: 750;
}

.hzac-password-strength-bar {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 7px;
	width: 0;
	border-radius: 999px;
	background: rgba(22, 19, 15, 0.12);
	transition: width 220ms ease, background-color 220ms ease;
}

.hzac-password-strength-label {
	position: relative;
	z-index: 1;
}

.hzac-password-strength[data-strength="weak"] .hzac-password-strength-bar {
	width: 33%;
	background: #b23939;
}

.hzac-password-strength[data-strength="medium"] .hzac-password-strength-bar {
	width: 66%;
	background: #d2a441;
}

.hzac-password-strength[data-strength="strong"] .hzac-password-strength-bar {
	width: 100%;
	background: #368459;
}

.hzac-password-strength[data-strength="weak"] {
	color: #9a2f2f;
}

.hzac-password-strength[data-strength="medium"] {
	color: #8a651d;
}

.hzac-password-strength[data-strength="strong"] {
	color: #256b47;
}

.hzac-password-match-message {
	margin: -6px 0 14px;
	font-size: 12.5px;
	font-weight: 750;
	line-height: 1.4;
}

.hzac-password-match-message[data-match="yes"] {
	color: #256b47;
}

.hzac-password-match-message[data-match="no"] {
	color: #9a2f2f;
}

.hzac-privacy-text,
.hzac-auth-switch {
	color: #5f574b;
	font-size: 13px;
	line-height: 1.55;
}

.hzac-auth-switch {
	text-align: center;
}

.hzac-auth-switch a {
	color: #17140f;
	font-weight: 800;
	text-decoration: none;
}

.hzac-auth-switch a:hover,
.hzac-auth-switch a:focus {
	color: #b8861f;
	text-decoration: underline;
	text-underline-offset: 4px;
}

.hzac-auth-target {
	animation: hzacAccountGlow 1200ms ease 1;
}

@keyframes hzacAccountGlow {
	0% {
		box-shadow: 0 0 0 0 rgba(210, 164, 65, 0.32);
	}

	100% {
		box-shadow: 0 14px 34px rgba(22, 19, 15, 0.07);
	}
}

.hzac-rewards-panel {
	padding: 22px;
	border: 1px solid rgba(22, 19, 15, 0.1);
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 12px 30px rgba(22, 19, 15, 0.07);
}

.hzac-rewards-panel h2,
.hzac-rewards-panel h3 {
	color: #16130f;
}

.hzac-rewards-balance {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	margin: 18px 0;
	padding: 18px;
	border-radius: 8px;
	background: #16130f;
	color: #ffffff;
}

.hzac-rewards-balance strong {
	color: #f3c75f;
	font-size: 24px;
}

.hzac-rewards-benefits {
	margin: 22px 0;
	padding: 18px;
	border-radius: 8px;
	background: #fffaf1;
}

.hzac-rewards-benefits ul {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px 18px;
	margin: 12px 0 0;
	padding-left: 20px;
}

@media (max-width: 700px) {
	.hzac-choice-grid,
	.hzac-rewards-benefits ul {
		grid-template-columns: 1fr;
	}

	.hzac-checkout-choice {
		padding: 16px;
	}

	.hzac-login-links {
		align-items: flex-start;
		flex-direction: column;
	}

	.woocommerce-account form.login,
	.woocommerce-account form.register,
	.woocommerce-account form.woocommerce-form-login,
	.woocommerce-account form.woocommerce-form-register,
	.hzac-auth-page form.login,
	.hzac-auth-page form.register,
	.hzac-auth-page form.woocommerce-form-login,
	.hzac-auth-page form.woocommerce-form-register {
		padding: 18px;
	}
}

/* Premium customer account system — v1.1.1. */
.woocommerce-account {
	--hzac-black: #12100d;
	--hzac-ink: #1a1712;
	--hzac-gold: #c89d3d;
	--hzac-gold-light: #d5ad52;
	--hzac-ivory: #fbf8f1;
	--hzac-cream: #f7f2e8;
	--hzac-muted: #6e665b;
	--hzac-border: #e8deca;
	--hzac-success: #287a4b;
	--hzac-error: #a83232;
	background: #fff;
	color: var(--hzac-ink);
}

.woocommerce-account .entry-header,
.woocommerce-account .woocommerce-MyAccount-navigation {
	display: none !important;
}

.woocommerce-account .site-content .ast-container,
.woocommerce-account .site-main,
.woocommerce-account .entry-content,
.woocommerce-account .woocommerce {
	width: 100%;
	max-width: none;
}

.woocommerce-account .woocommerce-MyAccount-content {
	float: none !important;
	width: min(100% - 24px, 1180px) !important;
	margin: 0 auto !important;
	padding: 34px 0 64px;
}

.woocommerce-account .woocommerce-notices-wrapper {
	width: min(100% - 24px, 1180px);
	margin: 18px auto 0;
}

.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-info {
	margin: 0 0 18px;
	padding: 16px 18px 16px 46px;
	border: 1px solid var(--hzac-border);
	border-top: 0;
	border-left: 4px solid var(--hzac-gold);
	border-radius: 12px;
	background: var(--hzac-ivory);
	color: var(--hzac-ink);
}

.woocommerce-account .woocommerce-error {
	border-left-color: var(--hzac-error);
	background: #fff6f5;
}

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

.hzac-account-page {
	width: 100%;
}

.hzac-page-heading {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 24px;
}

.hzac-page-heading h1,
.woocommerce-account form.edit-account > h1 {
	margin: 0;
	color: var(--hzac-black);
	font-size: clamp(30px, 7vw, 44px);
	font-weight: 850;
	line-height: 1.08;
	letter-spacing: -0.035em;
}

.hzac-page-heading p:not(.hzac-eyebrow) {
	max-width: 630px;
	margin: 10px 0 0;
	color: var(--hzac-muted);
	font-size: 15px;
	line-height: 1.65;
}

.hzac-eyebrow {
	margin: 0 0 7px;
	color: #936c1e;
	font-size: 11px;
	font-weight: 850;
	line-height: 1;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.hzac-dashboard-heading {
	align-items: center;
	padding: 24px;
	border: 1px solid var(--hzac-border);
	border-radius: 18px;
	background: linear-gradient(135deg, var(--hzac-ivory), #fff 62%);
	box-shadow: 0 18px 45px rgba(18, 16, 13, 0.07);
}

.hzac-member-since {
	display: grid;
	flex: 0 0 auto;
	gap: 3px;
	margin: 0;
	padding: 13px 16px;
	border: 1px solid var(--hzac-border);
	border-radius: 12px;
	background: #fff;
}

.hzac-member-since span,
.hzac-field-label,
.hzac-profile-facts label > span,
.hzac-fact > span,
.hzac-settings-card label > span,
.hzac-identity-grid article > span,
.hzac-stats-grid article > span,
.hzac-rewards-hero span {
	color: var(--hzac-muted);
	font-size: 11px;
	font-weight: 730;
	letter-spacing: 0.04em;
}

.hzac-member-since strong {
	font-size: 13px;
}

.hzac-id-control {
	display: inline-flex;
	min-height: 42px;
	align-items: center;
	gap: 8px;
	margin-top: 9px;
	padding: 4px 5px 4px 11px;
	border: 1px solid var(--hzac-border);
	border-radius: 11px;
	background: #fff;
}

.hzac-id-control code {
	min-width: 82px;
	padding: 0;
	background: transparent;
	color: var(--hzac-ink);
	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
	font-size: 13px;
	font-weight: 780;
	letter-spacing: 0.05em;
}

.hzac-icon-button {
	display: inline-flex;
	width: 44px;
	height: 44px;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 0;
	border-radius: 10px;
	background: var(--hzac-cream);
	color: var(--hzac-ink);
	font-size: 16px;
	cursor: pointer;
	transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.hzac-icon-button:hover,
.hzac-icon-button:focus-visible {
	background: var(--hzac-gold);
	color: var(--hzac-black);
	outline: 0;
	box-shadow: 0 0 0 3px rgba(200, 157, 61, 0.24);
}

.hzac-icon-button.is-loading {
	animation: hzacSpin 800ms linear infinite;
}

@keyframes hzacSpin {
	to { transform: rotate(360deg); }
}

.hzac-balance-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 14px;
	margin-top: 16px;
}

.hzac-balance-card {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	align-items: center;
	gap: 14px;
	padding: 20px;
	border: 1px solid var(--hzac-border);
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 14px 34px rgba(18, 16, 13, 0.055);
}

.hzac-balance-icon,
.hzac-empty-icon,
.hzac-support-icon,
.hzac-transaction-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 14px;
	background: var(--hzac-black);
	color: var(--hzac-gold-light);
}

.hzac-balance-icon {
	width: 48px;
	height: 48px;
	font-size: 22px;
}

.hzac-balance-card > div:nth-child(2) {
	display: grid;
	gap: 2px;
}

.hzac-balance-card > div:nth-child(2) > span {
	color: var(--hzac-muted);
	font-size: 12px;
	font-weight: 720;
}

.hzac-balance-card > div:nth-child(2) > strong {
	color: var(--hzac-black);
	font-size: clamp(25px, 8vw, 34px);
	font-variant-numeric: tabular-nums;
	line-height: 1.1;
}

.hzac-balance-card .hzac-wallet-currency {
	color: #936c1e;
	font-size: 13px;
	font-weight: 850;
}

.hzac-balance-card > div:nth-child(2) > small {
	color: var(--hzac-muted);
	font-size: 11px;
}

.hzac-card-actions {
	display: flex;
	grid-column: 1 / -1;
	align-items: center;
	gap: 9px;
}

.hzac-button,
.woocommerce-account .button,
.woocommerce-account button.button,
.woocommerce-account input.button {
	display: inline-flex;
	min-height: 44px;
	align-items: center;
	justify-content: center;
	padding: 0 18px;
	border: 1px solid var(--hzac-black) !important;
	border-radius: 11px !important;
	background: var(--hzac-black) !important;
	color: #fff !important;
	font-size: 14px;
	font-weight: 780 !important;
	line-height: 1.2;
	text-decoration: none !important;
	cursor: pointer;
	transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.hzac-button:hover,
.hzac-button:focus-visible,
.woocommerce-account .button:hover,
.woocommerce-account .button:focus-visible,
.woocommerce-account button.button:hover,
.woocommerce-account button.button:focus-visible {
	border-color: var(--hzac-gold) !important;
	background: var(--hzac-gold) !important;
	color: var(--hzac-black) !important;
	outline: 0;
	transform: translateY(-1px);
}

.hzac-button-secondary {
	border-color: var(--hzac-border) !important;
	background: var(--hzac-ivory) !important;
	color: var(--hzac-ink) !important;
}

.hzac-button[disabled],
.hzac-button:disabled,
.woocommerce-account button[disabled] {
	opacity: 0.48;
	cursor: not-allowed;
	transform: none;
}

.hzac-dashboard-links {
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
	margin-top: 18px;
}

.hzac-dashboard-links a {
	display: grid;
	min-height: 76px;
	align-content: center;
	gap: 4px;
	padding: 16px 18px;
	border: 1px solid var(--hzac-border);
	border-radius: 14px;
	background: var(--hzac-ivory);
	color: var(--hzac-ink) !important;
	text-decoration: none !important;
	transition: border-color 180ms ease, background-color 180ms ease, transform 180ms ease;
}

.hzac-dashboard-links a:hover,
.hzac-dashboard-links a:focus-visible {
	border-color: var(--hzac-gold-light);
	background: #fff;
	outline: 0;
	transform: translateY(-2px);
}

.hzac-dashboard-links span {
	font-size: 15px;
	font-weight: 800;
}

.hzac-dashboard-links small {
	color: var(--hzac-muted);
	font-size: 12px;
}

.hzac-empty-state {
	display: flex;
	min-height: 330px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 38px 22px;
	border: 1px solid var(--hzac-border);
	border-radius: 18px;
	background: linear-gradient(145deg, var(--hzac-ivory), #fff 65%);
	box-shadow: 0 18px 45px rgba(18, 16, 13, 0.06);
	text-align: center;
}

.hzac-empty-icon {
	width: 58px;
	height: 58px;
	margin-bottom: 18px;
	font-size: 26px;
}

.hzac-empty-state h2 {
	margin: 0;
	color: var(--hzac-black);
	font-size: 24px;
}

.hzac-empty-state p {
	max-width: 500px;
	margin: 9px 0 22px;
	color: var(--hzac-muted);
	line-height: 1.6;
}

.hzac-compact-empty {
	min-height: 190px;
	margin-top: 16px;
}

.hzac-order-list,
.hzac-transaction-list,
.hzac-notification-list {
	display: grid;
	gap: 11px;
}

.hzac-order-card,
.hzac-transaction-list article,
.hzac-notification-list article {
	display: grid;
	align-items: center;
	gap: 14px;
	padding: 17px;
	border: 1px solid var(--hzac-border);
	border-radius: 14px;
	background: #fff;
}

.hzac-order-card > div {
	display: grid;
	gap: 3px;
}

.hzac-order-card small,
.hzac-transaction-list small,
.hzac-transaction-list time,
.hzac-notification-list time {
	color: var(--hzac-muted);
	font-size: 11px;
}

.hzac-status-badge {
	display: inline-flex;
	width: fit-content;
	min-height: 27px;
	align-items: center;
	padding: 0 10px;
	border-radius: 99px;
	background: var(--hzac-cream);
	color: #805c16;
	font-size: 11px;
	font-weight: 790;
}

.hzac-status-badge.is-success,
.is-success {
	color: var(--hzac-success) !important;
}

.hzac-status-badge.is-warning,
.is-warning {
	color: #936c1e !important;
}

.hzac-text-link,
.hzac-text-button {
	padding: 8px 0;
	border: 0;
	background: transparent;
	color: #8b6419 !important;
	font-size: 13px;
	font-weight: 780;
	text-decoration: none !important;
	cursor: pointer;
}

.hzac-text-button.is-danger {
	color: var(--hzac-error) !important;
}

.woocommerce-account form.edit-account,
.hzac-settings-card,
.hzac-rewards-hero,
.hzac-info-grid article,
.hzac-identity-grid article,
.hzac-stats-grid article {
	border: 1px solid var(--hzac-border);
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 14px 38px rgba(18, 16, 13, 0.055);
}

.woocommerce-account form.edit-account {
	padding: 22px;
}

.hzac-account-details-intro {
	margin-bottom: 24px;
}

.hzac-profile-facts {
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
	margin-bottom: 24px;
	padding: 18px;
	border: 1px solid var(--hzac-border);
	border-radius: 14px;
	background: var(--hzac-ivory);
}

.hzac-profile-facts > div,
.hzac-profile-facts > label,
.hzac-fact {
	display: grid;
	align-content: center;
	gap: 7px;
	min-width: 0;
}

.hzac-profile-facts .hzac-id-control {
	margin: 0;
}

.hzac-fact {
	min-height: 68px;
	padding: 12px 14px;
	border-radius: 11px;
	background: #fff;
}

.woocommerce-account form.edit-account .form-row,
.hzac-form label {
	float: none;
	width: 100%;
}

.woocommerce-account form.edit-account label,
.hzac-form label > span {
	color: var(--hzac-ink);
	font-size: 13px;
	font-weight: 760;
}

.woocommerce-account form.edit-account input,
.woocommerce-account form.edit-account select,
.woocommerce-account form.edit-account textarea,
.hzac-form input,
.hzac-form select,
.hzac-form textarea,
.hzac-inline-form input {
	width: 100%;
	min-height: 46px;
	padding: 10px 13px;
	border: 1px solid #d9cfbd;
	border-radius: 10px;
	background: #fff;
	color: var(--hzac-ink);
	box-shadow: none;
	font: inherit;
	transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}

.woocommerce-account form.edit-account textarea,
.hzac-form textarea {
	min-height: 104px;
	resize: vertical;
}

.woocommerce-account form.edit-account input:focus,
.woocommerce-account form.edit-account select:focus,
.woocommerce-account form.edit-account textarea:focus,
.hzac-form input:focus,
.hzac-form select:focus,
.hzac-form textarea:focus,
.hzac-inline-form input:focus {
	border-color: var(--hzac-gold);
	background: #fffdf8;
	box-shadow: 0 0 0 3px rgba(200, 157, 61, 0.17);
	outline: 0;
}

.woocommerce-account form.edit-account fieldset {
	margin: 26px 0 18px;
	padding: 22px 0 0;
	border: 0;
	border-top: 1px solid var(--hzac-border);
}

.woocommerce-account form.edit-account legend {
	padding: 0;
	color: var(--hzac-black);
	font-size: 18px;
	font-weight: 820;
}

.hzac-settings-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 14px;
}

.hzac-settings-nav {
	display: flex;
	overflow-x: auto;
	gap: 7px;
	padding: 7px;
	border: 1px solid var(--hzac-border);
	border-radius: 14px;
	background: var(--hzac-ivory);
	scrollbar-width: thin;
	-webkit-overflow-scrolling: touch;
}

.hzac-settings-nav a {
	display: inline-flex;
	min-height: 44px;
	flex: 0 0 auto;
	align-items: center;
	padding: 0 14px;
	border-radius: 10px;
	color: var(--hzac-ink) !important;
	font-size: 13px;
	font-weight: 760;
	text-decoration: none !important;
}

.hzac-settings-nav a:hover,
.hzac-settings-nav a:focus-visible,
.hzac-settings-nav a.is-active {
	background: var(--hzac-black);
	color: #fff !important;
	outline: 0;
}

.hzac-settings-card {
	padding: 20px;
}

.hzac-settings-card h2,
.hzac-info-grid h2 {
	margin: 0;
	color: var(--hzac-black);
	font-size: 21px;
	font-weight: 820;
}

.hzac-settings-card h3 {
	margin: 0 0 14px;
	color: var(--hzac-black);
	font-size: 18px;
}

.hzac-settings-card > p,
.hzac-info-grid p {
	margin: 9px 0 20px;
	color: var(--hzac-muted);
	font-size: 14px;
	line-height: 1.65;
}

.hzac-form {
	display: grid;
	gap: 14px;
}

.hzac-form .hzac-password-input {
	position: relative;
	display: block;
	width: 100%;
}

.hzac-form .hzac-password-input input {
	padding-right: 48px;
}

.hzac-form .show-password-input {
	position: absolute !important;
	top: 50% !important;
	right: 8px !important;
	z-index: 2;
	display: inline-flex !important;
	width: 34px !important;
	min-width: 34px !important;
	height: 34px !important;
	min-height: 34px !important;
	align-items: center;
	justify-content: center;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 9px !important;
	background: var(--hzac-cream) !important;
	color: var(--hzac-ink) !important;
	font-size: 0 !important;
	transform: translateY(-50%) !important;
}

.hzac-form .show-password-input::before {
	content: "◉";
	font-size: 15px;
}

.hzac-form label {
	display: grid;
	gap: 7px;
}

.hzac-form-grid {
	grid-template-columns: 1fr;
}

.hzac-check-row {
	display: flex !important;
	min-height: 48px;
	align-items: center;
	gap: 10px;
	margin: 12px 0 18px;
	padding: 11px 13px;
	border: 1px solid var(--hzac-border);
	border-radius: 11px;
	background: var(--hzac-ivory);
}

.hzac-check-row input {
	width: 20px !important;
	min-height: 20px !important;
	margin: 0;
	accent-color: var(--hzac-black);
}

.hzac-check-row span {
	color: var(--hzac-ink) !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: 0 !important;
}

.hzac-status-row,
.hzac-card-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	margin: 17px 0;
	padding: 15px;
	border-radius: 12px;
	background: var(--hzac-ivory);
}

.hzac-status-row > div {
	display: grid;
	min-width: 0;
	gap: 4px;
}

.hzac-status-row strong {
	overflow-wrap: anywhere;
}

.hzac-address-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
	margin: 18px 0 24px;
}

.hzac-address-card {
	padding: 17px;
	border: 1px solid var(--hzac-border);
	border-radius: 14px;
	background: #fff;
}

.hzac-address-card.is-default {
	border-color: var(--hzac-gold-light);
	background: #fffaf0;
}

.hzac-address-card > div:first-child {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.hzac-address-card h3 {
	margin: 0;
}

.hzac-address-card p {
	margin: 13px 0;
	color: var(--hzac-muted);
	font-size: 13px;
	line-height: 1.65;
}

.hzac-address-warning strong {
	color: #936c1e;
}

.hzac-inline-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 14px;
}

.hzac-inline-actions form {
	margin: 0;
}

.hzac-address-form {
	padding-top: 20px;
	border-top: 1px solid var(--hzac-border);
}

.hzac-filter-tabs {
	display: flex;
	overflow-x: auto;
	gap: 8px;
	margin-bottom: 18px;
	padding-bottom: 2px;
}

.hzac-filter-tabs a {
	display: inline-flex;
	min-width: 72px;
	min-height: 44px;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	padding: 0 16px;
	border: 1px solid var(--hzac-border);
	border-radius: 99px;
	background: #fff;
	color: var(--hzac-ink) !important;
	font-size: 13px;
	font-weight: 760;
	text-decoration: none !important;
}

.hzac-filter-tabs a.is-active,
.hzac-filter-tabs a:hover,
.hzac-filter-tabs a:focus-visible {
	border-color: var(--hzac-black);
	background: var(--hzac-black);
	color: #fff !important;
	outline: 0;
}

.hzac-transaction-list article {
	grid-template-columns: 42px minmax(0, 1fr) auto;
}

.hzac-transaction-icon {
	width: 42px;
	height: 42px;
}

.hzac-transaction-list article > div {
	display: grid;
	gap: 3px;
}

.hzac-transaction-amount {
	color: var(--hzac-success);
	font-weight: 830;
	font-variant-numeric: tabular-nums;
}

.hzac-transaction-amount.is-debit {
	color: var(--hzac-error);
}

.hzac-transaction-list time {
	grid-column: 2 / -1;
}

.hzac-rewards-hero {
	display: flex;
	align-items: center;
	gap: 18px;
	padding: 24px;
	background: var(--hzac-black);
	color: #fff;
}

.hzac-coin-large {
	display: inline-flex;
	width: 66px;
	height: 66px;
	flex: 0 0 66px;
	align-items: center;
	justify-content: center;
	border: 2px solid var(--hzac-gold-light);
	border-radius: 50%;
	color: var(--hzac-gold-light);
	font-size: 30px;
}

.hzac-rewards-hero > div:last-child {
	display: grid;
	gap: 3px;
}

.hzac-rewards-hero span,
.hzac-rewards-hero small {
	color: #d9d2c6;
}

.hzac-rewards-hero strong {
	color: var(--hzac-gold-light);
	font-size: clamp(34px, 10vw, 52px);
	line-height: 1;
}

.hzac-info-grid,
.hzac-identity-grid,
.hzac-stats-grid,
.hzac-support-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 14px;
	margin-top: 16px;
}

.hzac-info-grid article,
.hzac-identity-grid article,
.hzac-stats-grid article {
	padding: 20px;
}

.hzac-inline-form {
	display: flex;
	align-items: stretch;
	gap: 8px;
}

.hzac-inline-form label {
	min-width: 0;
	flex: 1 1 auto;
}

.hzac-neutral-note,
.hzac-neutral-banner {
	padding: 14px 16px;
	border-left: 4px solid var(--hzac-gold);
	border-radius: 10px;
	background: var(--hzac-ivory);
	color: var(--hzac-muted);
	font-size: 13px;
	line-height: 1.55;
}

.hzac-identity-grid article,
.hzac-stats-grid article {
	display: grid;
	gap: 8px;
}

.hzac-identity-grid strong {
	overflow-wrap: anywhere;
	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
	font-size: 15px;
}

.hzac-stats-grid strong {
	font-size: 27px;
}

.hzac-support-grid article {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	padding: 22px;
	border: 1px solid var(--hzac-border);
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 14px 38px rgba(18, 16, 13, 0.055);
}

.hzac-support-icon {
	width: 48px;
	height: 48px;
	margin-bottom: 17px;
	font-size: 21px;
}

.hzac-support-grid h2 {
	margin: 0;
	font-size: 20px;
}

.hzac-support-grid p {
	flex: 1 1 auto;
	margin: 9px 0 20px;
	color: var(--hzac-muted);
	font-size: 13px;
	line-height: 1.6;
}

.hzac-notification-list article {
	grid-template-columns: minmax(0, 1fr) auto;
}

.hzac-notification-list article.is-unread {
	border-color: var(--hzac-gold-light);
	background: #fffaf0;
}

.hzac-notification-list h2 {
	margin: 0;
	font-size: 16px;
}

.hzac-notification-list p {
	margin: 5px 0;
	color: var(--hzac-muted);
	font-size: 13px;
}

.hzac-footer-links {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 5px 9px;
	margin-left: 12px;
}

.hzac-footer-links a {
	color: inherit;
}

.hzac-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	overflow: hidden;
	white-space: nowrap;
}

@media (min-width: 640px) {
	.hzac-balance-card {
		grid-template-columns: 48px minmax(0, 1fr) auto;
	}

	.hzac-card-actions {
		grid-column: auto;
		justify-content: flex-end;
	}

	.hzac-dashboard-links,
	.hzac-profile-facts,
	.hzac-form-grid,
	.hzac-address-grid,
	.hzac-info-grid,
	.hzac-identity-grid,
	.hzac-support-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.hzac-stats-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.hzac-field-wide {
		grid-column: 1 / -1;
	}

	.hzac-order-card {
		grid-template-columns: minmax(0, 1.4fr) auto auto auto;
	}
}

@media (min-width: 900px) {
	.woocommerce-account .woocommerce-MyAccount-content {
		padding-top: 48px;
	}

	.hzac-dashboard-heading,
	.woocommerce-account form.edit-account,
	.hzac-settings-card,
	.hzac-rewards-hero,
	.hzac-info-grid article,
	.hzac-support-grid article {
		padding: 28px;
	}

	.hzac-balance-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.hzac-dashboard-links {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.hzac-settings-layout {
		grid-template-columns: 230px minmax(0, 1fr);
		align-items: start;
		gap: 22px;
	}

	.hzac-settings-nav {
		position: sticky;
		top: 18px;
		display: grid;
		overflow: visible;
		padding: 9px;
	}

	.hzac-settings-nav a {
		width: 100%;
	}

	.hzac-support-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (prefers-reduced-motion: reduce) {
	.hzac-account-page *,
	.hzac-account-page *::before,
	.hzac-account-page *::after {
		transition: none !important;
		animation: none !important;
	}
}

/* Selectable occasion templates. Custom intentionally remains the last option. */
.hzac-template-picker {
	margin: 0;
	padding: 0;
	border: 0;
}

.hzac-template-picker legend {
	margin-bottom: 10px;
	color: #171717;
	font-weight: 800;
}

.hzac-template-grid {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hzac-template-option {
	position: relative;
	margin: 0;
	cursor: pointer;
}

.hzac-template-option input {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
}

.hzac-template-preview {
	display: grid;
	min-height: 118px;
	padding: 14px 10px;
	border: 2px solid transparent;
	border-radius: 18px;
	align-content: center;
	justify-items: center;
	background: linear-gradient(145deg, #bc1020, #780812);
	box-shadow: 0 8px 22px rgba(80, 5, 12, .12);
	color: #fff;
	text-align: center;
	transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.hzac-template-preview b {
	margin-bottom: 5px;
	color: #ffe082;
	font: 800 28px/1 Georgia, serif;
}

.hzac-template-preview strong {
	font-size: 14px;
}

.hzac-template-preview small {
	margin-top: 3px;
	color: rgba(255, 255, 255, .82);
	font-size: 10px;
}

.hzac-template-option input:checked + .hzac-template-preview {
	border-color: #f4bd3e;
	box-shadow: 0 0 0 3px rgba(244, 189, 62, .22), 0 12px 28px rgba(90, 4, 12, .2);
	transform: translateY(-2px);
}

.hzac-template-option input:focus-visible + .hzac-template-preview {
	outline: 3px solid #1677ff;
	outline-offset: 2px;
}

.hzac-template-option.is-birthday .hzac-template-preview {
	background: linear-gradient(145deg, #6046c6, #d43f8d);
}

.hzac-template-option.is-valentine .hzac-template-preview {
	background: linear-gradient(145deg, #ed174c, #8b092e);
}

.hzac-template-option.is-anniversary .hzac-template-preview {
	background: linear-gradient(145deg, #a4204d, #5d102d);
}

.hzac-template-option.is-wedding .hzac-template-preview {
	background: linear-gradient(145deg, #fffaf0, #ebd9b2);
	color: #6f4b17;
}

.hzac-template-option.is-wedding .hzac-template-preview small {
	color: #7f6745;
}

.hzac-template-option.is-engagement .hzac-template-preview {
	background: linear-gradient(145deg, #6f46a9, #301b56);
}

.hzac-template-option.is-nikah .hzac-template-preview {
	background: linear-gradient(145deg, #14734a, #073e2b);
}

.hzac-template-option.is-new-year .hzac-template-preview {
	background: linear-gradient(145deg, #15133d, #4d247d);
}

.hzac-template-option.is-independence .hzac-template-preview {
	background: linear-gradient(145deg, #078642, #034e29);
}

.hzac-template-option.is-custom .hzac-template-preview {
	background: linear-gradient(145deg, #252525, #080808);
}

.hzac-theme-symbols {
	position: fixed;
	z-index: 1;
	inset: 0;
	overflow: hidden;
	pointer-events: none;
}

.hzac-theme-symbols span {
	position: absolute;
	bottom: -12%;
	left: var(--hzac-symbol-x);
	color: #ffe39a;
	font-size: clamp(18px, 3vw, 34px);
	opacity: 0;
	text-shadow: 0 3px 12px rgba(0, 0, 0, .35);
	animation: hzac-theme-float var(--hzac-symbol-duration) ease-in var(--hzac-symbol-delay) infinite;
}

@keyframes hzac-theme-float {
	0% { opacity: 0; transform: translateY(0) rotate(0deg) scale(.7); }
	14% { opacity: .9; }
	100% { opacity: 0; transform: translateY(-118vh) rotate(280deg) scale(1.25); }
}

.hzac-packet-modal.is-theme-birthday {
	background: radial-gradient(circle at 50% 25%, rgba(112, 63, 201, .78), rgba(21, 6, 50, .96));
}

.hzac-packet-modal.is-theme-birthday .hzac-packet-modal-card,
.hzac-packet-modal.is-theme-birthday .hzac-envelope-back,
.hzac-packet-modal.is-theme-birthday .hzac-envelope-front,
.hzac-packet-modal.is-theme-birthday .hzac-envelope-flap {
	background: linear-gradient(155deg, #c63d91, #5331a6 75%);
}

.hzac-packet-modal.is-theme-valentine,
.hzac-packet-modal.is-theme-anniversary {
	background: radial-gradient(circle at 50% 25%, rgba(174, 18, 65, .82), rgba(40, 0, 17, .97));
}

.hzac-packet-modal.is-theme-valentine .hzac-packet-modal-card,
.hzac-packet-modal.is-theme-valentine .hzac-envelope-back,
.hzac-packet-modal.is-theme-valentine .hzac-envelope-front,
.hzac-packet-modal.is-theme-valentine .hzac-envelope-flap,
.hzac-packet-modal.is-theme-anniversary .hzac-packet-modal-card,
.hzac-packet-modal.is-theme-anniversary .hzac-envelope-back,
.hzac-packet-modal.is-theme-anniversary .hzac-envelope-front,
.hzac-packet-modal.is-theme-anniversary .hzac-envelope-flap {
	background: linear-gradient(155deg, #ef365d, #8b092e 75%);
}

.hzac-packet-modal.is-theme-wedding {
	background: radial-gradient(circle at 50% 25%, rgba(255, 250, 235, .94), rgba(80, 53, 28, .94));
}

.hzac-packet-modal.is-theme-wedding .hzac-packet-modal-card,
.hzac-packet-modal.is-theme-wedding .hzac-envelope-back,
.hzac-packet-modal.is-theme-wedding .hzac-envelope-front,
.hzac-packet-modal.is-theme-wedding .hzac-envelope-flap {
	background: linear-gradient(155deg, #fffdf8, #e7c98d 82%);
	color: #533716;
}

.hzac-packet-modal.is-theme-wedding .hzac-packet-modal-card h2,
.hzac-packet-modal.is-theme-wedding .hzac-packet-celebration,
.hzac-packet-modal.is-theme-wedding .hzac-shopping-only-note {
	color: #6e4815;
	text-shadow: none;
}

.hzac-packet-modal.is-theme-wedding .hzac-shopping-only-note {
	background: rgba(255, 255, 255, .58);
}

.hzac-packet-modal.is-theme-engagement {
	background: radial-gradient(circle at 50% 25%, rgba(108, 70, 169, .82), rgba(23, 12, 47, .97));
}

.hzac-packet-modal.is-theme-engagement .hzac-packet-modal-card,
.hzac-packet-modal.is-theme-engagement .hzac-envelope-back,
.hzac-packet-modal.is-theme-engagement .hzac-envelope-front,
.hzac-packet-modal.is-theme-engagement .hzac-envelope-flap {
	background: linear-gradient(155deg, #8056b8, #301b56 78%);
}

.hzac-packet-modal.is-theme-nikah,
.hzac-packet-modal.is-theme-independence {
	background: radial-gradient(circle at 50% 25%, rgba(20, 115, 74, .82), rgba(2, 34, 22, .97));
}

.hzac-packet-modal.is-theme-nikah .hzac-packet-modal-card,
.hzac-packet-modal.is-theme-nikah .hzac-envelope-back,
.hzac-packet-modal.is-theme-nikah .hzac-envelope-front,
.hzac-packet-modal.is-theme-nikah .hzac-envelope-flap,
.hzac-packet-modal.is-theme-independence .hzac-packet-modal-card,
.hzac-packet-modal.is-theme-independence .hzac-envelope-back,
.hzac-packet-modal.is-theme-independence .hzac-envelope-front,
.hzac-packet-modal.is-theme-independence .hzac-envelope-flap {
	background: linear-gradient(155deg, #15935d, #03452d 78%);
}

.hzac-packet-modal.is-theme-new-year {
	background: radial-gradient(circle at 50% 25%, rgba(84, 46, 145, .85), rgba(7, 8, 35, .98));
}

.hzac-packet-modal.is-theme-new-year .hzac-packet-modal-card,
.hzac-packet-modal.is-theme-new-year .hzac-envelope-back,
.hzac-packet-modal.is-theme-new-year .hzac-envelope-front,
.hzac-packet-modal.is-theme-new-year .hzac-envelope-flap {
	background: linear-gradient(155deg, #422077, #101333 78%);
}

.hzac-packet-modal.is-theme-custom .hzac-packet-modal-card,
.hzac-packet-modal.is-theme-custom .hzac-envelope-back,
.hzac-packet-modal.is-theme-custom .hzac-envelope-front,
.hzac-packet-modal.is-theme-custom .hzac-envelope-flap {
	background: linear-gradient(155deg, #303030, #090909 78%);
}

@media (min-width: 620px) {
	.hzac-template-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (prefers-reduced-motion: reduce) {
	.hzac-theme-symbols {
		display: none;
	}
}

/* High-energy template gallery: overrides generic form-label colours. */
.hzac-form .hzac-template-option > .hzac-template-preview {
	position: relative;
	overflow: hidden;
	min-height: 126px;
	border-color: rgba(255, 255, 255, .3);
	color: #fff !important;
	box-shadow: 0 10px 22px rgba(26, 7, 28, .24), inset 0 1px 0 rgba(255, 255, 255, .3);
	isolation: isolate;
}

.hzac-form .hzac-template-option > .hzac-template-preview::before {
	position: absolute;
	z-index: -1;
	top: -55%;
	left: -30%;
	width: 55%;
	height: 210%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .28), transparent);
	content: "";
	transform: rotate(24deg);
	transition: left .45s ease;
}

.hzac-form .hzac-template-option:hover > .hzac-template-preview::before {
	left: 115%;
}

.hzac-form .hzac-template-option > .hzac-template-preview b {
	color: #ffea75 !important;
	font-size: 34px;
	filter: drop-shadow(0 3px 5px rgba(0, 0, 0, .32));
}

.hzac-form .hzac-template-option > .hzac-template-preview strong {
	color: #fff !important;
	font-size: 15px;
	font-weight: 900;
	line-height: 1.2;
	text-shadow: 0 2px 4px rgba(0, 0, 0, .55);
}

.hzac-form .hzac-template-option > .hzac-template-preview small {
	color: rgba(255, 255, 255, .96) !important;
	font-size: 10px;
	font-weight: 700;
	line-height: 1.25;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .55);
}

.hzac-template-option input:checked + .hzac-template-preview {
	border-color: #ffd84d;
	box-shadow: 0 0 0 4px rgba(255, 216, 77, .35), 0 16px 30px rgba(88, 25, 20, .32);
	transform: translateY(-4px) scale(1.02);
}

.hzac-template-option input:checked + .hzac-template-preview::after {
	position: absolute;
	top: 7px;
	right: 7px;
	display: grid;
	width: 23px;
	height: 23px;
	border: 2px solid rgba(255, 255, 255, .86);
	border-radius: 50%;
	place-items: center;
	background: #ffd84d;
	box-shadow: 0 3px 8px rgba(0, 0, 0, .28);
	color: #291700;
	content: "✓";
	font-size: 13px;
	font-weight: 900;
}

.hzac-template-option.is-birthday .hzac-template-preview {
	background: linear-gradient(145deg, #8128ff 0%, #ef2997 58%, #ff6a2a 100%);
}

.hzac-template-option.is-valentine .hzac-template-preview {
	background: linear-gradient(145deg, #ff174d 0%, #d0005a 55%, #79002f 100%);
}

.hzac-template-option.is-anniversary .hzac-template-preview {
	background: linear-gradient(145deg, #ff8a00 0%, #e52e71 55%, #831843 100%);
}

.hzac-template-option.is-wedding .hzac-template-preview {
	background: linear-gradient(145deg, #ffc400 0%, #e66a00 52%, #8f3200 100%);
}

.hzac-form .hzac-template-option.is-wedding > .hzac-template-preview,
.hzac-form .hzac-template-option.is-wedding > .hzac-template-preview strong,
.hzac-form .hzac-template-option.is-wedding > .hzac-template-preview small {
	color: #fff !important;
}

.hzac-template-option.is-engagement .hzac-template-preview {
	background: linear-gradient(145deg, #a238ff 0%, #5b22db 54%, #281070 100%);
}

.hzac-template-option.is-nikah .hzac-template-preview {
	background: linear-gradient(145deg, #00b96b 0%, #00824c 52%, #004d31 100%);
}

.hzac-template-option.is-new-year .hzac-template-preview {
	background: linear-gradient(145deg, #0066ff 0%, #5134d8 52%, #210d69 100%);
}

.hzac-template-option.is-independence .hzac-template-preview {
	background: linear-gradient(145deg, #12c95b 0%, #008b40 52%, #004b27 100%);
}

.hzac-template-option.is-custom .hzac-template-preview {
	border-color: #cfa92d;
	background: radial-gradient(circle at 25% 15%, #5a5130 0%, #222 38%, #050505 100%);
}

.hzac-template-option.is-custom .hzac-template-preview b {
	color: #ffd84d !important;
}

/* Referral and member-bound Red Packets. */
.hzac-share-link {
	display: block;
	overflow-wrap: anywhere;
	margin-bottom: 14px;
	font-size: 13px;
}

.hzac-whatsapp-button {
	background: #128c7e !important;
	border-color: #128c7e !important;
	color: #fff !important;
}

.hzac-history-card,
.hzac-red-packet-compose,
.hzac-red-packet-list,
.hzac-dashboard-red-packets {
	padding: 22px;
	border: 1px solid #eadfca;
	border-radius: 22px;
	background: #fff;
	box-shadow: 0 16px 38px rgba(20, 20, 20, .06);
}

.hzac-dashboard-red-packets {
	margin-bottom: 22px;
	border-color: #efc75e;
	background: linear-gradient(135deg, #fff9e9, #fff);
}

.hzac-dashboard-packet-list {
	display: grid;
	gap: 10px;
	margin-top: 14px;
}

.hzac-dashboard-packet-list a {
	display: grid;
	align-items: center;
	gap: 12px;
	padding: 12px;
	border: 1px solid #f0d7b6;
	border-radius: 16px;
	grid-template-columns: auto minmax(0, 1fr);
	text-decoration: none;
	color: inherit;
}

.hzac-dashboard-packet-list a small {
	grid-column: 2;
	color: #746a60;
}

.hzac-wallet-pill {
	display: grid;
	gap: 2px;
	min-width: 150px;
	padding: 12px 18px;
	border-radius: 999px;
	background: #fff7e8;
	color: #141414;
}

.hzac-wallet-pill span {
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.hzac-wallet-pill strong {
	font-size: 20px;
}

.hzac-red-packet-grid {
	display: grid;
	gap: 18px;
}

.hzac-inline-lookup {
	display: grid;
	gap: 8px;
	grid-template-columns: minmax(0, 1fr) auto;
}

.hzac-recipient-result {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 12px 0;
	padding: 14px;
	border-radius: 14px;
}

.hzac-recipient-result[hidden] {
	display: none;
}

.hzac-recipient-result.is-success {
	border: 1px solid #b8dfc6;
	background: #effaf3;
	color: #01411c;
}

.hzac-recipient-result.is-error {
	flex-wrap: wrap;
	border: 1px solid #efb5b5;
	background: #fff1f1;
	color: #842222;
}

.hzac-referral-link-box {
	display: grid;
	width: 100%;
	gap: 8px;
	grid-template-columns: minmax(0, 1fr) auto;
}

.hzac-referral-link-box input {
	width: 100%;
	min-width: 0;
	direction: ltr;
	text-align: left;
}

.hzac-recipient-result small {
	margin-left: auto;
}

.hzac-red-packet-list {
	display: grid;
	align-content: start;
	gap: 12px;
}

.hzac-red-packet-card {
	display: grid;
	align-items: center;
	gap: 12px;
	padding: 14px;
	border: 1px solid #f0d7b6;
	border-radius: 18px;
	grid-template-columns: auto minmax(0, 1fr) auto;
	background: linear-gradient(135deg, #fffaf4, #fff);
}

.hzac-red-packet-card > div:nth-child(2) {
	display: grid;
	gap: 3px;
}

.hzac-red-packet-card small {
	color: #746a60;
}

.hzac-red-envelope {
	display: grid;
	width: 58px;
	height: 68px;
	place-items: center;
	border: 2px solid #f7c85f;
	border-radius: 12px 12px 18px 18px;
	background: linear-gradient(145deg, #f13b3f, #b80f1c);
	box-shadow: inset 0 -12px 22px rgba(70, 0, 0, .18), 0 8px 20px rgba(163, 13, 23, .22);
	color: #ffd66f;
	font: 800 25px/1 serif;
}

.hzac-red-envelope.is-open {
	width: 90px;
	height: 105px;
	margin: 0 auto 18px;
	font-size: 38px;
	transform: rotate(-3deg);
}

.hzac-packet-modal {
	position: fixed;
	z-index: 100000;
	inset: 0;
	display: grid;
	overflow: auto;
	padding: 24px;
	place-items: center;
	background: rgba(20, 0, 2, .78);
	backdrop-filter: blur(8px);
}

.hzac-packet-modal[hidden] {
	display: none;
}

.hzac-packet-modal canvas {
	position: fixed;
	z-index: 0;
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.hzac-packet-modal-card {
	position: relative;
	z-index: 1;
	width: min(100%, 460px);
	padding: 38px 28px 30px;
	border: 2px solid #f6ca65;
	border-radius: 30px;
	text-align: center;
	background: radial-gradient(circle at top, #ef4850, #ae0c19 70%);
	box-shadow: 0 30px 90px rgba(0, 0, 0, .42);
	color: #fff;
}

.hzac-packet-modal-card h2 {
	margin: 8px 0 16px;
	color: #ffd76f;
	font-size: clamp(36px, 10vw, 58px);
}

.hzac-packet-modal-card blockquote {
	margin: 18px 0 24px;
	padding: 18px;
	border: 1px solid rgba(255, 255, 255, .25);
	border-radius: 16px;
	background: rgba(255, 255, 255, .1);
	font-size: 17px;
}

.hzac-modal-close {
	position: absolute;
	z-index: 10;
	top: 12px;
	right: 14px;
	width: 38px;
	height: 38px;
	border: 0;
	border-radius: 50%;
	background: rgba(0, 0, 0, .25);
	color: #fff;
	font-size: 25px;
	cursor: pointer;
}

.hzac-modal-open {
	overflow: hidden;
}

@media (min-width: 900px) {
	.hzac-red-packet-grid {
		grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
		align-items: start;
	}
}

@media (max-width: 600px) {
	.hzac-inline-lookup,
	.hzac-red-packet-card {
		grid-template-columns: 1fr;
	}

	.hzac-red-packet-card .hzac-button {
		width: 100%;
	}
}

/* Premium Red Packet opening and shopping-only gift balance. */
.hzac-wallet-balance-stack {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 10px;
}

.hzac-wallet-pill.is-shopping-only {
	border: 1px solid #efc6c6;
	background: #fff2f2;
	color: #9e101c;
}

.hzac-packet-modal {
	background: radial-gradient(circle at 50% 30%, rgba(106, 8, 18, .78), rgba(16, 0, 3, .94));
	backdrop-filter: blur(12px);
}

.hzac-packet-stage {
	position: relative;
	z-index: 1;
	display: grid;
	width: min(100%, 520px);
	min-height: 580px;
	place-items: center;
	perspective: 1100px;
}

.hzac-premium-envelope {
	position: absolute;
	z-index: 3;
	top: 50%;
	left: 50%;
	width: 310px;
	height: 210px;
	transform: translate(-50%, -50%) scale(.9);
	filter: drop-shadow(0 30px 35px rgba(0, 0, 0, .38));
	transition: opacity .45s ease 1.12s, transform .65s cubic-bezier(.2,.85,.2,1) 1.02s;
}

.hzac-envelope-back,
.hzac-envelope-front,
.hzac-envelope-flap {
	position: absolute;
	inset: 0;
	border: 2px solid #ffce68;
	border-radius: 18px;
	background: linear-gradient(145deg, #ef2e3e, #a80515);
}

.hzac-envelope-front {
	z-index: 3;
	clip-path: polygon(0 30%, 50% 70%, 100% 30%, 100% 100%, 0 100%);
	background: linear-gradient(150deg, #d91629, #a40413);
}

.hzac-envelope-flap {
	z-index: 4;
	clip-path: polygon(0 0, 100% 0, 50% 66%);
	transform-origin: top;
	transition: transform .72s cubic-bezier(.3,.7,.2,1) .3s;
	background: linear-gradient(160deg, #fb3f4e, #c40b1f);
}

.hzac-envelope-letter {
	position: absolute;
	z-index: 2;
	right: 18px;
	bottom: 12px;
	left: 18px;
	display: grid;
	height: 180px;
	padding: 22px;
	border: 2px solid #e6c16f;
	border-radius: 14px;
	align-content: center;
	justify-items: center;
	background: linear-gradient(145deg, #fffdf6, #f7e9c7);
	color: #970c18;
	text-align: center;
	transform: translateY(0);
	transition: transform .72s cubic-bezier(.2,.8,.2,1) .58s;
}

.hzac-envelope-letter span {
	display: grid;
	width: 64px;
	height: 64px;
	margin-bottom: 10px;
	border-radius: 50%;
	place-items: center;
	background: #bb0c1c;
	color: #ffd66f;
	font: 800 31px/1 Georgia, serif;
}

.hzac-envelope-seal {
	position: absolute;
	z-index: 5;
	top: 72px;
	left: 126px;
	display: grid;
	width: 58px;
	height: 58px;
	border: 3px double #fff0a5;
	border-radius: 50%;
	place-items: center;
	background: radial-gradient(circle, #e8b83f, #aa7508);
	color: #7a0710;
	font: 800 25px/1 Georgia, serif;
	transition: opacity .22s ease .22s, transform .35s ease .2s;
}

.hzac-packet-modal.is-opening .hzac-envelope-flap {
	z-index: 1;
	transform: rotateX(178deg);
}

.hzac-packet-modal.is-opening .hzac-envelope-letter {
	transform: translateY(-145px);
}

.hzac-packet-modal.is-opening .hzac-envelope-seal {
	opacity: 0;
	transform: scale(1.5);
}

.hzac-packet-modal.is-revealed .hzac-premium-envelope {
	opacity: 0;
	transform: translate(-50%, -50%) scale(1.12);
	pointer-events: none;
}

.hzac-packet-modal .hzac-packet-modal-card {
	position: relative;
	z-index: 2;
	width: min(100%, 500px);
	padding: 46px 34px 32px;
	border-radius: 34px;
	background: radial-gradient(circle at 50% -5%, rgba(255, 232, 153, .32), transparent 36%), linear-gradient(155deg, #dc2233, #970815 72%);
	opacity: 0;
	transform: translateY(35px) scale(.86);
	transition: opacity .55s ease 1.05s, transform .7s cubic-bezier(.18,.9,.25,1.15) 1.05s;
}

.hzac-packet-modal.is-revealed .hzac-packet-modal-card {
	opacity: 1;
	transform: translateY(0) scale(1);
}

.hzac-packet-celebration {
	margin: 0 0 8px;
	color: #ffe7a0;
	font-size: 18px;
	font-weight: 800;
}

.hzac-packet-sender {
	margin: 0;
	font-weight: 700;
}

.hzac-packet-message-card {
	margin: 0 0 18px;
	padding: 18px 20px;
	border: 1px solid rgba(255, 232, 159, .55);
	border-radius: 20px;
	background: rgba(255, 255, 255, .96);
	color: #2b1820;
	box-shadow: inset 0 0 0 3px rgba(181, 10, 28, .08);
}

.hzac-packet-message-card span {
	display: block;
	margin-bottom: 8px;
	color: #a70b1a;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.hzac-packet-message-card blockquote {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: #26171b;
	font-size: 19px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.5;
}

.hzac-shopping-only-note {
	margin: 0 0 20px;
	padding: 11px 14px;
	border-radius: 14px;
	background: rgba(73, 0, 7, .42);
	color: #fff3cf;
	font-size: 13px;
	line-height: 1.45;
}

.hzac-claim-gift-button {
	min-width: 220px;
	background: linear-gradient(135deg, #ffd86d, #f0b52f) !important;
	color: #6e0710 !important;
	box-shadow: 0 10px 25px rgba(70, 0, 5, .32);
}

@media (max-width: 600px) {
	.hzac-packet-modal {
		padding: 12px;
	}

	.hzac-packet-stage {
		min-height: 550px;
	}

	.hzac-premium-envelope {
		width: 270px;
		height: 184px;
	}

	.hzac-envelope-seal {
		top: 61px;
		left: 107px;
	}

	.hzac-packet-modal .hzac-packet-modal-card {
		padding: 42px 18px 24px;
		border-radius: 26px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.hzac-premium-envelope,
	.hzac-envelope-flap,
	.hzac-envelope-letter,
	.hzac-envelope-seal,
	.hzac-packet-modal .hzac-packet-modal-card {
		transition-duration: .01ms !important;
		transition-delay: 0ms !important;
	}
}

/* ------------------------------------------------------------------------
   App-style account profile panel — v1.3.8.
   Replaces the paragraph-and-links dashboard with tappable rows so the
   account reads the way a mobile app does rather than a web page.
   ------------------------------------------------------------------------ */

.hzac-profile-panel {
	display: flex;
	width: min(100%, 640px);
	flex-direction: column;
	gap: 14px;
	margin-inline: auto;
}

/* Identity ---------------------------------------------------------------- */

.hzac-profile-identity {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 18px 16px;
	border: 1px solid var(--hzac-border);
	border-radius: 18px;
	background: linear-gradient(150deg, var(--hzac-ivory), #fff);
}

.hzac-profile-avatar {
	display: inline-flex;
	width: 56px;
	height: 56px;
	flex: 0 0 56px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--hzac-black);
	color: var(--hzac-gold);
	font-size: 22px;
	font-weight: 800;
	line-height: 1;
}

.hzac-profile-identity-body {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.hzac-profile-panel h1 {
	margin: 0;
	color: var(--hzac-black);
	font-size: clamp(19px, 4.6vw, 24px);
	font-weight: 800;
	line-height: 1.15;
}

.hzac-profile-since {
	margin: 0;
	color: var(--hzac-muted);
	font-size: 12px;
	font-weight: 600;
}

.hzac-profile-identity .hzac-id-control {
	margin: 0;
}

/* Primary actions --------------------------------------------------------- */

.hzac-profile-primary-actions {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: 10px;
}

.hzac-profile-action {
	display: inline-flex;
	min-height: 50px;
	align-items: center;
	justify-content: center;
	gap: 8px;
	border: 1px solid var(--hzac-black);
	border-radius: 14px;
	background: var(--hzac-black);
	color: #fff !important;
	font-size: 14px;
	font-weight: 780;
	text-decoration: none !important;
	transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.hzac-profile-action .hzac-panel-icon {
	width: 19px;
	height: 19px;
}

.hzac-profile-action.is-gift {
	border-color: #b71924;
	background: #c91f2c;
}

.hzac-profile-action:hover,
.hzac-profile-action:focus-visible {
	border-color: var(--hzac-gold);
	background: var(--hzac-gold);
	color: var(--hzac-black) !important;
	outline: 0;
	transform: translateY(-1px);
}

/* Balances ---------------------------------------------------------------- */

.hzac-profile-balances {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--hzac-border);
	border-radius: 18px;
	background: var(--hzac-cream);
}

.hzac-profile-balance-row {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
}

.hzac-profile-balance-row + .hzac-profile-balance-row {
	border-top: 1px solid var(--hzac-border);
}

.hzac-profile-balance-row > .hzac-panel-icon {
	width: 22px;
	height: 22px;
	flex: 0 0 22px;
	color: var(--hzac-gold);
}

.hzac-profile-balance-row > div {
	display: flex;
	min-width: 0;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 1px;
}

.hzac-profile-balance-row span {
	color: var(--hzac-muted);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.hzac-profile-balance-row strong {
	color: var(--hzac-black);
	font-size: clamp(17px, 4.2vw, 21px);
	font-weight: 800;
	line-height: 1.2;
}

.hzac-profile-balance-row .hzac-wallet-currency {
	font-size: 12px;
	font-weight: 700;
}

.hzac-profile-inline-link {
	flex: 0 0 auto;
	padding: 7px 13px;
	border: 1px solid var(--hzac-border);
	border-radius: 10px;
	background: #fff;
	color: var(--hzac-ink) !important;
	font-size: 12px;
	font-weight: 780;
	text-decoration: none !important;
}

.hzac-profile-inline-link:hover,
.hzac-profile-inline-link:focus-visible {
	border-color: var(--hzac-gold);
	color: #916a19 !important;
	outline: 0;
}

.hzac-profile-balance-row .hzac-icon-button .hzac-panel-icon {
	width: 17px;
	height: 17px;
}

/* Menu rows --------------------------------------------------------------- */

.hzac-profile-menu {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--hzac-border);
	border-radius: 18px;
	background: #fff;
}

.hzac-profile-row {
	display: flex;
	min-height: 56px;
	align-items: center;
	gap: 13px;
	padding: 0 16px;
	color: var(--hzac-ink) !important;
	font-size: 15px;
	font-weight: 650;
	text-decoration: none !important;
	transition: background-color 160ms ease;
}

.hzac-profile-row + .hzac-profile-row {
	border-top: 1px solid var(--hzac-border);
}

.hzac-profile-row:hover,
.hzac-profile-row:focus-visible {
	background: var(--hzac-ivory);
	outline: 0;
}

.hzac-profile-row > .hzac-panel-icon {
	width: 21px;
	height: 21px;
	flex: 0 0 21px;
	color: var(--hzac-muted);
}

.hzac-profile-row-label {
	min-width: 0;
	flex: 1 1 auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.hzac-profile-row-badge {
	display: inline-flex;
	min-width: 22px;
	height: 20px;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	padding: 0 6px;
	border-radius: 99px;
	background: #c91f2c;
	color: #fff;
	font-size: 11px;
	font-weight: 800;
	line-height: 1;
}

.hzac-profile-row .hzac-panel-icon-chevron {
	width: 15px;
	height: 15px;
	flex: 0 0 15px;
	color: #b9b0a1;
}

/* Sign out ---------------------------------------------------------------- */

.hzac-profile-logout {
	display: inline-flex;
	min-height: 50px;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--hzac-border);
	border-radius: 14px;
	background: #fff;
	color: var(--hzac-muted) !important;
	font-size: 14px;
	font-weight: 750;
	text-decoration: none !important;
	transition: border-color 160ms ease, color 160ms ease;
}

.hzac-profile-logout:hover,
.hzac-profile-logout:focus-visible {
	border-color: #c9a7a7;
	color: var(--hzac-error) !important;
	outline: 0;
}

@media (max-width: 420px) {
	.hzac-profile-identity {
		padding: 15px 13px;
	}

	.hzac-profile-row {
		min-height: 52px;
		padding: 0 13px;
		font-size: 14px;
	}
}

/* Keep the "A Gift Is Waiting" inbox aligned with the profile panel. */
.hzac-dashboard-red-packets {
	width: min(100%, 640px);
	margin-inline: auto;
}

/* ------------------------------------------------------------------------
   Account sheet — v1.3.9.
   The profile menu as a top slide-down overlay, opened from the bottom
   navigation's Account tab. Compact spacing keeps the whole menu inside one
   panel with at most one internal scroll, instead of a full page that sits
   below the site header, sale bar and marquee.
   ------------------------------------------------------------------------ */

.hzac-account-sheet-backdrop {
	position: fixed;
	inset: 0;
	z-index: 2000;
	background: rgba(18, 16, 13, 0.5);
	opacity: 0;
	transition: opacity 240ms ease;
}

.hzac-account-sheet-backdrop.is-visible {
	opacity: 1;
}

.hzac-account-sheet {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 2001;
	display: flex;
	max-height: min(86vh, 720px);
	flex-direction: column;
	border-radius: 0 0 20px 20px;
	background: #fff;
	box-shadow: 0 24px 60px rgba(18, 16, 13, 0.28);
	transform: translateY(-100%);
	transition: transform 280ms cubic-bezier(.2, .9, .3, 1);
}

.hzac-account-sheet.is-open {
	transform: translateY(0);
}

.hzac-account-sheet-inner {
	display: flex;
	min-height: 0;
	flex-direction: column;
	padding-top: env(safe-area-inset-top);
}

.hzac-account-sheet-scroll {
	overflow-y: auto;
	padding: 14px 14px calc(16px + env(safe-area-inset-bottom));
}

/* Identity ------------------------------------------------------------- */

.hzac-sheet-identity {
	display: flex;
	align-items: center;
	gap: 11px;
	padding: 6px 2px 12px;
}

.hzac-sheet-identity .hzac-profile-avatar {
	width: 42px;
	height: 42px;
	flex: 0 0 42px;
	font-size: 17px;
}

.hzac-sheet-identity h2 {
	margin: 0;
	color: var(--hzac-black);
	font-size: 16px;
	font-weight: 800;
	line-height: 1.2;
}

.hzac-sheet-identity .hzac-id-control {
	min-height: 30px;
	margin-top: 4px;
	padding: 2px 4px 2px 8px;
}

.hzac-sheet-identity .hzac-id-control code {
	min-width: 0;
	font-size: 11px;
}

/* High specificity + appearance reset so the theme's global button
   styling (blue pill) cannot restyle the close control. */
.hzac-account-sheet button.hzac-sheet-close {
	display: inline-flex;
	width: 32px;
	height: 32px;
	min-height: 0;
	flex: 0 0 32px;
	align-items: center;
	justify-content: center;
	margin: 0 0 0 auto;
	padding: 0;
	appearance: none;
	-webkit-appearance: none;
	border: 1px solid var(--hzac-border) !important;
	border-radius: 50% !important;
	background: var(--hzac-cream) !important;
	box-shadow: none !important;
	color: var(--hzac-muted) !important;
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
	cursor: pointer;
}

.hzac-account-sheet button.hzac-sheet-close:hover,
.hzac-account-sheet button.hzac-sheet-close:focus-visible {
	border-color: var(--hzac-gold) !important;
	color: var(--hzac-black) !important;
	outline: 0;
}

/* Actions ---------------------------------------------------------------- */

.hzac-sheet-actions {
	margin-bottom: 10px;
}

.hzac-sheet-actions .hzac-profile-action {
	min-height: 42px;
	font-size: 13px;
}

/* Balances ---------------------------------------------------------------- */

.hzac-sheet-balances {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
	margin-bottom: 10px;
}

.hzac-sheet-balance {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 9px 10px;
	border: 1px solid var(--hzac-border);
	border-radius: 12px;
	background: var(--hzac-cream);
}

.hzac-sheet-balance .hzac-panel-icon {
	width: 16px;
	height: 16px;
	color: var(--hzac-gold);
}

.hzac-sheet-balance span {
	color: var(--hzac-muted);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.hzac-sheet-balance strong {
	color: var(--hzac-black);
	font-size: 15px;
	font-weight: 800;
}

/* Menu rows ---------------------------------------------------------------- */

.hzac-sheet-menu {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--hzac-border);
	border-radius: 14px;
	background: #fff;
}

.hzac-sheet-row {
	display: flex;
	min-height: 42px;
	align-items: center;
	gap: 10px;
	padding: 0 12px;
	color: var(--hzac-ink) !important;
	font-size: 13.5px;
	font-weight: 640;
	text-decoration: none !important;
	transition: background-color 140ms ease;
}

.hzac-sheet-row + .hzac-sheet-row {
	border-top: 1px solid var(--hzac-border);
}

.hzac-sheet-row:hover,
.hzac-sheet-row:focus-visible {
	background: var(--hzac-ivory);
	outline: 0;
}

.hzac-sheet-row > .hzac-panel-icon {
	width: 18px;
	height: 18px;
	flex: 0 0 18px;
	color: var(--hzac-muted);
}

.hzac-sheet-row .hzac-panel-icon-chevron {
	width: 13px;
	height: 13px;
	flex: 0 0 13px;
	color: #b9b0a1;
}

/* Sign out ---------------------------------------------------------------- */

.hzac-sheet-logout {
	min-height: 42px;
	margin-top: 10px;
	font-size: 13px;
}

body.hzac-sheet-locked {
	overflow: hidden;
}

/* While the sheet is open, keep the bottom navigation above the backdrop —
   visible and bright, the way Baji keeps its tab bar with Profile raised —
   and let its tabs remain tappable for switching directly. */
body.hzac-sheet-locked .hzhu-bottom-nav {
	z-index: 2002;
}

@media (min-width: 560px) {
	.hzac-account-sheet {
		right: auto;
		left: 50%;
		width: 400px;
		border-radius: 0 0 20px 20px;
		transform: translate(-50%, -100%);
	}

	.hzac-account-sheet.is-open {
		transform: translate(-50%, 0);
	}
}

/* ---- Checkout saved-address picker (v1.3.25) --------------------------- */
/* Rendered above the billing form on checkout. Cards let the customer pick a
   saved address; the default is selected on load and its details fill the
   billing fields. Hidden until JS confirms there is at least one address. */
.hzac-checkout-address-picker[hidden] { display: none; }
.hzac-checkout-address-picker {
	margin: 0 0 22px;
	padding: 18px;
	border: 1px solid rgba(22, 19, 15, 0.12);
	border-radius: 12px;
	background: #fffaf1;
}
.hzac-cap-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 14px;
}
.hzac-cap-head h3 {
	margin: 0;
	font-size: 17px;
	font-weight: 800;
	color: #16130f;
}
.hzac-cap-addnew {
	font-size: 13px;
	font-weight: 750;
	color: #0b8f3c;
	text-decoration: none;
	white-space: nowrap;
}
.hzac-cap-addnew:hover { text-decoration: underline; }

.hzac-cap-list {
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
}
@media (min-width: 640px) {
	.hzac-cap-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.hzac-cap-card {
	position: relative;
	display: flex;
	flex-direction: column;
	border: 2px solid rgba(22, 19, 15, 0.14);
	border-radius: 12px;
	background: #ffffff;
	transition: border-color 160ms ease, box-shadow 160ms ease;
}
.hzac-cap-card.is-selected {
	border-color: #0b8f3c;
	box-shadow: 0 0 0 3px rgba(11, 143, 60, 0.14);
}
.hzac-cap-choose {
	display: flex;
	flex-direction: column;
	gap: 5px;
	width: 100%;
	padding: 14px 14px 10px;
	border: 0;
	background: transparent;
	text-align: left;
	cursor: pointer;
	font: inherit;
}
.hzac-cap-label {
	font-size: 14px;
	font-weight: 800;
	color: #16130f;
}
.hzac-cap-default {
	margin-left: 6px;
	padding: 1px 7px;
	border-radius: 99px;
	background: #0b8f3c;
	color: #fff;
	font-size: 10px;
	font-style: normal;
	font-weight: 700;
	vertical-align: middle;
}
.hzac-cap-summary {
	font-size: 12.5px;
	line-height: 1.5;
	color: #5f574b;
}
.hzac-cap-edit {
	align-self: flex-start;
	margin: 0 14px 12px;
	font-size: 12px;
	font-weight: 750;
	color: #8a651d;
	text-decoration: none;
}
.hzac-cap-edit:hover { text-decoration: underline; }

/* When a saved address is chosen, the duplicate billing fields collapse so the
   address is not shown twice. Driven by the body class the plugin adds when the
   picker is present, so the fields are hidden immediately on page load (before
   the picker JS runs) — no flash of the duplicate form. The fields stay in the
   DOM (values still submit and validate); they are only visually hidden. */
body.hzac-has-address-picker #billing_first_name_field,
body.hzac-has-address-picker #billing_last_name_field,
body.hzac-has-address-picker #billing_email_field,
body.hzac-has-address-picker #billing_country_field,
body.hzac-has-address-picker #billing_address_1_field,
body.hzac-has-address-picker #billing_address_2_field,
body.hzac-has-address-picker #billing_city_field,
body.hzac-has-address-picker #billing_state_field,
body.hzac-has-address-picker #billing_postcode_field,
body.hzac-has-address-picker #billing_phone_field {
	display: none !important;
}

/* Manual mode ("Enter a different address"): reveal every field again so the
   customer can type a one-off address. The JS toggles this class on <body>. */
body.hzac-has-address-picker.hzac-cap-manual-on #billing_first_name_field,
body.hzac-has-address-picker.hzac-cap-manual-on #billing_last_name_field,
body.hzac-has-address-picker.hzac-cap-manual-on #billing_email_field,
body.hzac-has-address-picker.hzac-cap-manual-on #billing_country_field,
body.hzac-has-address-picker.hzac-cap-manual-on #billing_address_1_field,
body.hzac-has-address-picker.hzac-cap-manual-on #billing_address_2_field,
body.hzac-has-address-picker.hzac-cap-manual-on #billing_city_field,
body.hzac-has-address-picker.hzac-cap-manual-on #billing_state_field,
body.hzac-has-address-picker.hzac-cap-manual-on #billing_postcode_field,
body.hzac-has-address-picker.hzac-cap-manual-on #billing_phone_field {
	display: block !important;
}

.hzac-cap-manual {
	display: inline-block;
	margin-top: 12px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #0b8f3c;
	font-size: 13px;
	font-weight: 750;
	text-decoration: underline;
	cursor: pointer;
	font-family: inherit;
}
.hzac-cap-manual:hover { color: #096f2f; }

/* Empty state: no saved address yet — an Add-address card instead of the bare
   billing form. */
.hzac-cap-empty .hzac-cap-empty-body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
}
.hzac-cap-empty-text {
	margin: 0;
	font-size: 13.5px;
	color: #5f574b;
}
.hzac-cap-add-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border: 2px solid #0b8f3c;
	background: #0b8f3c;
	color: #ffffff;
	font-size: 14px;
	font-weight: 800;
	padding: 11px 18px;
	border-radius: 12px;
	cursor: pointer;
	font-family: inherit;
	transition: background 140ms ease;
}
.hzac-cap-add-btn:hover { background: #096f2f; }
.hzac-cap-add-plus {
	font-size: 18px;
	line-height: 1;
	font-weight: 800;
}
.hzac-cap-manage-link {
	font-size: 12.5px;
	font-weight: 700;
	color: #8a651d;
	text-decoration: none;
}
.hzac-cap-manage-link:hover { text-decoration: underline; }
/* Once the customer taps Add, the card collapses its prompt and the form shows. */
.hzac-cap-empty.is-adding .hzac-cap-empty-body { display: none; }

/* ============================================================
   Transaction History — Baji-style DARK list + modal (v1.3.32)
   ============================================================ */
.hzac-txn-page { --bj-bg:#0f1a17; --bj-card:#16211d; --bj-card2:#1b2823; --bj-line:#243430; --bj-text:#e8eeeb; --bj-mut:#8fa39c; --bj-green:#22c55e; --bj-red:#ef4444; --bj-amber:#f59e0b; }
.hzac-txn-page { background: var(--bj-bg); margin: -16px calc(50% - 50vw) 0; padding: 20px calc(50vw - 50%) 60px; min-height: 70vh; max-width: 100vw; overflow-x: hidden; }
body:has(.hzac-txn-page) { overflow-x: hidden; }
.hzac-txn-page .hzac-page-heading h1 { color: var(--bj-text); }
.hzac-txn-page .hzac-page-heading .hzac-eyebrow { color: var(--bj-mut); }

/* filter tabs on dark */
.hzac-txn-page .hzac-filter-tabs { border: 0; gap: 8px; flex-wrap: wrap; margin-bottom: 6px; }
.hzac-txn-page .hzac-filter-tabs a {
	background: var(--bj-card2); color: var(--bj-mut); border: 1px solid var(--bj-line);
	border-radius: 999px; padding: 7px 16px; font-weight: 700; font-size: 13px;
}
.hzac-txn-page .hzac-filter-tabs a.is-active { background: var(--bj-green); color: #062611; border-color: var(--bj-green); }

.hzac-txn-baji { display: flex; flex-direction: column; gap: 10px; margin-top: 16px; background: transparent; border: 0; padding: 0; }
.hzac-txn-daysep { color: var(--bj-mut); font-size: 12.5px; font-weight: 600; padding: 12px 2px 2px; letter-spacing: .02em; }

.hzac-txn-baji .hzac-txn-item {
	display: block; cursor: pointer;
	background: var(--bj-card); border: 1px solid var(--bj-line); border-radius: 12px;
	padding: 14px 16px; transition: background .15s ease, border-color .15s ease;
}
.hzac-txn-baji .hzac-txn-item:hover { background: var(--bj-card2); border-color: #2f423c; }
.hzac-txn-baji .hzac-txn-item:focus-visible { outline: 2px solid var(--bj-green); outline-offset: 2px; }

.hzac-txn-row1 { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.hzac-txn-baji .hzac-txn-badge {
	font-size: 11.5px; font-weight: 800; padding: 3px 11px 3px 22px; border-radius: 999px; position: relative; line-height: 1.5;
}
.hzac-txn-baji .hzac-txn-badge::before { content:""; position:absolute; left:9px; top:50%; transform:translateY(-50%); width:7px; height:7px; border-radius:50%; }
.hzac-txn-baji .hzac-txn-badge.is-approved { background: rgba(34,197,94,.14); color:#4ade80; }
.hzac-txn-baji .hzac-txn-badge.is-approved::before { background:#22c55e; }
.hzac-txn-baji .hzac-txn-badge.is-rejected { background: rgba(239,68,68,.14); color:#f87171; }
.hzac-txn-baji .hzac-txn-badge.is-rejected::before { background:#ef4444; }
.hzac-txn-baji .hzac-txn-badge.is-pending { background: rgba(245,158,11,.14); color:#fbbf24; }
.hzac-txn-baji .hzac-txn-badge.is-pending::before { background:#f59e0b; }

.hzac-txn-detailsbtn {
	font-size: 12.5px; font-weight: 700; color: var(--bj-mut);
	border: 1px solid var(--bj-line); border-radius: 8px; padding: 5px 14px;
}
.hzac-txn-baji .hzac-txn-item:hover .hzac-txn-detailsbtn { color: var(--bj-text); border-color: #33474180; }

.hzac-txn-row2 { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 12px; }
.hzac-txn-idcol { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.hzac-txn-baji .hzac-txn-title { font-size: 16px; font-weight: 800; color: var(--bj-text); }
.hzac-txn-ref { font-size: 12.5px; color: var(--bj-mut); word-break: break-all; }
.hzac-txn-method { font-size: 13px; color: var(--bj-mut); text-align: right; flex: 0 0 auto; max-width: 45%; }

.hzac-txn-row3 { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--bj-line); padding-top: 11px; }
.hzac-txn-baji .hzac-txn-time { font-size: 12.5px; color: var(--bj-mut); }
.hzac-txn-baji .hzac-txn-amount { font-size: 17px; font-weight: 800; }
.hzac-txn-baji .hzac-txn-amount.is-credit { color: var(--bj-green); }
.hzac-txn-baji .hzac-txn-amount.is-debit { color: var(--bj-red); }

.hzac-txn-page .hzac-empty-state { background: var(--bj-card); border: 1px solid var(--bj-line); border-radius: 14px; color: var(--bj-mut); }
.hzac-txn-page .hzac-empty-state h2 { color: var(--bj-text); }

/* ---- Details modal (dark) ---- */
.hzac-txn-modal { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: flex-end; justify-content: center; }
.hzac-txn-modal[hidden] { display: none; }
.hzac-txn-modal-backdrop { position: absolute; inset: 0; background: rgba(4,8,7,.7); backdrop-filter: blur(3px); }
.hzac-txn-modal-card {
	position: relative; width: 100%; max-width: 460px;
	background: #16211d; color: #e8eeeb; border: 1px solid #243430;
	border-radius: 20px 20px 0 0; padding: 26px 22px 22px;
	box-shadow: 0 -8px 40px rgba(0,0,0,.5);
	animation: hzacTxnUp .25s cubic-bezier(.22,1,.36,1) both; max-height: 88vh; overflow-y: auto;
}
@keyframes hzacTxnUp { from { transform: translateY(30px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
.hzac-txn-modal-x { position: absolute; top: 14px; right: 14px; width: 32px; height: 32px; border-radius: 50%; border: 0; background: #243430; color: #8fa39c; font-size: 15px; cursor: pointer; line-height: 1; }
.hzac-txn-modal-x:hover { background: #2f423c; color: #e8eeeb; }
.hzac-txn-modal-head { text-align: center; margin-bottom: 14px; }
.hzac-txn-modal-amount { display: block; font-size: 32px; font-weight: 900; color: #fff; line-height: 1.1; }
.hzac-txn-modal-type { display: block; font-size: 13px; color: #8fa39c; margin-top: 2px; }
.hzac-txn-modal-status { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 10px; border-radius: 12px; margin-bottom: 16px; font-weight: 800; font-size: 14px; background: rgba(245,158,11,.14); color: #fbbf24; }
.hzac-txn-modal-status .hzac-txn-modal-status-icon { width: 22px; height: 22px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: #f59e0b; color: #fff; font-size: 13px; font-weight: 900; }
.hzac-txn-modal-status.is-approved { background: rgba(34,197,94,.14); color: #4ade80; }
.hzac-txn-modal-status.is-approved .hzac-txn-modal-status-icon { background: #22c55e; }
.hzac-txn-modal-status.is-rejected { background: rgba(239,68,68,.14); color: #f87171; }
.hzac-txn-modal-status.is-rejected .hzac-txn-modal-status-icon { background: #ef4444; }
.hzac-txn-modal-list { margin: 0 0 18px; padding: 0; }
.hzac-txn-modal-row { display: flex; justify-content: space-between; gap: 14px; padding: 12px 0; border-bottom: 1px solid #243430; }
.hzac-txn-modal-row:last-child { border-bottom: 0; }
.hzac-txn-modal-row dt { font-size: 13px; color: #8fa39c; margin: 0; }
.hzac-txn-modal-row dd { font-size: 13.5px; color: #e8eeeb; font-weight: 700; margin: 0; text-align: right; word-break: break-word; }
.hzac-txn-modal-close-btn { width: 100%; padding: 14px; border: 0; border-radius: 12px; background: #22c55e; color: #062611; font-size: 15px; font-weight: 800; cursor: pointer; }
.hzac-txn-modal-close-btn:hover { background: #16a34a; }
@media (min-width: 640px) { .hzac-txn-modal { align-items: center; } .hzac-txn-modal-card { border-radius: 20px; } }