.customer-account,.customer-account-auth{--account-blue:#082b70;--account-electric:#1724ff;--account-border:#dce3f0;--account-soft:#f4f7ff;--account-muted:#65728a;color:#0a1d43}
.customer-account :where(input,select,button,.button),.customer-account-auth :where(input,select,button,.button){box-sizing:border-box}
.customer-account :where(h1,h2,h3,p,address,strong,a,span),.customer-account-auth :where(h1,p,a,span,label){overflow-wrap:anywhere}
.customer-account{width:min(1180px,calc(100% - 32px));margin:32px auto 72px}
.customer-account-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:36px;border:1px solid #d8e4ff;border-radius:28px;background:linear-gradient(128deg,#fff 38%,#edf3ff 77%,#e7ecff);color:var(--account-blue);box-shadow:0 18px 48px rgba(8,43,112,.08)}
.customer-account-hero h1{margin:6px 0 8px;font-size:clamp(2rem,5vw,3.8rem);line-height:1}
.customer-account-hero p{margin:0;max-width:660px;color:#536681}
.customer-account-hero .customer-account-identity{margin-top:12px;font-size:.94rem;color:#536681}
.customer-account-hero .eyebrow{color:var(--account-electric)}
.customer-account-hero .button{border-color:#cdd9f0;color:var(--account-blue);background:#fff}
.customer-account-tools{margin:28px 0}
.customer-account-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}
.customer-account-tool{--tool-tone:#123dc3;--tool-soft:#edf3ff;display:flex;align-items:flex-start;gap:12px;min-width:0;min-height:126px;padding:20px;border:1px solid var(--account-border);border-radius:20px;border-top:4px solid var(--tool-tone);color:var(--account-blue);background:linear-gradient(145deg,#fff 45%,var(--tool-soft));text-decoration:none}
.customer-account-tool-teal{--tool-tone:#087262;--tool-soft:#e4f8f2}
.customer-account-tool-rose{--tool-tone:#a32367;--tool-soft:#fff0f7}
.customer-account-tool-violet{--tool-tone:#6733b0;--tool-soft:#f3ecff}
.customer-account-tool-amber{--tool-tone:#8b5409;--tool-soft:#fff3da}
.customer-account-tool-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:var(--tool-soft);color:var(--tool-tone)}
.customer-account-tool>span:nth-child(2){min-width:0;flex:1}
.customer-account-tool strong{display:block;font-size:1.05rem;line-height:1.35}
.customer-account-tool small{display:block;margin-top:6px;color:#536681;font-size:.9rem;line-height:1.45}
.customer-account-tool-arrow{color:var(--tool-tone);font-weight:900}
.customer-account-tool:hover{border-color:var(--tool-tone);box-shadow:0 10px 24px rgba(8,43,112,.1);text-decoration:none}
.customer-account-access-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px;margin:22px 0;border-radius:16px;background:#edf3ff}
.customer-account-access-tabs a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:8px;border-radius:12px;text-decoration:none;font-weight:800;color:#314872}
.customer-account-access-tabs a[aria-current]{background:var(--account-electric);color:#fff;box-shadow:0 5px 16px rgba(23,36,255,.17)}
.customer-account-benefits{margin-top:20px;padding:20px;border:1px solid #bde8de;border-radius:18px;background:linear-gradient(120deg,#e8faf3,#eff5ff);color:#155b4e}
.customer-account-benefits p{margin:6px 0 0;color:#365c61;line-height:1.5}
.customer-account-google{margin:22px 0;padding:20px;border:1px solid var(--account-border);border-radius:18px;background:#fff}
.customer-account-google h2{margin:0;font-size:1.25rem}
.customer-account-google .customer-account-form{grid-template-columns:1fr}
.customer-account-google-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:12px 18px;border:1px solid #747775;border-radius:12px;background:#fff;color:#1f1f1f;font:inherit;font-weight:700;cursor:pointer}
.customer-account-google-button:hover{background:#f0f4ff;border-color:var(--account-electric)}
.customer-account-google .customer-account-field-help{margin-top:14px;line-height:1.5}
.customer-account-nav{position:sticky;top:12px;z-index:4;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0;padding:8px;border:1px solid var(--account-border);border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 12px 30px rgba(12,32,74,.08);backdrop-filter:blur(12px)}
.customer-account-nav a{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:48px;padding:10px 14px;border-radius:14px;color:var(--account-blue);font-weight:800;text-align:center;text-decoration:none}
.customer-account-nav a:hover,.customer-account-nav a:focus-visible{background:#e9edff;color:var(--account-electric)}
.customer-account-nav span{min-width:24px;padding:2px 7px;border-radius:999px;background:#fff;text-align:center}
.customer-account-with-wallet .customer-account-nav{grid-template-columns:repeat(5,minmax(0,1fr))}
.customer-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.customer-account-panel{scroll-margin-top:94px;min-width:0;padding:24px;border:1px solid var(--account-border);border-radius:24px;background:#fff;box-shadow:0 14px 36px rgba(10,29,67,.06)}
.customer-account-panel-wide{grid-column:1/-1}
.customer-account-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.customer-account-heading h2{margin:4px 0 0;font-size:1.55rem}
.customer-account .eyebrow,.customer-account-auth .eyebrow{font-size:.75rem;font-weight:900;letter-spacing:.16em;color:var(--account-electric)}
.customer-account-item,.customer-account-address,.customer-account-payment{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid var(--account-border)}
.customer-account-item:first-child,.customer-account-address:first-child,.customer-account-payment:first-child{border-top:0}
.customer-account-item>div,.customer-account-address>div{min-width:0}
.customer-account-item>strong{flex:0 0 auto}
.customer-account-item>div>span,.customer-account-address>div>span,.customer-account-payment>span{font-size:.82rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#66738c}
.customer-account-item h3,.customer-account-address h3{margin:4px 0}
.customer-account-item p,.customer-account-address address{margin:4px 0;color:var(--account-muted);font-style:normal;line-height:1.55}
.customer-account-item>a{font-weight:800;color:var(--account-electric);white-space:nowrap}
.customer-account-status{font-weight:800;color:var(--account-blue)}
.customer-account-addresses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.customer-account-address{padding:18px;border:1px solid var(--account-border);border-radius:18px}
.customer-account-address form{flex:0 0 auto}
.customer-account details{margin-top:18px;border-top:1px solid var(--account-border);padding-top:18px}
.customer-account summary{min-height:44px;cursor:pointer;font-weight:900;color:var(--account-electric)}
.customer-account-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.customer-account-form label{display:grid;gap:7px;min-width:0;font-weight:750}
.customer-account-form :is(input,select){min-width:0;width:100%;height:48px;padding:0 14px;border:1px solid #c9d3e4;border-radius:13px;background:#fff;color:#0a1d43;font:inherit}
.customer-account-form :is(input,select):focus-visible{outline:3px solid rgba(23,36,255,.22);outline-offset:1px;border-color:var(--account-electric)}
.customer-account-form .wide{grid-column:1/-1}
.customer-account-form button,.customer-account form .button,.customer-account-auth .button{min-height:44px}
.customer-account-payments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.customer-account-payment{display:grid;gap:5px;padding:18px;border:1px solid #cbd9f2;border-radius:18px;background:linear-gradient(145deg,#fff,#f1f5ff);color:var(--account-blue)}
.customer-account-payment>span,.customer-account-payment>small{color:#536681}
.customer-account-payment>strong{font-size:1.35rem}
.customer-account-payment .button{width:100%;margin-top:10px;color:var(--account-blue);background:#fff;border-color:#cbd9f2}
.customer-account-empty{padding:28px;border:1px dashed #b9c5da;border-radius:18px;background:var(--account-soft);text-align:center}
.customer-account-empty p,.customer-account-info,.customer-account-footer{color:var(--account-muted)}
.customer-account-info{margin:16px 0 0;line-height:1.55}
.customer-account-disabled{margin:16px 0;padding:16px;border:1px solid #cbd5eb;border-radius:16px;background:#f6f8fe;color:#394965}
.customer-account-disabled p{margin:5px 0 0;color:var(--account-muted)}
.customer-account-footer{max-width:760px;margin:28px auto;text-align:center}
.customer-account-notice,.customer-account-error{padding:14px 16px;border-radius:14px}
.customer-account-notice{background:#e9fbf3;color:#12623f}
.customer-account-error{background:#fff0f0;color:#9b2525}
.customer-account-auth{min-height:70vh;display:grid;place-items:center;padding:32px 16px;background:linear-gradient(145deg,#f7f9ff,#edf2ff)}
.customer-account-auth>section{width:min(520px,100%);padding:34px;border:1px solid var(--account-border);border-radius:28px;background:#fff;box-shadow:0 20px 55px rgba(8,43,112,.12)}
.customer-account-brand{display:inline-block;min-height:44px;margin-bottom:20px;color:var(--account-electric);font-size:1.7rem;font-weight:950;text-decoration:none}
.customer-account-auth h1{margin:8px 0;font-size:clamp(2rem,8vw,3rem);line-height:1}
.customer-account-auth>section>p{color:var(--account-muted)}
.customer-account-auth .customer-account-form{grid-template-columns:1fr}
.customer-account-consent{grid-template-columns:auto 1fr!important;align-items:start}
.customer-account-consent input{width:20px;height:20px;margin-top:2px}
.customer-account-field-help{margin:0;color:var(--account-muted);font-size:.88rem}
.customer-account-auth-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin:18px 0}
.customer-account-auth-links a,.customer-account-auth>section>a{display:inline-flex;align-items:center;min-height:44px;color:var(--account-electric);font-weight:800}
.customer-account-privacy{font-size:.88rem}
.customer-account :where(a,button,summary):focus-visible,.customer-account-auth :where(a,button):focus-visible{outline:3px solid rgba(23,36,255,.32);outline-offset:3px}

@media(max-width:760px){
 .customer-account-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .customer-account-tool{padding:16px;flex-wrap:wrap;gap:9px}
 .customer-account-tool>span:nth-child(2){flex:1 1 100%}
 .customer-account-tool-arrow{position:absolute;right:15px;top:18px}
 .customer-account-tool{position:relative}
 .customer-account{width:min(calc(100% - 20px),1180px);margin-top:10px;padding-bottom:env(safe-area-inset-bottom)}
 .customer-account-hero{display:grid;padding:26px 22px;border-radius:22px}
 .customer-account-nav{grid-template-columns:repeat(2,minmax(0,1fr));top:max(8px,env(safe-area-inset-top))}
 .customer-account-with-wallet .customer-account-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
 .customer-account-with-wallet .customer-account-nav>a:first-child{grid-column:1/-1}
 .customer-account-with-wallet .customer-account-panel{scroll-margin-top:calc(202px + env(safe-area-inset-top))}
 .customer-account-grid{grid-template-columns:1fr}
 .customer-account-panel,.customer-account-panel-wide{grid-column:1;padding:20px}
 .customer-account-addresses,.customer-account-payments,.customer-account-form{grid-template-columns:1fr}
 .customer-account-form .wide{grid-column:1}
 .customer-account-item,.customer-account-address{display:grid}
 .customer-account-item>a{white-space:normal}
 .customer-account-auth{padding:20px 10px calc(20px + env(safe-area-inset-bottom))}
 .customer-account-auth>section{padding:26px 22px;border-radius:22px}
}
@media(max-width:360px){
 .customer-account{width:calc(100% - 12px)}
 .customer-account-hero,.customer-account-panel,.customer-account-auth>section{padding:20px 16px}
 .customer-account-nav{gap:4px;padding:5px}
 .customer-account-nav a{padding:8px 6px;font-size:.88rem}
}
@media(prefers-reduced-motion:no-preference){
 .customer-account-tool{transition:border-color .16s ease,box-shadow .16s ease}
 .customer-account-nav a{transition:background-color .16s ease,color .16s ease}
 .customer-account-panel:target{animation:customer-account-focus .55s ease}
}
@keyframes customer-account-focus{0%{box-shadow:0 0 0 5px rgba(23,36,255,.17)}100%{box-shadow:0 14px 36px rgba(10,29,67,.06)}}
@media(forced-colors:active){
 .customer-account-tool,.customer-account-access-tabs a,.customer-account-benefits{background:Canvas;color:CanvasText;border:1px solid CanvasText}
 .customer-account-tool :where(small,span),.customer-account-benefits p{color:CanvasText}
 .customer-account-hero,.customer-account-payment{background:Canvas;color:CanvasText;border:1px solid CanvasText}
 .customer-account-hero :where(p,.eyebrow),.customer-account-payment :where(span,small){color:CanvasText}
 .customer-account-nav,.customer-account-panel,.customer-account-auth>section{box-shadow:none}
}
@media print{
 .customer-account-nav,.customer-account form,.customer-account details{display:none!important}
 .customer-account{width:100%;margin:0}
 .customer-account-panel{box-shadow:none;break-inside:avoid}
}