.measurements-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.payment-holder-grid{grid-template-columns:1fr 1fr}.payment-method-note,.payment-blank-space{min-height:44px;display:flex;align-items:center;padding:12px;border:1px dashed var(--line);color:var(--muted);font-size:11px;line-height:1.4}.payment-placeholder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:17px}.payment-placeholder-grid>div{min-height:80px;padding:15px;border:1px dashed var(--line);display:grid;align-content:start;gap:6px}.payment-placeholder-grid strong{font-size:11px;color:var(--purple)}.payment-placeholder-grid span{font-size:10px;color:var(--muted)}.shipping-form-grid{margin-top:18px}.settings-checkbox{display:flex!important;align-items:center;gap:8px}.settings-checkbox-group{display:grid!important;justify-items:start;gap:8px}.settings-checkbox-group label{display:flex;align-items:center;gap:8px;padding:0;border:0;font-size:11px;font-weight:500;letter-spacing:normal;text-transform:none;color:var(--ink)}
.account-referral-card>div{flex-wrap:wrap;gap:8px}.account-referral-card>div .button{flex:none}
@media(max-width:800px){.measurements-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-placeholder-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.measurements-grid,.payment-placeholder-grid{grid-template-columns:1fr}.payment-holder-grid{grid-template-columns:1fr}.account-referral-card>div .button{width:100%;margin-top:0}}

/* Keep the two account actions together at the bottom of the sidebar. The
   previous shared margin-top:auto rule pushed both links apart. */
.customer-account-sidebar > .account-back-link{margin-top:0}
.customer-account-sidebar > .account-logout-link{margin-top:auto}

/* Settings use a stable two-column layout; controls in column two start at
   the same left edge instead of being pushed to the far right. */
.settings-list > label{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.9fr);align-items:start;justify-content:initial}
.settings-list > label > :nth-child(2){justify-self:start;margin-left:0}
.settings-list > label > .settings-checkbox-group{width:100%;justify-items:start}
@media(max-width:650px){.settings-list > label{grid-template-columns:1fr;gap:12px}.settings-list > label > :nth-child(2){justify-self:start}.settings-list select{max-width:100%}}
