.masx-member-nav-item {
	position: relative !important;
	overflow: visible !important;
}

.masx-member-nav {
	position: relative;
	z-index: 999;
	/* Header navigation consumes the same Passport tokens as every member page. */
	--masx-nav-accent: var(--masx-ds-accent, #a63868);
	--masx-nav-accent-soft: var(--masx-ds-accent-soft, #b9557d);
	--masx-nav-accent-shine: var(--masx-ds-accent-shine, #d884a7);
	--masx-nav-plum: var(--masx-ds-plum, #704889);
	--masx-nav-line: var(--masx-ds-line, rgba(153, 59, 99, 0.54));
	--masx-nav-control: var(--masx-ds-control, linear-gradient(145deg, rgba(255,255,255,.075), transparent 42%), rgba(5,8,20,.88));
	--masx-nav-control-hover: var(--masx-ds-control-hover, linear-gradient(145deg, rgba(255,255,255,.055), transparent 34%), rgba(11,13,27,.92));
}

/* Hover bridge between the identity and dropdown so diagonal mouse travel does not close it. */
.masx-member-nav::after {
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 3;
	width: 100%;
	height: 18px;
	content: "";
	pointer-events: auto;
}

.masx-member-nav__identity {
	width: auto !important;
	appearance: none;
	display: flex !important;
	min-width: 196px;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 10px !important;
	padding: 7px 9px !important;
	border: 0 !important;
	border-radius: 8px !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #fff !important;
	cursor: pointer;
	font: inherit !important;
	line-height: 1 !important;
	text-align: left !important;
	text-decoration: none !important;
	text-transform: none !important;
	white-space: nowrap;
}

.masx-member-nav__identity:hover,
.masx-member-nav__identity:focus {
	border: 0 !important;
	background: rgba(255, 255, 255, 0.035) !important;
	color: #fff !important;
	text-decoration: none !important;
}

.masx-member-nav__identity:focus-visible {
	outline: 2px solid var(--masx-nav-accent-soft) !important;
	outline-offset: 2px !important;
}

.masx-member-nav__avatar {
	position: relative;
	display: block;
	width: 46px !important;
	min-width: 46px !important;
	max-width: 46px !important;
	height: 46px !important;
	min-height: 46px !important;
	max-height: 46px !important;
	flex: 0 0 46px;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 1px solid rgba(255, 255, 255, 0.28);
	border-radius: 999px !important;
	background: #15151a;
	clip-path: circle(50% at 50% 50%);
	aspect-ratio: 1 / 1;
	object-fit: cover;
	object-position: center;
}

/* Clip the photo inside a non-image frame. Theme rules commonly target header
 * img elements with higher specificity, so the frame owns the circle and glow. */
.masx-member-nav__avatar > .masx-member-nav__avatar-image {
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	display: block !important;
	width: 100% !important;
	min-width: 100% !important;
	max-width: 100% !important;
	height: 100% !important;
	min-height: 100% !important;
	max-height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: inherit !important;
	box-shadow: none !important;
	clip-path: none !important;
	object-fit: cover !important;
	object-position: center !important;
	transform: translate(-50%, -50%) !important;
}

.masx-member-nav__copy {
	display: grid !important;
	min-width: 0;
	flex: 1 1 auto;
	gap: 5px;
	color: #fff !important;
	text-align: left !important;
}

.masx-member-nav__copy strong,
.masx-member-nav__copy small {
	display: block;
	margin: 0;
	padding: 0;
	font-family: "Oswald", Arial, sans-serif !important;
	font-style: normal;
	line-height: 1;
	letter-spacing: 0.015em;
	text-align: left !important;
	text-transform: none !important;
}

.masx-member-nav__copy strong {
	overflow: hidden;
	color: #fff !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	text-overflow: ellipsis;
}

.masx-member-nav__copy small {
	color: #a9a6b0 !important;
	font-size: 13px !important;
	font-weight: 400 !important;
}

.masx-member-nav__chevron {
	width: 17px;
	height: 17px;
	flex: 0 0 17px;
	margin-left: 2px;
	fill: none;
	stroke: #dddbe3;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
	transition: transform 0.2s ease;
}

.masx-member-nav__dropdown {
	position: absolute;
	top: calc(100% - 1px);
	right: 4px;
	z-index: 4;
	display: grid;
	width: 190px;
	overflow: hidden;
	border: 1px solid rgba(166, 56, 104, 0.34);
	border-radius: 10px;
	background: rgba(7, 7, 12, 0.98);
	box-shadow: 0 18px 44px rgba(0, 0, 0, 0.52);
	opacity: 0;
	pointer-events: none;
	transform: translateY(-6px);
	transition: opacity 0.18s ease, transform 0.18s ease;
}

.masx-member-nav__dropdown a {
	display: flex !important;
	min-height: 43px;
	align-items: center !important;
	justify-content: flex-start !important;
	padding: 10px 15px !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.09) !important;
	background: transparent !important;
	color: #f5f3f7 !important;
	font-family: "Oswald", Arial, sans-serif !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	text-align: left !important;
	text-decoration: none !important;
	text-transform: none !important;
}

.masx-member-nav__dropdown a:last-child {
	border-bottom: 0 !important;
}

.masx-member-nav__dropdown a:hover,
.masx-member-nav__dropdown a:focus {
	background: rgba(166, 56, 104, 0.14) !important;
	color: var(--masx-ds-accent-shine, #d884a7) !important;
}

.masx-member-nav.is-open .masx-member-nav__dropdown {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
}

/*
 * Product templates must not be able to reveal a closed account menu by
 * globally forcing descendant opacity. Keep visibility tied to the explicit
 * JavaScript-controlled state as a second, independent guard.
 */
.masx-member-nav:not(.is-open) .masx-member-nav__dropdown,
.masx-member-nav__dropdown[aria-hidden="true"] {
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

.masx-member-nav.is-open .masx-member-nav__dropdown[aria-hidden="false"] {
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
}

.masx-member-nav.is-open .masx-member-nav__chevron {
	transform: rotate(180deg);
}

body.woocommerce-account .masx-profile-photo-card {
	display: grid;
	grid-template-columns: 112px minmax(0, 1fr);
	align-items: center;
	gap: 24px;
	margin: 0 0 22px;
	padding: 24px;
	border: 1px solid var(--masx-passport-section-line, rgba(159, 159, 174, 0.3));
	border-radius: var(--masx-passport-section-radius, 16px);
	background: rgba(7, 7, 13, 0.86);
	color: #f5f3f7;
}

body.woocommerce-account .masx-profile-photo-card__avatar {
	display: block;
	width: 112px !important;
	height: 112px !important;
	margin: 0 !important;
	border: 2px solid rgba(166, 56, 104, 0.66);
	border-radius: 50% !important;
	background: #15151a;
	box-shadow: 0 0 24px rgba(166, 56, 104, 0.15);
	object-fit: cover;
}

body.woocommerce-account .masx-profile-photo-card__content {
	min-width: 0;
	text-align: left;
}

body.woocommerce-account .masx-profile-photo-card__eyebrow {
	margin: 0 0 12px !important;
	color: var(--masx-nav-accent-soft) !important;
	font-family: var(--masx-font-content, "Oswald", sans-serif) !important;
	font-size: var(--masx-type-eyebrow, 0.72rem) !important;
	font-weight: 500 !important;
	letter-spacing: 0.19em;
	text-transform: uppercase;
}

body.woocommerce-account .masx-profile-photo-card h2 {
	margin: 0 0 7px !important;
	color: #fff !important;
	font-size: clamp(1.25rem, 2vw, 1.7rem) !important;
	text-align: left !important;
}

body.woocommerce-account .masx-profile-photo-card p {
	margin: 0 0 14px;
	color: #bbb8c2;
	font-size: 0.96rem;
	text-align: left;
}

body.woocommerce-account .masx-profile-photo-card__form {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

body.woocommerce-account .masx-profile-photo-card__form > [hidden] {
	display: none !important;
}

body.woocommerce-account .masx-profile-photo-card__input {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	clip-path: inset(50%) !important;
}

body.woocommerce-account .masx-profile-photo-card__picker,
body.woocommerce-account .masx-profile-photo-card__button {
	display: inline-flex !important;
	min-height: 42px;
	align-items: center;
	justify-content: center;
	margin: 0 !important;
	padding: 10px 18px !important;
	border: 0 !important;
	border-radius: 10px !important;
	background: var(--masx-ds-control) !important;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255,255,255,.055) !important;
	color: #fff !important;
	font-family: var(--masx-font-content, "Oswald", sans-serif) !important;
	font-size: var(--masx-type-button, 0.75rem) !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	text-transform: uppercase;
	cursor: pointer;
}

body.woocommerce-account .masx-profile-photo-card__picker {
	background: var(--masx-ds-control) !important;
	color: #f7f5f8 !important;
}

body.woocommerce-account .masx-profile-photo-card__button {
	background: var(--masx-ds-control) !important;
	color: #fff !important;
}

body.woocommerce-account .masx-profile-photo-card__picker:hover,
body.woocommerce-account .masx-profile-photo-card__picker:focus,
body.woocommerce-account .masx-profile-photo-card__button:hover,
body.woocommerce-account .masx-profile-photo-card__button:focus {
	border-color: transparent !important;
	background: var(--masx-ds-control-hover) !important;
	color: #fff !important;
}

body.woocommerce-account .masx-profile-photo-card__help {
	margin: 10px 0 0 !important;
	color: #8e8b96 !important;
	font-size: 0.78rem !important;
}

body.woocommerce-account .masx-profile-photo-card__remove-form {
	margin: 8px 0 0;
}

body.woocommerce-account .masx-profile-photo-card__remove {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #aaa7b1 !important;
	font-size: 0.8rem !important;
	font-weight: 400 !important;
	text-decoration: underline !important;
	text-transform: none !important;
	cursor: pointer;
}

body.woocommerce-account .masx-profile-photo-card__remove:hover,
body.woocommerce-account .masx-profile-photo-card__remove:focus {
	color: var(--masx-ds-accent-shine) !important;
}

/* Redesigned Account Settings */
body.masx-passport-account-endpoint .masx-account-settings-tabs {
	gap: 10px;
	margin-top: 26px;
}

body.masx-passport-account-endpoint .woocommerce-MyAccount-content .masx-account-settings-tabs a {
	min-height: 44px;
	gap: 9px;
	padding: 10px 22px;
	border: 0 !important;
	border-radius: 8px;
	background: rgba(12, 13, 22, 0.9) !important;
	box-shadow: none !important;
	color: #d6d3dc !important;
	font-size: 0.78rem;
}

body.masx-passport-account-endpoint .woocommerce-MyAccount-content .masx-account-settings-tabs a i {
	width: 17px;
	color: currentColor;
	font-size: 0.95rem;
	text-align: center;
}

body.masx-passport-account-endpoint .woocommerce-MyAccount-content .masx-account-settings-tabs a[aria-current="page"] {
	background: var(--masx-button-gradient-accent, var(--masx-ds-control)) !important;
	color: #fff !important;
	box-shadow: 0 16px 34px rgba(0, 0, 0, 0.38), 0 0 18px rgba(166, 56, 104, 0.12) !important;
}

body.masx-passport-account-endpoint .woocommerce-MyAccount-content .masx-account-settings-tabs a:hover,
body.masx-passport-account-endpoint .woocommerce-MyAccount-content .masx-account-settings-tabs a:focus-visible {
	background: var(--masx-button-gradient, var(--masx-ds-control)) !important;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255,255,255,.055) !important;
	color: #fff !important;
}

body.masx-passport-account-endpoint .woocommerce-MyAccount-content .masx-account-settings-tabs a[aria-current="page"],
body.masx-passport-account-endpoint .woocommerce-MyAccount-content .masx-account-settings-tabs a[aria-current="page"]:hover,
body.masx-passport-account-endpoint .woocommerce-MyAccount-content .masx-account-settings-tabs a[aria-current="page"]:focus-visible {
	background: var(--masx-button-gradient-accent, var(--masx-ds-control)) !important;
	box-shadow: 0 16px 34px rgba(0, 0, 0, 0.38), 0 0 18px rgba(166, 56, 104, 0.12) !important;
	color: #fff !important;
}

body.woocommerce-account .masx-profile-photo-card {
	grid-template-columns: 148px minmax(260px, 1fr) minmax(290px, 0.82fr);
	align-items: center;
	gap: 28px;
	margin-bottom: 18px;
	padding: 26px 28px;
	border-color: var(--masx-passport-section-line, rgba(159, 159, 174, 0.3));
	background:
		linear-gradient(120deg, rgba(166, 56, 104, 0.035), transparent 38%),
		rgba(7, 8, 15, 0.94);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

body.woocommerce-account .masx-profile-photo-card__avatar-wrap {
	position: relative;
	width: 132px;
	height: 132px;
}

body.woocommerce-account .masx-profile-photo-card__avatar {
	width: 132px !important;
	min-width: 132px !important;
	max-width: 132px !important;
	height: 132px !important;
	min-height: 132px !important;
	max-height: 132px !important;
	padding: 0 !important;
	overflow: hidden !important;
	border-radius: 999px !important;
	clip-path: circle(50% at 50% 50%);
	aspect-ratio: 1 / 1;
	object-position: center;
}

body.woocommerce-account .masx-profile-photo-card__camera {
	position: absolute;
	right: -3px;
	bottom: 5px;
	display: grid;
	width: 42px;
	height: 42px;
	place-items: center;
	border: 2px solid var(--masx-nav-accent-soft);
	border-radius: 50%;
	background: #080910;
	box-shadow: 0 0 18px rgba(166, 56, 104, 0.3);
	color: #d884a7;
}

body.woocommerce-account .masx-profile-photo-card__camera svg {
	width: 21px;
	height: 21px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.7;
}

body.woocommerce-account .masx-profile-photo-card h2 {
	margin-bottom: 10px !important;
	color: #d884a7 !important;
	font-family: var(--masx-font-title, "Orbitron", sans-serif) !important;
	font-size: var(--masx-type-section, 1.1rem) !important;
	font-weight: 600 !important;
	letter-spacing: 0.045em;
	text-transform: uppercase;
}

body.woocommerce-account .masx-profile-photo-card__content > p {
	max-width: 420px;
	color: #cbc8d1 !important;
	font-size: 0.88rem !important;
	line-height: 1.55;
}

body.woocommerce-account .masx-profile-photo-card__form {
	gap: 12px;
}

body.woocommerce-account .masx-profile-photo-card__button {
	order: 2;
	min-width: 160px;
}

body.woocommerce-account .masx-profile-photo-card__picker {
	order: 1;
	min-width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.woocommerce-account .masx-profile-photo-card__help {
	margin-top: 12px !important;
}

body.woocommerce-account .masx-profile-photo-card__remove {
	color: #d884a7 !important;
}

body.woocommerce-account .masx-profile-photo-card__benefits {
	min-height: 158px;
	padding: 22px 24px;
	border: 1px solid rgba(166, 56, 104, 0.34);
	border-radius: 16px;
	background:
		radial-gradient(circle at 100% 100%, rgba(166, 56, 104, 0.09), transparent 42%),
		rgba(12, 10, 19, 0.78);
}

body.woocommerce-account .masx-profile-photo-card__benefits-title {
	display: flex;
	align-items: center;
	gap: 11px;
	margin: 0 0 16px !important;
	color: #e9e6ed !important;
	font-size: 0.83rem !important;
	line-height: 1.45;
}

body.woocommerce-account .masx-profile-photo-card__benefits-title > i {
	display: grid;
	width: 36px;
	height: 36px;
	flex: 0 0 36px;
	place-items: center;
	background: none !important;
	color: #d884a7 !important;
	-webkit-text-fill-color: #d884a7 !important;
	font-size: 1.6rem;
}

body.woocommerce-account .masx-profile-photo-card__benefits ul {
	display: grid;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.woocommerce-account .masx-profile-photo-card__benefits li {
	position: relative;
	margin: 0;
	padding-left: 29px;
	color: #bbb8c3;
	font-size: 0.8rem;
	line-height: 1.25;
}

body.woocommerce-account .masx-profile-photo-card__benefits li::before {
	position: absolute;
	top: 0;
	left: 0;
	display: grid;
	width: 18px;
	height: 18px;
	place-items: center;
	border: 1px solid rgba(166, 56, 104, 0.72);
	border-radius: 50%;
	color: #d884a7;
	content: "✓";
	font-size: 0.62rem;
}

body.masx-passport-account-endpoint .woocommerce-MyAccount-content > form.masx-account-profile-form {
	display: grid;
	gap: 18px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

body.masx-passport-account-endpoint .masx-account-overview-grid {
	display: grid;
	grid-template-columns: minmax(420px, 1.7fr) repeat(2, minmax(250px, 1fr));
	align-items: stretch;
	gap: 14px;
}

body.masx-passport-account-endpoint .masx-account-settings-section {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px 24px;
	margin: 0;
	padding: 27px 30px;
	border: 1px solid var(--masx-passport-section-line);
	border-radius: 16px;
	background:
		linear-gradient(120deg, rgba(166, 56, 104, 0.035), transparent 38%),
		var(--masx-passport-section-bg);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

body.masx-passport-account-endpoint .masx-account-settings-section__heading {
	display: flex;
	grid-column: 1 / -1;
	align-items: center;
	gap: 12px;
	color: var(--masx-passport-section-accent);
}

body.masx-passport-account-endpoint .masx-account-settings-section__heading strong {
	color: currentColor;
	font-family: var(--masx-font-title, "Orbitron", sans-serif) !important;
	font-size: var(--masx-type-section, 1.1rem);
	font-weight: 600;
	letter-spacing: 0.055em;
	text-transform: uppercase;
}

body.masx-passport-account-endpoint .masx-account-settings-section__icon {
	display: grid;
	width: 25px;
	height: 25px;
	place-items: center;
	color: currentColor;
}

body.masx-passport-account-endpoint .masx-account-settings-section__icon svg {
	width: 24px;
	height: 24px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.65;
}

body.masx-passport-account-endpoint .masx-account-settings-section .form-row {
	width: auto;
	margin: 0;
	padding: 0;
}

body.masx-passport-account-endpoint .masx-account-settings-section .masx-account-field--full {
	grid-column: 1 / -1;
}

body.masx-passport-account-endpoint .masx-account-settings-section label {
	display: block;
	margin: 0 0 7px;
	color: #dedbe3;
	font-size: 0.72rem;
	font-weight: 500;
	letter-spacing: 0.045em;
	text-transform: uppercase;
}

body.masx-passport-account-endpoint .masx-account-settings-section input.input-text {
	min-height: 50px;
	padding: 12px 16px;
	border: 1px solid #4a4c57 !important;
	border-radius: 8px;
	background: rgba(8, 9, 17, 0.86);
	color: #f7f5fa !important;
	font-size: 0.88rem;
	-webkit-text-fill-color: #f7f5fa !important;
	caret-color: #d884a7;
	opacity: 1;
}

body.masx-passport-account-endpoint .masx-account-settings-section input.input-text::placeholder {
	color: #9693a0 !important;
	-webkit-text-fill-color: #9693a0 !important;
	opacity: 1 !important;
}

body.masx-passport-account-endpoint .masx-account-settings-section input.input-text:-webkit-autofill,
body.masx-passport-account-endpoint .masx-account-settings-section input.input-text:-webkit-autofill:hover,
body.masx-passport-account-endpoint .masx-account-settings-section input.input-text:-webkit-autofill:focus {
	border-color: rgba(166, 56, 104, 0.72) !important;
	-webkit-box-shadow: 0 0 0 1000px #090a12 inset !important;
	box-shadow: 0 0 0 1000px #090a12 inset !important;
	-webkit-text-fill-color: #f7f5fa !important;
	caret-color: #d884a7;
}

body.masx-passport-account-endpoint .masx-account-settings-section input.input-text:focus {
	border-color: rgba(166, 56, 104, 0.78) !important;
}

body.masx-passport-account-endpoint .masx-account-settings-section .masx-account-field--full > span,
body.masx-passport-account-endpoint .masx-account-settings-section .masx-account-field--full > em {
	display: block;
	margin-top: 7px;
	color: #8f8c98;
	font-size: 0.74rem;
	font-style: italic;
}

body.masx-passport-account-endpoint fieldset.masx-account-settings-section--password {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.masx-passport-account-endpoint .woocommerce fieldset.masx-account-settings-section--password {
	margin: 0;
	padding: 27px 30px;
	border: 1px solid var(--masx-passport-section-line);
	border-radius: var(--masx-passport-section-radius);
	background:
		linear-gradient(120deg, rgba(166, 56, 104, 0.035), transparent 38%),
		var(--masx-passport-section-bg);
}

body.masx-passport-account-endpoint .masx-account-profile-form legend.screen-reader-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	clip-path: inset(50%) !important;
}

body.masx-passport-account-endpoint .masx-account-summary-card {
	display: flex;
	min-width: 0;
	flex-direction: column;
	margin: 0;
	padding: 25px 24px;
	border: 1px solid var(--masx-passport-section-line);
	border-radius: 16px;
	background:
		linear-gradient(120deg, rgba(166, 56, 104, 0.035), transparent 45%),
		var(--masx-passport-section-bg);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

body.masx-passport-account-endpoint .masx-account-summary-card__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-bottom: 24px;
}

body.masx-passport-account-endpoint .masx-account-summary-card__header h2 {
	display: flex;
	align-items: center;
	gap: 11px;
	margin: 0;
	color: var(--masx-passport-section-accent);
	font-family: var(--masx-font-title, "Orbitron", sans-serif) !important;
	font-size: var(--masx-type-section, 1.1rem);
	font-weight: 600;
	letter-spacing: 0.055em;
	text-transform: uppercase;
}

body.masx-passport-account-endpoint .masx-account-summary-card__header h2 i {
	width: 23px;
	background: none !important;
	color: currentColor !important;
	-webkit-text-fill-color: currentColor !important;
	font-size: 1.25rem;
	text-align: center;
}

body.masx-passport-account-endpoint .woocommerce-MyAccount-content .masx-account-summary-card__header > a {
	color: #d884a7 !important;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-decoration: none;
	text-transform: uppercase;
}

body.masx-passport-account-endpoint .masx-account-summary-card__label {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 13px;
	color: #e4e1e8 !important;
	font-size: 0.72rem;
	letter-spacing: 0.035em;
	text-transform: uppercase;
}

body.masx-passport-account-endpoint .masx-account-summary-card__label span,
body.masx-passport-account-endpoint .masx-account-payment-token small {
	display: inline-flex;
	padding: 4px 7px;
	border-radius: 999px;
	background: rgba(166, 56, 104, 0.18);
	color: #d884a7;
	font-size: 0.57rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	font-style: normal;
	text-transform: uppercase;
}

body.masx-passport-account-endpoint .masx-account-summary-card address {
	margin: 0;
	color: #d0cdd6;
	font-size: 0.8rem;
	font-style: normal;
	line-height: 1.62;
}

body.masx-passport-account-endpoint .woocommerce-MyAccount-content .masx-account-summary-card__text-link {
	width: fit-content;
	margin-top: auto;
	padding-top: 18px;
	color: #d884a7 !important;
	font-size: 0.74rem;
	text-underline-offset: 3px;
}

body.masx-passport-account-endpoint .masx-account-summary-card__empty {
	margin: 0 0 18px;
	color: #95929e !important;
	font-size: 0.8rem;
	line-height: 1.5;
}

body.masx-passport-account-endpoint .masx-account-payment-token {
	display: flex;
	min-height: 68px;
	align-items: center;
	gap: 10px;
	padding: 14px 15px;
	border: 1px solid #4a4c57;
	border-radius: 9px;
	background: rgba(8, 9, 17, 0.82);
}

body.masx-passport-account-endpoint .masx-account-payment-token strong {
	color: #fff;
	font-family: "Orbitron", sans-serif !important;
	font-size: 0.82rem;
}

body.masx-passport-account-endpoint .masx-account-payment-token > span {
	min-width: 0;
	flex: 1 1 auto;
	overflow: hidden;
	color: #c9c6d0;
	font-size: 0.75rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.masx-passport-account-endpoint .masx-account-payment-token em {
	color: #b4b1bc;
	font-size: 0.67rem;
	font-style: normal;
	white-space: nowrap;
}

body.masx-passport-account-endpoint .masx-account-payment-security {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 20px 0 0;
	color: #8f8c98 !important;
	font-size: 0.74rem;
	line-height: 1.5;
}

body.masx-passport-account-endpoint .masx-account-payment-security i {
	margin-top: 2px;
	background: none !important;
	color: #8f8c98 !important;
	-webkit-text-fill-color: #8f8c98 !important;
}

body.masx-passport-account-endpoint .masx-account-save-panel {
	display: grid;
	grid-template-columns: minmax(190px, max-content) minmax(0, 1fr);
	align-items: stretch;
	gap: 0;
	padding: 0;
	border: 1px solid var(--masx-passport-section-line);
	border-radius: 16px;
	background:
		linear-gradient(90deg, rgba(166, 56, 104, 0.045), transparent 32%),
		var(--masx-passport-section-bg);
}

body.masx-passport-account-endpoint .masx-account-settings-section--password > .masx-account-save-panel {
	grid-column: 1 / -1;
	margin-top: 2px;
	padding: 18px 0 0;
	border: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 0;
	background: transparent;
}

body.masx-passport-account-endpoint .masx-account-save-panel__action {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 20px 24px;
	border-right: 1px solid rgba(255, 255, 255, 0.12);
}

body.masx-passport-account-endpoint .woocommerce .masx-account-save-panel__action button.button {
	min-width: 170px;
	min-height: 50px;
	border: 0 !important;
	background: var(--masx-ds-control) !important;
	box-shadow: 0 10px 28px rgba(217, 31, 112, 0.2);
	color: #fff !important;
	font-family: var(--masx-font-content, "Oswald", sans-serif) !important;
	font-size: var(--masx-type-button, 0.75rem) !important;
}

body.masx-passport-account-endpoint .masx-account-security-note {
	display: flex;
	align-items: center;
	gap: 14px;
	min-width: 0;
	padding: 20px 24px;
	align-items: center;
	gap: 14px;
}

body.masx-passport-account-endpoint .masx-account-security-note__icon {
	display: grid;
	width: 44px;
	height: 44px;
	flex: 0 0 44px;
	place-items: center;
	border: 1px solid rgba(166, 56, 104, 0.55);
	border-radius: 50%;
	color: #d884a7;
}

body.masx-passport-account-endpoint .masx-account-security-note__icon svg {
	width: 22px;
	height: 22px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.6;
}

body.masx-passport-account-endpoint .masx-account-security-note__copy {
	display: grid;
	gap: 4px;
}

body.masx-passport-account-endpoint .masx-account-security-note__copy strong {
	color: #f0edf2;
	font-size: 0.83rem;
	font-weight: 500;
}

body.masx-passport-account-endpoint .masx-account-security-note__copy small {
	color: #8f8c98;
	font-size: 0.74rem;
}

.masx-mobile-header-member[hidden],
.masx-desktop-header-member[hidden] {
	display: none !important;
}

@media (max-width: 1024px) {
	.masx-member-nav__identity {
		min-width: 0;
	}

	body.woocommerce-account .masx-profile-photo-card {
		grid-template-columns: 132px minmax(0, 1fr);
	}

	body.woocommerce-account .masx-profile-photo-card__benefits {
		grid-column: 1 / -1;
	}

	body.masx-passport-account-endpoint fieldset.masx-account-settings-section--password {
		grid-template-columns: 1fr;
	}

	body.masx-passport-account-endpoint .masx-account-overview-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.masx-passport-account-endpoint .masx-account-settings-section--personal {
		grid-column: 1 / -1;
	}
}

@media (max-width: 767px) {
	.masx-member-nav {
		width: 100%;
	}

	.masx-member-nav__identity {
		width: 100%;
		min-width: 0;
		padding: 10px 14px !important;
	}

	.masx-member-nav__dropdown {
		position: static;
		width: 100%;
		max-height: 0;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		opacity: 0;
		transform: none;
	}

	.masx-member-nav.is-open .masx-member-nav__dropdown {
		max-height: 180px;
		border-top: 1px solid rgba(166, 56, 104, 0.25);
		opacity: 1;
	}

	body.woocommerce-account .masx-profile-photo-card {
		grid-template-columns: 1fr;
		justify-items: start;
		padding: 20px;
	}

	body.woocommerce-account .masx-profile-photo-card__benefits {
		width: 100%;
	}

	body.masx-passport-account-endpoint .woocommerce-MyAccount-content .masx-account-settings-tabs a {
		flex: 1 1 auto;
		justify-content: center;
		padding-inline: 13px;
	}

	body.masx-passport-account-endpoint .masx-account-settings-section {
		grid-template-columns: 1fr;
		padding: 22px 20px;
	}

	body.masx-passport-account-endpoint .masx-account-overview-grid {
		grid-template-columns: 1fr;
	}

	body.masx-passport-account-endpoint .masx-account-settings-section--personal {
		grid-column: 1;
	}

	body.masx-passport-account-endpoint .masx-account-settings-section .masx-account-field--full {
		grid-column: 1;
	}

	body.masx-passport-account-endpoint .masx-account-save-panel {
		grid-template-columns: 1fr;
		padding: 0;
	}

	body.masx-passport-account-endpoint .masx-account-save-panel__action {
		padding: 18px;
		border-right: 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	}

	body.masx-passport-account-endpoint .masx-account-security-note {
		width: 100%;
		padding: 18px;
	}

	body.masx-passport-account-endpoint .woocommerce .masx-account-save-panel__action button.button {
		width: 100%;
	}

	#gt-header .header-cta-btn > a.masx-contact-us--member-replaced {
		display: none !important;
	}

	#gt-header .header-cta-btn > .masx-mobile-header-member {
		position: absolute;
		z-index: 10001;
		top: 50%;
		left: 50%;
		display: block;
		width: auto;
		transform: translate(-50%, -50%);
	}

	#gt-header .masx-member-nav--mobile-header {
		width: auto;
	}

	#gt-header .masx-member-nav--mobile-header .masx-member-nav__identity {
		width: auto !important;
		min-width: 0;
		max-width: 158px;
		min-height: 44px;
		gap: 7px !important;
		padding: 4px 8px !important;
		border: 1px solid rgba(166, 56, 104, 0.46) !important;
		border-radius: 999px !important;
		background: linear-gradient(120deg, rgba(166, 56, 104, 0.16), rgba(14, 14, 24, 0.96)) !important;
		box-shadow: 0 0 18px rgba(166, 56, 104, 0.18) !important;
	}

	#gt-header .masx-member-nav--mobile-header .masx-member-nav__avatar {
		width: 34px !important;
		min-width: 34px !important;
		max-width: 34px !important;
		height: 34px !important;
		min-height: 34px !important;
		max-height: 34px !important;
		flex-basis: 34px;
	}

	#gt-header .masx-member-nav--mobile-header .masx-member-nav__copy {
		max-width: 78px;
		gap: 3px;
	}

	#gt-header .masx-member-nav--mobile-header .masx-member-nav__copy strong {
		font-size: 12px !important;
		text-overflow: ellipsis;
	}

	#gt-header .masx-member-nav--mobile-header .masx-member-nav__copy small {
		overflow: hidden;
		font-size: 8px !important;
		letter-spacing: 0.04em;
		text-overflow: ellipsis;
		text-transform: uppercase !important;
		white-space: nowrap;
	}

	#gt-header .masx-member-nav--mobile-header .masx-member-nav__chevron {
		width: 13px;
		height: 13px;
		flex-basis: 13px;
		margin-left: 0;
		transform: none;
	}

	#gt-header .masx-member-nav--mobile-header .masx-member-nav__dropdown {
		position: absolute;
		top: calc(100% + 8px);
		right: auto;
		left: 50%;
		width: 205px;
		max-height: none;
		overflow: hidden;
		border: 1px solid rgba(166, 56, 104, 0.34);
		border-radius: 12px;
		background: rgba(7, 7, 12, 0.99);
		box-shadow: 0 18px 44px rgba(0, 0, 0, 0.58);
		opacity: 0;
		pointer-events: none;
		transform: translate(-50%, -6px);
	}

	#gt-header .masx-member-nav--mobile-header.is-open .masx-member-nav__dropdown {
		max-height: none;
		border: 1px solid rgba(166, 56, 104, 0.34);
		opacity: 1;
		pointer-events: auto;
		transform: translate(-50%, 0);
	}

	#gt-header .masx-member-nav--mobile-header.is-open .masx-member-nav__chevron {
		transform: rotate(180deg);
	}

	/* The live Goyto header gives the logo and CTA area equal flex widths, while
	 * the member control was absolutely centered. That made the member overlap
	 * both the logo and cart. Keep every mobile control in one measured row. */
	#gt-header {
		right: 0;
		left: 0;
		width: 100% !important;
		height: 65px !important;
		min-height: 65px;
		box-sizing: border-box;
		padding: 4px 8px !important;
	}

	#gt-header .gt-header-content {
		display: flex !important;
		width: 100% !important;
		min-width: 0;
		height: 57px;
		min-height: 57px;
		box-sizing: border-box;
		align-items: center !important;
		gap: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	#gt-header .brand-logo {
		width: 120px !important;
		max-width: 120px !important;
		flex: 0 0 120px !important;
		justify-content: flex-start !important;
		margin: 0 !important;
		padding: 0 !important;
		text-align: left !important;
	}

	#gt-header .brand-logo > a {
		display: flex !important;
		width: 120px !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	#gt-header .brand-logo img.logo_site-size {
		display: block;
		width: 120px !important;
		max-width: 120px !important;
		height: auto !important;
		margin: 0 !important;
	}

	#gt-header .header-cta-btn {
		width: auto !important;
		min-width: 0;
		flex: 0 0 auto !important;
		justify-content: flex-end !important;
		gap: 4px !important;
		margin: 0 0 0 auto !important;
		padding: 0 !important;
		background: none !important;
	}

	#gt-header .header-cta-btn > .masx-mobile-header-member {
		position: static !important;
		order: 1;
		width: 112px;
		flex: 0 0 112px;
		transform: none !important;
	}

	#gt-header .masx-member-nav--mobile-header {
		width: 112px;
	}

	#gt-header .masx-member-nav--mobile-header .masx-member-nav__identity {
		width: 112px !important;
		max-width: 112px;
		min-height: 40px;
		box-sizing: border-box;
		align-items: center !important;
		gap: 4px !important;
		padding: 3px 5px !important;
		overflow: hidden;
		border: 1px solid transparent !important;
		background:
			linear-gradient(135deg, rgba(29, 12, 28, 0.98), rgba(7, 8, 15, 0.98)) padding-box,
			linear-gradient(125deg, #a63868 0%, #704889 56%, #d0a64f 100%) border-box !important;
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.1),
			0 7px 20px rgba(0, 0, 0, 0.42),
			0 0 18px rgba(166, 56, 104, 0.2) !important;
	}

	#gt-header .masx-member-nav--mobile-header .masx-member-nav__identity::before {
		position: absolute;
		top: -20px;
		left: -14px;
		width: 58px;
		height: 58px;
		border-radius: 50%;
		background: rgba(255, 68, 158, 0.16);
		content: "";
		filter: blur(12px);
		pointer-events: none;
	}

	#gt-header .masx-member-nav--mobile-header .masx-member-nav__identity > * {
		position: relative;
		z-index: 1;
	}

	#gt-header .masx-member-nav--mobile-header .masx-member-nav__identity:hover,
	#gt-header .masx-member-nav--mobile-header .masx-member-nav__identity:focus-visible,
	#gt-header .masx-member-nav--mobile-header.is-open .masx-member-nav__identity {
		background:
			linear-gradient(135deg, rgba(52, 14, 43, 0.99), rgba(10, 9, 21, 0.99)) padding-box,
			linear-gradient(125deg, #d884a7 0%, #aa77c8 56%, #d0a64f 100%) border-box !important;
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.14),
			0 8px 24px rgba(0, 0, 0, 0.48),
			0 0 22px rgba(166, 56, 104, 0.3) !important;
	}

	#gt-header .masx-member-nav--mobile-header .masx-member-nav__avatar {
		width: 28px !important;
		min-width: 28px !important;
		max-width: 28px !important;
		height: 28px !important;
		min-height: 28px !important;
		max-height: 28px !important;
		flex-basis: 28px;
		border: 1px solid rgba(255, 130, 194, 0.88) !important;
		box-shadow: 0 0 0 2px rgba(166, 56, 104, 0.12), 0 0 12px rgba(166, 56, 104, 0.25);
	}

	#gt-header .masx-member-nav--mobile-header .masx-member-nav__copy {
		max-width: 51px;
		gap: 2px;
		margin: 0 !important;
	}

	#gt-header .masx-member-nav--mobile-header .masx-member-nav__copy strong {
		font-size: 11px !important;
		color: #fff !important;
		font-weight: 600 !important;
	}

	#gt-header .header-cta-btn > .masx-mobile-header-member--guest {
		width: 120px;
		flex-basis: 120px;
	}

	#gt-header .masx-member-nav--mobile-header.masx-member-nav--guest,
	#gt-header .masx-member-nav--mobile-header.masx-member-nav--guest .masx-member-nav__identity {
		width: 120px !important;
		max-width: 120px;
	}

	#gt-header .masx-member-nav--mobile-header.masx-member-nav--guest .masx-member-nav__copy {
		max-width: 59px;
	}

	#gt-header .masx-member-nav--mobile-header.masx-member-nav--guest .masx-member-nav__copy strong {
		overflow: visible;
		font-size: 9px !important;
		letter-spacing: -0.015em;
		text-overflow: clip;
	}

	#gt-header .masx-member-nav--mobile-header .masx-member-nav__copy small {
		font-size: 7px !important;
		color: #d884a7 !important;
		font-weight: 600 !important;
		letter-spacing: 0.055em;
	}

	#gt-header .masx-member-nav--mobile-header .masx-member-nav__chevron {
		width: 10px;
		height: 10px;
		flex-basis: 10px;
		stroke: #d884a7;
	}

	#gt-header .header-cta-btn > .masx-cart {
		order: 2;
		display: flex !important;
		width: 36px !important;
		height: 36px !important;
		flex: 0 0 36px;
		margin: 0 !important;
		padding: 0 !important;
		box-sizing: border-box;
		align-items: center !important;
		justify-content: center !important;
		overflow: visible !important;
		border: 1px solid rgba(247, 200, 64, 0.68) !important;
		border-radius: 50% !important;
		background: radial-gradient(circle at 35% 25%, rgba(255, 224, 104, 0.2), rgba(21, 15, 4, 0.98) 66%) !important;
		box-shadow:
			inset 0 1px 0 rgba(255, 242, 188, 0.2),
			0 0 0 2px rgba(244, 201, 77, 0.06),
			0 0 18px rgba(244, 201, 77, 0.22) !important;
		color: #d0a64f !important;
		transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
	}

	#gt-header .header-cta-btn > .masx-cart:hover,
	#gt-header .header-cta-btn > .masx-cart:focus-visible {
		border-color: #d0a64f !important;
		box-shadow:
			inset 0 1px 0 rgba(255, 242, 188, 0.25),
			0 0 0 3px rgba(244, 201, 77, 0.09),
			0 0 24px rgba(244, 201, 77, 0.38) !important;
		transform: translateY(-1px);
	}

	#gt-header .header-cta-btn > .masx-cart > i.masx-cart-icon {
		position: static !important;
		display: inline-block !important;
		width: auto !important;
		height: auto !important;
		margin: 0 !important;
		color: #d0a64f !important;
		font-size: 15px !important;
		font-style: normal !important;
		line-height: 1 !important;
		transform: none !important;
	}

	#gt-header .header-cta-btn > .masx-cart > svg.masx-cart-icon {
		display: none !important;
	}

	#gt-header .header-cta-btn > .masx-cart::before,
	#gt-header .header-cta-btn > .masx-cart::after {
		display: none !important;
		content: none !important;
	}

	#gt-header .header-cta-btn > .masx-cart > .masx-cart-count {
		top: -5px !important;
		right: -5px !important;
		display: flex !important;
		width: 17px !important;
		min-width: 17px !important;
		height: 17px !important;
		padding: 0 !important;
		box-sizing: border-box;
		align-items: center;
		justify-content: center;
		border: 1px solid rgba(255, 255, 255, 0.82);
		border-radius: 999px;
		background: linear-gradient(135deg, var(--masx-nav-accent-shine), var(--masx-nav-accent), var(--masx-nav-plum)) !important;
		box-shadow: 0 0 10px rgba(166, 56, 104, 0.24);
		color: #fff !important;
		font-size: 9px !important;
		font-weight: 800 !important;
		line-height: 1 !important;
	}

	#gt-header .header-cta-btn > .mobile-menu-btn {
		order: 3;
		display: block !important;
		width: 40px !important;
		height: 40px !important;
		flex: 0 0 40px;
		margin: 0 !important;
		padding: 0 !important;
	}
}

@media (min-width: 992px) {
	/* Keep every top-level desktop control on the header's true center line. */
	#gt-header {
		--masx-desktop-header-height: 86px;
		--masx-desktop-member-width: 204px;
		min-height: var(--masx-desktop-header-height) !important;
	}

	#gt-header .gt-header-content {
		min-height: var(--masx-desktop-header-height) !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
	}

	#gt-header .brand-logo {
		display: flex !important;
		width: 180px !important;
		max-width: 180px !important;
		flex: 0 0 180px !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-self: center !important;
		align-items: center !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	#gt-header .brand-logo > a {
		display: flex !important;
		width: 180px !important;
		max-width: 180px !important;
		align-items: center !important;
	}

	#gt-header .brand-logo img.logo_site-size {
		display: block !important;
		width: 180px !important;
		max-width: 180px !important;
		height: auto !important;
		margin: 0 !important;
	}

	#gt-header .main-navigation {
		display: flex !important;
		height: auto !important;
		min-width: max-content;
		flex: 0 0 auto !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-self: center !important;
		align-items: center !important;
	}

	#gt-header #main-nav {
		display: flex !important;
		width: max-content !important;
		min-width: max-content !important;
		height: auto !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		white-space: nowrap;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	#gt-header #main-nav > li {
		display: flex !important;
		width: auto !important;
		max-width: none !important;
		height: auto !important;
		flex: 0 0 auto !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-self: center;
		align-items: center !important;
	}

	#gt-header #main-nav > li > a {
		display: inline-flex !important;
		align-items: center !important;
	}

	#gt-header #main-nav > li.masx-member-nav-item {
		margin-left: 10px !important;
	}

	#gt-header #main-nav > li > .masx-member-nav {
		align-self: center;
	}

	#gt-header .header-cta-btn {
		display: flex !important;
		flex: 0 0 auto !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-self: center !important;
		align-items: center !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	#gt-header .masx-member-nav:not(.masx-member-nav--mobile-header) .masx-member-nav__identity {
		position: relative;
		width: var(--masx-desktop-member-width) !important;
		min-width: var(--masx-desktop-member-width);
		min-height: 52px;
		box-sizing: border-box;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		gap: 9px !important;
		padding: 5px 9px !important;
		overflow: visible !important;
		border: 1px solid transparent !important;
		border-radius: 999px !important;
		background:
			linear-gradient(135deg, rgba(29, 12, 28, 0.98), rgba(7, 8, 15, 0.98)) padding-box,
			linear-gradient(125deg, #a63868 0%, #704889 56%, #d0a64f 100%) border-box !important;
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.1),
			0 8px 24px rgba(0, 0, 0, 0.42),
			0 0 20px rgba(166, 56, 104, 0.18) !important;
	}

	#gt-header .masx-member-nav:not(.masx-member-nav--mobile-header) .masx-member-nav__identity::before {
		position: absolute;
		top: -28px;
		left: -18px;
		width: 82px;
		height: 82px;
		border-radius: 50%;
		background: rgba(255, 68, 158, 0.15);
		content: "";
		filter: blur(16px);
		pointer-events: none;
	}

	#gt-header .masx-member-nav:not(.masx-member-nav--mobile-header) .masx-member-nav__identity > * {
		position: relative;
		z-index: 1;
	}

	#gt-header .masx-member-nav:not(.masx-member-nav--mobile-header) .masx-member-nav__identity:hover,
	#gt-header .masx-member-nav:not(.masx-member-nav--mobile-header) .masx-member-nav__identity:focus-visible,
	#gt-header .masx-member-nav:not(.masx-member-nav--mobile-header).is-open .masx-member-nav__identity {
		background:
			linear-gradient(135deg, rgba(52, 14, 43, 0.99), rgba(10, 9, 21, 0.99)) padding-box,
			linear-gradient(125deg, #d884a7 0%, #aa77c8 56%, #d0a64f 100%) border-box !important;
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.14),
			0 10px 28px rgba(0, 0, 0, 0.48),
			0 0 26px rgba(166, 56, 104, 0.28) !important;
	}

	#gt-header .masx-member-nav:not(.masx-member-nav--mobile-header) .masx-member-nav__avatar {
		width: 40px !important;
		min-width: 40px !important;
		max-width: 40px !important;
		height: 40px !important;
		min-height: 40px !important;
		max-height: 40px !important;
		flex-basis: 40px;
		overflow: hidden !important;
		clip-path: none !important;
		border: 1px solid rgba(255, 120, 181, 0.72) !important;
		border-radius: 50% !important;
		outline: 0 !important;
		outline-offset: 0;
		box-shadow:
			0 0 0 1px rgba(169, 76, 255, 0.32),
			0 0 8px rgba(166, 56, 104, 0.18);
	}

	#gt-header .masx-member-nav:not(.masx-member-nav--mobile-header) .masx-member-nav__copy {
		gap: 4px;
	}

	#gt-header .masx-member-nav:not(.masx-member-nav--mobile-header) .masx-member-nav__copy strong {
		color: #fff !important;
		font-size: 14px !important;
		font-weight: 600 !important;
	}

	#gt-header .masx-member-nav:not(.masx-member-nav--mobile-header) .masx-member-nav__copy small {
		color: #d884a7 !important;
		font-size: 10px !important;
		font-weight: 600 !important;
		letter-spacing: 0.045em;
	}

	#gt-header .masx-member-nav:not(.masx-member-nav--mobile-header) .masx-member-nav__chevron {
		width: 14px;
		height: 14px;
		flex-basis: 14px;
		stroke: #d884a7;
	}

	#gt-header .masx-member-nav:not(.masx-member-nav--mobile-header) .masx-member-nav__dropdown {
		top: calc(100% + 8px);
		width: 202px;
		border-color: rgba(166, 56, 104, 0.42);
		border-radius: 14px;
		background: linear-gradient(155deg, rgba(18, 11, 23, 0.99), rgba(5, 5, 10, 0.99));
		box-shadow: 0 20px 52px rgba(0, 0, 0, 0.62), 0 0 24px rgba(166, 56, 104, 0.12);
	}

	#gt-header .header-cta-btn > .masx-cart {
		position: relative !important;
		display: flex !important;
		width: 42px !important;
		height: 42px !important;
		flex: 0 0 42px;
		box-sizing: border-box;
		align-items: center !important;
		justify-content: center !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: visible !important;
		border: 1px solid rgba(247, 200, 64, 0.68) !important;
		border-radius: 50% !important;
		background: radial-gradient(circle at 35% 25%, rgba(255, 224, 104, 0.2), rgba(21, 15, 4, 0.98) 66%) !important;
		box-shadow:
			inset 0 1px 0 rgba(255, 242, 188, 0.2),
			0 0 0 2px rgba(244, 201, 77, 0.06),
			0 0 20px rgba(244, 201, 77, 0.24) !important;
		color: #d0a64f !important;
		transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
	}

	#gt-header .header-cta-btn > .masx-cart:hover,
	#gt-header .header-cta-btn > .masx-cart:focus-visible {
		border-color: #d0a64f !important;
		box-shadow:
			inset 0 1px 0 rgba(255, 242, 188, 0.25),
			0 0 0 3px rgba(244, 201, 77, 0.09),
			0 0 28px rgba(244, 201, 77, 0.4) !important;
		transform: translateY(-1px);
	}

	#gt-header .header-cta-btn > .masx-cart > i.masx-cart-icon {
		position: static !important;
		display: inline-block !important;
		width: auto !important;
		height: auto !important;
		margin: 0 !important;
		color: #d0a64f !important;
		font-size: 17px !important;
		font-style: normal !important;
		line-height: 1 !important;
		transform: none !important;
	}

	#gt-header .header-cta-btn > .masx-cart > svg.masx-cart-icon,
	#gt-header .header-cta-btn > .masx-cart::before,
	#gt-header .header-cta-btn > .masx-cart::after {
		display: none !important;
		content: none !important;
	}

	#gt-header .header-cta-btn > .masx-cart > .masx-cart-count {
		position: absolute !important;
		top: -5px !important;
		right: -5px !important;
		display: flex !important;
		width: 18px !important;
		min-width: 18px !important;
		height: 18px !important;
		box-sizing: border-box;
		align-items: center;
		justify-content: center;
		margin: 0 !important;
		padding: 0 !important;
		border: 1px solid rgba(255, 255, 255, 0.82);
		border-radius: 999px;
		background: linear-gradient(135deg, var(--masx-nav-accent-shine), var(--masx-nav-accent), var(--masx-nav-plum)) !important;
		box-shadow: 0 0 11px rgba(166, 56, 104, 0.24);
		color: #fff !important;
		font-size: 9px !important;
		font-weight: 800 !important;
		line-height: 1 !important;
	}
}

/* Branded guest gateway for the Passport redirect and standard My Account URL. */
body.masx-passport-guest-account .woocommerce {
	display: block !important;
	box-sizing: border-box;
	width: min(1180px, calc(100% - 32px)) !important;
	max-width: 1180px !important;
	margin: 72px auto 96px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: #f7f7fb;
}

body.masx-passport-guest-account .woocommerce * {
	box-sizing: border-box;
}

body.masx-passport-guest-account .masx-passport-guest-intro {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(360px, 0.85fr);
	align-items: center;
	gap: clamp(34px, 5vw, 72px);
	min-height: 310px;
	margin: 0 0 22px;
	padding: clamp(34px, 5vw, 58px);
	overflow: hidden;
	border: 1px solid rgba(166, 56, 104, 0.38);
	border-radius: 18px;
	background:
		radial-gradient(circle at 86% 18%, rgba(166, 56, 104, 0.24), transparent 34%),
		linear-gradient(135deg, rgba(14, 12, 23, 0.98), rgba(5, 5, 10, 0.98));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 24px 70px rgba(0, 0, 0, 0.26);
}

body.masx-passport-guest-account .masx-passport-guest-intro::after {
	position: absolute;
	top: -130px;
	right: -90px;
	width: 330px;
	height: 330px;
	border: 1px solid rgba(112, 72, 137, 0.24);
	border-radius: 50%;
	box-shadow: 0 0 80px rgba(166, 56, 104, 0.12);
	content: "";
	pointer-events: none;
}

body.masx-passport-guest-account .masx-passport-guest-intro__copy,
body.masx-passport-guest-account .masx-passport-guest-intro__benefits {
	position: relative;
	z-index: 1;
}

body.masx-passport-guest-account .masx-passport-guest-intro__copy > p {
	margin: 0 0 13px !important;
	color: var(--masx-ds-accent-shine) !important;
	font-family: "Oswald", sans-serif !important;
	font-size: 0.78rem !important;
	font-weight: 600;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

body.masx-passport-guest-account .masx-passport-guest-intro h1 {
	max-width: 720px;
	margin: 0 !important;
	color: #fff !important;
	font-family: "Orbitron", sans-serif !important;
	font-size: clamp(2.35rem, 4vw, 3.2rem) !important;
	font-weight: 600 !important;
	letter-spacing: 0.01em;
	line-height: 1.05 !important;
	text-transform: uppercase;
}

body.masx-passport-guest-account .masx-passport-guest-intro__copy > span {
	display: block;
	max-width: 640px;
	margin-top: 20px;
	color: #c5c2cc;
	font-family: "Oswald", sans-serif;
	font-size: 1rem;
	line-height: 1.6;
}

body.masx-passport-guest-account .masx-passport-guest-intro__benefits {
	display: grid;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.masx-passport-guest-account .masx-passport-guest-intro__benefits li {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	align-items: center;
	gap: 13px;
	min-height: 72px;
	padding: 12px 14px;
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.035);
}

body.masx-passport-guest-account .masx-passport-guest-intro__benefits i {
	display: grid;
	width: 42px;
	height: 42px;
	place-items: center;
	border-radius: 50%;
	background: rgba(166, 56, 104, 0.12);
	color: #d884a7;
}

body.masx-passport-guest-account .masx-passport-guest-intro__benefits span {
	display: grid;
	gap: 3px;
}

body.masx-passport-guest-account .masx-passport-guest-intro__benefits strong {
	color: #fff;
	font-family: "Oswald", sans-serif;
	font-size: 0.95rem;
	font-weight: 600;
}

body.masx-passport-guest-account .masx-passport-guest-intro__benefits small {
	color: #aaa7b2;
	font-family: "Oswald", sans-serif;
	font-size: 0.82rem;
	line-height: 1.35;
}

body.masx-passport-guest-account .woocommerce #customer_login {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 22px;
	margin: 0 !important;
}

body.masx-passport-guest-account .woocommerce #customer_login::before,
body.masx-passport-guest-account .woocommerce #customer_login::after {
	display: none !important;
}

body.masx-passport-guest-account .woocommerce #customer_login > :is(.u-column1, .u-column2) {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: clamp(24px, 3vw, 34px) !important;
	border: 1px solid rgba(159, 159, 174, 0.3) !important;
	border-radius: 18px !important;
	background: linear-gradient(155deg, rgba(13, 13, 22, 0.98), rgba(6, 6, 11, 0.98)) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body.masx-passport-guest-account .woocommerce #customer_login h2 {
	margin: 0 0 22px !important;
	color: #fff !important;
	font-family: "Orbitron", sans-serif !important;
	font-size: clamp(1.3rem, 2vw, 1.65rem) !important;
	font-weight: 600 !important;
	text-transform: uppercase;
}

body.masx-passport-guest-account .woocommerce #customer_login form {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

body.masx-passport-guest-account .woocommerce #customer_login label {
	color: #ddd9e2 !important;
	font-family: "Oswald", sans-serif !important;
	font-size: 0.86rem !important;
	font-weight: 500;
}

body.masx-passport-guest-account .woocommerce #customer_login :is(input.input-text, input[type="text"], input[type="email"], input[type="password"]) {
	min-height: 50px !important;
	padding: 11px 14px !important;
	border: 1px solid rgba(159, 159, 174, 0.38) !important;
	border-radius: 10px !important;
	background: rgba(3, 4, 9, 0.9) !important;
	box-shadow: none !important;
	color: #fff !important;
	font-family: "Oswald", sans-serif !important;
}

body.masx-passport-guest-account .woocommerce #customer_login :is(input.input-text, input[type="text"], input[type="email"], input[type="password"]):focus {
	border-color: var(--masx-ds-line, rgba(153, 59, 99, 0.54)) !important;
	box-shadow: 0 0 0 3px rgba(166, 56, 104, 0.11) !important;
	outline: 0;
}

body.masx-passport-guest-account .woocommerce #customer_login button.button {
	min-height: 46px !important;
	padding: 10px 20px !important;
	border: 0 !important;
	border-radius: 10px !important;
	border: 1px solid var(--masx-ds-line, rgba(153, 59, 99, 0.54)) !important;
	background: var(--masx-ds-control, linear-gradient(145deg, rgba(255,255,255,.075), transparent 42%), rgba(5,8,20,.88)) !important;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255,255,255,.055) !important;
	color: #fff !important;
	font-family: "Oswald", sans-serif !important;
	font-size: 0.82rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

body.masx-passport-guest-account .woocommerce :is(.woocommerce-LostPassword, .woocommerce-privacy-policy-text) {
	color: #aaa7b2 !important;
	font-family: "Oswald", sans-serif !important;
	font-size: 0.82rem !important;
	line-height: 1.5;
}

body.masx-passport-guest-account .woocommerce :is(.woocommerce-LostPassword, .woocommerce-privacy-policy-text) a {
	color: #d884a7 !important;
	text-decoration: underline;
	text-underline-offset: 3px;
}

@media (max-width: 760px) {
	body.masx-passport-guest-account .woocommerce {
		width: calc(100% - 16px) !important;
		margin-top: 40px !important;
		margin-bottom: 72px !important;
	}

	body.masx-passport-guest-account .masx-passport-guest-intro {
		grid-template-columns: 1fr;
		gap: 26px;
		min-height: 0;
		padding: 26px 20px;
	}

	body.masx-passport-guest-account .masx-passport-guest-intro h1 {
		font-size: clamp(2rem, 9vw, 2.5rem) !important;
	}

	body.masx-passport-guest-account .woocommerce #customer_login {
		grid-template-columns: 1fr;
		gap: 12px;
	}
}

/* Keep authenticated member names inside the fixed header identity pill.
 * The full name remains available through the link's aria-label and the text
 * title while the visible line truncates predictably. */
#gt-header .masx-member-nav:not(.masx-member-nav--guest) .masx-member-nav__copy {
	width: 0 !important;
	max-width: 100% !important;
	overflow: hidden !important;
}

#gt-header .masx-member-nav:not(.masx-member-nav--guest) .masx-member-nav__copy strong {
	display: block !important;
	max-width: 100% !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

/* Feedback pass 7: the account save action uses the current Passport control
 * hierarchy instead of the legacy borderless dark button. */
html body.masx-passport-account-endpoint .woocommerce .masx-account-save-panel__action button.button {
	display: inline-flex !important;
	min-width: 190px !important;
	min-height: 48px !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 9px !important;
	padding: 10px 18px !important;
	border: 1px solid var(--masx-ds-accent-soft, rgba(185, 85, 125, .82)) !important;
	border-radius: 10px !important;
	background: linear-gradient(135deg, #47192e 0%, var(--masx-ds-accent, #a63868) 56%, var(--masx-ds-plum, #5f456f) 100%) !important;
	box-shadow: 0 12px 28px rgba(0, 0, 0, .34), 0 0 18px rgba(166, 56, 104, .16), inset 0 1px 0 rgba(255, 255, 255, .1) !important;
	color: var(--masx-ds-ink, #f8f1ee) !important;
	-webkit-text-fill-color: var(--masx-ds-ink, #f8f1ee) !important;
}

html body.masx-passport-account-endpoint .woocommerce .masx-account-save-panel__action button.button:is(:hover, :focus-visible) {
	border-color: var(--masx-ds-accent-shine, #d8779e) !important;
	background: linear-gradient(135deg, #5c203c 0%, #b94376 58%, #704f82 100%) !important;
	box-shadow: 0 16px 34px rgba(0, 0, 0, .4), 0 0 22px rgba(166, 56, 104, .24), inset 0 1px 0 rgba(255, 255, 255, .14) !important;
	outline: 2px solid transparent !important;
	transform: translateY(-1px);
}

html body.masx-passport-account-integrated :is(
	.woocommerce-MyAccount-content .button,
	.woocommerce-MyAccount-content button.button,
	.masx-trips__button,
	.masx-profile-photo-card__button,
	.masx-tw-button
) :is(i, svg) {
	width: 1em !important;
	height: 1em !important;
	flex: 0 0 1em !important;
	margin: 0 !important;
	font-size: .88em !important;
	line-height: 1 !important;
	vertical-align: middle !important;
}

/* Site-wide contact launcher. The source Email, WhatsApp, and Live Chat
 * controls move intact into this disclosure so their established visuals and
 * event handlers stay authoritative. */
html body :is(.masx-contact-bubble, .masx-whatsapp, .masx-live-chat):not(.masx-contact-launcher__action) {
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

html body .masx-contact-launcher {
	position: fixed !important;
	/* Tawk injects its raw iframe wrapper at 2,000,000,000. Keep the MASX
	 * controller above it, but one layer below full-screen Passport UI. */
	z-index: 2147483646 !important;
	right: max(20px, env(safe-area-inset-right, 0px)) !important;
	bottom: max(20px, env(safe-area-inset-bottom, 0px)) !important;
	display: flex !important;
	width: auto !important;
	height: auto !important;
	flex-direction: column !important;
	align-items: flex-end !important;
	gap: 12px !important;
	margin: 0 !important;
	padding: 0 !important;
	pointer-events: none;
}

html body.masx-passport-mobile-nav-active .masx-contact-launcher {
	bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important;
}

html body .masx-contact-launcher__toggle {
	appearance: none !important;
	position: relative !important;
	isolation: isolate;
	display: grid !important;
	width: 66px !important;
	height: 66px !important;
	min-width: 66px !important;
	min-height: 66px !important;
	place-items: center !important;
	margin: 0 !important;
	padding: 2px !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: rgba(6, 5, 11, .96) !important;
	box-shadow: 0 16px 36px rgba(0, 0, 0, .52), 0 0 20px rgba(191, 59, 130, .18) !important;
	color: #fff !important;
	cursor: pointer !important;
	pointer-events: auto;
	transition: transform .2s ease, box-shadow .2s ease !important;
}

html body .masx-contact-launcher__toggle::before {
	position: absolute;
	z-index: -1;
	inset: 0;
	padding: 3px;
	border-radius: inherit;
	background: conic-gradient(from 0deg, #f2389a, #8b5cf6, #29abe2, #ffd21a, #f2389a);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	content: "";
	animation: masx-contact-ring-flow 12s linear infinite;
}

@keyframes masx-contact-ring-flow {
	to { transform: rotate(1turn); }
}

html body .masx-contact-launcher__toggle:is(:hover, :focus-visible),
html body .masx-contact-launcher.is-open .masx-contact-launcher__toggle {
	box-shadow: 0 18px 40px rgba(0, 0, 0, .56), 0 0 28px rgba(242, 56, 154, .28) !important;
	transform: translateY(-1px) scale(1.025);
}

html body .masx-contact-launcher__toggle:focus-visible {
	outline: 2px solid #f2a0c2 !important;
	outline-offset: 4px !important;
}

html body .masx-contact-launcher__toggle > img {
	display: block !important;
	width: 62px !important;
	height: 62px !important;
	object-fit: cover !important;
	border: 0 !important;
	border-radius: 50% !important;
}

html body .masx-contact-launcher__badge {
	position: absolute !important;
	z-index: 2;
	right: -2px;
	bottom: -1px;
	display: grid !important;
	width: 23px !important;
	height: 23px !important;
	place-items: center !important;
	border: 2px solid #09070e !important;
	border-radius: 50% !important;
	background: linear-gradient(135deg, #f2389a, #7b3f70) !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, .4) !important;
	color: #fff !important;
}

html body .masx-contact-launcher__badge svg {
	display: block !important;
	width: 12px !important;
	height: 12px !important;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

html body .masx-contact-launcher__actions {
	display: flex !important;
	width: auto !important;
	height: auto !important;
	flex-direction: column !important;
	align-items: flex-end !important;
	gap: 10px !important;
	margin: 0 !important;
	padding: 0 !important;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(12px) scale(.96);
	transform-origin: right bottom;
	transition: opacity .2s ease, transform .24s ease, visibility 0s linear .24s;
}

html body .masx-contact-launcher.is-open .masx-contact-launcher__actions {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0) scale(1);
	transition-delay: 0s;
}

html body .masx-contact-launcher__action {
	position: static !important;
	inset: auto !important;
	margin: 0 !important;
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
	transform: none !important;
}

html body .masx-contact-launcher.is-open .masx-contact-launcher__action {
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
}

html body .masx-contact-launcher__fallback {
	display: grid !important;
	width: 58px !important;
	height: 58px !important;
	min-width: 58px !important;
	min-height: 58px !important;
	place-items: center !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: #eb0c8b !important;
	box-shadow: 0 10px 24px rgba(0, 0, 0, .38) !important;
	overflow: hidden !important;
}

html body .masx-contact-launcher__fallback img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	border-radius: inherit !important;
}

html body .masx-contact-launcher__actions > .masx-contact-bubble {
	order: 1;
}

html body .masx-contact-launcher__actions > .masx-whatsapp {
	order: 2;
}

html body .masx-contact-launcher__actions > .masx-live-chat {
	order: 3;
}

html body .brand-logo img.logo_site-size[data-masx-header-logo] {
	display: block !important;
	width: clamp(210px, 16vw, 256px) !important;
	height: auto !important;
	max-width: none !important;
	max-height: 112px !important;
	object-fit: contain !important;
}

/* Never paint the theme's legacy header artwork while the approved MASX
 * wordmark is being resolved. Current Goyto header markup is rewritten on the
 * server, while this guard covers cached or dynamically inserted widgets. */
html body #gt-header .brand-logo img.logo_site-size:not([data-masx-header-logo]) {
	opacity: 0 !important;
	visibility: hidden !important;
}

html body #gt-header .menu-item-7792,
html body #gt-header .header-cta-btn > a[href*="/contact-us"],
html body .mobile_menu_wrap .menu-item-7792 {
	display: none !important;
}

@media (max-width: 1100px) {
	html body .brand-logo img.logo_site-size[data-masx-header-logo] {
		width: min(132px, 34vw) !important;
		max-height: 62px !important;
	}
}

body:is(
	.masx-passport-share-overlay-active,
	.masx-passport-discovery-overlay-active,
	.masx-pd-modal-open,
	.masx-passport-mobile-more-open,
	.masx-tawk-panel-visible
) .masx-contact-launcher,
body:has(.masx-passport-app__mobile-more:not([hidden])) .masx-contact-launcher,
body:has([data-sc-creator-dialog]:not([hidden])) .masx-contact-launcher,
body:has([data-sc-preview]:not([hidden])) .masx-contact-launcher {
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

@media (max-width: 680px) {
	html body .masx-contact-launcher {
		right: max(12px, env(safe-area-inset-right, 0px)) !important;
		bottom: max(14px, env(safe-area-inset-bottom, 0px)) !important;
	}

	html body.masx-passport-mobile-nav-active .masx-contact-launcher {
		bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important;
	}

	html body .masx-contact-launcher__toggle {
		width: 62px !important;
		height: 62px !important;
		min-width: 62px !important;
		min-height: 62px !important;
	}

	html body .masx-contact-launcher__toggle > img {
		width: 58px !important;
		height: 58px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.masx-contact-launcher,
	.masx-contact-launcher * {
		transition-duration: .01ms !important;
	}

	.masx-contact-launcher__toggle::before {
		animation: none !important;
	}
}

/* Theme-safe guest gateway normalization.
 * Goyto and WooCommerce load account rules after parts of the plugin stack;
 * these selectors preserve the intended card UI instead of a raw form/list. */
html body.woocommerce-account.masx-passport-guest-account .woocommerce {
	display: block !important;
	width: min(1180px, calc(100% - 32px)) !important;
	max-width: 1180px !important;
	margin: 104px auto 96px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

html body.woocommerce-account.masx-passport-guest-account .masx-passport-guest-intro {
	position: relative !important;
	display: grid !important;
	grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.92fr) !important;
	align-items: center !important;
	gap: clamp(30px, 4.5vw, 64px) !important;
	min-height: 0 !important;
	margin: 0 0 22px !important;
	padding: 36px clamp(32px, 4.5vw, 52px) !important;
	overflow: hidden !important;
	border: 1px solid rgba(166, 56, 104, 0.42) !important;
	border-radius: 18px !important;
	background:
		radial-gradient(circle at 88% 12%, rgba(166, 56, 104, 0.2), transparent 34%),
		linear-gradient(145deg, rgba(15, 12, 24, 0.98), rgba(4, 5, 10, 0.98)) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 24px 70px rgba(0, 0, 0, 0.32) !important;
}

html body.woocommerce-account.masx-passport-guest-account .masx-passport-guest-intro__copy,
html body.woocommerce-account.masx-passport-guest-account .masx-passport-guest-intro__benefits {
	position: relative !important;
	z-index: 1 !important;
}

html body.woocommerce-account.masx-passport-guest-account .masx-passport-guest-intro__copy > p {
	display: block !important;
	margin: 0 0 12px !important;
	padding: 0 !important;
	color: #d884a7 !important;
	font-family: "Oswald", sans-serif !important;
	font-size: 0.76rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.17em !important;
	line-height: 1.2 !important;
	text-transform: uppercase !important;
}

html body.woocommerce-account.masx-passport-guest-account .masx-passport-guest-intro h1 {
	display: block !important;
	max-width: 690px !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	color: #fff !important;
	font-family: "Orbitron", sans-serif !important;
	font-size: 2.3rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.005em !important;
	line-height: 1.08 !important;
	text-align: left !important;
	text-transform: none !important;
	white-space: normal !important;
}

html body.woocommerce-account.masx-passport-guest-account .masx-passport-guest-intro__copy > span {
	display: block !important;
	max-width: 640px !important;
	margin: 18px 0 0 !important;
	padding: 0 !important;
	color: #cac6d0 !important;
	font-family: "Oswald", sans-serif !important;
	font-size: 0.9rem !important;
	font-weight: 400 !important;
	line-height: 1.55 !important;
}

html body.woocommerce-account.masx-passport-guest-account .masx-passport-guest-intro__benefits {
	display: grid !important;
	gap: 10px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

html body.woocommerce-account.masx-passport-guest-account .masx-passport-guest-intro__benefits > li {
	display: grid !important;
	min-width: 0 !important;
	min-height: 68px !important;
	grid-template-columns: 42px minmax(0, 1fr) !important;
	align-items: center !important;
	gap: 13px !important;
	margin: 0 !important;
	padding: 11px 13px !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 12px !important;
	background: rgba(255, 255, 255, 0.04) !important;
	color: #fff !important;
	list-style: none !important;
}

html body.woocommerce-account.masx-passport-guest-account .masx-passport-guest-intro__benefits > li::before,
html body.woocommerce-account.masx-passport-guest-account .masx-passport-guest-intro__benefits > li::after,
html body.woocommerce-account.masx-passport-guest-account .masx-passport-guest-intro__benefits > li::marker {
	display: none !important;
	content: "" !important;
}

html body.woocommerce-account.masx-passport-guest-account .masx-passport-guest-intro__icon {
	display: grid !important;
	width: 42px !important;
	height: 42px !important;
	margin: 0 !important;
	padding: 0 !important;
	place-items: center !important;
	border: 1px solid rgba(255, 90, 165, 0.2) !important;
	border-radius: 50% !important;
	background: rgba(166, 56, 104, 0.12) !important;
	color: #d884a7 !important;
}

html body.woocommerce-account.masx-passport-guest-account .masx-passport-guest-intro__icon i {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: currentColor !important;
	font-family: "Font Awesome 5 Pro" !important;
	font-size: 1.05rem !important;
	font-style: normal !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	text-align: center !important;
	vertical-align: middle !important;
}

html body.woocommerce-account.masx-passport-guest-account .masx-passport-guest-intro__icon i::before {
	display: block !important;
	line-height: 1 !important;
}

html body.woocommerce-account.masx-passport-guest-account .masx-passport-guest-intro__benefits > li > span:last-child {
	display: grid !important;
	min-width: 0 !important;
	gap: 3px !important;
	margin: 0 !important;
	padding: 0 !important;
}

html body.woocommerce-account.masx-passport-guest-account .masx-passport-guest-intro__benefits strong,
html body.woocommerce-account.masx-passport-guest-account .masx-passport-guest-intro__benefits small {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	font-family: "Oswald", sans-serif !important;
	text-align: left !important;
}

html body.woocommerce-account.masx-passport-guest-account .masx-passport-guest-intro__benefits strong {
	color: #fff !important;
	font-size: 0.96rem !important;
	font-weight: 600 !important;
	line-height: 1.25 !important;
}

html body.woocommerce-account.masx-passport-guest-account .masx-passport-guest-intro__benefits small {
	color: #aaa7b2 !important;
	font-size: 0.9rem !important;
	font-weight: 400 !important;
	line-height: 1.35 !important;
}

html body.woocommerce-account.masx-passport-guest-account .woocommerce #customer_login {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 22px !important;
	margin: 0 !important;
	padding: 0 !important;
}

html body.woocommerce-account.masx-passport-guest-account .woocommerce #customer_login > .u-column1,
html body.woocommerce-account.masx-passport-guest-account .woocommerce #customer_login > .u-column2 {
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: clamp(22px, 3vw, 32px) !important;
	border: 1px solid rgba(159, 159, 174, 0.34) !important;
	border-radius: 18px !important;
	background: linear-gradient(155deg, rgba(13, 13, 22, 0.98), rgba(5, 5, 10, 0.98)) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 20px 52px rgba(0, 0, 0, 0.22) !important;
}

html body.woocommerce-account.masx-passport-guest-account .woocommerce #customer_login h2 {
	display: block !important;
	margin: 0 0 20px !important;
	padding: 0 !important;
	background: transparent !important;
	color: #fff !important;
	font-family: "Orbitron", sans-serif !important;
	font-size: clamp(1.3rem, 2vw, 1.6rem) !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	text-align: left !important;
	text-transform: uppercase !important;
}

html body.woocommerce-account.masx-passport-guest-account .woocommerce #customer_login form.login,
html body.woocommerce-account.masx-passport-guest-account .woocommerce #customer_login form.register {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

html body.woocommerce-account.masx-passport-guest-account .woocommerce #customer_login .form-row {
	margin: 0 0 16px !important;
	padding: 0 !important;
}

html body.woocommerce-account.masx-passport-guest-account .woocommerce #customer_login label {
	display: block !important;
	margin: 0 0 7px !important;
	color: #ddd9e2 !important;
	font-family: "Oswald", sans-serif !important;
	font-size: 0.86rem !important;
	font-weight: 500 !important;
	line-height: 1.35 !important;
}

html body.woocommerce-account.masx-passport-guest-account .woocommerce #customer_login .form-row input.input-text,
html body.woocommerce-account.masx-passport-guest-account .woocommerce #customer_login input[type="text"],
html body.woocommerce-account.masx-passport-guest-account .woocommerce #customer_login input[type="email"],
html body.woocommerce-account.masx-passport-guest-account .woocommerce #customer_login input[type="password"] {
	display: block !important;
	width: 100% !important;
	min-height: 50px !important;
	margin: 0 !important;
	padding: 11px 14px !important;
	border: 1px solid rgba(159, 159, 174, 0.42) !important;
	border-radius: 10px !important;
	background: #05060b !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	caret-color: #d884a7 !important;
	font-family: "Oswald", sans-serif !important;
	font-size: 1rem !important;
}

/* Browser-saved credentials must keep the same dark, high-contrast field
 * surface as manually entered login data. */
html body.woocommerce-account.masx-passport-guest-account .woocommerce #customer_login input:-webkit-autofill,
html body.woocommerce-account.masx-passport-guest-account .woocommerce #customer_login input:-webkit-autofill:hover,
html body.woocommerce-account.masx-passport-guest-account .woocommerce #customer_login input:-webkit-autofill:focus,
html body.woocommerce-account.masx-passport-guest-account .woocommerce #customer_login input:-webkit-autofill:active {
	border-color: rgba(166, 56, 104, 0.72) !important;
	background-color: #05060b !important;
	-webkit-box-shadow: 0 0 0 1000px #05060b inset !important;
	box-shadow: 0 0 0 1000px #05060b inset !important;
	color: #f8f1ee !important;
	-webkit-text-fill-color: #f8f1ee !important;
	caret-color: #d884a7 !important;
	transition: background-color 9999s ease-out 0s;
}

html body.woocommerce-account.masx-passport-guest-account .woocommerce #customer_login input:autofill {
	border-color: rgba(166, 56, 104, 0.72) !important;
	background: #05060b !important;
	box-shadow: 0 0 0 1000px #05060b inset !important;
	color: #f8f1ee !important;
	-webkit-text-fill-color: #f8f1ee !important;
}

@media (max-width: 760px) {
	html body.woocommerce-account.masx-passport-guest-account .woocommerce {
		width: calc(100% - 20px) !important;
		margin: 96px auto 84px !important;
	}

	html body.woocommerce-account.masx-passport-guest-account .masx-passport-guest-intro {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 18px !important;
		margin-bottom: 12px !important;
		padding: 16px 18px !important;
		border-radius: 16px !important;
	}

	html body.woocommerce-account.masx-passport-guest-account .masx-passport-guest-intro::after {
		top: -190px !important;
		right: -180px !important;
	}

	html body.woocommerce-account.masx-passport-guest-account .masx-passport-guest-intro h1 {
		font-size: 2.3rem !important;
		line-height: 1.1 !important;
	}

	html body.woocommerce-account.masx-passport-guest-account .masx-passport-guest-intro__copy > span {
		margin-top: 14px !important;
		font-size: 0.9rem !important;
		line-height: 1.48 !important;
	}

	html body.woocommerce-account.masx-passport-guest-account .masx-passport-guest-intro__benefits {
		gap: 8px !important;
	}

	html body.woocommerce-account.masx-passport-guest-account .masx-passport-guest-intro__benefits > li {
		min-height: 62px !important;
		grid-template-columns: 38px minmax(0, 1fr) !important;
		gap: 11px !important;
		padding: 9px 10px !important;
	}

	html body.woocommerce-account.masx-passport-guest-account .masx-passport-guest-intro__icon {
		width: 38px !important;
		height: 38px !important;
	}

	html body.woocommerce-account.masx-passport-guest-account .masx-passport-guest-intro__benefits strong {
		font-size: 0.92rem !important;
	}

	html body.woocommerce-account.masx-passport-guest-account .masx-passport-guest-intro__benefits small {
		font-size: 0.9rem !important;
	}

	html body.woocommerce-account.masx-passport-guest-account .woocommerce #customer_login {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 12px !important;
	}

	html body.woocommerce-account.masx-passport-guest-account .woocommerce #customer_login > .u-column1,
	html body.woocommerce-account.masx-passport-guest-account .woocommerce #customer_login > .u-column2 {
		padding: 20px 18px !important;
		border-radius: 16px !important;
	}

	html body.woocommerce-account.masx-passport-guest-account .woocommerce #customer_login h2 {
		margin-bottom: 18px !important;
		font-size: 1.28rem !important;
	}
}

/* Feedback page 5: one stable save/security row. Keep this last so older
 * account-form declarations cannot reintroduce offset-based alignment. */
html body.masx-passport-account-endpoint .masx-account-save-panel {
	display: grid !important;
	grid-template-columns: minmax(190px, max-content) minmax(0, 1fr) !important;
	align-items: stretch !important;
	gap: 0 !important;
	padding: 0 !important;
}

html body.masx-passport-account-endpoint .masx-account-save-panel__action {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 !important;
	padding: 20px 24px !important;
	border-right: 1px solid rgba(255, 255, 255, 0.12) !important;
}

html body.masx-passport-account-endpoint .masx-account-security-note {
	display: flex !important;
	width: 100% !important;
	min-width: 0 !important;
	align-items: center !important;
	gap: 14px !important;
	margin: 0 !important;
	padding: 20px 24px !important;
}

html body.masx-passport-account-endpoint .masx-account-security-note__icon {
	display: grid !important;
	width: 44px !important;
	height: 44px !important;
	flex: 0 0 44px !important;
	place-items: center !important;
}

@media (max-width: 760px) {
	html body.masx-passport-account-endpoint .masx-account-save-panel {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	html body.masx-passport-account-endpoint .masx-account-save-panel__action {
		padding: 18px !important;
		border-right: 0 !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
	}

	html body.masx-passport-account-endpoint .masx-account-security-note {
		padding: 18px !important;
	}

	html body.masx-passport-account-endpoint .woocommerce .masx-account-save-panel__action button.button {
		width: 100% !important;
	}
}

/* Feedback pass 10: make the public quiz an explicit alternative to account
 * authentication while preserving the WooCommerce login/register forms below. */
html body.woocommerce-account.masx-passport-guest-account .masx-passport-guest-intro--dna {
	grid-template-columns: minmax(0, 1fr) !important;
	gap: clamp(26px, 4vw, 54px) !important;
	background:
		linear-gradient(90deg, rgba(4, 5, 12, 0.99) 0%, rgba(5, 6, 14, 0.94) 42%, rgba(8, 5, 18, 0.52) 68%, rgba(9, 4, 18, 0.2) 100%),
		var(--masx-passport-guest-future-image, none) center right / cover no-repeat !important;
}

html body.woocommerce-account.masx-passport-guest-account .masx-passport-guest-intro--dna .masx-passport-guest-intro__copy {
	max-width: min(760px, 72%) !important;
}

html body.woocommerce-account.masx-passport-guest-account .masx-passport-guest-intro--dna h1 {
	background: linear-gradient(105deg, #fff 4%, var(--masx-ds-accent-shine, #d884a7) 58%, var(--masx-ds-plum, #704889)) !important;
	background-clip: text !important;
	-webkit-background-clip: text !important;
	color: transparent !important;
	-webkit-text-fill-color: transparent !important;
}

html body.woocommerce-account.masx-passport-guest-account .masx-passport-guest-intro__quiz-action {
	display: inline-flex !important;
	width: fit-content !important;
	min-height: 48px !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	margin: 24px 0 0 !important;
	padding: 12px 20px !important;
	border: 1px solid rgba(216, 132, 167, 0.72) !important;
	border-radius: 10px !important;
	background: linear-gradient(135deg, var(--masx-ds-accent, #a63868), var(--masx-ds-plum, #704889)) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 12px 28px rgba(0, 0, 0, 0.28) !important;
	color: #fff !important;
	font-family: "Oswald", sans-serif !important;
	font-size: 0.78rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.08em !important;
	line-height: 1 !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	transition: transform 180ms ease, filter 180ms ease, box-shadow 180ms ease !important;
}

html body.woocommerce-account.masx-passport-guest-account .masx-passport-guest-intro__quiz-action:is(:hover, :focus-visible) {
	transform: translateY(-1px) !important;
	filter: brightness(1.08) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 16px 34px rgba(0, 0, 0, 0.34) !important;
}

html body.woocommerce-account.masx-passport-guest-account .masx-passport-guest-intro__quiz-action:focus-visible {
	outline: 2px solid var(--masx-ds-accent-shine, #d884a7) !important;
	outline-offset: 3px !important;
}

html body.woocommerce-account.masx-passport-guest-account .masx-passport-guest-intro__quiz-arrow {
	display: inline-block !important;
	font-family: Arial, sans-serif !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	line-height: 1 !important;
}

@media (max-width: 760px) {
	html body.woocommerce-account.masx-passport-guest-account .masx-passport-guest-intro--dna {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 0 !important;
		padding: 22px 18px !important;
		background-position: center, 68% center !important;
	}

	html body.woocommerce-account.masx-passport-guest-account .masx-passport-guest-intro--dna .masx-passport-guest-intro__copy {
		max-width: 100% !important;
	}

	html body.woocommerce-account.masx-passport-guest-account .masx-passport-guest-intro--dna h1 {
		font-size: clamp(1.75rem, 8vw, 2.25rem) !important;
	}

	html body.woocommerce-account.masx-passport-guest-account .masx-passport-guest-intro__quiz-action {
		width: 100% !important;
		margin-top: 20px !important;
	}
}

/* Feedback 26: keep the cart quantity legible even when the site header does
 * not inherit the Passport navigation custom properties. */
html body #gt-header .header-cta-btn > .masx-cart > .masx-cart-count {
	border-color: rgba(255, 241, 247, .94) !important;
	background-color: #a63868 !important;
	background-image: linear-gradient(
		135deg,
		var(--masx-nav-accent-shine, #ef9dc0),
		var(--masx-nav-accent, #b23870) 58%,
		var(--masx-nav-plum, #684477)
	) !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .5), 0 0 10px rgba(216, 132, 167, .34) !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .7);
}

/* Password labels share one reserved label row, so wrapped helper wording can
 * never push only one input out of alignment. WooCommerce's clearfix pseudo
 * elements are disabled here: as generated grid items they created two extra
 * tracks and the large blank spaces reported on both desktop and phone. */
html body.masx-passport-account-endpoint fieldset.masx-account-settings-section--password .form-row {
	display: grid !important;
	grid-template-rows: minmax(2.7em, auto) 50px !important;
	align-content: start !important;
	margin: 0 !important;
}

html body.masx-passport-account-endpoint fieldset.masx-account-settings-section--password .form-row::before,
html body.masx-passport-account-endpoint fieldset.masx-account-settings-section--password .form-row::after {
	display: none !important;
	content: none !important;
}

html body.masx-passport-account-endpoint fieldset.masx-account-settings-section--password .form-row > label {
	display: flex !important;
	grid-row: 1;
	min-height: 2.7em;
	align-items: flex-end;
	margin: 0 0 7px !important;
}

html body.masx-passport-account-endpoint fieldset.masx-account-settings-section--password .form-row > .password-input {
	display: flex !important;
	width: 100% !important;
	height: 50px !important;
	grid-row: 2;
	align-self: end;
}

html body.masx-passport-account-endpoint fieldset.masx-account-settings-section--password .form-row > .password-input > input.input-text {
	width: 100% !important;
	height: 50px !important;
	min-height: 50px !important;
}

/* Remove the split action-cell wrapper. The security note remains a coherent
 * information panel and the save action gets a full, genuinely centered row. */
html body.masx-passport-account-integrated.masx-passport-account-endpoint .masx-account-save-panel {
	grid-template-columns: minmax(0, 1fr) !important;
	gap: 14px !important;
	border: 0 !important;
	background-color: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
}

html body.masx-passport-account-endpoint .masx-account-save-panel__action {
	order: 2;
	width: 100% !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

html body.masx-passport-account-endpoint .woocommerce .masx-account-save-panel__action button.button {
	margin-inline: auto !important;
}

html body.masx-passport-account-endpoint .masx-account-security-note {
	order: 1;
	border: 1px solid var(--masx-passport-section-line, rgba(159, 159, 174, .3));
	border-radius: 16px;
	background:
		linear-gradient(120deg, rgba(166, 56, 104, .045), transparent 38%),
		var(--masx-passport-section-bg, rgba(7, 8, 15, .94));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

/* Feedback 28: all Account section headings use one rose-metal tone. Later
 * design-system heading rules previously turned Profile Photo, Address, and
 * Payment Method white while the generated settings headings stayed pink. */
html body.masx-passport-account-endpoint :is(
	.masx-profile-photo-card h2,
	.masx-account-settings-section__heading,
	.masx-account-settings-section__heading strong,
	.masx-account-summary-card__header,
	.masx-account-summary-card__header h2
) {
	color: var(--masx-ds-accent-shine, #d884a7) !important;
	background: none !important;
	text-shadow: 0 0 18px rgba(216, 132, 167, .14);
	-webkit-text-fill-color: currentColor !important;
}

html body.masx-passport-account-endpoint :is(
	.masx-profile-photo-card h2,
	.masx-account-settings-section__heading,
	.masx-account-summary-card__header,
	.masx-account-summary-card__header h2
) :is(i, svg) {
	color: currentColor !important;
	fill: none;
	stroke: currentColor !important;
}

/* Keep descriptive copy directly beneath major member-section headings at a
 * readable 16px, matching the Passport app without touching Passport artwork. */
html body.masx-passport-account-integrated :is(
	.masx-account-hero__copy > p:last-child,
	.masx-passport-endpoint-header__subtitle,
	.masx-tw-hero__note,
	.masx-profile-photo-card__content > p
) {
	font-size: clamp(1.03rem, 1.15vw, 1.1rem) !important;
	line-height: 1.65 !important;
}

@media (max-width: 680px) {
	html body.masx-passport-account-integrated :is(
		.masx-account-hero__copy > p:last-child,
		.masx-passport-endpoint-header__subtitle,
		.masx-tw-hero__note,
		.masx-profile-photo-card__content > p
	) {
		font-size: 1rem !important;
	}
}

@media (max-width: 680px) {
	html body.masx-passport-mobile-nav-active :is(
		.masx-passport-account-mobile-nav,
		.masx-passport-app__mobile-nav
	) {
		transition: transform .28s cubic-bezier(.22, .72, .22, 1), opacity .2s ease !important;
		will-change: transform, opacity;
	}

	html body.masx-passport-mobile-nav-active.masx-passport-mobile-nav-hidden :is(
		.masx-passport-account-mobile-nav,
		.masx-passport-app__mobile-nav
	) {
		opacity: 0 !important;
		pointer-events: none !important;
		transform: translate3d(0, calc(100% + 18px + env(safe-area-inset-bottom, 0px)), 0) !important;
	}

	html body.masx-passport-mobile-nav-active.masx-passport-mobile-nav-hidden .masx-contact-launcher {
		bottom: max(14px, env(safe-area-inset-bottom, 0px)) !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	html body.masx-passport-mobile-nav-active :is(
		.masx-passport-account-mobile-nav,
		.masx-passport-app__mobile-nav
	) {
		transition-duration: .01ms !important;
	}
}