/* скрыть стандартные стрелки */
.quantity input[type=number]::-webkit-inner-spin-button,
.quantity input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.quantity input[type=number] { -moz-appearance: textfield; }

/* общий контейнер количества */
.single-product form.cart .quantity{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
}

/* кнопки +/- — одинаковые, по центру */
.single-product form.cart .quantity .na-qty-btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:36px !important;
  height:30px !important;
  padding:0 !important;
  margin:0 !important;              /* убираем внешние отступы темы */
  border:1px solid #e5e7eb !important;
  border-radius:8px !important;
  background:#fff !important;
  font-size:20px !important;
  line-height:1 !important;
  box-shadow:none !important;
  cursor:pointer !important;
  transition:.15s ease !important;
}
.single-product form.cart .quantity .na-qty-btn:hover{
  border-color:#cbd5e1 !important;
  transform:translateY(-1px) !important;
}

/* сам инпут — по высоте как кнопки */
.single-product form.cart .quantity input.qty{
  width:70px !important;
  height:46px !important;
  padding:0 !important;
  margin:0 !important;              /* убираем отступы темы */
  text-align:center !important;
  line-height:1 !important;
  border-radius:8px !important;
  box-sizing:border-box !important;
}

/* на всякий случай уберём авто-отступы между соседними .button у темы */
.single-product form.cart .quantity .na-qty-btn + .na-qty-btn,
.single-product form.cart .quantity .na-qty-btn + input.qty,
.single-product form.cart .quantity input.qty + .na-qty-btn { margin-left:0 !important; }


/* === CART / CHECKOUT: компактные +/− как у темы === */
.woocommerce-cart .shop_table .quantity,
.woocommerce-checkout .shop_table .quantity,
.woocommerce-cart-form .quantity {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* кнопки */
.woocommerce-cart .quantity .na-qty-btn,
.woocommerce-checkout .quantity .na-qty-btn,
.woocommerce-cart-form .quantity .na-qty-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 6px !important;
  background: #fff !important;
  font-size: 18px !important;
  line-height: 1 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: .15s ease !important;
}
.woocommerce-cart .quantity .na-qty-btn:hover,
.woocommerce-checkout .quantity .na-qty-btn:hover,
.woocommerce-cart-form .quantity .na-qty-btn:hover {
  border-color: #cbd5e1 !important;
  transform: translateY(-1px) !important;
}

/* инпут */
.woocommerce-cart .quantity input.qty,
.woocommerce-checkout .quantity input.qty,
.woocommerce-cart-form .quantity input.qty {
  width: 56px !important;
  height: 48px !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: center !important;
  font-size: 14px !important;
  border-radius: 6px !important;
  border: 1px solid #e5e7eb !important;
  box-sizing: border-box !important;
}

/* мини-корзина (если используешь виджет) — ещё компактнее */
.widget_shopping_cart .quantity,
.woocommerce-mini-cart .quantity {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}
.widget_shopping_cart .na-qty-btn,
.woocommerce-mini-cart .na-qty-btn {
  width: 28px !important;
  height: 28px !important;
  border-radius: 6px !important;
  font-size: 16px !important;
}
.widget_shopping_cart .quantity .qty,
.woocommerce-mini-cart .quantity .qty {
  width: 46px !important;
  height: 28px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}

/* === Выравниваем количество и бейдж КГ/ШТ в корзине === */
.woocommerce-cart .shop_table td.product-quantity,
.woocommerce-checkout .shop_table td.product-quantity {
  vertical-align: middle !important;
  white-space: nowrap;
}

/* сам бейдж КГ/ШТ — элемент сразу после .quantity */
.woocommerce-cart .shop_table .product-quantity .quantity + *,
.woocommerce-checkout .shop_table .product-quantity .quantity + * {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 32px !important;          /* как у наших компактных контролов */
  padding: 0 10px !important;
  margin-left: 8px !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 6px !important;
  background: #fff !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

/* на всякий случай — все элементы в ячейке по центру по вертикали */
.woocommerce-cart .shop_table .product-quantity .quantity,
.woocommerce-cart .shop_table .product-quantity .na-qty-btn,
.woocommerce-cart .shop_table .product-quantity .qty {
  vertical-align: middle !important;
}