/* ==========================================================================
   GuestPicker — party steppers
   ========================================================================== */
.hp-gp { font-family: var(--hp-font-ui); color: var(--hp-ink); display: flex; flex-direction: column; }
.hp-gp__row { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--hp-line-08); }
.hp-gp__labels { min-width: 0; }
.hp-gp__label { font-weight: 600; font-size: 15px; }
.hp-gp__sub { font-size: 12.5px; color: var(--hp-muted); margin-top: 2px; }
.hp-gp__sub--green { color: var(--hp-green); }
.hp-gp__step { display: flex; align-items: center; gap: 12px; flex: 0 0 auto; }
.hp-gp__btn {
  width: 40px; height: 40px; border-radius: 50%; border: 1.5px solid rgba(14, 27, 36, .22); background: #fff;
  font-size: 20px; line-height: 1; color: var(--hp-ink); cursor: pointer; transition: border-color var(--hp-t), background var(--hp-t);
}
.hp-gp__btn:hover:not(:disabled) { border-color: var(--hp-ink); }
.hp-gp__btn:disabled { opacity: .35; cursor: not-allowed; }
.hp-gp__val { min-width: 22px; text-align: center; font-family: var(--hp-font-display); font-size: 19px; font-weight: 700; }
.hp-gp__note { font-size: 12.5px; color: var(--hp-text-2); padding-top: 12px; line-height: 1.5; }
@media (pointer: coarse) { .hp-gp__btn { width: 44px; height: 44px; } }