/* Shared customer area. Header and storefront styles remain independent. */
body.customer-page{background:#f5f7fa;color:#1c2d43;font-family:Inter,"Segoe UI",Arial,sans-serif}
/* Let the document own scrolling instead of creating a second scroll area. */
html:has(>body.customer-page){overflow-x:clip!important;overflow-y:auto!important;height:auto!important;max-height:none!important}
body.customer-page{width:100%!important;height:auto!important;max-height:none!important}
body.customer-page:not(.modal-open){overflow:visible!important}
.customer-page main:is(.customer-workspace,.customer-account){overflow:visible!important;height:auto!important;max-height:none!important;box-sizing:border-box;margin-left:auto!important;margin-right:auto!important}
.customer-page :is(.customer-workspace,.customer-account) :is(h1,h2,h3,p,span,strong,small,a,button,label,input,select,summary,details){font-family:inherit}
.customer-page :is(.customer-workspace,.customer-account) p{max-width:100%;overflow-wrap:anywhere}
.customer-page .customer-workspace,.customer-page .customer-account{width:calc(100% - 64px);max-width:1180px;margin:32px auto 64px;padding:0;min-width:0}
.customer-page .customer-nav{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 28px;padding:6px;background:#e9eef5;border:1px solid #e0e6ee;border-radius:14px;width:fit-content;max-width:100%}
.customer-page .customer-nav a{display:flex;align-items:center;gap:9px;position:static;inset:auto;transform:none;margin:0;padding:11px 17px;border-radius:9px;font-size:13px;line-height:1.5;font-weight:600;color:#4a5768;text-decoration:none;min-height:44px}
.customer-page .customer-nav a[aria-current]{background:#fff;color:#175cc3;box-shadow:0 2px 5px #173b7010}
.customer-page .customer-nav a:hover{color:#175cc3;background:#ffffffb0}
.customer-page .customer-kicker,.customer-page .account-kicker{display:block;font-size:11px;font-weight:700;letter-spacing:.16em;color:#42678f;line-height:1.6}
.customer-page .customer-page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}
.customer-page .customer-page-heading h1{font-size:clamp(30px,4vw,42px);line-height:1.2;letter-spacing:-1.3px;font-weight:700;margin:8px 0 12px;color:#152d49;text-align:left}
.customer-page .customer-page-heading p{font-size:15px;line-height:1.7;color:#556273;margin:0}
.customer-page .customer-browse{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;min-height:44px;white-space:nowrap;border:1px solid #d8e1ed;border-radius:10px;background:white;color:#264461;font-weight:600;font-size:13px;text-decoration:none}
.customer-page :is(.customer-workspace,.customer-account) :is(a,button,input,select):focus-visible{outline:3px solid #7ea9e9;outline-offset:3px}
.customer-page :is(.customer-workspace,.customer-account) [hidden]{display:none!important}
.customer-page :is(.customer-workspace,.customer-account) :is(input,select,button){font-family:inherit}
.customer-page :is(.customer-workspace,.customer-account) :is(a,button){-webkit-tap-highlight-color:transparent}
@media(max-width:767px){
 .customer-page .customer-workspace,.customer-page .customer-account{width:calc(100% - 32px);margin:22px auto 40px}
 .customer-page .customer-nav{width:100%;gap:4px;flex-wrap:nowrap;margin-bottom:24px}
 .customer-page .customer-nav a{flex:1;justify-content:center;text-align:center;padding:10px 7px;font-size:12px;gap:6px}
 .customer-page .customer-nav a i{display:none}
 .customer-page .customer-page-heading{align-items:flex-start;gap:16px}
 .customer-page .customer-page-heading h1{letter-spacing:-.8px}
 .customer-page .customer-page-heading p{font-size:14px}
 .customer-page .customer-browse{padding:10px 12px;font-size:12px}
}
@media(max-width:420px){.customer-page .customer-page-heading{flex-direction:column}.customer-page .customer-browse{align-self:flex-start}}
@media(prefers-reduced-motion:reduce){.customer-page .customer-workspace *,.customer-page .customer-account *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
