.acct{max-width:1040px;padding:clamp(24px,4vw,56px)var(--gut)clamp(48px,7vw,96px);margin:0 auto}.acct-head{border-radius:var(--r-lg);background:var(--ink);color:var(--white);justify-content:space-between;align-items:flex-end;gap:24px;padding:clamp(20px,3vw,32px);display:flex}.acct-head .vx-h2{color:var(--lime)}.acct-head .link-btn{color:var(--white)}.acct-hello{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--lime);margin:0 0 6px;font-size:11.5px;font-weight:700}.acct-email{font-family:var(--mono);color:#ffffffbf;margin:6px 0 0;font-size:13px}.acct-title{font-family:var(--display);text-transform:uppercase;margin:clamp(30px,5vw,52px) 0 16px;font-size:clamp(30px,3.4vw,44px);font-weight:400;line-height:1}.acct-empty{border:2px dashed var(--ink);border-radius:var(--r-lg);flex-direction:column;align-items:flex-start;gap:18px;padding:32px;display:flex}.acct-orders{gap:12px;display:grid}.acct-order{border:1px solid var(--grey-2);border-radius:var(--r);background:var(--white);transition:transform .25s var(--spring),box-shadow .25s,border-color .2s;padding:clamp(18px,3vw,26px)}.acct-order:hover{border-color:var(--ink);box-shadow:var(--shadow);transform:translate(-2px,-2px)}.acct-order-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.acct-order-no{font-family:var(--mono);font-size:17px;font-weight:700;display:block}.acct-order-meta{color:var(--ink-2);margin-top:4px;font-size:14px;display:block}.acct-order-right{align-items:center;gap:14px;display:flex}.acct-total{font-family:var(--mono);font-size:17px;font-weight:700}.acct-chip{background:var(--grey);font-family:var(--mono);text-transform:uppercase;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:700}.acct-chip.paid{background:var(--lime)}.acct-chip.shipped,.acct-chip.delivered{background:var(--ink);color:var(--lime)}.acct-chip.cancelled{background:var(--pink);color:var(--white)}.acct-lines{border-top:1px dashed var(--grey-2);gap:8px;margin:16px 0 0;padding:14px 0 0;list-style:none;display:grid}.acct-lines li{justify-content:space-between;gap:16px;display:flex}.acct-order-foot{border-top:1px dashed var(--grey-2);flex-wrap:wrap;gap:24px;margin-top:14px;padding-top:14px;display:flex}@media (max-width:720px){.acct-head{flex-direction:column;align-items:flex-start;gap:16px}.acct-order-right{justify-content:space-between;width:100%}}
