.mh-account__layout {
	display: grid;
	gap: 1.5rem;
	margin-top: 2rem;
	align-items: start;
}

/* Kill WooCommerce float layout — it sets nav to width:30% and breaks our grid. */
.mh-account .woocommerce-MyAccount-navigation,
.mh-account .woocommerce-MyAccount-content {
	float: none !important;
	width: auto !important;
	max-width: none !important;
}

.account-nav {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	min-width: 0;
}

.account-nav__link {
	display: flex;
	align-items: center;
	gap: .75rem;
	min-height: 2.75rem;
	padding: .7rem .85rem;
	border: 1px solid rgba(255,255,255,.1);
	border-radius: .85rem;
	background: #18191b;
	color: #fff;
	text-decoration: none;
	font-size: .875rem;
	font-weight: 600;
	line-height: 1.25;
	transition: border-color .2s, background .2s, color .2s;
}

.account-nav__link > span:last-child {
	min-width: 0;
	flex: 1 1 auto;
}

.account-nav__link:hover { border-color: rgba(239,68,68,.45); background: rgba(239,68,68,.08); }
.account-nav__link.is-active { border-color: #dc2626; background: rgba(220,38,38,.15); }
.account-nav__link--muted {
	color: #a1a1aa;
	border-color: transparent;
	background: transparent;
}
.account-nav__link--muted:hover {
	color: #fff;
	border-color: rgba(239,68,68,.45);
	background: rgba(239,68,68,.08);
}
.account-nav__icon {
	display: grid;
	width: 1.25rem;
	height: 1.25rem;
	flex: 0 0 auto;
	place-items: center;
	color: #a1a1aa;
}
.account-nav__icon svg { width: 100%; height: 100%; display: block; }
.account-nav__link:hover .account-nav__icon,
.account-nav__link.is-active .account-nav__icon { color: #f87171; }
.mh-dashboard { padding: 1.5rem; border-radius: .75rem; }
.mh-dashboard p { margin: 0; color: #d4d4d8; }
.mh-dashboard__lead { margin-top: .5rem !important; color: #a1a1aa !important; font-size: .875rem; }
.mh-dashboard__tiles { display: grid; gap: .75rem; margin-top: 1.5rem; }
.mh-dashboard__tiles a { padding: 1rem; border: 1px solid rgba(255,255,255,.1); border-radius: .75rem; color: #fff; text-decoration: none; }
.mh-dashboard__tiles a:hover { border-color: rgba(239,68,68,.4); }
.mh-dashboard__tiles span { display: block; margin-top: .25rem; color: #71717a; font-size: .8rem; }
.mh-orders { display: flex; flex-direction: column; gap: .65rem; }
.mh-order { overflow: hidden; border: 1px solid #72727a; border-radius: .9rem; background: #18191b; }
.mh-order[open] { border-color: rgba(239,68,68,.35); }
.mh-order__summary { display: grid; grid-template-columns: 1.1fr .9fr 1fr auto auto; align-items: center; gap: .75rem; padding: .9rem 1rem; list-style: none; cursor: pointer; }
.mh-order__summary::-webkit-details-marker { display: none; }
.mh-order__id { font-size: .875rem; font-weight: 600; }
.mh-order__date { color: #a1a1aa; font-size: .8rem; }
.mh-order__status { color: #d4d4d8; font-size: .75rem; font-weight: 600; }
.mh-order__status--processing { color: #34d399; }
.mh-order__total { font-size: .8rem; font-weight: 600; text-align: right; }
.mh-order__chevron { width: 1rem; height: 1rem; color: #71717a; transition: transform .2s; }
.mh-order[open] .mh-order__chevron { color: #f87171; transform: rotate(180deg); }
.mh-order__body { padding: .9rem 1rem 1rem; border-top: 1px solid rgba(255,255,255,.08); }
.mh-order__items { display: flex; flex-direction: column; gap: .75rem; margin: 0; padding: 0; list-style: none; }
.mh-order__item { display: flex; align-items: center; gap: .75rem; }
.mh-order__thumb {
	display: block;
	width: 2.5rem !important;
	height: 2.5rem !important;
	max-width: 2.5rem !important;
	flex: 0 0 2.5rem;
	border-radius: .45rem;
	object-fit: cover;
	background: #09090b;
}
.mh-order__item .woocommerce-image-swap-wrapper {
	display: block;
	width: 2.5rem;
	height: 2.5rem;
	flex: 0 0 2.5rem;
	overflow: hidden;
	border-radius: .45rem;
}
.mh-order__item .woocommerce-image-swap-wrapper img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}
.mh-order__item .woocommerce-hover-image {
	display: none !important;
}
.mh-order__item-meta { min-width: 0; flex: 1; }
.mh-order__item-name { display: block; color: #e4e4e7; font-size: .8rem; }
.mh-order__item-qty { display: block; margin-top: .12rem; color: #71717a; font-size: .7rem; }
.mh-order__item-meta .wc-item-meta { margin: .15rem 0 0; padding: 0; color: #71717a; font-size: .7rem; list-style: none; }
.mh-order__item-price { font-size: .8rem; font-weight: 600; white-space: nowrap; }
.mh-order__view { display: inline-flex; margin-top: .9rem; color: #f87171; font-size: .75rem; }
.mh-pagination { display: flex; gap: .75rem; margin-top: 1rem; }
.mh-empty-state { padding: 2rem; border-radius: .75rem; text-align: center; }
.mh-empty-state p { color: #a1a1aa; }
.mh-empty-state span { display: block; color: #71717a; font-size: .85rem; }
.mh-empty-state .mh-btn { margin-top: 1.25rem; }
.mh-profile-form { max-width: 42rem; padding: 1.5rem; border-radius: .75rem; }
.mh-profile-form__grid,
.mh-shipping-fields { display: grid; gap: 1rem; }
.mh-profile-form p { margin: 0 0 1rem; }
.mh-profile-form label { display: block; margin-bottom: .35rem; color: #a1a1aa; font-size: .8rem; }
.mh-profile-form hr { margin: 1.5rem 0; border: 0; border-top: 1px solid rgba(255,255,255,.1); }
.mh-profile-form h2,
.mh-profile-form legend { margin: 0 0 1rem; color: #fff; font-size: .9rem; font-weight: 600; }
.mh-profile-form fieldset { margin: 1.5rem 0 0; padding: 1.5rem 0 0; border: 0; border-top: 1px solid rgba(255,255,255,.1); }
.mh-auth .page-wrap { max-width: 32rem; }
.mh-auth .page-wrap:has(.mh-auth__grid.has-register) { max-width: 58rem; }
.mh-auth__grid { display: grid; gap: 1.5rem; margin-top: 2rem; }
.mh-auth__grid:not(.has-register) {
	width: min(100%, 32rem);
	margin-inline: auto;
}
.mh-auth__form { padding: 1.5rem; border-radius: .75rem; }
.mh-auth__form h2 { display: none; }
.mh-auth__form p { margin: 0 0 1rem; }
.mh-auth__form label { display: block; margin-bottom: .35rem; color: #a1a1aa; font-size: .8rem; }
.mh-auth__form .mh-input {
	border: 1px solid rgba(255,255,255,.12) !important;
	background: rgba(255,255,255,.04) !important;
	color: #fff !important;
}
.mh-auth__form .mh-btn-primary {
	width: 100%;
	background: #dc2626 !important;
	color: #fff !important;
}
.mh-auth__form .woocommerce-form-login__rememberme { display: flex; align-items: center; gap: .5rem; margin: 0 0 1rem; }
.mh-auth__form .lost_password { margin: 1rem 0 0; font-size: .8rem; }
.mh-auth__form a { color: #f87171; }
.mh-account-fav-list {
	display: flex;
	flex-direction: column;
	gap: .65rem;
}
.mh-account-fav-item {
	display: flex;
	align-items: center;
	gap: .75rem;
	padding: .9rem 1rem;
	border: 1px solid #72727a;
	border-radius: .9rem;
	background: #18191b;
}
.mh-account-fav-item__thumb {
	display: block;
	width: 4rem;
	height: 4rem;
	flex: 0 0 4rem;
	overflow: hidden;
	border-radius: .55rem;
	background: #09090b;
}
.mh-account-fav-item__thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.mh-account-fav-item__meta {
	min-width: 0;
	flex: 1;
}
.mh-account-fav-item__name {
	display: block;
	color: #e4e4e7;
	font-size: .8rem;
	font-weight: 600;
	line-height: 1.35;
	text-decoration: none;
}
.mh-account-fav-item__name:hover { color: #f87171; }
.mh-account-fav-item__remove {
	margin-top: .25rem;
	padding: 0;
	border: 0;
	background: none;
	color: #71717a;
	font-size: .7rem;
	cursor: pointer;
}
.mh-account-fav-item__remove:hover { color: #f87171; }
.mh-account-fav-item__price {
	flex: none;
	color: #f87171;
	font-size: .8rem;
	font-weight: 600;
	text-align: right;
	white-space: nowrap;
}
.mh-account-fav-item__price del {
	display: block;
	margin: 0;
	color: #71717a;
	font-weight: 400;
	text-decoration: line-through;
}
.mh-account-fav-item__price ins {
	display: block;
	margin: .12rem 0 0;
	color: #f87171;
	font-weight: 700;
	text-decoration: none;
}
@media (min-width: 640px) {
	.mh-dashboard__tiles { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.mh-profile-form__grid,
	.mh-shipping-fields { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.mh-auth__grid.has-register { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (min-width: 1024px) {
	.mh-account__layout {
		grid-template-columns: 260px minmax(0, 1fr);
		gap: 2rem;
	}
}
@media (max-width: 719px) {
	.mh-order__summary { grid-template-columns: 1fr auto; grid-template-areas: "id chevron" "date status" "total status"; gap: .35rem .75rem; }
	.mh-order__id { grid-area: id; }.mh-order__date { grid-area: date; }.mh-order__status { grid-area: status; justify-self: end; }.mh-order__total { grid-area: total; text-align: left; }.mh-order__chevron { grid-area: chevron; }
}