/* Пакеты лотерейных билетов: строки с кнопками «−» и «+». Подключается на главной и на странице билета */
.packs { border: 0; padding: 0; margin: 16px 0 0; min-width: 0; }
.packs legend { padding: 0 0 6px; }
.pack { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 0; border-top: 1px solid rgba(0, 0, 0, .18); }
.pack__name { font-size: 16px; line-height: 1.25; }
.pack__name small { display: block; font-size: 15px; color: var(--graphite); }
.stepper { flex: none; display: inline-flex; align-items: center; }
.stepper__btn {
  width: 44px; height: 44px; display: grid; place-items: center; padding: 0;
  font: inherit; font-size: 22px; line-height: 1; color: var(--black); background: #fff; border: 1px solid var(--black); cursor: pointer;
}
.stepper__btn:hover { background: var(--black); color: #fff; }
.stepper__btn[aria-disabled="true"], .stepper__btn[aria-disabled="true"]:hover {
  color: var(--graphite); background: transparent; border-color: rgba(0, 0, 0, .3); cursor: default;
}
.stepper__value { min-width: 36px; text-align: center; font-size: 18px; font-weight: 500; }