/* ============================================================
   countpicker.css — одиночный wheel-пикер количества и степперы
   ============================================================ */
.cp-backdrop{
  position:fixed; inset:0; z-index:79;
  background:var(--backdrop);
  opacity:0; pointer-events:none; transition:opacity .22s;
  touch-action:none; /* v9mvp-UI-ZOOM-MODAL-FIX */
}
.cp-backdrop.show{ opacity:1; pointer-events:auto; }

.sheet.countpick{ max-width:340px; z-index:80; }

/* поле-счётчик со степперами */
.count-field{ display:flex; align-items:stretch; gap:6px; }
.cf-step{
  width:44px; border-radius:10px;
  background:var(--surface-control); border:1px solid var(--line);
  color:var(--text-primary); font-size:18px; font-weight:700;
  transition:border-color .15s, transform .12s;
}
.cf-step:active{ border-color:var(--accent); transform:scale(.94); }
.cf-value{
  flex:1;
  background:var(--surface-inset); border:1px solid var(--line-control); border-radius:10px;
  color:var(--text-primary); padding:10px; font-size:15px; font-weight:600;
}