/* Customer account components share the menu's type, colour and native dialog. */
.customer-account{min-width:0;margin-bottom:24px}.customer-account h3{font-size:17px;line-height:1.45;margin:0 0 12px;letter-spacing:-.02em}.customer-account h4{font-size:14px;line-height:1.5;margin:0 0 8px}.customer-account p{font-size:13px;line-height:1.8}.customer-intro{padding:20px;background:var(--cream);border:1px solid var(--line);border-radius:10px}.customer-google{margin-top:8px;min-height:48px}.customer-small,.customer-muted{color:var(--ink-soft);font-size:12px!important;line-height:1.8}.customer-setup-note{margin:16px 0 0;border-left:3px solid var(--red);padding-left:13px}.customer-message{padding:13px 16px;background:var(--jade-soft);color:var(--jade);border-radius:7px;margin:18px 0;font-size:12px!important;overflow-wrap:anywhere}.customer-message.is-error{color:var(--red-dark);background:var(--red-soft)}.customer-profile-heading{display:flex;align-items:start;justify-content:space-between;gap:18px;margin-bottom:15px}.customer-profile-heading h3{margin-bottom:4px}.customer-profile-heading p{margin:0;overflow-wrap:anywhere;color:var(--ink-soft);font-size:12px}.customer-profile-heading .btn{flex-shrink:0}.customer-verified{font-size:12px;line-height:1.8;color:var(--jade);padding:12px 14px;background:var(--jade-soft);border-radius:8px}.customer-verified strong{overflow-wrap:anywhere}.customer-verified .link-btn{font-size:11px;margin-left:8px}.customer-verification{padding-top:14px;border-top:1px solid var(--line)}.customer-account .field{margin-bottom:15px}.customer-account .field label{display:block;margin-bottom:7px;font-weight:700;font-size:12px}.customer-account input,.customer-account textarea{width:100%;min-width:0;padding:12px;border:1px solid var(--line-strong);border-radius:7px;background:white;color:var(--ink);font:16px/1.6 var(--font-ui)}.customer-account input:focus,.customer-account textarea:focus{border-color:var(--focus)}.customer-account form{margin:18px 0}.customer-account .field textarea{resize:vertical}.customer-section{border-block:1px solid var(--line);padding:4px 0;margin:22px 0}.customer-section>summary{min-height:48px;display:list-item;font-size:13px;font-weight:800;cursor:pointer;padding:12px 3px}.customer-section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:23px 0 14px}.customer-section-heading h3{margin:0}.customer-section-heading .link-btn{font-size:12px}.customer-address{padding:17px 0;border-bottom:1px solid var(--line)}.customer-address:last-child{border-bottom:0}.customer-address h4 span{font-size:10px;font-weight:500;color:var(--jade);margin-left:5px}.customer-address p{margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink-soft)}.customer-address-actions{display:flex;gap:10px;flex-wrap:wrap}.customer-address-actions .link-btn{font-size:11px}.customer-order h4{margin:0;font-size:14px}.customer-order>p{font-size:12px;overflow-wrap:anywhere}.customer-history-actions,.customer-privacy-actions{display:flex;flex-wrap:wrap;gap:9px;margin-block:17px}.customer-history-actions .btn,.customer-privacy-actions .btn{font-size:11px}.customer-privacy p{color:var(--ink-soft);font-size:12px}.customer-account [aria-busy=true]{cursor:progress}#customerRecaptcha{min-width:0;max-width:100%;overflow-x:auto;margin-block:17px}#customerCodeForm{padding-top:15px;border-top:1px solid var(--line)}
@media(max-width:640px){.customer-intro{padding:17px}.customer-account h3{font-size:16px}.customer-account p{font-size:12px}.customer-profile-heading{gap:12px}.customer-profile-heading .btn{font-size:11px;padding-inline:11px}.customer-verified{font-size:11px}.customer-section-heading h3{font-size:15px}.customer-address-actions{gap:13px}.customer-history-actions,.customer-privacy-actions{flex-direction:column;align-items:stretch}.customer-history-actions .btn,.customer-privacy-actions .btn{min-height:44px}.customer-intro .btn{width:100%}.customer-account input,.customer-account textarea{font-size:16px}}

#customerOrderHistory{display:grid;gap:12px}
/* Valid long profile names must reflow within phone dialogs. */
.customer-profile-heading>div{min-width:0}
.customer-account h3,.customer-account h4{overflow-wrap:anywhere}