/* Max Volume Nutrition / unified premium customer account.
   Scoped separately from admin and storefront to protect existing functionality. */
:root{color-scheme:light}
body.account-page{margin:0;min-height:100vh;background:#f6f7f7;color:#1e242b;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.55}
.account-page *, .account-page *::before,.account-page *::after{box-sizing:border-box}
.account-page [hidden]{display:none!important}
.account-page a{text-decoration:none}
.account-page button,.account-page input,.account-page select{font:inherit}
.account-page .logo-filter-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.account-page .account-utility{background:#101419;color:#d1d4d8;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:9px max(24px,calc((100% - 1320px)/2));min-height:35px;font-size:10px;font-weight:750;letter-spacing:.075em}
.account-page .utility-divider{color:#b18d4b;padding:0 10px}
.account-page .account-utility a{color:#e4ca93;text-underline-offset:4px;border-bottom:1px solid #8f753d;white-space:nowrap}
.account-page .account-masthead{background:#14181e;color:#fff;border-bottom:1px solid #32363b}
.account-page .account-masthead-inner{width:min(100%,1400px);min-height:106px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:12px 30px}
.account-page .account-brand{
  display:block;flex:0 0 292px;width:292px;height:82px;
  background-image:url("max-volume-logo-wide.png");
  background-repeat:no-repeat;background-size:100% auto;background-position:center center;
  filter:url("#mvnGoldKey");
}
.account-page .account-brand img{display:block;width:100%;height:100%;object-fit:contain;opacity:0}
.account-page .account-mainnav{display:flex;align-items:center;justify-content:center;flex:1;gap:clamp(14px,2.5vw,39px)}
.account-page .account-mainnav a{color:#d8dadd;font-size:12px;font-weight:740;letter-spacing:.025em;white-space:nowrap;padding:18px 0;border-bottom:2px solid transparent}
.account-page .account-mainnav a:hover{color:#f2d6a0}
.account-page .account-mainnav a[aria-current=page]{color:#fff;border-bottom-color:#c7a467}
.account-page .account-store-link{display:inline-flex;align-items:center;gap:9px;border:1px solid #72777e;padding:13px 16px;color:#fff!important;font-size:11px;font-weight:800;letter-spacing:.02em;white-space:nowrap;min-height:46px;border-radius:3px}
.account-page .account-store-link:hover{background:#343b43}
.account-page .account-intro{background:#fff;border-bottom:1px solid #e4e7eb}
.account-page .account-intro-inner{max-width:1320px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(255px,350px);align-items:center;gap:60px;padding:61px 24px 65px}
.account-page .account-eyebrow,.account-page .panel-step{display:block;color:#967343;font-size:11px;font-weight:830;letter-spacing:.105em;margin:0 0 12px}
.account-page .account-eyebrow span{color:#aab0b7;padding:0 6px}
.account-page .account-intro h1{color:#171c22;font-size:clamp(49px,5vw,77px);font-weight:890;letter-spacing:-.064em;line-height:1.05;margin:0 0 18px}
.account-page .account-intro h1 span{color:#b18b4b}
.account-page .account-intro-copy>p:last-child{color:#63707c;font-size:15px;line-height:1.7;max-width:650px;margin:0}
.account-page .account-support{border-left:2px solid #c7a465;padding:12px 0 12px 21px;display:flex;gap:15px;align-items:flex-start}
.account-page .support-symbol{display:grid;place-items:center;color:#b88e50;flex:0 0 38px;margin-top:3px}
.account-page .account-support strong{display:block;font-size:14px;color:#212830;margin:0 0 2px}
.account-page .account-support p{font-size:12px;color:#76808a;margin:0 0 9px}
.account-page .account-support a{font-size:12px;font-weight:800;color:#88672f;text-decoration:underline;text-underline-offset:4px}
.account-page .account-main.commerce{max-width:1320px;width:100%;margin:auto;padding:40px 24px 78px}
.account-page .account-message{border:1px solid #e0cfae;border-left:4px solid #b08a4b;background:#fffaf0;color:#4e463c;padding:13px 17px;margin:0 0 24px;font-weight:650;font-size:13px;border-radius:2px}
.account-page .account-message[data-state=error]{border-color:#f2cdce;border-left-color:#c63e4b;background:#fff7f8;color:#8b2632}
.account-page .account-message[data-state=success]{border-color:#cbe8d6;border-left-color:#238a58;background:#f5fff9;color:#1f6847}
.account-page .account-auth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px;align-items:stretch}
.account-page .account-panel{background:#fff;border:1px solid #e0e5e9;border-radius:3px;box-shadow:0 6px 22px rgba(21,32,43,.035);padding:32px 35px 33px;min-width:0}
.account-page .account-panel.registration-panel{background:#fff;border-top:3px solid #c5a05f;padding-top:30px}
.account-page .account-panel.login-panel{border-top:3px solid #28313a;padding-top:30px}
.account-page .panel-heading{margin:0 0 29px}
.account-page .panel-heading h2{margin:0 0 8px;color:#1d252d;font-size:clamp(25px,2.6vw,34px);font-weight:850;letter-spacing:-.045em;line-height:1.17}
.account-page .panel-heading p{font-size:13px;color:#6b7681;line-height:1.62;margin:0;max-width:475px}
.account-page .panel-heading .panel-step{margin:0 0 12px}
.account-page form{display:flex;flex-direction:column;gap:0}
.account-page form label{margin:0 0 8px;display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:12px;letter-spacing:.015em;font-weight:770;color:#303943}
.account-page form label small{font-size:11px;color:#79838e;font-weight:500}
.account-page form input,.account-page form select{
  display:block;width:100%;min-width:0;min-height:49px;height:49px;
  background:#fff;color:#212a32;border:1px solid #cfd6dd;
  border-radius:3px;padding:12px 14px;box-shadow:none;outline:0;font-size:13px;margin:0 0 20px;
}
.account-page form input::placeholder{color:#929ba4}
.account-page form input:focus,.account-page form select:focus{border-color:#ae894b;box-shadow:0 0 0 3px rgba(178,138,76,.12)}
.account-page .password-control{position:relative}
.account-page .password-control input{padding-right:71px}
.account-page .show-password{position:absolute;right:7px;top:7px;height:35px;min-width:57px;border:0;border-radius:2px;background:#eff1f2;color:#444f5a;font-size:11px;font-weight:700;cursor:pointer}
.account-page .show-password:hover{background:#e6e9ed}
.account-page .account-submit{margin:5px 0 0;display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;min-height:51px;padding:13px 18px;border:1px solid #1d252d;border-radius:3px;background:#1d252d;color:#fff;font-size:12px;font-weight:800;cursor:pointer;transition:background .15s ease}
.account-page .account-submit span{font-size:20px;font-weight:400;line-height:1}
.account-page .account-submit:hover{background:#343e48}
.account-page .account-submit:disabled{background:#99a2aa;border-color:#99a2aa;opacity:1!important;cursor:wait}
.account-page .registration-panel .account-submit{background:#b58e51;border-color:#b58e51;color:#111820}
.account-page .registration-panel .account-submit:hover{background:#c7a368}
.account-page .panel-footnote{font-size:12px;color:#818b95;padding:15px 0 0;margin:0;border-top:1px solid #e9ecf0;margin-top:24px}
.account-page .account-profile{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 33px;background:#fff;border:1px solid #e2e6eb;border-top:3px solid #c6a165;margin:0 0 23px}
.account-page .account-profile h2{font-size:clamp(26px,3vw,38px);font-weight:850;letter-spacing:-.04em;line-height:1.15;color:#1c242c;margin:5px 0 8px}
.account-page .account-profile p{margin:0;font-weight:700;font-size:12px;color:#6e7882}
.account-page .account-signout{background:#fff;color:#2d363f;border:1px solid #bac2c9;border-radius:3px;min-height:43px;padding:10px 17px;font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer}
.account-page .account-signout:hover{background:#f1f3f5}
.account-page .account-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:23px;align-items:start}
.account-page .account-sidebar{display:grid;gap:23px}
.account-page .account-sidebar .account-panel .panel-heading{margin-bottom:22px}
.account-page .account-sidebar .account-panel .panel-heading h2{font-size:25px}
.account-page .account-sidebar .account-panel{padding:28px}
.account-page .orders-panel{min-height:360px}
.account-page #orders{color:#53606c;font-size:13px}
.account-page #orders>p{background:#f8f9fa;border:1px solid #edf0f2;text-align:center;padding:54px 20px;font-size:13px;color:#67727d}
.account-page #orders table{width:100%;border-collapse:collapse}
.account-page #orders th{padding:12px 10px;background:#f5f6f7;color:#59636e;font-size:10px;text-transform:uppercase;letter-spacing:.05em}
.account-page #orders td{font-size:12px;color:#394651;padding:14px 10px;vertical-align:top}
.account-page .table-scroll{overflow:auto;max-width:100%}
.account-page .inline-link{display:inline-flex;margin-top:25px;border-bottom:1px solid #b68c4a;padding-bottom:4px;color:#815f2f;font-size:12px;font-weight:800;gap:9px}
.account-page #dealerStatus{color:#69747f;font-size:12px}
.account-page .secondary-action{background:#fff;color:#20272e;border-color:#bac2c9}
.account-page .secondary-action:hover{background:#f1f3f5}
.account-page .account-bottom-note{background:#f0f2f3;border-top:1px solid #e0e4e8;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px max(24px,calc((100% - 1272px)/2))}
.account-page .account-bottom-note strong{font-size:11px;letter-spacing:.075em;color:#252c34}
.account-page .account-bottom-note p{max-width:750px;margin:5px 0 0;font-size:12px;color:#6b7681}
.account-page .account-bottom-note a{border-bottom:1px solid #aa854b;color:#69512d;font-size:12px;font-weight:800;white-space:nowrap;padding-bottom:5px}
.account-page .account-footer{background:#15191f;color:#aab3be;padding:25px max(24px,calc((100% - 1272px)/2));display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px;letter-spacing:.02em}
.account-page .account-footer a{color:#d6be8e}
.account-page :is(a,button,input,select):focus-visible{outline:2px solid #bc9352;outline-offset:3px}
@media(max-width:1100px){
 .account-page .account-masthead-inner{padding:13px 21px;gap:20px}
 .account-page .account-brand{flex-basis:240px;width:240px;height:69px}
 .account-page .account-mainnav{gap:18px}
 .account-page .account-mainnav a{font-size:11px}
 .account-page .account-intro-inner{gap:27px}
 .account-page .account-dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(270px,.8fr)}
 .account-page .account-panel{padding:28px}
}
@media(max-width:800px){
 .account-page .account-masthead-inner{display:grid;grid-template-columns:1fr auto;gap:0 14px;padding:10px 18px 0}
 .account-page .account-brand{grid-column:1;grid-row:1;width:220px;max-width:100%;height:71px;flex-basis:auto}
 .account-page .account-store-link{grid-column:2;grid-row:1;align-self:center}
 .account-page .account-mainnav{grid-column:1/-1;grid-row:2;justify-content:flex-start;overflow-x:auto;gap:27px;border-top:1px solid #2e343b;margin-top:10px}
 .account-page .account-mainnav a{padding:12px 0}
 .account-page .account-intro-inner{grid-template-columns:1fr;padding:42px 21px}
 .account-page .account-support{max-width:500px}
 .account-page .account-main.commerce{padding:30px 21px 57px}
 .account-page .account-auth-grid,.account-page .account-dashboard-grid{grid-template-columns:1fr}
 .account-page .account-dashboard-grid .account-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}
 .account-page .account-bottom-note{padding:26px 21px}
 .account-page .account-footer{padding:22px 21px}
}
@media(max-width:600px){
 .account-page .account-utility{padding:9px 14px;min-height:32px;font-size:8px}
 .account-page .utility-divider{padding:0 3px}
 .account-page .account-utility>a{font-size:8px}
 .account-page .account-masthead-inner{padding:10px 14px 0}
 .account-page .account-brand{width:190px;height:62px}
 .account-page .account-store-link{min-height:39px;padding:10px 11px;font-size:10px}
 .account-page .account-store-link svg{width:17px}
 .account-page .account-mainnav{gap:22px}
 .account-page .account-mainnav a{font-size:10px;padding:12px 0}
 .account-page .account-intro-inner{padding:37px 18px 32px;gap:25px}
 .account-page .account-intro h1{font-size:52px;letter-spacing:-.055em}
 .account-page .account-intro-copy>p:last-child{font-size:13px}
 .account-page .account-support{padding:10px 0 10px 14px}
 .account-page .account-support strong{font-size:13px}
 .account-page .account-main.commerce{padding:20px 13px 42px}
 .account-page .account-auth-grid{gap:14px}
 .account-page .account-panel{padding:24px 19px 26px}
 .account-page .panel-heading h2{font-size:29px}
 .account-page .panel-heading{margin-bottom:23px}
 .account-page .account-dashboard-grid .account-sidebar{grid-template-columns:1fr;gap:14px}
 .account-page .account-profile{padding:24px 19px;display:block}
 .account-page .account-signout{margin-top:16px}
 .account-page .account-dashboard-grid{gap:14px}
 .account-page .account-sidebar .account-panel{padding:24px 19px}
 .account-page .account-bottom-note{padding:24px 18px;display:block}
 .account-page .account-bottom-note a{display:inline-flex;margin-top:13px}
 .account-page .account-footer{padding:21px 18px;display:grid;gap:7px;font-size:10px}
}
@media(max-width:360px){
 .account-page .account-brand{width:154px;height:56px}
 .account-page .account-store-link{padding:9px;font-size:9px}
 .account-page .account-mainnav{gap:14px}
 .account-page .account-mainnav a{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.account-page .account-submit{transition:none}}

/* Consent-led customer updates section. Marketing is opt-in and off by default. */
.account-page .marketing-panel{margin-top:24px;border-top:3px solid #b78b47;padding:32px 35px}
.account-page .marketing-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.account-page .marketing-intro .panel-heading{max-width:660px;margin-bottom:27px}
.account-page .marketing-mark{font-size:44px;font-weight:900;letter-spacing:-.1em;color:#d8dde2}
.account-page .marketing-mark span{color:#b88c49}
.account-page .marketing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 35px}
.account-page .marketing-grid>div{min-width:0}
.account-page form .marketing-label{display:block;color:#2a3138;font-size:12px;font-weight:750;margin-bottom:10px}
.account-page form .marketing-check{display:flex!important;justify-content:flex-start!important;align-items:flex-start!important;gap:10px!important;margin:12px 0!important;font-size:12px!important;font-weight:600!important;color:#4d5964!important;letter-spacing:0!important}
.account-page form .marketing-check input{width:17px;height:17px;min-height:17px;margin:1px 0 0;accent-color:#a77b3f;flex:0 0 17px}
.account-page form .marketing-consent{padding:16px;background:#f8f8f7;border:1px solid #e5e8ea;margin:17px 0 0!important}
.account-page .marketing-actions{display:flex;gap:13px;align-items:center;margin-top:15px;flex-wrap:wrap}
.account-page .marketing-actions .account-submit{width:auto;min-width:255px}
.account-page .marketing-stop{min-height:48px;padding:11px 15px;color:#5d6268;border:1px solid #c9cdd0;background:#fff;font-size:12px;font-weight:730;cursor:pointer;border-radius:3px}
.account-page .marketing-stop:hover{background:#f1f2f3}
.account-page .marketing-disclosure{color:#737d86;font-size:11px;line-height:1.65;margin:15px 0 0}
.account-page .account-link-button{max-width:310px;text-decoration:none!important}
@media(max-width:800px){.account-page .marketing-panel{padding:26px}.account-page .marketing-grid{grid-template-columns:1fr;gap:0}}
@media(max-width:600px){.account-page .marketing-panel{padding:23px 19px}.account-page .marketing-intro{gap:8px}.account-page .marketing-mark{font-size:28px}.account-page .marketing-actions{align-items:stretch;flex-direction:column}.account-page .marketing-actions .account-submit,.account-page .marketing-actions .marketing-stop{width:100%;min-width:0}}

/* Gold source logo stays original; screen-blend its dark matte into the unified masthead. */
.account-page .account-brand{mix-blend-mode:screen!important}