/* Stable two-column shell for WooCommerce My Account. */
.vs360-account-page .woocommerce {
	display: block !important;
	grid-template-columns: none !important;
	inline-size: min(100% - 2rem, var(--vs360-container-lg)) !important;
	margin-inline: auto !important;
}

.vs360-account-page .vs360-account-heading {
	display: block !important;
	inline-size: 100% !important;
	max-inline-size: none !important;
	margin: 0 !important;
}

.vs360-account-shell {
	display: flex;
	gap: 2rem;
	align-items: start;
	inline-size: 100%;
	margin-block: 1rem 2.5rem;
}

.vs360-account-sidebar,
.vs360-account-shell > .woocommerce-MyAccount-content {
	min-inline-size: 0;
}

.vs360-account-sidebar {
	flex: 0 0 17rem;
}

.vs360-account-shell > .woocommerce-MyAccount-content {
	flex: 1 1 auto;
	float: none !important;
	inline-size: 100% !important;
	margin: 0 !important;
}

.vs360-account-sidebar .vs360-account-user {
	inline-size: 100%;
}

.vs360-account-sidebar .woocommerce-MyAccount-navigation {
	float: none !important;
	inline-size: 100% !important;
	margin: 0 !important;
}

@media (max-width: 63.9375rem) {
	.vs360-account-shell {
		display: block;
		margin-block-start: .75rem;
		padding-block-end: max(4.5rem, env(safe-area-inset-bottom));
	}

	.vs360-account-shell > .woocommerce-MyAccount-content {
		margin-block-start: 1rem !important;
	}
}