/* ==========================================================================
   qty — 수량 조절 (− 1 +) `[2026-09-18 분리]`

   원래 config-panel.css 안에 있었다. 그 파일을 안 부르는 장바구니에서는
   테두리가 통째로 빠져 숫자만 덩그러니 남아 있었다 — 컴포넌트 1개 = 파일 1개
   (CLAUDE.md §4) 로 떼어 두 화면이 같이 쓴다.

   장바구니의 큰 버전(.qty--lg)은 cart-table.css 가 이 값을 덮는다.
   ========================================================================== */

.qty {
  display: inline-flex;
  align-items: center;
}

.qty__btn,
.qty__value {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* 글자를 키운 만큼 버튼도 키운다 */
  width: 26px;
  height: 26px;
  background: var(--c-bg);
  border: 1px solid var(--c-line-card);
  color: #000000;
  font-size: 0.9375rem;             /* 12 → 15px */
  font-weight: var(--fw-regular);
  line-height: 1;
}

.qty__btn:first-child { border-radius: var(--radius-sm) 0 0 var(--radius-sm); }
.qty__btn:last-child  { border-radius: 0 var(--radius-sm) var(--radius-sm) 0; }
.qty__btn + .qty__value,
.qty__value + .qty__btn { margin-left: -1px; }

.qty__value { font-size: 0.8125rem; }   /* 10 → 13px */
.qty__btn:hover { background: var(--c-surface); }
.qty__btn.is-disabled { opacity: .4; pointer-events: none; }