/* Additive customer-account styling. The existing storefront.css is retained unchanged. */
.sf-customer-content,.customer-page{max-width:760px;margin:0 auto;padding:8px 0 64px}
.customer-page-header,.sf-customer-heading{padding:12px 0 26px;border-bottom:1px solid var(--sf-line);margin-bottom:24px}
.customer-page-header h1,.sf-customer-heading h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(34px,4vw,48px);line-height:1.12;margin:0 0 12px}
.customer-page-header p,.sf-customer-heading p{color:var(--sf-muted);margin:0}
.customer-page h2,.account-section h2{font-family:Georgia,serif;font-weight:400;font-size:25px;margin:0 0 16px}
.account-section{padding:22px 0;border-bottom:1px solid var(--sf-line)}
.account-details{margin:0;display:grid;gap:0}
.account-detail-row{display:grid;grid-template-columns:minmax(130px,190px) minmax(0,1fr);gap:18px;padding:12px 0;border-bottom:1px solid rgba(192,184,170,.13)}
.account-detail-row dt{color:var(--sf-muted);font-size:13px}
.account-detail-row dd{margin:0;overflow-wrap:anywhere}
.account-actions{display:flex;flex-wrap:wrap;gap:12px}
.account-actions p,.account-address-links p{margin:0}
.customer-form{max-width:560px;display:grid;gap:18px}
.customer-form .form-field{display:grid;gap:7px}
.customer-form label{color:var(--sf-muted);font-size:13px}
.customer-form input,.customer-form select,.customer-form textarea{width:100%;padding:12px 13px;background:#151a18;color:var(--sf-ink);border:1px solid var(--sf-line);border-radius:4px;font:inherit}
.customer-form input:focus,.customer-form select:focus,.customer-form textarea:focus{outline:2px solid var(--sf-gold);outline-offset:1px}
.customer-form-actions{display:flex;gap:12px;align-items:center;margin-top:4px}
.customer-form-footer{margin-top:24px;color:var(--sf-muted)}
.form-errors,.form-success{padding:14px 16px;margin:0 0 20px;border:1px solid var(--sf-line);border-radius:6px;background:var(--sf-panel)}
.form-errors{border-color:#9a5c53}.form-success{border-color:#66866b}
@media(max-width:600px){.account-detail-row{grid-template-columns:1fr;gap:3px}.account-actions{flex-direction:column;align-items:stretch}.account-actions .sf-button{width:100%}.customer-page{padding-bottom:42px}}