.woocommerce-account main {
	box-sizing: border-box;
	width: min(100% - 32px, var(--wp--style--global--wide-size, 1200px));
	margin-inline: auto;
	padding-block: clamp(48px, 8vw, 96px);
}

.woocommerce-account main > .wp-block-post-title {
	margin-block: 0 clamp(32px, 5vw, 56px);
	font-size: clamp(2.5rem, 7vw, 4.6rem);
	scroll-margin-top: 116px;
}

.woocommerce-account .woocommerce {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 28px;
}

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

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register {
	float: none;
	box-sizing: border-box;
	width: auto;
	min-width: 0;
	max-width: 100%;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 6px;
	margin: 0;
	padding: 10px;
	list-style: none;
	border: 1px solid rgb(93 58 130 / 18%);
	border-radius: var(--wp--custom--radius--card, 20px);
	background: var(--wp--preset--color--white);
}

.woocommerce-account .woocommerce-MyAccount-navigation-link a {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	min-height: 44px;
	padding: 10px 14px;
	border-radius: var(--wp--custom--radius--control, 12px);
	color: var(--wp--preset--color--purple-900);
	font-weight: 750;
	text-decoration: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation-link a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation-link a:focus-visible,
.woocommerce-account .woocommerce-MyAccount-navigation-link.is-active a {
	background: var(--wp--preset--color--lilac-100);
	color: var(--wp--preset--color--purple-700);
}

.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account #customer_login > div {
	padding: clamp(22px, 4vw, 40px);
	border: 1px solid rgb(93 58 130 / 18%);
	border-radius: var(--wp--custom--radius--card, 20px);
	background: var(--wp--preset--color--white);
	box-shadow: 0 18px 48px rgb(52 32 79 / 8%);
}

.woocommerce-account #customer_login {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 24px;
}

.woocommerce-account #customer_login :where(.u-column1, .u-column2) {
	float: none;
	box-sizing: border-box;
	width: auto;
}

.woocommerce-account :where(input:not([type="checkbox"]), select, textarea) {
	box-sizing: border-box;
	width: 100%;
	min-height: 46px;
	padding: 10px 12px;
	border: 1px solid var(--wp--preset--color--purple-500);
	border-radius: var(--wp--custom--radius--control, 12px);
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--ink);
}

.woocommerce-account :where(button, .button) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: 46px;
	padding: 10px 18px;
	border: 2px solid var(--wp--preset--color--purple-700);
	border-radius: var(--wp--custom--radius--control, 12px);
	background: var(--wp--preset--color--purple-700);
	color: var(--wp--preset--color--white);
	font-weight: 800;
}

.woocommerce-account :where(table, .woocommerce-Addresses) {
	max-width: 100%;
}

.woocommerce-account .woocommerce-orders-table {
	display: block;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.woocommerce-account .woocommerce-Address {
	box-sizing: border-box;
	padding: 20px;
	border: 1px solid rgb(93 58 130 / 18%);
	border-radius: var(--wp--custom--radius--control, 12px);
	background: var(--wp--preset--color--cream-100);
}

.pp-account-tracking {
	box-sizing: border-box;
	max-width: 100%;
	margin-block-start: 32px;
	padding: 22px;
	border-inline-start: 4px solid var(--wp--preset--color--gold-500);
	border-radius: var(--wp--custom--radius--control, 12px);
	background: var(--wp--preset--color--lilac-100);
}

.pp-account-tracking__label {
	margin: 0;
	color: var(--wp--preset--color--purple-700);
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.12em;
}

.pp-account-tracking h2 {
	margin-block: 8px 12px;
}

.pp-account-tracking__link {
	font-weight: 800;
}

.woocommerce-account :where(a, button, input, select, textarea):focus-visible {
	outline: 3px solid var(--wp--preset--color--purple-700);
	outline-offset: 3px;
}

@media (min-width: 768px) {
	.woocommerce-account .woocommerce {
		grid-template-columns: minmax(190px, 0.28fr) minmax(0, 0.72fr);
		align-items: start;
	}

	.woocommerce-account #customer_login {
		grid-column: 1 / -1;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}