.store-account-auth, .store-account { --account-ink:#191919; --account-muted:#666; --account-line:#dededb; --account-accent:#bb302a; color:var(--account-ink); }
.store-account-auth { max-width:560px; min-height:min(720px, calc(100vh - 180px)); padding-top:72px; padding-bottom:88px; }
.store-account-intro { margin-bottom:36px; }
.store-account-intro .eyebrow, .account-head .eyebrow { color:var(--account-accent); margin-bottom:16px; }
.store-account-intro h1, .account-head h1 { margin:0; font-size:38px; line-height:1.12; font-weight:750; letter-spacing:0; }
.store-account-intro>p:last-child, .account-head-subtitle { max-width:440px; margin:14px 0 0; color:var(--account-muted); font-size:14px; line-height:1.6; }
.store-account-form-wrap { border-top:1px solid var(--account-line); padding-top:28px; }
.store-account-form { display:grid; gap:20px; }
.store-account-form label { display:grid; gap:8px; min-width:0; font-size:12px; font-weight:700; }
.store-account-form input:not([type="checkbox"]) { width:100%; min-width:0; height:48px; padding:0 14px; border:1px solid #cfcfcb; border-radius:4px; background:#fff; box-shadow:none; color:var(--account-ink); font:inherit; font-size:14px; font-weight:450; }
.store-account-form input:not([type="checkbox"]):hover { border-color:#8c8c88; }
.store-account-form input:not([type="checkbox"]):focus-visible { border-color:var(--account-ink); outline:2px solid var(--account-ink); outline-offset:2px; }
.store-account-form input:disabled { background:#f5f5f3; color:#666; }
.store-account-form small { color:var(--account-muted); font-size:11px; font-weight:450; line-height:1.5; }
.account-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.store-account-form .account-check { display:flex; align-items:center; gap:9px; font-size:12px; font-weight:500; }
.account-check input { width:16px; height:16px; margin:0; accent-color:var(--account-ink); }
.account-form-options { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; }
.account-form-options a, .account-switch a, .account-text-button, .account-address-add summary { color:var(--account-ink); text-decoration:underline; text-underline-offset:4px; }
.account-form-options a { font-size:12px; font-weight:650; }
.store-account-form .button-dark, .account-alert .button-dark { min-height:50px; border:1px solid var(--account-ink); border-radius:4px; background:var(--account-ink); box-shadow:none; color:#fff; font-size:13px; font-weight:700; text-transform:none; }
.store-account-form .button-dark { width:100%; justify-content:space-between; padding:0 18px; }
.store-account-form .button-dark span { font-size:20px; font-weight:400; line-height:1; }
.store-account-form .button-dark:hover:not(:disabled), .account-alert .button-dark:hover:not(:disabled) { background:#343434; box-shadow:none; transform:none; }
.account-switch { margin:24px 0 0; color:var(--account-muted); font-size:13px; line-height:1.5; }
.account-switch a { margin-left:4px; font-weight:700; }
.account-divider { position:relative; margin:30px 0 22px; border-top:1px solid var(--account-line); text-align:center; }
.account-divider span { position:relative; top:-10px; padding:0 12px; background:#fff; color:var(--account-muted); font-size:12px; }
.account-google { display:flex; min-height:48px; align-items:center; justify-content:center; gap:12px; border:1px solid var(--account-line); border-radius:4px; color:var(--account-ink); font-size:13px; font-weight:650; }
.account-google:hover { border-color:var(--account-ink); }
.account-google::before { content:"G"; font-size:18px; font-weight:700; }
.store-account { max-width:1160px; padding-top:56px; padding-bottom:96px; }
.account-head, .account-section-head { display:flex; align-items:end; justify-content:space-between; gap:20px; }
.account-head { padding-bottom:32px; border-bottom:1px solid var(--account-line); }
.account-head-subtitle { margin-top:10px; }
.account-text-button { padding:8px 0; border:0; background:none; cursor:pointer; font:inherit; font-size:12px; font-weight:700; white-space:nowrap; }
.account-body { display:grid; grid-template-columns:192px minmax(0,1fr); gap:clamp(36px,7vw,104px); align-items:start; }
.account-tabs { position:sticky; top:108px; display:grid; gap:4px; padding-top:36px; }
.account-tabs a { padding:11px 0 11px 14px; border-left:2px solid transparent; color:var(--account-muted); font-size:13px; font-weight:600; }
.account-tabs a:hover, .account-tabs a:focus-visible { border-left-color:var(--account-ink); color:var(--account-ink); }
.account-main { min-width:0; }
.account-section { scroll-margin-top:110px; padding:36px 0 42px; border-bottom:1px solid var(--account-line); }
.account-section-head { margin-bottom:22px; }
.account-section-head h2 { margin:0; font-size:22px; font-weight:700; }
.account-section-head .text-link { font-size:12px; }
.account-section>.store-account-form { max-width:620px; }
.account-order { display:flex; justify-content:space-between; gap:20px; padding:18px 0; border-top:1px solid var(--account-line); font-size:14px; }
.account-order>div { display:grid; gap:6px; }
.account-order>div:last-child { text-align:right; }
.account-order span, .account-empty, .account-address p { color:var(--account-muted); font-size:13px; line-height:1.6; }
.account-empty { margin:0; padding:22px 0; border-top:1px solid var(--account-line); }
.account-address { padding:18px 0; border-top:1px solid var(--account-line); font-size:13px; }
.account-address p { margin:7px 0 0; }
.account-address-add { max-width:620px; margin-top:18px; }
.account-address-add summary { width:fit-content; margin-bottom:22px; cursor:pointer; font-size:13px; font-weight:700; }
.account-alert { max-width:760px; margin:26px 0 0; padding:18px 20px; border-left:3px solid var(--account-accent); background:#f8f8f6; }
.account-alert strong { font-size:13px; }
.account-alert p { margin:8px 0 14px; color:var(--account-muted); font-size:13px; line-height:1.55; }
.account-alert .button { min-height:36px; padding:0 14px; font-size:12px; }
.store-account-auth .notice, .store-account>.notice { margin:0 0 22px; padding:14px 16px; border-radius:4px; font-size:13px; line-height:1.5; }
.account-page-links { display:flex; gap:24px; margin-top:20px; font-size:13px; font-weight:700; }
.account-page-links a { text-decoration:underline; text-underline-offset:4px; }
