/*
 * Mashin Irani — WooCommerce «My Account» redesign.
 * Styles the default account markup (nav sidebar + content), login/register, orders, forms, and the
 * wallet tab, to match the project design system. Loaded only on the account page. Tokens from mi.css.
 */

/* ---------- Page frame ---------- */
.woocommerce-account .container,
.woocommerce-account .woocommerce-account-inner { max-width: var(--container, 1280px); }
.woocommerce-account .woocommerce { color: var(--text-secondary, #404751); }

/* Two-column layout only when the account navigation is present (i.e. logged in). */
.woocommerce-account.logged-in .woocommerce {
	display: grid;
	grid-template-columns: 264px 1fr;
	gap: var(--space-6, 24px);
	align-items: start;
	padding-block: var(--space-8, 32px);
}

/* ---------- Navigation sidebar ---------- */
.woocommerce-MyAccount-navigation {
	background: var(--bg-elevated, #fff);
	border: 1px solid var(--border, #d9cbc2);
	border-radius: var(--radius-lg, 12px);
	box-shadow: var(--shadow-e1, 0 1px 2px rgba(16, 33, 52, .06));
	padding: var(--space-3, 12px);
	position: sticky;
	top: 96px;
}
.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.woocommerce-MyAccount-navigation li { margin: 0; }
.woocommerce-MyAccount-navigation li a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 11px 14px;
	border-radius: var(--radius-md, 8px);
	color: var(--text-secondary, #404751);
	font-weight: 600;
	font-size: .92rem;
	text-decoration: none;
	transition: background .15s ease, color .15s ease;
}
.woocommerce-MyAccount-navigation li a::before {
	content: "";
	width: 18px;
	height: 18px;
	flex: none;
	background: currentColor;
	-webkit-mask: center / contain no-repeat;
	mask: center / contain no-repeat;
	opacity: .9;
}
.woocommerce-MyAccount-navigation li a:hover { background: var(--bg-sunken, #ece4da); color: var(--navy-900, #102134); }
.woocommerce-MyAccount-navigation li.is-active a { background: var(--navy-900, #102134); color: var(--gold-300, #e0c58f); box-shadow: var(--shadow-e1, 0 1px 2px rgba(16, 33, 52, .06)); }
.woocommerce-MyAccount-navigation-link--customer-logout a { color: var(--clay-error, #b4402e); }
.woocommerce-MyAccount-navigation-link--customer-logout a:hover { background: rgba(180, 64, 46, .08); color: var(--clay-error, #b4402e); }

/* Per-endpoint icons (mask + currentColor so they inherit the link colour). */
.woocommerce-MyAccount-navigation-link--dashboard a::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h8v8H3zM13 3h8v8h-8zM3 13h8v8H3zM13 13h8v8h-8z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h8v8H3zM13 3h8v8h-8zM3 13h8v8H3zM13 13h8v8h-8z'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--wallet a::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h13a2 2 0 0 1 2 2v1h-3a3 3 0 0 0 0 6h3v1a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2zm12 5a1 1 0 0 0 0 2h4v-2z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h13a2 2 0 0 1 2 2v1h-3a3 3 0 0 0 0 6h3v1a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2zm12 5a1 1 0 0 0 0 2h4v-2z'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--orders a::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 7V6a5 5 0 0 1 10 0v1h3v14H4V7zm2 0h6V6a3 3 0 0 0-6 0z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 7V6a5 5 0 0 1 10 0v1h3v14H4V7zm2 0h6V6a3 3 0 0 0-6 0z'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--edit-address a::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5 7 13 7 13s7-8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5 7 13 7 13s7-8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--edit-account a::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10zM3 21a9 9 0 0 1 18 0z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10zM3 21a9 9 0 0 1 18 0z'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--customer-logout a::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h5v-2H5V5h5zM16 7l-1.4 1.4L17.2 11H9v2h8.2l-2.6 2.6L16 17l5-5z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h5v-2H5V5h5zM16 7l-1.4 1.4L17.2 11H9v2h8.2l-2.6 2.6L16 17l5-5z'/%3E%3C/svg%3E"); }

/* ---------- Content card ---------- */
.woocommerce-MyAccount-content {
	background: var(--bg-elevated, #fff);
	border: 1px solid var(--border, #d9cbc2);
	border-radius: var(--radius-lg, 12px);
	box-shadow: var(--shadow-e1, 0 1px 2px rgba(16, 33, 52, .06));
	padding: var(--space-6, 24px);
	min-height: 320px;
}
.woocommerce-MyAccount-content p { line-height: 1.9; color: var(--text-secondary, #404751); }
.woocommerce-MyAccount-content > p:first-child { margin-top: 0; }
.woocommerce-MyAccount-content a:not(.button) { color: var(--link, #3c507d); font-weight: 600; }
.woocommerce-MyAccount-content mark { background: var(--gold-300, #e0c58f); color: var(--navy-900, #102134); padding: 0 4px; border-radius: 4px; }

/* ---------- Tables (orders, downloads, etc.) ---------- */
.woocommerce-account .woocommerce-orders-table,
.woocommerce-account table.shop_table {
	border: 1px solid var(--border, #d9cbc2);
	border-radius: var(--radius-md, 8px);
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	width: 100%;
}
.woocommerce-account table.shop_table th,
.woocommerce-account table.shop_table td { padding: 12px 14px; text-align: start; border-bottom: 1px solid var(--border, #d9cbc2); font-size: .9rem; }
.woocommerce-account table.shop_table thead th { background: var(--bg-sunken, #ece4da); color: var(--navy-900, #102134); font-weight: 700; }
.woocommerce-account table.shop_table tr:last-child td { border-bottom: 0; }

/* ---------- Buttons ---------- */
.woocommerce-account .button,
.woocommerce-account button[type="submit"],
.woocommerce-account .woocommerce-Button {
	background: var(--action-buy, #112250);
	color: #fff;
	border: 0;
	border-radius: var(--radius-md, 8px);
	padding: 12px 22px;
	font-weight: 700;
	font-size: .92rem;
	cursor: pointer;
	transition: filter .15s ease;
	line-height: 1.2;
}
.woocommerce-account .button:hover,
.woocommerce-account button[type="submit"]:hover { filter: brightness(1.12); color: #fff; }
.woocommerce-account .woocommerce-MyAccount-content .button.view { background: transparent; color: var(--navy-900, #102134); border: 1px solid var(--border-strong, #c0b2a6); padding: 8px 16px; }

/* ---------- Forms (edit account, addresses, login, register) ---------- */
.woocommerce-account form .form-row,
.woocommerce-account .woocommerce-form-row { margin: 0 0 var(--space-4, 16px); display: flex; flex-direction: column; }
.woocommerce-account label { font-size: .86rem; font-weight: 600; color: var(--navy-900, #102134); margin-bottom: 6px; }
.woocommerce-account .woocommerce-form__label-for-checkbox { flex-direction: row; align-items: center; gap: 8px; font-weight: 500; }
.woocommerce-account input.input-text,
.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="tel"],
.woocommerce-account input[type="password"],
.woocommerce-account select,
.woocommerce-account textarea {
	width: 100%;
	padding: 11px 14px;
	border: 1px solid var(--border-strong, #c0b2a6);
	border-radius: var(--radius-md, 8px);
	background: var(--bg-elevated, #fff);
	color: var(--navy-900, #102134);
	font-size: .95rem;
	font-family: inherit;
}
.woocommerce-account input:focus,
.woocommerce-account select:focus,
.woocommerce-account textarea:focus { outline: none; border-color: var(--gold-500, #896f3d); box-shadow: 0 0 0 3px rgba(137, 111, 61, .12); }
.woocommerce-account fieldset { border: 1px solid var(--border, #d9cbc2); border-radius: var(--radius-md, 8px); padding: var(--space-4, 16px); margin-top: var(--space-4, 16px); }
.woocommerce-account fieldset legend { font-weight: 700; color: var(--navy-900, #102134); padding: 0 6px; }

/* ---------- Login / register (logged out) ---------- */
.woocommerce-account #customer_login.u-columns {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--space-6, 24px);
	max-width: 920px;
	margin-inline: auto;
	padding-block: var(--space-10, 40px);
}
.woocommerce-account #customer_login > div {
	background: var(--bg-elevated, #fff);
	border: 1px solid var(--border, #d9cbc2);
	border-radius: var(--radius-lg, 12px);
	box-shadow: var(--shadow-e2, 0 4px 12px rgba(16, 33, 52, .08));
	padding: var(--space-7, 28px);
}
.woocommerce-account #customer_login h2 { margin-top: 0; color: var(--navy-900, #102134); font-size: 1.3rem; margin-bottom: var(--space-5, 20px); }
.woocommerce-account .woocommerce-form-login__submit,
.woocommerce-account .woocommerce-form-register__submit { width: 100%; margin-top: var(--space-2, 8px); }
.woocommerce-account .woocommerce-LostPassword { margin-top: var(--space-3, 12px); font-size: .85rem; }
@media (max-width: 720px) {
	.woocommerce-account #customer_login.u-columns { grid-template-columns: 1fr; }
}
/* Standalone login form (registration disabled → no #customer_login wrapper): center it as a card. */
.woocommerce-account .woocommerce > h2 { text-align: center; color: var(--navy-900, #102134); margin: var(--space-6, 24px) auto 0; }
.woocommerce-account .woocommerce > form.woocommerce-form-login {
	max-width: 440px;
	margin: var(--space-4, 16px) auto var(--space-10, 40px);
	background: var(--bg-elevated, #fff);
	border: 1px solid var(--border, #d9cbc2);
	border-radius: var(--radius-lg, 12px);
	box-shadow: var(--shadow-e2, 0 4px 12px rgba(16, 33, 52, .08));
	padding: var(--space-7, 28px);
}

/* ---------- Notices ---------- */
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-error {
	border: 1px solid var(--border, #d9cbc2);
	border-inline-start: 3px solid var(--gold-500, #896f3d);
	border-radius: var(--radius-md, 8px);
	background: var(--bg-sunken, #ece4da);
	padding: 12px 16px;
	list-style: none;
	font-size: .9rem;
}
.woocommerce-account .woocommerce-error { border-inline-start-color: var(--clay-error, #b4402e); background: rgba(180, 64, 46, .06); }

/* ---------- Wallet panel ---------- */
.mi-wallet-bal {
	display: flex;
	flex-direction: column;
	gap: 4px;
	background: linear-gradient(135deg, var(--navy-900, #102134), var(--navy-800, #112250));
	color: #fff;
	border-radius: var(--radius-lg, 12px);
	padding: var(--space-6, 24px);
	margin-bottom: var(--space-5, 20px);
}
.mi-wallet-bal .lbl { font-size: .85rem; color: var(--gold-300, #e0c58f); }
.mi-wallet-bal .amt { font-size: 2rem; font-weight: 800; line-height: 1.1; }
.mi-wallet-bal .amt i { font-size: 1rem; font-weight: 500; font-style: normal; color: var(--gold-300, #e0c58f); }
.mi-wallet-empty { text-align: center; color: var(--text-tertiary, #6e6a66); padding: var(--space-8, 32px) 0; }
.mi-wallet-tbl { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid var(--border, #d9cbc2); border-radius: var(--radius-md, 8px); overflow: hidden; }
.mi-wallet-tbl th, .mi-wallet-tbl td { padding: 11px 14px; text-align: start; border-bottom: 1px solid var(--border, #d9cbc2); font-size: .88rem; }
.mi-wallet-tbl thead th { background: var(--bg-sunken, #ece4da); color: var(--navy-900, #102134); font-weight: 700; }
.mi-wallet-tbl tr:last-child td { border-bottom: 0; }
.mi-wallet-tbl .amt.pos { color: var(--success, #2e7d5b); font-weight: 700; }
.mi-wallet-tbl .amt.neg { color: var(--clay-error, #b4402e); font-weight: 700; }

/* ---------- Responsive ---------- */
@media (max-width: 900px) {
	.woocommerce-account.logged-in .woocommerce { grid-template-columns: 1fr; }
	.woocommerce-MyAccount-navigation { position: static; }
	.woocommerce-MyAccount-navigation ul { flex-direction: row; flex-wrap: wrap; }
	.woocommerce-MyAccount-navigation li a { padding: 9px 12px; font-size: .86rem; }
}

/* ---------- Designed page header (replaces the theme's bare .page-header) ---------- */
.woocommerce-account .page-header { display: none; }

.mi-acct-head { padding-block: var(--space-6, 24px) 0; }
.mi-acct-crumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	font-size: .82rem;
	color: var(--text-tertiary, #6b7280);
	margin-bottom: var(--space-5, 20px);
}
.mi-acct-crumb a { color: inherit; text-decoration: none; }
.mi-acct-crumb a:hover { color: var(--navy-900, #102134); }
.mi-acct-crumb span[aria-hidden] { opacity: .5; }
.mi-acct-crumb [aria-current] { color: var(--navy-900, #102134); font-weight: 600; }

.mi-acct-head__main { max-width: 62ch; }
.mi-acct-head__eyebrow {
	display: inline-block;
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .12em;
	color: var(--gold-500, #896f3d);
	margin-bottom: 10px;
}
.mi-acct-head h1 {
	font-size: clamp(1.45rem, 3.4vw, 2.05rem);
	line-height: 1.4;
	color: var(--navy-900, #102134);
	margin: 0 0 10px;
}
.mi-acct-head__lede {
	color: var(--text-secondary, #404751);
	line-height: 1.9;
	font-size: .95rem;
	margin: 0;
}

/* Logged-out (login) view: centre the header so it reads with the centred login card. */
.mi-acct-head--auth { text-align: center; padding-block: var(--space-8, 32px) 0; }
.mi-acct-head--auth .mi-acct-crumb { justify-content: center; }
.mi-acct-head--auth .mi-acct-head__main { margin-inline: auto; max-width: 48ch; }

/* The standalone form's own «ورود» heading duplicates the new h1. */
.woocommerce-account:not(.logged-in) .woocommerce > h2 { display: none; }
.woocommerce-account:not(.logged-in) .woocommerce > form.woocommerce-form-login { margin-top: var(--space-6, 24px); }

/* ---------- Login view: what the account is for (fills the empty band) ---------- */
.mi-acct-benefits {
	list-style: none;
	margin: 0 auto var(--space-6, 24px);
	padding: 0;
	max-width: 920px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--space-4, 16px);
}
.mi-acct-benefits li {
	background: var(--bg-elevated, #fff);
	border: 1px solid var(--border, #d9cbc2);
	border-radius: var(--radius-lg, 12px);
	padding: var(--space-5, 20px);
	text-align: center;
}
.mi-acct-benefits__ico {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: rgba(137, 111, 61, .1);
	color: var(--gold-500, #896f3d);
	margin-bottom: var(--space-3, 12px);
}
.mi-acct-benefits__ico svg { flex: none; width: 21px; height: 21px; }
.mi-acct-benefits h3 { font-size: .95rem; color: var(--navy-900, #102134); margin: 0 0 6px; }
.mi-acct-benefits p { font-size: .84rem; color: var(--text-secondary, #404751); line-height: 1.8; margin: 0; }

.mi-acct-help {
	text-align: center;
	font-size: .86rem;
	color: var(--text-secondary, #404751);
	margin: 0 0 var(--space-10, 40px);
}
.mi-acct-help a { color: var(--link, #3c507d); font-weight: 600; text-decoration: none; }
.mi-acct-help a:hover { text-decoration: underline; }

/* WooCommerce's own rule gives the password field .5em of text padding — match the other inputs
   while keeping room for the show/hide toggle at the inline end. */
.woocommerce-account .password-input input.input-text {
	padding-inline-start: 14px;
	padding-inline-end: 44px;
}

@media (max-width: 720px) {
	.mi-acct-benefits { grid-template-columns: 1fr; }
	.mi-acct-head { padding-block: var(--space-5, 20px) 0; }
}

/* ======================================================================
 * Animated 3D auth flip (login / register) — enhances #customer_login.
 * Progressive: without JS the two columns fall back to the grid above.
 * ==================================================================== */
.mi-auth {
	max-width: 480px;
	margin-inline: auto;
	padding-block: var(--space-8, 32px) var(--space-6, 24px);
}

/* Segmented pill toggle */
.mi-auth__toggle {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr;
	max-width: 320px;
	margin: 0 auto var(--space-6, 24px);
	padding: 5px;
	background: var(--bg-sunken, #ece4da);
	border: 1px solid var(--border, #d9cbc2);
	border-radius: 999px;
}
.mi-auth__tab {
	position: relative;
	z-index: 1;
	appearance: none;
	-webkit-appearance: none;
	border: 0;
	background: transparent;
	padding: 10px 14px;
	border-radius: 999px;
	font-family: inherit;
	font-weight: 700;
	font-size: .95rem;
	color: var(--text-secondary, #404751);
	cursor: pointer;
	transition: color .3s ease;
}
.mi-auth__tab.is-active { color: #fff; }
.mi-auth__tab:focus-visible { outline: 2px solid var(--gold-500, #896f3d); outline-offset: 2px; }
.mi-auth__thumb {
	position: absolute;
	top: 5px;
	bottom: 5px;
	right: 5px;
	left: 50%;
	z-index: 0;
	border-radius: 999px;
	background: var(--action-buy, #112250);
	box-shadow: var(--shadow-e1, 0 1px 2px rgba(16, 33, 52, .15));
	transition: left .45s cubic-bezier(.7, -0.35, .25, 1.4), right .45s cubic-bezier(.7, -0.35, .25, 1.4);
}
.mi-auth[data-active="register"] .mi-auth__thumb { right: 50%; left: 5px; }

/* Flip stage */
.mi-auth__stage { perspective: 1800px; }
.mi-auth__card {
	position: relative;
	width: 100%;
	transform-style: preserve-3d;
	transition: transform .7s cubic-bezier(.2, .75, .25, 1);
}
.mi-auth[data-active="register"] .mi-auth__card { transform: rotateY(180deg); }

.mi-auth__face {
	position: absolute;
	inset: 0;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	background: var(--bg-elevated, #fff);
	border: 1px solid var(--border, #d9cbc2);
	border-radius: var(--radius-lg, 12px);
	box-shadow: var(--shadow-e2, 0 4px 12px rgba(16, 33, 52, .08));
	padding: var(--space-7, 28px);
	transition: visibility 0s linear 0s;
}
.mi-auth__face--register { transform: rotateY(180deg); }
/* Hide the outgoing face only after the flip finishes, so it stays visible mid-rotation
   but leaves the tab order once it faces away. */
.mi-auth[data-active="login"] .mi-auth__face--register,
.mi-auth[data-active="register"] .mi-auth__face--login {
	visibility: hidden;
	transition-delay: .7s;
}

/* The face is now the card: strip the old per-column chrome and duplicate heading. */
.mi-auth .u-column1,
.mi-auth .u-column2 {
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
	box-shadow: none;
}
.mi-auth .u-column1 > h2,
.mi-auth .u-column2 > h2 { display: none; }

.mi-auth__hint {
	margin: 0 0 var(--space-5, 20px);
	font-size: .9rem;
	line-height: 1.8;
	color: var(--text-secondary, #404751);
}

@media (prefers-reduced-motion: reduce) {
	.mi-auth__card,
	.mi-auth__thumb { transition: none; }
}
@media (max-width: 520px) {
	.mi-auth__face { padding: var(--space-6, 24px) var(--space-5, 20px); }
}
/* ----------------------------------------------------------------------
 * Logged-in account grid hardening (fixes the broken dashboard layout).
 * WooCommerce prints an (often empty) .woocommerce-notices-wrapper as the FIRST
 * child of .woocommerce; as a grid item it stole the first cell and knocked the
 * nav + content into the wrong columns (content squeezed into the 264px track,
 * text wrapping 2 words per line). WooCommerce also floats the panels at
 * width:30%/68%. So: pin the two real panels to their columns, span/hide the
 * notices wrapper, and neutralise WooCommerce's float widths. Specificity
 * (0,3,0) beats WooCommerce's (0,2,0) regardless of load order.
 * -------------------------------------------------------------------- */
.woocommerce-account.logged-in .woocommerce::before,
.woocommerce-account.logged-in .woocommerce::after { content: none; }
.woocommerce-account.logged-in .woocommerce > .woocommerce-notices-wrapper { grid-column: 1 / -1; }
.woocommerce-account.logged-in .woocommerce > .woocommerce-notices-wrapper:empty { display: none; }
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation { grid-column: 1; float: none; width: auto; }
.woocommerce-account.logged-in .woocommerce-MyAccount-content { grid-column: 2; float: none; width: auto; min-width: 0; }
@media (max-width: 900px) {
	.woocommerce-account.logged-in .woocommerce-MyAccount-navigation,
	.woocommerce-account.logged-in .woocommerce-MyAccount-content { grid-column: auto; }
}