/* ModusTech My Account. Colours and type match the product, listing and blog pages.
   px only: the theme sets the root font size to 10px, so rem would be tiny. Some rules need !important
   because the theme and WooCommerce's Twenty Twenty styles set floats, widths and pink buttons on these pages. */
.mt-acc {
	--mt-navy: #1A1A2E;
	--mt-text: #3A3E52;
	--mt-muted: #4A4E63;
	--mt-teal: #008A94;
	--mt-teal-dark: #00727A;
	--mt-teal-ink: #00666D;
	--mt-tint: #F1F7F9;
	--mt-tint2: #E3F2F3;
	--mt-line: #DCE6EA;
	--mt-line2: #C7D5DA;
	--mt-font: "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-family: var(--mt-font);
	color: var(--mt-navy);
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: normal;
	text-align: left;
}
.mt-acc *, .mt-acc *::before, .mt-acc *::after { box-sizing: border-box; }
.mt-acc p { margin: 0; }
/* WooCommerce's Twenty Twenty styles set account paragraphs to 20px Helvetica, and the Elementor kit sets
   every link to 14px; these put the page's own type back. */
.woocommerce-account .mt-acc p, .woocommerce-account .mt-acc .woocommerce-MyAccount-content p { font-family: var(--mt-font); font-size: 16px; }
.mt-acc em, .mt-acc address, .mt-acc dl, .mt-acc li { font-family: var(--mt-font); }
body .mt-acc a { color: var(--mt-teal-ink); font-family: var(--mt-font); font-size: inherit; }
body .mt-acc a:hover { color: var(--mt-teal-dark); }

/* The site header floats over the page (like the product, listing and blog pages it scrolls away), so the
   page head leaves room for it. */
body.woocommerce-account .elementor-location-header [data-settings*='"position":"fixed"'] { position: absolute !important; }
.mt-acc a:focus-visible, .mt-acc button:focus-visible, .mt-acc input:focus-visible, .mt-acc select:focus-visible, .mt-acc textarea:focus-visible {
	outline: 3px solid var(--mt-teal); outline-offset: 2px;
}
.mt-acc .screen-reader-text {
	position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.mt-acc .mt-acc-i { flex: none; display: block; }
.mt-acc-wrap { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 40px; }

/* WooCommerce's own wrapper and the page around it */
.woocommerce-account .entry-content > .woocommerce, .woocommerce-account .woocommerce:has(> .mt-acc) {
	max-width: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important;
}

/* Head */
.mt-acc-head { background: var(--mt-tint); padding: 152px 0 32px; }
.mt-acc-crumbs { font-size: 14px; color: var(--mt-muted); margin-bottom: 10px; }
.mt-acc .mt-acc-crumbs a { color: var(--mt-muted); text-decoration: none; }
.mt-acc .mt-acc-crumbs a:hover { text-decoration: underline; }
.mt-acc-headrow { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.mt-acc-titlerow { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.mt-acc h1.mt-acc-title {
	margin: 0; padding: 0; font-family: var(--mt-font); font-size: 40px; line-height: 1.1; font-weight: 600;
	color: var(--mt-navy); letter-spacing: normal; text-transform: none; text-align: left;
}
.mt-acc .mt-acc-lead { margin-top: 8px; font-size: 17px; color: var(--mt-muted); }
.mt-acc .mt-acc-notyou { font-size: 15px; color: var(--mt-muted); }
.mt-acc .mt-acc-notyou a { font-weight: 600; }

/* Body + layout */
.mt-acc-body { padding: 36px 0 72px; }
.mt-acc-layout { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 32px; align-items: start; }
.mt-acc .mt-acc-main {
	float: none !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important;
	min-width: 0; display: flex; flex-direction: column; gap: 24px;
}
.mt-acc .mt-acc-main::before, .mt-acc .mt-acc-main::after { display: none; }

/* Menu */
.mt-acc .mt-acc-nav {
	float: none !important; width: auto !important; margin: 0 !important; padding: 10px !important;
	border: 1px solid var(--mt-line); border-radius: 18px; background: #FFFFFF; position: sticky; top: 24px;
}
.mt-acc .mt-acc-nav ul { list-style: none; margin: 0 !important; padding: 0 !important; display: flex; flex-direction: column; gap: 2px; }
.mt-acc .mt-acc-nav li { margin: 0 !important; padding: 0 !important; border: 0 !important; list-style: none; }
.mt-acc .mt-acc-nav li::before { display: none !important; }
/* "li a" / "li.is-active a" so these beat WooCommerce's grey-and-pink menu links for Twenty Twenty. */
.woocommerce-account .mt-acc .mt-acc-nav li a {
	display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 0 14px; border-radius: 12px;
	color: var(--mt-navy); text-decoration: none; font-size: 16px; font-weight: 500;
}
.woocommerce-account .mt-acc .mt-acc-nav li a:hover { background: var(--mt-tint); color: var(--mt-navy); }
.woocommerce-account .mt-acc .mt-acc-nav li.is-active a, .woocommerce-account .mt-acc .mt-acc-nav li a[aria-current="page"] {
	background: var(--mt-tint2); color: var(--mt-teal-ink); font-weight: 600; text-decoration: none;
}
.mt-acc .mt-acc-nav .mt-acc-nav-sep { height: 1px; background: var(--mt-line); margin: 6px 4px !important; }

/* Cards, headings, text */
.mt-acc-card { border: 1px solid var(--mt-line); border-radius: 18px; padding: 24px; background: #FFFFFF; display: flex; flex-direction: column; gap: 18px; }
.mt-acc .mt-acc-h2, .mt-acc .mt-acc-h3 {
	margin: 0; padding: 0; font-family: var(--mt-font); font-weight: 600; color: var(--mt-navy);
	letter-spacing: normal; text-transform: none; line-height: 1.3;
}
.mt-acc .mt-acc-h2 { font-size: 22px; }
.mt-acc .mt-acc-h3 { font-size: 18px; }
.mt-acc .mt-acc-h3 a { color: var(--mt-navy); text-decoration: none; }
.mt-acc .mt-acc-h3 a:hover { text-decoration: underline; }
.mt-acc .mt-acc-muted { color: var(--mt-muted); font-weight: 400; }
.mt-acc .mt-acc-small { font-size: 14px; }
.mt-acc .mt-acc-link { font-weight: 600; font-size: 15px; text-decoration: underline; text-underline-offset: 3px; }
.mt-acc-cardhead { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.mt-acc-ico { flex: none; width: 40px; height: 40px; border-radius: 50%; background: #E3EEF1; color: var(--mt-navy); display: flex; align-items: center; justify-content: center; }
.mt-acc-grow { flex: 1; }

/* Buttons. Teal pill (main) and outlined pill (second). */
.mt-acc a.mt-acc-btn, .mt-acc button.mt-acc-btn, .mt-acc a.mt-acc-btn2, .mt-acc button.mt-acc-btn2,
.mt-acc .woocommerce-MyAccount-content .button, .mt-acc .woocommerce-MyAccount-content button[type="submit"] {
	display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; min-height: 46px;
	padding: 0 22px !important; border-radius: 999px !important; font-family: var(--mt-font) !important;
	font-size: 15px !important; font-weight: 600 !important; line-height: 1.2 !important; text-decoration: none !important;
	text-transform: none !important; letter-spacing: normal !important; box-shadow: none !important; cursor: pointer;
	transition: background-color .15s ease, border-color .15s ease;
}
.mt-acc a.mt-acc-btn, .mt-acc button.mt-acc-btn,
.mt-acc .woocommerce-MyAccount-content .button, .mt-acc .woocommerce-MyAccount-content button[type="submit"] {
	background: var(--mt-teal) !important; color: #FFFFFF !important; border: 1px solid var(--mt-teal) !important;
}
.mt-acc a.mt-acc-btn:hover, .mt-acc button.mt-acc-btn:hover,
.mt-acc .woocommerce-MyAccount-content .button:hover, .mt-acc .woocommerce-MyAccount-content button[type="submit"]:hover {
	background: var(--mt-teal-dark) !important; border-color: var(--mt-teal-dark) !important; color: #FFFFFF !important;
}
.mt-acc a.mt-acc-btn2, .mt-acc button.mt-acc-btn2 {
	background: #FFFFFF !important; color: var(--mt-navy) !important; border: 1px solid var(--mt-line2) !important;
}
.mt-acc a.mt-acc-btn2:hover, .mt-acc button.mt-acc-btn2:hover { border-color: var(--mt-navy) !important; color: var(--mt-navy) !important; background: #FFFFFF !important; }
.mt-acc .mt-acc-regbox button.mt-acc-btn2 { border-color: var(--mt-navy) !important; }
.mt-acc .mt-acc-wide { width: 100%; }
.mt-acc .mt-acc-textbtn { align-self: center; font-size: 15px; font-weight: 600; color: var(--mt-muted); text-decoration: underline; text-underline-offset: 3px; }
.mt-acc-btns { display: flex; gap: 12px; flex-wrap: wrap; }

/* Status pills */
.mt-acc-pill { display: inline-flex; align-items: center; font-size: 14px; font-weight: 600; padding: 5px 12px; border-radius: 999px; white-space: nowrap; line-height: 1.3; }
.mt-acc-pill--wait { background: #FFF1D6; color: #7A4A00; }
.mt-acc-pill--ok { background: #DDF1EA; color: #145A3E; }
.mt-acc-pill--bad { background: #FDE4E4; color: #8A1C1C; }
.mt-acc-pill--off { background: #ECEEF2; color: #3A3E52; }

/* Order rows */
.mt-acc-orderrow { display: flex; gap: 18px; align-items: center; }
.mt-acc-thumb { flex: none; width: 88px; height: 88px; border-radius: 12px; overflow: hidden; background: var(--mt-tint); display: flex; align-items: center; justify-content: center; }
.mt-acc-thumb--s { width: 72px; height: 72px; }
.mt-acc .mt-acc-thumb img { width: 100%; height: 100%; object-fit: contain; margin: 0; display: block; }
.mt-acc-orderinfo { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.mt-acc .mt-acc-itemname { font-size: 18px; font-weight: 600; line-height: 1.3; }
.mt-acc .mt-acc-itemname a { color: var(--mt-navy); text-decoration: none; }
.mt-acc .mt-acc-itemname a:hover { text-decoration: underline; }
.mt-acc .mt-acc-orderinfo .mt-acc-muted { font-size: 15px; }
.mt-acc-orderside { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.mt-acc .mt-acc-total { font-size: 18px; font-weight: 600; white-space: nowrap; }
.mt-acc-orders { display: flex; flex-direction: column; gap: 18px; }
.mt-acc-paging { display: flex; justify-content: space-between; gap: 12px; }

/* Progress steps */
.mt-acc .mt-acc-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; margin: 0; padding: 0; }
.mt-acc .mt-acc-steps li { position: relative; display: flex; flex-direction: column; gap: 2px; padding: 34px 12px 0 0; margin: 0; font-size: 15px; }
.mt-acc .mt-acc-steps li::before { content: ""; position: absolute; top: 11px; left: 0; right: 0; height: 4px; background: var(--mt-line); }
.mt-acc .mt-acc-steps li:first-child::before { left: 11px; }
.mt-acc .mt-acc-steps li.is-done::before { background: var(--mt-teal); }
.mt-acc .mt-acc-steps li.is-now::before { background: linear-gradient(90deg, var(--mt-teal) 50%, var(--mt-line) 50%); }
.mt-acc .mt-acc-steps b { font-weight: 600; }
.mt-acc .mt-acc-steps li.is-todo b { color: var(--mt-muted); }
.mt-acc .mt-acc-step-note { font-size: 14px; color: var(--mt-muted); }
.mt-acc-dot { position: absolute; top: 2px; left: 0; width: 22px; height: 22px; border-radius: 50%; background: #FFFFFF; border: 3px solid var(--mt-line); display: flex; align-items: center; justify-content: center; color: #FFFFFF; z-index: 1; }
.is-done .mt-acc-dot { background: var(--mt-teal); border-color: var(--mt-teal); }
.is-now .mt-acc-dot { border-color: var(--mt-teal); }
.mt-acc .is-done .mt-acc-dot svg { stroke-width: 4; }

/* Overview tiles */
.mt-acc-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.mt-acc-tile { gap: 10px; }
.mt-acc .mt-acc-tile p { font-size: 15px; line-height: 1.55; overflow-wrap: anywhere; }
.mt-acc .mt-acc-tl { margin-top: auto; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }

/* Help box */
.mt-acc-help { background: var(--mt-tint); border-radius: 18px; padding: 28px; display: flex; flex-direction: column; gap: 18px; }
.mt-acc-help .mt-acc-muted { margin-top: 6px; font-size: 15px; }
.mt-acc-helpgrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.mt-acc .mt-acc-helpgrid a { display: flex; align-items: center; gap: 14px; background: #FFFFFF; border-radius: 14px; padding: 16px; min-height: 64px; color: var(--mt-navy); text-decoration: none; border: 1px solid transparent; }
.mt-acc .mt-acc-helpgrid a:hover { border-color: var(--mt-teal); color: var(--mt-navy); }
.mt-acc .mt-acc-helpgrid b { display: block; font-size: 16px; font-weight: 600; }
.mt-acc .mt-acc-sub { display: block; font-size: 14px; color: var(--mt-muted); }

/* Simple link rows (help page, problem box) */
.mt-acc .mt-acc-rows a { display: flex; align-items: center; justify-content: space-between; min-height: 48px; color: var(--mt-navy); text-decoration: none; font-weight: 500; border-top: 1px solid #E6ECEF; }
.mt-acc .mt-acc-rows a:first-child { border-top: 0; }
.mt-acc .mt-acc-rows a:hover { color: var(--mt-teal-ink); }

/* Phone-only menu list on the overview */
.mt-acc-phonemenu { display: none; }

/* Order page */
.mt-acc .mt-acc-back { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; font-size: 15px; text-decoration: none; align-self: flex-start; }
.mt-acc-track { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; background: var(--mt-tint); border-radius: 14px; padding: 16px 18px; }
.mt-acc-track > div { display: flex; flex-direction: column; gap: 2px; }
.mt-acc-track .mt-acc-muted { font-size: 14px; }
.mt-acc .mt-acc-tracknum { font-size: 17px; font-weight: 600; letter-spacing: .02em; overflow-wrap: anywhere; }
.mt-acc-two { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 24px; align-items: start; }
.mt-acc-col { display: flex; flex-direction: column; gap: 24px; min-width: 0; }
.mt-acc-aside { gap: 14px; }
.mt-acc .mt-acc-items { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 16px; }
.mt-acc .mt-acc-items li { display: flex; gap: 16px; align-items: center; margin: 0; }
.mt-acc .mt-acc-items .mt-acc-thumb { width: 80px; height: 80px; }
.mt-acc .mt-acc-sum { margin: 0; border-top: 1px solid #E6ECEF; padding-top: 16px; display: flex; flex-direction: column; gap: 10px; }
.mt-acc .mt-acc-sum div { display: flex; justify-content: space-between; gap: 16px; font-size: 16px; }
.mt-acc .mt-acc-sum dt { color: var(--mt-muted); margin: 0; font-weight: 400; }
.mt-acc .mt-acc-sum dd { margin: 0; text-align: right; }
.mt-acc .mt-acc-sum .is-total { font-size: 18px; font-weight: 600; }
.mt-acc .mt-acc-sum .is-total dt { color: var(--mt-navy); font-weight: 600; }
.mt-acc .mt-acc-sum small { font-size: 13px; color: var(--mt-muted); font-weight: 400; }
.mt-acc-addrs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.mt-acc-addrs > div { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.mt-acc address { font-style: normal; font-size: 15px; line-height: 1.6; overflow-wrap: anywhere; margin: 0; }
.mt-acc .mt-acc-notes { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.mt-acc .mt-acc-notes li { margin: 0; padding-left: 14px; border-left: 3px solid var(--mt-line); }
.mt-acc .mt-acc-notes p { margin: 0; }
.mt-acc-problem { background: var(--mt-tint); border-radius: 18px; padding: 20px; display: flex; flex-direction: column; gap: 8px; }

/* Notices inside the account pages (including the "confirm your email" bar on Orders) */
/* Plain blocks, so text with bold parts or links keeps its spaces; a notice that starts with a button
   (for example "Confirm email address") is laid out as a row. */
.mt-acc .woocommerce-message, .mt-acc .woocommerce-info, .mt-acc .woocommerce-error, .mt-acc .woocommerce-notice {
	display: block !important;
	margin: 0 !important; padding: 14px 18px !important; border: 0 !important; border-radius: 14px !important;
	background: var(--mt-tint2) !important; color: var(--mt-navy) !important; font-size: 15px !important; list-style: none;
	font-family: var(--mt-font) !important; line-height: 1.5;
}
.mt-acc .woocommerce-message:has(> .button:first-child), .mt-acc .woocommerce-info:has(> .button:first-child) {
	display: flex !important; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
}
.mt-acc .woocommerce-error { background: #FDECEC !important; color: #7A1A1A !important; }
/* Elementor's notice styles (body class e-wc-error-notice) lay each line out as a spread-out row with a
   thick border; keep a plain sentence. */
.mt-acc .woocommerce-error li, .mt-acc .woocommerce-message li, .mt-acc .woocommerce-info li {
	display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important;
}
.mt-acc .woocommerce-error li::before { display: none !important; }
/* WooCommerce moves focus to a new notice so screen readers read it out; a soft ring instead of the browser's black one. */
.mt-acc .woocommerce-error:focus, .mt-acc .woocommerce-message:focus, .mt-acc .woocommerce-info:focus { outline: 2px solid #E9B4B4; outline-offset: 0; }
.mt-acc .woocommerce-message:focus, .mt-acc .woocommerce-info:focus { outline-color: #A9D8DB; }
.mt-acc .woocommerce-message::before, .mt-acc .woocommerce-info::before, .mt-acc .woocommerce-error::before { display: none !important; }
.mt-acc .woocommerce-notices-wrapper:empty { display: none; }
.mt-acc .woocommerce-notices-wrapper { display: flex; flex-direction: column; gap: 12px; }
.mt-acc .woocommerce-message .button, .mt-acc .woocommerce-info .button, .mt-acc .woocommerce-info a.wc-forward {
	order: 2; float: none !important; margin: 0 !important; min-height: 40px !important;
	background: #FFFFFF !important; color: var(--mt-navy) !important; border: 1px solid var(--mt-line2) !important;
	border-radius: 999px !important; padding: 0 18px !important; font-size: 15px !important; font-weight: 600 !important;
	display: inline-flex !important; align-items: center; text-decoration: none !important; text-transform: none !important; letter-spacing: normal !important;
}

/* Forms: account details, addresses, sign-in, password reset */
.mt-acc form .form-row { margin: 0 0 16px !important; padding: 0 !important; }
.mt-acc form label { display: block; font-size: 15px; font-weight: 600; color: var(--mt-navy); margin: 0 0 6px; letter-spacing: normal; text-transform: none; }
.mt-acc form .required { color: #8A1C1C; text-decoration: none; border: 0; }
.mt-acc form input.input-text, .mt-acc form input[type="text"], .mt-acc form input[type="email"], .mt-acc form input[type="tel"],
.mt-acc form input[type="password"], .mt-acc form select, .mt-acc form textarea, .mt-acc .select2-container .select2-selection--single {
	width: 100%; min-height: 50px; height: auto; border: 1px solid #9AABB2 !important; border-radius: 12px !important;
	padding: 12px 14px !important; font-family: var(--mt-font) !important; font-size: 16px !important; color: var(--mt-navy);
	background: #FFFFFF; box-shadow: none; margin: 0; line-height: 1.4;
}
.mt-acc .select2-container .select2-selection--single .select2-selection__rendered { padding: 0; line-height: 24px; color: var(--mt-navy); }
.mt-acc .select2-container .select2-selection--single .select2-selection__arrow { top: 12px; right: 10px; }
.mt-acc form input:focus, .mt-acc form select:focus, .mt-acc form textarea:focus { border-color: var(--mt-teal) !important; }
.mt-acc form input[type="checkbox"] { width: 20px; height: 20px; accent-color: var(--mt-teal); margin: 0; vertical-align: middle; }
.mt-acc form .password-input { position: relative; display: block; width: 100%; }
.mt-acc form .show-password-input { position: absolute !important; right: 8px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; background: transparent !important; border: 0 !important; padding: 0 !important; min-height: 0 !important; }
.mt-acc form em, .mt-acc form .description { font-size: 14px; color: var(--mt-muted); font-style: normal; display: block; margin-top: 6px; }
.mt-acc fieldset { border: 1px solid var(--mt-line); border-radius: 14px; padding: 18px 18px 4px; margin: 8px 0 20px; }
.mt-acc fieldset legend { font-weight: 600; font-size: 17px; padding: 0 6px; }
.mt-acc .woocommerce-EditAccountForm, .mt-acc .woocommerce-address-fields, .mt-acc .woocommerce-MyAccount-content > form {
	border: 1px solid var(--mt-line); border-radius: 18px; padding: 24px; background: #FFFFFF;
}
.mt-acc .woocommerce-address-fields form, .mt-acc .woocommerce-MyAccount-content form .woocommerce-address-fields { border: 0; padding: 0; }
.mt-acc .woocommerce-MyAccount-content form h2, .mt-acc .woocommerce-MyAccount-content form h3 { font-family: var(--mt-font); font-size: 22px; font-weight: 600; margin: 0 0 16px; }
.mt-acc .woocommerce-MyAccount-content > form .clear { display: none; }

/* Addresses page (WooCommerce's own markup) */
.mt-acc .woocommerce-MyAccount-content > p:first-child { color: var(--mt-muted); font-size: 16px; }
.mt-acc .woocommerce-Addresses { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin: 0 !important; }
.mt-acc .woocommerce-Addresses::before, .mt-acc .woocommerce-Addresses::after { display: none !important; }
.mt-acc .woocommerce-Addresses .woocommerce-Address {
	float: none !important; width: auto !important; max-width: none !important; margin: 0 !important;
	border: 1px solid var(--mt-line); border-radius: 18px; padding: 24px; display: flex; flex-direction: column; gap: 12px;
}
.mt-acc .woocommerce-Address-title { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0; }
.mt-acc .woocommerce-Address-title::before, .mt-acc .woocommerce-Address-title::after { display: none !important; }
.mt-acc .woocommerce-Address-title h2, .mt-acc .woocommerce-Address-title h3 { font-family: var(--mt-font); font-size: 20px; font-weight: 600; margin: 0; float: none; }
.mt-acc .woocommerce-Address-title .edit {
	float: none !important; flex: none; font-weight: 600; font-size: 15px; text-decoration: underline; text-underline-offset: 3px;
}
.mt-acc .woocommerce-Address { position: relative; }
.mt-acc .woocommerce-Address address { order: 2; }

/* Payment methods table */
.mt-acc table.shop_table { width: 100%; border: 1px solid var(--mt-line); border-radius: 18px; border-collapse: separate; border-spacing: 0; overflow: hidden; margin: 0; font-size: 15px; }
.mt-acc table.shop_table th, .mt-acc table.shop_table td { padding: 14px 16px; border: 0; border-top: 1px solid #E6ECEF; text-align: left; }
.mt-acc table.shop_table thead th { border-top: 0; background: var(--mt-tint); font-weight: 600; }
.mt-acc table.shop_table .button { min-height: 38px !important; padding: 0 14px !important; font-size: 14px !important; margin: 2px 4px 2px 0 !important; }

/* Sign in / create account */
.mt-acc-logincols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; align-items: start; }
.mt-acc-logincols.is-single { grid-template-columns: minmax(0, 520px); }
.mt-acc .mt-acc-loginbox, .mt-acc .mt-acc-regbox, .mt-acc .mt-acc-narrow { padding: 32px; }
.mt-acc .mt-acc-regbox { background: var(--mt-tint); border-color: var(--mt-tint); }
.mt-acc .mt-acc-regbox > p { font-size: 16px; line-height: 1.55; }
.mt-acc .mt-acc-narrow { max-width: 560px; }
.mt-acc .mt-acc-narrow form > p:first-child { margin-bottom: 18px; color: var(--mt-text); }
.mt-acc .mt-acc-loginrow { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin: 0 0 18px; }
.mt-acc .mt-acc-loginrow label { display: flex; align-items: center; gap: 10px; font-weight: 400; min-height: 44px; margin: 0; }
.mt-acc .mt-acc-guest { border-top: 1px solid #E6ECEF; padding-top: 16px; font-size: 15px; }
.mt-acc .mt-acc-perks { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; font-size: 15px; }
.mt-acc .mt-acc-perks li { display: flex; gap: 10px; align-items: center; margin: 0; }
.mt-acc .mt-acc-perks svg { color: var(--mt-teal); stroke-width: 2.5; }
.mt-acc .mt-acc-privacy { font-size: 14px; color: var(--mt-muted); margin: 0 0 16px; }
.mt-acc .mt-acc-privacy p { margin: 0 0 8px; }
.mt-acc .mt-acc-loginbox .woocommerce-form-login, .mt-acc .mt-acc-regbox .woocommerce-form-register { border: 0 !important; padding: 0 !important; margin: 0 !important; }
.mt-acc--login .woocommerce-notices-wrapper { margin-bottom: 20px; }

/* Lost-password confirmation and the "set a new password" form keep WooCommerce's own templates: give them room. */
.woocommerce-lost-password .woocommerce:not(:has(.mt-acc)) { max-width: 560px; margin: 48px auto 72px !important; padding: 0 16px; font-family: "Jost", -apple-system, "Segoe UI", Roboto, sans-serif; font-size: 16px; }

/* Paragraph sizes, stronger than the general paragraph rule near the top. */
.woocommerce-account .mt-acc p.mt-acc-lead { font-size: 17px; }
.woocommerce-account .mt-acc p.mt-acc-notyou, .woocommerce-account .mt-acc p.mt-acc-guest { font-size: 15px; }
.woocommerce-account .mt-acc p.mt-acc-itemname { font-size: 18px; }
.woocommerce-account .mt-acc .mt-acc-orderinfo p.mt-acc-muted { font-size: 15px; }
.woocommerce-account .mt-acc .mt-acc-tile p { font-size: 15px; }
.woocommerce-account .mt-acc .mt-acc-help p.mt-acc-muted { font-size: 15px; }
.woocommerce-account .mt-acc p.mt-acc-small, .woocommerce-account .mt-acc .mt-acc-privacy p { font-size: 14px; }

/* Tablet and phone */
@media (max-width: 1000px) {
	.mt-acc-tiles { grid-template-columns: minmax(0, 1fr); }
	.mt-acc-two { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 900px) {
	.mt-acc-wrap { padding: 0 16px; }
	.mt-acc-head { padding: 134px 0 22px; }
	.mt-acc h1.mt-acc-title { font-size: 32px; }
	.woocommerce-account .mt-acc p.mt-acc-lead { font-size: 16px; }
	.woocommerce-account .mt-acc p.mt-acc-itemname { font-size: 16px; }
	.woocommerce-account .mt-acc .mt-acc-orderinfo p.mt-acc-muted { font-size: 14px; }
	.mt-acc-body { padding: 20px 0 48px; }
	.mt-acc-layout { grid-template-columns: minmax(0, 1fr); gap: 18px; }
	.mt-acc .mt-acc-main { gap: 18px; }
	.mt-acc .mt-acc-nav { position: static; border: 0; border-radius: 0; padding: 0 !important; margin: 0 -16px !important; background: transparent; }
	.mt-acc .mt-acc-nav ul { flex-direction: row; gap: 8px; overflow-x: auto; padding: 0 16px 4px !important; scrollbar-width: none; }
	.mt-acc .mt-acc-nav ul::-webkit-scrollbar { display: none; }
	.mt-acc .mt-acc-nav li { flex: none; }
	.woocommerce-account .mt-acc .mt-acc-nav li a { min-height: 42px; padding: 0 14px; border: 1px solid var(--mt-line2); border-radius: 999px; font-size: 15px; background: #FFFFFF; white-space: nowrap; }
	.mt-acc .mt-acc-nav a .mt-acc-i { display: none; }
	.woocommerce-account .mt-acc .mt-acc-nav li.is-active a, .woocommerce-account .mt-acc .mt-acc-nav li a[aria-current="page"] { background: var(--mt-navy); border-color: var(--mt-navy); color: #FFFFFF; }
	.mt-acc .mt-acc-nav .mt-acc-nav-sep { display: none; }
	.mt-acc--dashboard .mt-acc-nav { display: none; }
	.mt-acc-phonemenu { display: block; border: 1px solid var(--mt-line); border-radius: 16px; overflow: hidden; }
	.mt-acc .mt-acc-phonemenu a { display: flex; align-items: center; gap: 14px; min-height: 56px; padding: 0 16px; color: var(--mt-navy); text-decoration: none; font-size: 16px; font-weight: 500; border-top: 1px solid #E6ECEF; }
	.mt-acc .mt-acc-phonemenu a:first-child { border-top: 0; }
	.mt-acc .mt-acc-phonemenu .mt-acc-ico { width: 36px; height: 36px; }
	.mt-acc .mt-acc-phonemenu .mt-acc-i { color: var(--mt-muted); }
	.mt-acc .mt-acc-phonemenu .mt-acc-ico .mt-acc-i { color: var(--mt-navy); }
	.mt-acc--dashboard .mt-acc-tiles { display: none; }
	.mt-acc-card { padding: 18px; gap: 14px; border-radius: 16px; }
	.mt-acc .mt-acc-h2 { font-size: 19px; }
	.mt-acc .mt-acc-h3 { font-size: 17px; }
	.mt-acc-orderrow { gap: 14px; flex-wrap: wrap; }
	.mt-acc-thumb { width: 64px; height: 64px; }
	.mt-acc .mt-acc-itemname { font-size: 16px; }
	.mt-acc .mt-acc-orderinfo .mt-acc-muted { font-size: 14px; }
	.mt-acc-orderside { flex-direction: row; align-items: center; justify-content: space-between; width: 100%; }
	.mt-acc .mt-acc-steps li { font-size: 13px; padding-top: 30px; }
	.mt-acc .mt-acc-step-note { font-size: 12px; }
	.mt-acc-btns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.mt-acc-btns > a { width: 100%; padding: 0 12px !important; }
	.mt-acc-btns > a:only-child { grid-column: 1 / -1; }
	.mt-acc .mt-acc-pdf { display: none; }
	.mt-acc .mt-acc-textbtn { grid-column: 1 / -1; justify-self: center; }
	.mt-acc-help { padding: 18px; border-radius: 16px; }
	.mt-acc-helpgrid { grid-template-columns: minmax(0, 1fr); gap: 10px; }
	.mt-acc .mt-acc-helpgrid a { padding: 14px; }
	.mt-acc-addrs { grid-template-columns: minmax(0, 1fr); }
	.mt-acc .woocommerce-Addresses { grid-template-columns: minmax(0, 1fr); }
	.mt-acc .mt-acc-items li { flex-wrap: wrap; }
	.mt-acc .mt-acc-items .mt-acc-thumb { width: 64px; height: 64px; }
	.mt-acc-logincols { grid-template-columns: minmax(0, 1fr); gap: 18px; }
	.mt-acc .mt-acc-loginbox, .mt-acc .mt-acc-regbox, .mt-acc .mt-acc-narrow { padding: 22px; }
	.mt-acc .woocommerce-EditAccountForm, .mt-acc .woocommerce-address-fields, .mt-acc .woocommerce-MyAccount-content > form { padding: 18px; }
	.mt-acc form .form-row-first, .mt-acc form .form-row-last { float: none !important; width: 100% !important; }
	.mt-acc table.shop_table thead { display: none; }
	.mt-acc table.shop_table tr { display: block; border-top: 1px solid #E6ECEF; }
	.mt-acc table.shop_table td { display: flex; justify-content: space-between; gap: 12px; border: 0; padding: 10px 16px; }
	.mt-acc table.shop_table td::before { content: attr(data-title); font-weight: 600; }
}