/* Customer pages use the existing store colors, fonts and buttons. */
.account-wrap { max-width: 820px; margin-inline: auto; }
.account-panel { padding: clamp(1.25rem,4vw,2.5rem); margin-top: 1.5rem; }
.account-form { display: grid; gap: 1.1rem; }
.account-form label,.account-item label { display: grid; gap: .4rem; font-weight: 700; }
.account-form input,.account-item input { width: 100%; padding: .85rem; border: 1px solid #70777c; border-radius: 6px; background: #fff; color: #182027; font: inherit; }
.account-form input:focus-visible,.account-item input:focus-visible { outline: 3px solid #649837; outline-offset: 3px; }
.account-form button { justify-self: start; }
.account-links { display: flex; flex-wrap: wrap; gap: 1rem; margin-block: 1.4rem; }
.account-links a { text-decoration: underline; text-underline-offset: 4px; }
.account-status { min-height: 1.8em; margin-block: 1rem; font-weight: 700; }
.account-item { border-block-end: 1px solid #70777c; padding-block: 1.5rem; overflow-wrap: anywhere; }
.account-item h2 { font-size: 1.3rem; }
.account-item label { max-width: 140px; margin-block: 1rem; }
.account-help { line-height: 1.65; }
body[data-account-page="account"] .account-wrap { max-width:var(--max); }
.profile-layout { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start; }
.profile-explanation { padding:24px;border-left:3px solid var(--green);background:rgba(130,255,70,.04);line-height:1.7; }
.profile-explanation h2 { font-size:2rem; }
.profile-explanation p { margin:0 0 1.3rem; }
.account-form select { width:100%;padding:.85rem;border:1px solid #70777c;border-radius:6px;background:#fff;color:#182027;font:inherit; }
.account-form select:focus-visible { outline:3px solid #649837;outline-offset:3px; }
.account-form.profile-locked select:disabled { background:#263034;color:#c5cfcb;opacity:1;border-color:#53615b;cursor:not-allowed; }
@media(max-width:850px){.profile-layout{grid-template-columns:1fr;}.profile-explanation{padding:20px;}}
[hidden] { display: none !important; }
button:disabled { opacity: .6; cursor: wait; }
@media (max-width: 760px) {
  .brand-header__row { gap: 8px; }
  .brand-header__row > .btn { padding: 10px 12px; }
  .brand-primary img { width: 68px; height: 66px; }
  .brand-other { max-width: 64px; padding-left: 6px; }
  .brand-other img { width: 38px; height: 38px; }
  .brand-other > span { font-size: .6rem; }
}

/* Profile introduction lives in the right panel; both columns share one top edge. */
.account-panel > .profile-email-help { margin:.35rem 0 1.8rem; }
.profile-fields { margin:0;padding:0; }
.profile-explanation .profile-introduction { margin-top:0; }
.profile-explanation h2 { margin-top:1.3rem; }