/* Shared page title for every customer page (cart, checkout, orders, quotes, wishlist, account, ...). */
.sf-title { margin:0; font-size:22px; font-weight:800; line-height:1.25; letter-spacing:-.02em; color:var(--wh-brand-text); display:flex; align-items:center; gap:8px; }
.sf-title i { font-size:18px; color:var(--orange-text); }
.sf-title .sf-ref { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.9em; color:inherit; }

/* One page frame for every list-style customer page: same width, same gutters, same top space. */
.sf-page { max-width:1100px; margin:0 auto; padding:24px 16px 80px; }

/* Flash messages line up with the page frame below them. */
.sf-flash { max-width:1100px; margin:0 auto; padding:16px 16px 0; }