.hp-checkout-contact-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
.hp-checkout-page .hp-checkout .hp-checkout-contact-heading h3 { margin: 0; }
.hp-checkout-contact-heading a { flex: 0 0 auto; color: var(--hp-action); font-size: 14px; line-height: 1.5; text-decoration: underline; text-underline-offset: 3px; }
.hp-checkout-contact-heading a:focus-visible, .hp-checkout-account-note a:focus-visible, .hp-checkout-resume a:focus-visible { outline: 2px solid var(--hp-action); outline-offset: 3px; }
.hp-checkout-auth-status { margin: 0; color: var(--hp-muted); font-size: 13px; line-height: 1.5; }
.hp-checkout-auth-status[hidden] { display: none; }
.hp-checkout-page .woocommerce-billing-fields { display: grid; gap: 16px; }
.hp-checkout-page .hp-checkout-account-note { margin: 0; color: var(--hp-muted); font-size: 13px; line-height: 1.6; }
.hp-checkout-page .hp-checkout-account-note a { color: var(--hp-action); }
.hp-checkout-resume { display: grid; gap: 8px; padding: 16px; border: 1px solid var(--hp-line); border-radius: 12px; background: var(--hp-soft); color: var(--hp-ink); font-size: 14px; line-height: 1.5; }
.hp-account-page .hp-checkout-resume p { margin: 0; }
.hp-checkout-resume a { justify-self: start; color: var(--hp-action); text-decoration: underline; text-underline-offset: 3px; }
.hp-checkout-page .hp-checkout .hp-checkout-auth-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; }
.hp-checkout-page .hp-checkout .hp-checkout-auth-actions[hidden], .hp-checkout-auth-actions a[hidden] { display: none; }
.hp-checkout-page .hp-checkout .hp-checkout-auth-actions button { min-height: 44px; padding: 10px 16px; border: 1px solid var(--hp-action); border-radius: 8px; background: var(--hp-action); color: var(--hp-paper); font-family: inherit; font-size: 13px; line-height: 1.5; cursor: pointer; }
.hp-checkout-page .hp-checkout .hp-checkout-auth-actions button:hover { background: var(--hp-action-hover); }
.hp-checkout-page .hp-checkout .hp-checkout-auth-actions button:disabled { opacity: .6; cursor: wait; }
.hp-checkout-auth-actions a { display: inline-flex; align-items: center; min-height: 44px; max-width: 100%; color: var(--hp-action); font-size: 13px; line-height: 1.5; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.hp-checkout-auth-actions :is(button, a):focus-visible { outline: 2px solid var(--hp-action); outline-offset: 3px; }