.vb-product-progress{
  	display: flex;
	float: inline-start;
  	flex-wrap: wrap;
	width:100%;
	margin:0px;
	gap:var(--vb-product-progress-bar-sp,7px);
  
}
.vb-product-progress:is(.vb-layout_2,.vb-layout_4) .vb-product-progress-info{
	flex-direction:	row-reverse;
}
.vb-product-progress:is(.vb-layout_3,.vb-layout_4) {
  flex-direction: column-reverse;
}
.vb-product-progress-info{
  	display: flex;
	justify-content:space-between ;
	width:100%;
}
.vb-txt-product-progress-info{
 	--txt-cr: var(--vb-product-progress-txt-cr,var(--vb-global-cr));
 	--txt-hv-cr:var(--txt-cr); 
	--txt-fn-fm: var(--vb-product-progress-txt-fn-fm,inherit);
	--txt-fn-sz: var(--vb-product-progress-txt-fn-sz,var(--vb-p-fn-sz));
	--txt-fn-wt: var(--vb-product-progress-txt-fn-wt,400);
	--txt-li-ht: var(--vb-product-progress-txt-li-ht,var(--vb-p-li-ht));
	--txt-txt-dec: var(--vb-product-progress-txt-txt-dec,none);
	--txt-txt-tf: var(--vb-product-progress-txt-txt-tf,none);
  	--txt-fn-st: var(--vb-product-progress-txt-fn-st,none);
 }
 .vb-txt-product-progress-info span{
	 color: var(--vb-product-progress-num-cr,var(--vb-product-progress-cr,var(--vb-global-lk-cr)))!important;
	 font-weight: var(--vb-product-progress-num-fn-wt,500)!important;
 }
  .vb-buy-box .vb-product-progress-bar{
	background:var(--vb-product-progress-bar-bg,var(--vb-global-box-bg));
}

 .vb-product-progress-bar{
	 overflow:hidden;
	 width:100% ;
	 height:var(--vb-product-progress-bar-ht,10px)  ;
	 border-radius:var(--vb-product-progress-bar-rd,var(--vb-global-btn-rd))  ;
	 background:var(--vb-product-progress-bar-bg,var(--vb-global-gry-bg));
 }
.vb-product-progress-bar::before{
	content:"";
	width:var(--vb-bar-wt,0%) ;
	height:100% ;
	border-radius:var(--vb-product-progress-bar-rd,var(--vb-global-btn-rd))  ;
	background:var(--vb-product-progress-bar-fill-bg,var(--vb-global-primary-bg));
	float: inline-start;
 }