:root {
	--po-account-navy: #243447;
	--po-account-footer: #1e2b3a;
	--po-account-warm: #f7f5f2;
	--po-account-grey: #f1efea;
	--po-account-sand: #c7b299;
	--po-account-ink: #1d1f21;
	--po-account-copy: #4a4d50;
	--po-account-faint: #9a8e7c;
	--po-account-border: #e4e0d9;
}

body.page-id-210 #main,
body.page-id-210 #main.boxed {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: var(--po-account-grey) !important;
}

body.page-id-210 #main > .container,
body.page-id-210 #main .main-content-wrap,
body.page-id-210 #main .main-content,
body.page-id-210 #content,
body.page-id-210 article,
body.page-id-210 .page-content {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.page-id-210 .page-content > .woocommerce {
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 1376px !important;
	margin: 0 auto !important;
	padding: 0 48px 80px !important;
	font-family: Inter, system-ui, sans-serif !important;
}

body.page-id-210.logged-in .page-content > .woocommerce {
	display: grid !important;
	grid-template-columns: 260px minmax(0, 1fr) !important;
	gap: 32px !important;
	align-items: start !important;
}

body.page-id-210 .woocommerce-notices-wrapper,
body.page-id-210 .po-account-hero {
	grid-column: 1 / -1 !important;
}

body.page-id-210 .po-account-hero {
	position: relative !important;
	left: 50% !important;
	box-sizing: border-box !important;
	width: 100vw !important;
	margin: 0 0 48px -50vw !important;
	padding: 44px 48px 56px !important;
	background: var(--po-account-navy) !important;
}

body.page-id-210 .po-account-hero__shell {
	width: 100% !important;
	max-width: 1280px !important;
	margin: 0 auto !important;
}

body.page-id-210 .po-account-breadcrumbs {
	display: flex !important;
	gap: 10px !important;
	margin: 0 0 22px !important;
	color: rgba(247, 245, 242, .60) !important;
	font-size: 14px !important;
}

body.page-id-210 .po-account-breadcrumbs a,
body.page-id-210 .po-account-breadcrumbs span {
	color: inherit !important;
	text-decoration: none !important;
}

body.page-id-210 .po-account-breadcrumbs span:last-child {
	color: var(--po-account-sand) !important;
}

body.page-id-210 .po-account-hero__row {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 32px !important;
	align-items: flex-end !important;
	justify-content: space-between !important;
}

body.page-id-210 .po-account-eyebrow {
	margin: 0 0 14px !important;
	color: var(--po-account-sand) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	letter-spacing: .10em !important;
	text-transform: uppercase !important;
}

body.page-id-210 .po-account-hero h1 {
	margin: 0 0 8px !important;
	color: var(--po-account-warm) !important;
	font-family: "Plus Jakarta Sans", Inter, sans-serif !important;
	font-size: clamp(36px, 3vw, 42px) !important;
	font-weight: 700 !important;
	line-height: 1.1 !important;
	letter-spacing: -.02em !important;
}

body.page-id-210 .po-account-hero__meta {
	max-width: 720px !important;
	margin: 0 !important;
	color: rgba(247, 245, 242, .72) !important;
	font-size: 17px !important;
	line-height: 1.6 !important;
}

body.page-id-210 .po-account-primary-action,
body.page-id-210 .po-account-secondary-action {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 8px !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
}

body.page-id-210 .po-account-primary-action {
	padding: 13px 24px !important;
	color: var(--po-account-ink) !important;
	background: var(--po-account-sand) !important;
}

body.page-id-210 .po-account-primary-action:hover {
	background: #b89f80 !important;
}

body.page-id-210 .woocommerce-MyAccount-navigation {
	position: sticky !important;
	top: 110px !important;
	float: none !important;
	box-sizing: border-box !important;
	width: 260px !important;
	margin: 0 !important;
	padding: 14px !important;
	background: #fff !important;
	border: 1px solid var(--po-account-border) !important;
	border-radius: 16px !important;
}

body.page-id-210 .woocommerce-MyAccount-navigation ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

body.page-id-210 .woocommerce-MyAccount-navigation li {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

body.page-id-210 .woocommerce-MyAccount-navigation li a {
	display: flex !important;
	gap: 12px !important;
	align-items: center !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 12px 14px !important;
	color: var(--po-account-copy) !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 10px !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	text-decoration: none !important;
}

body.page-id-210 .woocommerce-MyAccount-navigation li a:hover {
	color: var(--po-account-ink) !important;
	background: var(--po-account-warm) !important;
}

body.page-id-210 .woocommerce-MyAccount-navigation li.is-active a {
	color: var(--po-account-ink) !important;
	background: var(--po-account-grey) !important;
	font-weight: 600 !important;
}

body.page-id-210 .po-account-nav-dot {
	flex: 0 0 8px !important;
	width: 8px !important;
	height: 8px !important;
	background: transparent !important;
	border-radius: 50% !important;
}

body.page-id-210 .woocommerce-MyAccount-navigation li.is-active .po-account-nav-dot {
	background: var(--po-account-sand) !important;
}

body.page-id-210 .po-account-nav-badge {
	margin-left: auto !important;
	padding: 2px 9px !important;
	color: var(--po-account-ink) !important;
	background: #ede7dd !important;
	border-radius: 20px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
}

body.page-id-210 .woocommerce-MyAccount-navigation-link--customer-logout {
	margin-top: 12px !important;
	padding-top: 12px !important;
	border-top: 1px solid var(--po-account-border) !important;
}

body.page-id-210 .woocommerce-MyAccount-navigation-link--customer-logout a {
	color: var(--po-account-faint) !important;
}

body.page-id-210 .woocommerce-MyAccount-content {
	float: none !important;
	box-sizing: border-box !important;
	width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.page-id-210 .woocommerce-MyAccount-content > .align-left,
body.page-id-210 .woocommerce-MyAccount-content .box-content {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.page-id-210 .po-account-dashboard {
	display: flex !important;
	flex-direction: column !important;
	gap: 32px !important;
}

body.page-id-210 .po-account-kpis {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 24px !important;
}

body.page-id-210 .po-account-kpi,
body.page-id-210 .po-account-panel {
	box-sizing: border-box !important;
	background: #fff !important;
	border: 1px solid var(--po-account-border) !important;
	border-radius: 16px !important;
	box-shadow: none !important;
}

body.page-id-210 .po-account-kpi {
	padding: 28px 30px !important;
}

body.page-id-210 .po-account-kpi span {
	display: block !important;
	margin: 0 0 14px !important;
	color: var(--po-account-faint) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	letter-spacing: .06em !important;
	text-transform: uppercase !important;
}

body.page-id-210 .po-account-kpi strong {
	color: var(--po-account-navy) !important;
	font-family: "Plus Jakarta Sans", Inter, sans-serif !important;
	font-size: 40px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
}

body.page-id-210 .po-account-panel {
	padding: 34px !important;
}

body.page-id-210 .po-account-panel__heading {
	display: flex !important;
	gap: 20px !important;
	align-items: baseline !important;
	justify-content: space-between !important;
	margin: 0 0 24px !important;
}

body.page-id-210 .po-account-panel h2,
body.page-id-210 .po-account-support h2 {
	margin: 0 !important;
	color: var(--po-account-ink) !important;
	font-family: "Plus Jakarta Sans", Inter, sans-serif !important;
	font-size: 24px !important;
	font-weight: 600 !important;
	line-height: 1.25 !important;
}

body.page-id-210 .po-account-panel__heading a,
body.page-id-210 .po-account-inline-action {
	color: var(--po-account-navy) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
}

body.page-id-210 .po-account-active-order {
	padding: 26px 28px !important;
	background: var(--po-account-warm) !important;
	border: 1px solid var(--po-account-border) !important;
	border-radius: 12px !important;
}

body.page-id-210 .po-account-active-order__top {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 24px !important;
	align-items: flex-start !important;
	justify-content: space-between !important;
	margin: 0 0 24px !important;
}

body.page-id-210 .po-account-active-order h3,
body.page-id-210 .po-account-empty h3 {
	margin: 0 0 5px !important;
	color: var(--po-account-ink) !important;
	font-family: "Plus Jakarta Sans", Inter, sans-serif !important;
	font-size: 19px !important;
	font-weight: 600 !important;
}

body.page-id-210 .po-account-active-order p,
body.page-id-210 .po-account-empty p {
	margin: 0 !important;
	color: #7a7e82 !important;
	font-size: 14px !important;
	line-height: 1.6 !important;
}

body.page-id-210 .po-account-status {
	padding: 6px 14px !important;
	color: var(--po-account-ink) !important;
	background: var(--po-account-sand) !important;
	border-radius: 20px !important;
	font-size: 13px !important;
	font-style: normal !important;
	font-weight: 600 !important;
}

body.page-id-210 .po-account-progress {
	display: flex !important;
	align-items: center !important;
	margin: 0 0 22px !important;
}

body.page-id-210 .po-account-progress__step {
	display: flex !important;
	flex: 0 0 auto !important;
	flex-direction: column !important;
	gap: 8px !important;
	align-items: center !important;
	color: var(--po-account-faint) !important;
}

body.page-id-210 .po-account-progress__step > span {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 26px !important;
	height: 26px !important;
	background: #fff !important;
	border: 1.5px solid #d9d5cf !important;
	border-radius: 50% !important;
	font-size: 12px !important;
}

body.page-id-210 .po-account-progress__step.is-done > span {
	color: #fff !important;
	background: var(--po-account-navy) !important;
	border-color: var(--po-account-navy) !important;
}

body.page-id-210 .po-account-progress__step.is-current > span {
	color: var(--po-account-ink) !important;
	background: var(--po-account-sand) !important;
	border-color: var(--po-account-sand) !important;
	font-weight: 700 !important;
}

body.page-id-210 .po-account-progress__step small {
	font-size: 12px !important;
	white-space: nowrap !important;
}

body.page-id-210 .po-account-progress > i {
	flex: 1 1 auto !important;
	height: 2px !important;
	margin: 0 10px 20px !important;
	background: #d9d5cf !important;
}

body.page-id-210 .po-account-progress > i.is-done {
	background: var(--po-account-navy) !important;
}

body.page-id-210 .po-account-order-table {
	overflow: hidden !important;
	border: 1px solid var(--po-account-border) !important;
	border-radius: 12px !important;
}

body.page-id-210 .po-account-order-table__head,
body.page-id-210 .po-account-order-row {
	display: grid !important;
	grid-template-columns: 1.2fr 1fr 1fr 1fr auto !important;
	gap: 16px !important;
	align-items: center !important;
	padding: 14px 24px !important;
}

body.page-id-210 .po-account-order-table__head {
	color: var(--po-account-faint) !important;
	background: var(--po-account-warm) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: .06em !important;
	text-transform: uppercase !important;
}

body.page-id-210 .po-account-order-row {
	border-top: 1px solid #eceae5 !important;
	color: var(--po-account-copy) !important;
	font-size: 14px !important;
}

body.page-id-210 .po-account-order-row strong,
body.page-id-210 .po-account-order-row small {
	display: block !important;
}

body.page-id-210 .po-account-order-row strong {
	color: var(--po-account-ink) !important;
}

body.page-id-210 .po-account-order-row small {
	margin-top: 3px !important;
	color: var(--po-account-faint) !important;
	font-size: 12px !important;
}

body.page-id-210 .po-account-order-row em {
	display: inline-block !important;
	padding: 4px 12px !important;
	color: #3f6149 !important;
	background: #e4ede6 !important;
	border-radius: 20px !important;
	font-size: 12px !important;
	font-style: normal !important;
	font-weight: 600 !important;
}

body.page-id-210 .po-account-order-row > a {
	padding: 8px 16px !important;
	color: var(--po-account-navy) !important;
	background: transparent !important;
	border: 1.5px solid var(--po-account-navy) !important;
	border-radius: 7px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
}

body.page-id-210 .po-account-lower-grid {
	display: grid !important;
	grid-template-columns: minmax(0, 1.3fr) minmax(300px, 1fr) !important;
	gap: 32px !important;
	align-items: start !important;
}

body.page-id-210 .po-account-side-stack {
	display: flex !important;
	flex-direction: column !important;
	gap: 32px !important;
}

body.page-id-210 .po-account-empty {
	padding: 28px !important;
	background: var(--po-account-warm) !important;
	border: 1px solid var(--po-account-border) !important;
	border-radius: 12px !important;
}

body.page-id-210 .po-account-empty .po-account-secondary-action {
	margin-top: 18px !important;
	padding: 11px 18px !important;
	color: var(--po-account-navy) !important;
	border: 1.5px solid var(--po-account-navy) !important;
}

body.page-id-210 .po-account-company dl,
body.page-id-210 .po-account-company dl div {
	margin: 0 !important;
}

body.page-id-210 .po-account-company dl div + div {
	margin-top: 16px !important;
	padding-top: 16px !important;
	border-top: 1px solid #eceae5 !important;
}

body.page-id-210 .po-account-company dt {
	margin-bottom: 3px !important;
	color: var(--po-account-faint) !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	letter-spacing: .06em !important;
	text-transform: uppercase !important;
}

body.page-id-210 .po-account-company dd {
	margin: 0 !important;
	color: var(--po-account-ink) !important;
	font-size: 15px !important;
	line-height: 1.5 !important;
}

body.page-id-210 .po-account-support {
	padding: 32px !important;
	background: var(--po-account-navy) !important;
	border-radius: 16px !important;
}

body.page-id-210 .po-account-support > p {
	margin: 0 0 14px !important;
	color: var(--po-account-sand) !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	letter-spacing: .08em !important;
	text-transform: uppercase !important;
}

body.page-id-210 .po-account-support h2 {
	margin-bottom: 20px !important;
	color: var(--po-account-warm) !important;
	font-size: 20px !important;
}

body.page-id-210 .po-account-support a {
	display: flex !important;
	justify-content: center !important;
	width: 100% !important;
	padding: 13px !important;
	color: var(--po-account-ink) !important;
	background: var(--po-account-sand) !important;
	border-radius: 8px !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
}

/* Logged-out login and registration. */
body.page-id-210:not(.logged-in) .page-content > .woocommerce {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

body.page-id-210:not(.logged-in) .woocommerce > .col-lg-10 {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 48px 80px !important;
}

body.page-id-210:not(.logged-in) #customer_login {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 32px !important;
	width: 100% !important;
	max-width: 1280px !important;
	margin: 0 auto !important;
}

body.page-id-210:not(.logged-in) #customer_login > .u-column1,
body.page-id-210:not(.logged-in) #customer_login > .u-column2 {
	float: none !important;
	box-sizing: border-box !important;
	width: 100% !important;
	padding: 40px !important;
	background: #fff !important;
	border: 1px solid var(--po-account-border) !important;
	border-radius: 16px !important;
}

body.page-id-210:not(.logged-in) #customer_login form {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

body.page-id-210:not(.logged-in) #customer_login h3 {
	margin: 0 0 24px !important;
	color: var(--po-account-ink) !important;
	font-family: "Plus Jakarta Sans", Inter, sans-serif !important;
	font-size: 26px !important;
	font-weight: 600 !important;
	text-transform: none !important;
}

body.page-id-210:not(.logged-in) #customer_login label {
	color: var(--po-account-copy) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
}

body.page-id-210:not(.logged-in) #customer_login input.input-text {
	height: 52px !important;
	padding: 0 16px !important;
	background: var(--po-account-warm) !important;
	border: 1px solid var(--po-account-border) !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	font-size: 16px !important;
}

body.page-id-210:not(.logged-in) #customer_login button[type="submit"] {
	min-height: 50px !important;
	color: var(--po-account-warm) !important;
	background: var(--po-account-navy) !important;
	border: 0 !important;
	border-radius: 8px !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	text-transform: none !important;
}

body.page-id-210:not(.logged-in) #customer_login p,
body.page-id-210:not(.logged-in) #customer_login .woocommerce-privacy-policy-text {
	color: var(--po-account-copy) !important;
	font-size: 14px !important;
	line-height: 1.65 !important;
}

/* Generic endpoint content keeps the same card language. */
body.page-id-210.logged-in .woocommerce-MyAccount-content form,
body.page-id-210.logged-in .woocommerce-MyAccount-content .woocommerce-Addresses,
body.page-id-210.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table,
body.page-id-210.logged-in .woocommerce-MyAccount-content .woocommerce-table {
	box-sizing: border-box !important;
	padding: 32px !important;
	background: #fff !important;
	border: 1px solid var(--po-account-border) !important;
	border-radius: 16px !important;
	box-shadow: none !important;
}

@media (max-width: 991px) {
	body.page-id-210 .page-content > .woocommerce,
	body.page-id-210:not(.logged-in) .woocommerce > .col-lg-10 {
		padding-right: 20px !important;
		padding-bottom: 60px !important;
		padding-left: 20px !important;
	}

	body.page-id-210.logged-in .page-content > .woocommerce {
		grid-template-columns: 1fr !important;
		gap: 24px !important;
	}

	body.page-id-210 .po-account-hero {
		margin-bottom: 32px !important;
		padding: 32px 20px 38px !important;
	}

	body.page-id-210 .po-account-hero__row {
		align-items: flex-start !important;
	}

	body.page-id-210 .woocommerce-MyAccount-navigation {
		position: static !important;
		width: 100% !important;
	}

	body.page-id-210 .woocommerce-MyAccount-navigation ul {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	body.page-id-210 .woocommerce-MyAccount-navigation-link--customer-logout {
		margin-top: 0 !important;
		padding-top: 0 !important;
		border-top: 0 !important;
	}

	body.page-id-210 .po-account-kpis,
	body.page-id-210 .po-account-lower-grid,
	body.page-id-210:not(.logged-in) #customer_login {
		grid-template-columns: 1fr !important;
	}

	body.page-id-210 .po-account-order-table__head {
		display: none !important;
	}

	body.page-id-210 .po-account-order-row {
		grid-template-columns: 1fr 1fr !important;
	}
}

@media (max-width: 575px) {
	body.page-id-210 .woocommerce-MyAccount-navigation ul,
	body.page-id-210 .po-account-kpis,
	body.page-id-210 .po-account-order-row {
		grid-template-columns: 1fr !important;
	}

	body.page-id-210 .po-account-panel,
	body.page-id-210:not(.logged-in) #customer_login > .u-column1,
	body.page-id-210:not(.logged-in) #customer_login > .u-column2 {
		padding: 24px !important;
	}

	body.page-id-210 .po-account-progress {
		align-items: flex-start !important;
		flex-direction: column !important;
		gap: 12px !important;
	}

	body.page-id-210 .po-account-progress__step {
		flex-direction: row !important;
	}

	body.page-id-210 .po-account-progress > i {
		width: 2px !important;
		height: 14px !important;
		margin: -5px 0 -5px 12px !important;
	}
}