.vortexg-account-page .woocommerce {
	--vortexg-account-content-width: 90rem;
	box-sizing: border-box;
	width: min(100%, var(--vortexg-account-content-width));
	max-width: none;
	margin-inline: auto;
	padding-inline: clamp(1rem, 3.5vw, 2rem);
	color: var(--md-sys-color-on-surface);
}

.vortexg-account-page.woocommerce-account main .woocommerce {
	box-sizing: border-box;
	width: min(100%, var(--vortexg-account-content-width));
	max-width: var(--vortexg-account-content-width);
	padding-inline: clamp(1rem, 3.5vw, 2rem);
}

.vortexg-account-page main#wp--skip-link--target {
	margin-top: 0 !important;
}

.vortexg-account-page .wp-block-post-title {
	display: none;
}

.vortexg-account-page .woocommerce::before,
.vortexg-account-page .woocommerce::after {
	display: none;
}

.vortexg-account-page .woocommerce-MyAccount-navigation,
.vortexg-account-page .woocommerce-MyAccount-content,
.vortexg-account-page .woocommerce-form-login,
.vortexg-account-page .woocommerce-form-register,
.vortexg-account-page .woocommerce-ResetPassword {
	float: none;
	width: auto;
}

.vortexg-account-page .woocommerce-MyAccount-navigation ul {
	display: grid;
	grid-auto-rows: min-content;
	align-content: start;
	gap: 0.25rem;
	margin: 0;
	padding: 0.75rem;
	list-style: none;
	border: 1px solid var(--md-sys-color-outline-variant);
	border-radius: var(--md-sys-shape-corner-extra-large);
	background: var(--md-sys-color-surface-container-low);
}

.vortexg-account-page .woocommerce-MyAccount-navigation li {
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

.vortexg-account-page .woocommerce-MyAccount-navigation li.is-active > a[data-vortexg-m3-button] {
	text-decoration: none;
}

.vortexg-account-page .woocommerce-MyAccount-content a:not(.vortexg-m3-button):focus-visible,
.vortexg-account-page input:focus-visible,
.vortexg-account-page select:focus-visible,
.vortexg-account-page textarea:focus-visible {
	outline: 3px solid var(--md-sys-color-primary);
	outline-offset: 3px;
}

.vortexg-account-compact-nav {
	margin-block-end: 1rem;
}

.vortexg-account-compact-nav .vortexg-m3-menu__trigger {
	inline-size: 100%;
	min-block-size: 2.75rem;
	padding-inline: 1.25rem;
	border-radius: var(--md-sys-shape-corner-full);
	background: var(--md-sys-color-secondary-container);
	color: var(--md-sys-color-on-secondary-container);
	font: var(--md-sys-typescale-label-large-weight) var(--md-sys-typescale-label-large-size) / var(--md-sys-typescale-label-large-line-height) var(--md-sys-typescale-label-large-font);
}

.vortexg-account-compact-nav .vortexg-m3-menu__popup {
	max-inline-size: calc(100vw - 16px) !important;
}

.vortexg-account-page-header {
	display: grid;
	gap: 0.5rem;
	margin-block-end: 2rem;
	padding: clamp(1.5rem, 4vw, 3rem);
	border-radius: var(--md-sys-shape-corner-extra-large);
	background: var(--md-sys-color-primary-container);
	color: var(--md-sys-color-on-primary-container);
}

.vortexg-account-page-header h1,
.vortexg-account-page-header p {
	margin: 0;
}

.vortexg-account-page-header h1 {
	font: var(--md-sys-typescale-headline-large-weight) var(--md-sys-typescale-headline-large-size) / var(--md-sys-typescale-headline-large-line-height) var(--md-sys-typescale-headline-large-font);
}

.vortexg-account-page-header > p:last-child {
	max-width: 46rem;
	color: inherit;
	font: var(--md-sys-typescale-body-large-weight) var(--md-sys-typescale-body-large-size) / var(--md-sys-typescale-body-large-line-height) var(--md-sys-typescale-body-large-font);
}

.vortexg-account-page-header .vortexg-account-eyebrow {
	color: inherit;
}

.vortexg-account-eyebrow {
	color: var(--md-sys-color-primary);
	font: var(--md-sys-typescale-label-large-weight) var(--md-sys-typescale-label-large-size) / var(--md-sys-typescale-label-large-line-height) var(--md-sys-typescale-label-large-font);
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.vortexg-account-dashboard__summary,
.vortexg-account-coupon-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
	gap: 1rem;
}

.vortexg-account-library__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 12rem), 1fr));
	gap: 1rem;
	justify-content: stretch;
}

.vortexg-account-dashboard__summary > article,
.vortexg-account-game-card,
.vortexg-account-coupon-card,
.vortexg-account-dossier,
.vortexg-account-empty-state {
	border: 1px solid var(--md-sys-color-outline-variant);
	border-radius: var(--md-sys-shape-corner-extra-large);
	background: var(--md-sys-color-surface-container-low);
	box-shadow: var(--md-sys-elevation-level-1);
}

.vortexg-account-dashboard__summary > article {
	display: grid;
	gap: 0.75rem;
	align-content: start;
	min-height: 10rem;
	padding: 1.5rem;
}

.vortexg-account-dashboard__summary > article > span,
.vortexg-account-dashboard__summary > article > small {
	color: var(--md-sys-color-on-surface-variant);
}

.vortexg-account-dashboard__summary strong {
	font: var(--md-sys-typescale-headline-small-weight) var(--md-sys-typescale-headline-small-size) / var(--md-sys-typescale-headline-small-line-height) var(--md-sys-typescale-headline-small-font);
}

.vortexg-account-section-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-block: 2rem 1rem;
}

.vortexg-account-section-heading h2 {
	margin: 0;
	font: var(--md-sys-typescale-title-medium-weight) var(--md-sys-typescale-title-medium-size) / var(--md-sys-typescale-title-medium-line-height) var(--md-sys-typescale-title-medium-font);
}

.vortexg-account-section-heading > span {
	display: inline-grid;
	min-width: 2rem;
	min-height: 2rem;
	place-items: center;
	border-radius: var(--md-sys-shape-corner-full);
	background: var(--md-sys-color-secondary-container);
	color: var(--md-sys-color-on-secondary-container);
	font: var(--md-sys-typescale-label-large-weight) var(--md-sys-typescale-label-large-size) / var(--md-sys-typescale-label-large-line-height) var(--md-sys-typescale-label-large-font);
}

.vortexg-account-game-card {
	position: relative;
	display: grid;
	grid-template-rows: minmax(0, 1fr) auto;
	aspect-ratio: 4 / 7.2;
	min-height: 0;
	overflow: hidden;
}

.vortexg-account-game-card::before {
	position: absolute;
	z-index: 1;
	inset-block: 0;
	inset-inline-start: 0;
	width: 0.35rem;
	background: var(--md-sys-color-primary);
	content: "";
}

.vortexg-account-game-card__media {
	min-height: 0;
	overflow: hidden;
	background: var(--md-sys-color-surface-container-high);
}

.vortexg-account-game-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.vortexg-account-game-card__body {
	display: grid;
	gap: 0.5rem;
	align-items: start;
	justify-items: start;
	padding: 0.75rem 1rem;
}

.vortexg-account-game-card h3 {
	margin: 0;
	font: var(--md-sys-typescale-title-medium-weight) var(--md-sys-typescale-title-medium-size) / var(--md-sys-typescale-title-medium-line-height) var(--md-sys-typescale-title-medium-font);
}

.vortexg-account-game-card__status {
	display: inline-flex;
	align-items: center;
	min-height: 2.5rem;
	margin: 0;
	padding-inline: 1rem;
	border-radius: var(--md-sys-shape-corner-full);
	background: var(--md-sys-color-surface-container-highest);
	color: var(--md-sys-color-on-surface-variant);
	font: var(--md-sys-typescale-label-large-weight) var(--md-sys-typescale-label-large-size) / var(--md-sys-typescale-label-large-line-height) var(--md-sys-typescale-label-large-font);
}

.vortexg-account-library__details {
	grid-column: 1 / -1;
	min-width: 0;
	margin-block: 0.5rem 1rem;
}

.vortexg-account-library__details:empty {
	display: none;
}

.vortexg-account-dossier {
	padding: clamp(0.875rem, 2vw, 1.5rem);
}

.vortexg-account-dossier:focus {
	outline: 0;
}

.vortexg-account-dossier__header,
.vortexg-account-coupon-card > header,
.vortexg-account-coupon-code > div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.vortexg-account-dossier__header h2,
.vortexg-account-dossier__header p,
.vortexg-account-coupon-card h3 {
	margin: 0;
}

.vortexg-account-dossier__header > div {
	display: grid;
	min-width: 0;
	gap: 0.125rem;
}

.vortexg-account-dossier__header h2 {
	font: var(--md-sys-typescale-headline-medium-weight) var(--md-sys-typescale-headline-medium-size) / var(--md-sys-typescale-headline-medium-line-height) var(--md-sys-typescale-headline-medium-font);
	text-wrap: balance;
}

.vortexg-account-dossier__header h2:focus {
	outline: none;
	box-shadow: none;
}

.vortexg-account-dossier__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.375rem 1.25rem;
	margin-block: 0.625rem 0.75rem;
	color: var(--md-sys-color-on-surface-variant);
	font: var(--md-sys-typescale-body-small-weight) var(--md-sys-typescale-body-small-size) / var(--md-sys-typescale-body-small-line-height) var(--md-sys-typescale-body-small-font);
}

.vortexg-account-dossier__meta span {
	display: grid;
	gap: 0.0625rem;
}

.vortexg-account-dossier__meta strong {
	font: var(--md-sys-typescale-label-medium-weight) var(--md-sys-typescale-label-medium-size) / var(--md-sys-typescale-label-medium-line-height) var(--md-sys-typescale-label-medium-font);
}

.vortexg-account-dossier__panel {
	padding-block: 1rem 0.25rem;
}

.vortexg-account-dossier__panel[hidden] {
	display: none;
}

.vortexg-account-credential-section + .vortexg-account-credential-section {
	margin-block-start: 1rem;
}

.vortexg-account-credential-section h3 {
	margin: 0 0 0.5rem;
	font: var(--md-sys-typescale-title-small-weight) var(--md-sys-typescale-title-small-size) / var(--md-sys-typescale-title-small-line-height) var(--md-sys-typescale-title-small-font);
}

.vortexg-account-credential-section dl {
	display: grid;
	gap: 0.5rem;
	margin: 0;
}

.vortexg-account-credential-section dl > div {
	display: grid;
	grid-template-columns: minmax(6.5rem, 0.3fr) minmax(0, 1fr);
	gap: 0.75rem;
	align-items: center;
	min-height: 3rem;
	padding: 0.25rem 0.5rem 0.25rem 0.75rem;
	border: 1px solid var(--md-sys-color-outline-variant);
	border-radius: var(--md-sys-shape-corner-medium);
	background: var(--md-sys-color-surface-container);
}

.vortexg-account-credential-section dt {
	color: var(--md-sys-color-on-surface-variant);
	font: var(--md-sys-typescale-label-medium-weight) var(--md-sys-typescale-label-medium-size) / var(--md-sys-typescale-label-medium-line-height) var(--md-sys-typescale-label-medium-font);
}

.vortexg-account-credential-section dd {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	margin: 0;
	overflow-wrap: anywhere;
}

.vortexg-account-credential-section code,
.vortexg-account-coupon-code code {
	color: var(--md-sys-color-on-surface);
	font: var(--md-sys-typescale-body-medium-weight) var(--md-sys-typescale-body-medium-size) / var(--md-sys-typescale-body-medium-line-height) var(--md-sys-typescale-body-medium-font);
}

.vortexg-account-credential-notes {
	margin-block-start: 1rem;
	padding: 1rem;
	border-radius: var(--md-sys-shape-corner-large);
	background: var(--md-sys-color-tertiary-container);
	color: var(--md-sys-color-on-tertiary-container);
}

.vortexg-account-dossier__actions {
	margin-block-start: 0.75rem;
}

.vortexg-account-coupon-group + .vortexg-account-coupon-group {
	margin-block-start: 2.5rem;
}

.vortexg-account-coupon-card {
	display: grid;
	gap: 1rem;
	padding: 1.5rem;
}

.vortexg-account-coupon-card[data-status="redeemed"],
.vortexg-account-coupon-card[data-status="expired"],
.vortexg-account-coupon-card[data-status="unavailable"] {
	background: var(--md-sys-color-surface-container);
	color: var(--md-sys-color-on-surface-variant);
}

.vortexg-account-coupon-card__status {
	padding: 0.35rem 0.75rem;
	border-radius: var(--md-sys-shape-corner-full);
	background: var(--md-sys-color-secondary-container);
	color: var(--md-sys-color-on-secondary-container);
	font: var(--md-sys-typescale-label-large-weight) var(--md-sys-typescale-label-large-size) / var(--md-sys-typescale-label-large-line-height) var(--md-sys-typescale-label-large-font);
}

.vortexg-account-coupon-code {
	display: grid;
	gap: 0.35rem;
	padding: 1rem;
	border: 1px dashed var(--md-sys-color-outline);
	border-radius: var(--md-sys-shape-corner-large);
	background: var(--md-sys-color-surface);
}

.vortexg-account-coupon-code > span,
.vortexg-account-coupon-card__dates,
.vortexg-account-coupon-card__terms {
	color: var(--md-sys-color-on-surface-variant);
	font: var(--md-sys-typescale-body-medium-weight) var(--md-sys-typescale-body-medium-size) / var(--md-sys-typescale-body-medium-line-height) var(--md-sys-typescale-body-medium-font);
}

.vortexg-account-coupon-card__dates {
	display: grid;
	gap: 0.25rem;
}

.vortexg-account-coupon-card--compact {
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.vortexg-account-empty-state {
	display: grid;
	gap: 1rem;
	justify-items: start;
	padding: clamp(1.5rem, 5vw, 3rem);
}

.vortexg-account-empty-state h2,
.vortexg-account-empty-state p {
	margin: 0;
}

/* Pre-style raw WooCommerce buttons before JS enhances them to eliminate FOUC / layout shift */
.vortexg-account-page .woocommerce button:not(.vortexg-m3-button):not(.vortexg-m3-select__trigger):not(.vortexg-m3-menu__trigger):not(.vortexg-m3-tab):not([role="tab"]):not(.show-password-input),
.vortexg-account-page .woocommerce a.button:not(.vortexg-m3-button):not(.vortexg-m3-select__trigger):not(.vortexg-m3-menu__trigger):not(.vortexg-m3-tab):not([role="tab"]):not(.show-password-input),
.vortexg-account-page .woocommerce .button:not(input):not(.vortexg-m3-button):not(.vortexg-m3-select__trigger):not(.vortexg-m3-menu__trigger):not(.vortexg-m3-tab):not([role="tab"]):not(.show-password-input),
.vortexg-account-page .woocommerce-Address-title a.edit:not(.vortexg-m3-button):not(.vortexg-m3-select__trigger):not(.vortexg-m3-menu__trigger):not(.vortexg-m3-tab):not([role="tab"]):not(.show-password-input),
.vortexg-account-page .woocommerce-orders-table__cell-order-actions a.button:not(.vortexg-m3-button):not(.vortexg-m3-select__trigger):not(.vortexg-m3-menu__trigger):not(.vortexg-m3-tab):not([role="tab"]):not(.show-password-input) {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-block-size: 48px;
	min-inline-size: 58px;
	margin: 0;
	padding-inline: 16px;
	border: 0;
	border-radius: var(--md-sys-shape-corner-full);
	background: var(--md-sys-color-secondary-container);
	color: var(--md-sys-color-on-secondary-container);
	font: var(--md-sys-typescale-label-large-weight) var(--md-sys-typescale-label-large-size) / var(--md-sys-typescale-label-large-line-height) var(--md-sys-typescale-label-large-font);
	letter-spacing: var(--md-sys-typescale-label-large-tracking);
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	transition: background-color 160ms cubic-bezier(0.2, 0, 0, 1), color 160ms cubic-bezier(0.2, 0, 0, 1);
}

.vortexg-account-page .woocommerce button[type="submit"]:not(.vortexg-m3-button):not(.vortexg-m3-select__trigger):not(.vortexg-m3-menu__trigger):not(.vortexg-m3-tab):not([role="tab"]):not(.show-password-input),
.vortexg-account-page .woocommerce .button.alt:not(.vortexg-m3-button):not(.vortexg-m3-select__trigger):not(.vortexg-m3-menu__trigger):not(.vortexg-m3-tab):not([role="tab"]):not(.show-password-input),
.vortexg-account-page .woocommerce .checkout-button:not(.vortexg-m3-button):not(.vortexg-m3-select__trigger):not(.vortexg-m3-menu__trigger):not(.vortexg-m3-tab):not([role="tab"]):not(.show-password-input) {
	background: var(--md-sys-color-primary);
	color: var(--md-sys-color-on-primary);
}

.vortexg-account-page .woocommerce-Address-title a.edit:not(.vortexg-m3-button):not(.vortexg-m3-select__trigger):not(.vortexg-m3-menu__trigger):not(.vortexg-m3-tab):not([role="tab"]):not(.show-password-input) {
	background: transparent;
	color: var(--md-sys-color-primary);
	padding-inline: 0.75rem;
}

/* Instantly suppress Select2/SelectWoo containers in My Account so they never flash */
.vortexg-account-page .select2-container,
.vortexg-account-page .selectWoo-container {
	display: none !important;
}

/* Pre-style raw select elements before Material 3 JS enhances them into custom M3 selects */
.vortexg-account-page .woocommerce select:not([data-vortexg-m3-select]),
.vortexg-account-page .woocommerce form .form-row select:not([data-vortexg-m3-select]) {
	box-sizing: border-box;
	inline-size: 100%;
	min-block-size: 3rem;
	padding: 0 1rem;
	border: 1px solid var(--md-sys-color-outline);
	border-radius: var(--md-sys-shape-corner-large);
	background: var(--md-sys-color-surface-container-low);
	color: var(--md-sys-color-on-surface);
	font: var(--md-sys-typescale-body-large-weight) var(--md-sys-typescale-body-large-size) / var(--md-sys-typescale-body-large-line-height) var(--md-sys-typescale-body-large-font);
	letter-spacing: var(--md-sys-typescale-body-large-tracking);
	appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
}

.vortexg-account-page .woocommerce form .form-row input.input-text,
.vortexg-account-page .woocommerce form .form-row textarea {
	min-height: 3.5rem;
	padding: 0.75rem 1rem;
	border: 1px solid var(--md-sys-color-outline);
	border-radius: var(--md-sys-shape-corner-small);
	background: var(--md-sys-color-surface-container-lowest);
	color: var(--md-sys-color-on-surface);
}

.vortexg-account-page .woocommerce form .form-row .vortexg-m3-select-field,
.vortexg-account-page .woocommerce form .form-row .vortexg-m3-select-field__control {
	inline-size: 100%;
}

.vortexg-account-page .woocommerce form .form-row .password-input {
	position: relative;
	display: block;
	inline-size: 100%;
}

.vortexg-account-page .woocommerce form .form-row .password-input input.input-text {
	inline-size: 100%;
	padding-inline-end: 3rem;
}

.vortexg-account-page .show-password-input,
.vortexg-account-page .woocommerce form .form-row .password-input .show-password-input {
	position: absolute;
	top: 50%;
	right: 0.5rem;
	transform: translateY(-50%);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 3.25rem;
	height: 2.25rem;
	padding: 0 0.875rem;
	border: 0;
	border-radius: var(--md-sys-shape-corner-full);
	background: var(--md-sys-color-secondary-container) !important;
	color: var(--md-sys-color-on-secondary-container) !important;
	cursor: pointer;
	transition: background-color 160ms cubic-bezier(0.2, 0, 0, 1), color 160ms cubic-bezier(0.2, 0, 0, 1);
}

.vortexg-account-page .show-password-input::after,
.vortexg-account-page .woocommerce form .form-row .password-input .show-password-input::after {
	color: var(--md-sys-color-on-secondary-container) !important;
}

.vortexg-account-page .woocommerce-MyAccount-content select[data-vortexg-m3-select][hidden] {
	display: none !important;
}

.vortexg-account-page .woocommerce form .form-row label {
	color: var(--md-sys-color-on-surface-variant);
	font: var(--md-sys-typescale-label-large-weight) var(--md-sys-typescale-label-large-size) / var(--md-sys-typescale-label-large-line-height) var(--md-sys-typescale-label-large-font);
}

.vortexg-account-page .woocommerce table.shop_table {
	width: 100%;
	max-width: 100%;
	margin-inline: auto;
	overflow: hidden;
	border: 1px solid var(--md-sys-color-outline-variant);
	border-radius: var(--md-sys-shape-corner-large);
	background: var(--md-sys-color-surface-container-low);
}

.vortexg-account-page .woocommerce table.shop_table th,
.vortexg-account-page .woocommerce table.shop_table td {
	padding: 1rem;
	vertical-align: middle;
}

.vortexg-account-page .woocommerce table.shop_table td.woocommerce-orders-table__cell-order-actions,
.vortexg-account-page .woocommerce-orders-table__cell-order-actions {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	text-align: start !important;
}

.vortexg-account-page .woocommerce-orders-table__cell-order-actions > a,
.vortexg-account-page .woocommerce-orders-table__cell-order-actions > button,
.vortexg-account-page .woocommerce-orders-table__cell-order-actions .vortexg-m3-button {
	margin-inline-end: auto !important;
	margin-inline-start: 0 !important;
}

.vortexg-account-page .woocommerce-MyAccount-content > .woocommerce-info,
.vortexg-account-page .woocommerce-MyAccount-content > .woocommerce-message,
.vortexg-account-page .woocommerce-MyAccount-content > .woocommerce-error {
	margin-inline: auto;
}

.vortexg-account-page .woocommerce-Addresses {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
	margin: 0;
}

.vortexg-account-page .woocommerce-Address {
	box-sizing: border-box;
	float: none;
	width: 100%;
	padding: clamp(1.25rem, 3vw, 2rem);
	border: 1px solid var(--md-sys-color-outline-variant);
	border-radius: var(--md-sys-shape-corner-extra-large);
	background: var(--md-sys-color-surface-container-low);
}

.vortexg-account-page .woocommerce-Address-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-block-end: 1rem;
}

.vortexg-account-page .woocommerce-Address-title h2 {
	margin: 0;
	font: var(--md-sys-typescale-headline-small-weight) var(--md-sys-typescale-headline-small-size) / var(--md-sys-typescale-headline-small-line-height) var(--md-sys-typescale-headline-small-font);
}

.vortexg-account-page .woocommerce-Address address {
	margin: 0;
	padding: 1.25rem;
	border-radius: var(--md-sys-shape-corner-large);
	background: var(--md-sys-color-surface-container);
	color: var(--md-sys-color-on-surface);
	font-style: normal;
	line-height: 1.7;
}

.vortexg-account-page .woocommerce-EditAccountForm {
	box-sizing: border-box;
	padding: clamp(1.25rem, 3vw, 2rem);
	border: 1px solid var(--md-sys-color-outline-variant);
	border-radius: var(--md-sys-shape-corner-extra-large);
	background: var(--md-sys-color-surface-container-low);
}

.vortexg-account-page .woocommerce-EditAccountForm,
.vortexg-account-page .woocommerce-address-fields,
.vortexg-account-page .woocommerce-address-fields__field-wrapper {
	display: grid;
	gap: 1rem;
}

.vortexg-account-page .woocommerce-EditAccountForm,
.vortexg-account-page .woocommerce-address-fields__field-wrapper {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vortexg-account-page .woocommerce-EditAccountForm .form-row,
.vortexg-account-page .woocommerce-address-fields__field-wrapper .form-row {
	float: none;
	min-width: 0;
	width: 100%;
	margin: 0;
	padding: 0;
}

.vortexg-account-page .woocommerce-EditAccountForm .form-row-wide,
.vortexg-account-page .woocommerce-EditAccountForm fieldset,
.vortexg-account-page .woocommerce-EditAccountForm > p:last-of-type {
	grid-column: 1 / -1;
}

.vortexg-account-page .woocommerce-EditAccountForm .clear,
.vortexg-account-page .woocommerce-address-fields .clear {
	display: none;
}

.vortexg-account-page .woocommerce-EditAccountForm fieldset {
	display: grid;
	gap: 1rem;
	min-width: 0;
	margin: 0.5rem 0 0;
	padding: 1.25rem;
	border: 0;
	border-radius: var(--md-sys-shape-corner-large);
	background: var(--md-sys-color-surface-container);
}

.vortexg-account-page .woocommerce-EditAccountForm legend {
	padding-inline: 0.25rem;
	color: var(--md-sys-color-on-surface);
	font: var(--md-sys-typescale-title-large-weight) var(--md-sys-typescale-title-large-size) / var(--md-sys-typescale-title-large-line-height) var(--md-sys-typescale-title-large-font);
}

.vortexg-account-page .woocommerce form .form-row span em {
	display: block;
	margin-block-start: 0.35rem;
	color: var(--md-sys-color-on-surface-variant);
	font-style: normal;
	font: var(--md-sys-typescale-body-small-weight) var(--md-sys-typescale-body-small-size) / var(--md-sys-typescale-body-small-line-height) var(--md-sys-typescale-body-small-font);
}

.vortexg-account-page .woocommerce-error,
.vortexg-account-page .woocommerce-info,
.vortexg-account-page .woocommerce-message {
	border: 0;
	border-radius: var(--md-sys-shape-corner-large);
	background: var(--md-sys-color-surface-container-high);
	color: var(--md-sys-color-on-surface);
}

.vortexg-account-page.vortexg-account-guest main .woocommerce {
	max-width: 62rem;
	margin-inline: auto;
}

.vortexg-account-guest .u-columns {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr));
	gap: 1rem;
	align-items: start;
}

.vortexg-account-guest .u-columns::before,
.vortexg-account-guest .u-columns::after {
	display: none;
	content: none;
}

.vortexg-account-guest .u-columns > .u-column1,
.vortexg-account-guest .u-columns > .u-column2 {
	float: none;
	width: 100%;
	min-width: 0;
}

.vortexg-account-guest .woocommerce-form-login,
.vortexg-account-guest .woocommerce-form-register,
.vortexg-account-guest .woocommerce-ResetPassword {
	box-sizing: border-box;
	width: 100%;
	padding: clamp(1.25rem, 4vw, 2rem);
	border: 1px solid var(--md-sys-color-outline-variant);
	border-radius: var(--md-sys-shape-corner-extra-large);
	background: var(--md-sys-color-surface-container-low);
}

@media (min-width: 840px) {
	.vortexg-account-authenticated .woocommerce {
		display: grid;
		grid-template-columns: minmax(14rem, 15rem) minmax(0, 1fr);
		gap: clamp(1.5rem, 3vw, 2rem);
		align-items: start;
	}

	.vortexg-account-authenticated .woocommerce-MyAccount-navigation {
		position: sticky;
		top: 1rem;
	}

	.vortexg-account-authenticated .vortexg-account-compact-nav {
		display: none;
	}
}

@media (min-width: 1024px) {
	.vortexg-account-library__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 839px) {
	.vortexg-account-authenticated .woocommerce,
	.vortexg-account-authenticated .woocommerce-MyAccount-content {
		box-sizing: border-box;
		width: 100%;
		min-width: 0;
	}

	.vortexg-account-authenticated .woocommerce-MyAccount-navigation {
		display: none;
	}
}

@media (max-width: 560px) {
	.vortexg-account-library__grid {
		width: 100%;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.5rem;
		justify-content: stretch;
	}

	.vortexg-account-game-card {
		box-sizing: border-box;
		width: 100%;
		min-width: 0;
		aspect-ratio: 4 / 7.5;
	}

	.vortexg-account-game-card__body {
		gap: 0.375rem;
		padding: 0.625rem 0.75rem;
	}

	.vortexg-account-game-card h3 {
		overflow-wrap: anywhere;
	}

	.vortexg-account-game-card__status {
		min-height: 2.25rem;
		padding-inline: 0.75rem;
	}

	.vortexg-account-library__details {
		grid-column: 1 / -1;
	}

	.vortexg-account-page .woocommerce-EditAccountForm,
	.vortexg-account-page .woocommerce-address-fields__field-wrapper {
		grid-template-columns: 1fr;
	}

	.vortexg-account-page .woocommerce-EditAccountForm .form-row,
	.vortexg-account-page .woocommerce-address-fields__field-wrapper .form-row {
		grid-column: 1;
	}

	.vortexg-account-credential-section dl > div {
		grid-template-columns: minmax(5.5rem, 0.35fr) minmax(0, 1fr);
		gap: 0.5rem;
	}

	.vortexg-account-coupon-code > div,
	.vortexg-account-dossier__header {
		align-items: flex-start;
		flex-direction: column;
	}
}

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