body [class*="vb-product-badge"]{
 	position: absolute !important;
	--pd:var(--vb-product-badge-sp,var(--vb-sp-s));
 	padding: var(--pd);
 	gap:var(--vb-product-badge-gap,10px)  !important;
	flex-direction: column;
	display: flex;
	flex-wrap:wrap;

	top: 0px;
 
}
body [class*="vb-product-badge"] [class*="vb-txt-"]{
	aspect-ratio:var(--txt-ratio,auto)!important;
 	transform:var(--txt-rotate,rotate(0deg)) var(--txt-translate,translateY(0))  !important;
	margin-inline-start:var(--txt-mg-in-st,0px) !important;
	margin-inline-end:var(--txt-mg-in-en,0px)!important;
	margin-top:var(--txt-mg-top,0px)!important;
	flex-direction: var(--txt-flx-dir,initial) ;
  height: fit-content !important;

}

body [class*="vb-product-badge"] [class*="vb-txt-"]::after{
	
 	transform:var(--txt-bg-rotate,rotate(0deg)) var(--txt-bg-translate,translate(0,0)) var(--txt-bg-scale,scaleX(1)) !important;
 
}

body.rtl [class*="vb-product-badge"] {
--txt-bg-scale:scaleX(-1) !important;
}
body .vb-product-badge-price,
body .vb-product-badge-details{
	position:relative !important;
 	flex-direction: row !important;
	display: flex;
	flex-wrap:wrap;
	padding:0px !important;
	top: 0px;
 
} 
.vb-product-badge-image-start,
.vb-product-badge-wrap-start{
	inset-inline-start: 0px;
	align-items: start;
}
.vb-product-badge-image-end,
.vb-product-badge-wrap-end{
	inset-inline-end: 0px;
	align-items: end;
	
	
}

body [class*="vb-product-badge"] .vb-square{
	--txt-rd:10px !important;
}
body [class*="vb-product-badge"] .vb-circle{
	--txt-rd:1000px !important;
}
body [class*="vb-product-badge"] .vb-oval{
	--txt-rd:50% !important;
}

 
 body [class*="vb-product-badge"] *:is([class*="vb-svg-"]):after{
	fill:var(--txt-bg)!important;
}
body [class*="vb-product-badge"] [class*="vb-txt-"]:is([class*="vb-path-"],[class*="vb-svg-"]){
	  --txt-rd:0px!important;
  }
 
body [class*="vb-product-badge"][class*="-end"]{
  --txt-bg-scale: scaleX(-1)!important;
}
body.rtl [class*="vb-product-badge"][class*="-end"]{
  --txt-bg-scale: scaleX(1)!important;
}
 
 
 body [class*="vb-product-badge"] [class*="vb-txt-"]:is(.vb-quarter-circle,.vb-path-corner,.vb-path-corner-ribbon){
	--txt-ratio:1 ;
 	--txt-mg-top:calc(var(--pd) * -1);
 	--txt-mg-in-st:calc(var(--pd) * -1);
 	--txt-mg-in-en:0px;
 }
  body [class*="vb-product-badge"][class*="-end"] [class*="vb-txt-"]:is(.vb-quarter-circle,.vb-path-corner,.vb-path-corner-ribbon){
  	--txt-mg-in-en:calc(var(--pd) * -1);
 	--txt-mg-in-st:0px;
}
body [class*="vb-product-badge"] [class*="vb-txt-"]:is(.vb-quarter-circle,.vb-path-corner,.vb-path-corner-ribbon),
body.rtl [class*="vb-product-badge"][class*="-end"] [class*="vb-txt-"]:is(.vb-quarter-circle,.vb-path-corner,.vb-path-corner-ribbon){
 	--txt-rotate: rotate(-45deg);
   	--txt-bg-rotate: rotate(45deg);
 	--txt-translate:translateY(-0.7em);
  	--txt-bg-translate: translate(0.6em,0.6em);
  }
 
body [class*="vb-product-badge"][class*="-end"] [class*="vb-txt-"]:is(.vb-quarter-circle,.vb-path-corner,.vb-path-corner-ribbon),
body.rtl [class*="vb-product-badge"] [class*="vb-txt-"]:is(.vb-quarter-circle,.vb-path-corner,.vb-path-corner-ribbon){
 	--txt-rotate: rotate(45deg);
   	--txt-bg-rotate: rotate(-45deg);
	--txt-translate: translateY(-0.7em);
	--txt-bg-translate: translate(-0.6em,0.6em);
}
 
 
 body [class*="vb-product-badge"] [class*="vb-txt-"]:is(.vb-quarter-circle){
	--txt-rd:0px 0px 100% 0px !important;
 	--txt-translate:translateY(-0.2em);
   	--txt-bg-translate: translate(0.2em,0.2em);
 }
  body [class*="vb-product-badge"][class*="-end"] [class*="vb-txt-"]:is(.vb-quarter-circle){
--txt-translate: translateY(-0.2em);
  --txt-bg-translate: translate(-0.2em,0.2em);
 }
 
body [class*="vb-product-badge"]  [class*="vb-txt"]:is(.vb-path-cut-corner-side,.vb-path-ribbon-side,.vb-path-arrow-side){

	--txt-flx-dir: row-reverse ;

}
body [class*="vb-product-badge"][class*="-end"]  [class*="vb-txt"]:is(.vb-path-cut-corner-side,.vb-path-ribbon-side,.vb-path-arrow-side){

	--txt-flx-dir: row ;
 }

body [class*="vb-product-badge"]  [class*="vb-txt"]:is(.vb-path-cut-corner-bottom,.vb-path-ribbon-bottom,.vb-path-arrow-bottom){

	--txt-flx-dir:column-reverse ;
 	--vb-product-badge-add-ht:10px;

} 
  body [class*="vb-product-badge"] .vb-path-cut-corner-side{
	 --vb-product-badge-add-wt:8px;
 }
   body [class*="vb-product-badge"] .vb-path-cut-corner-bottom{
	 --vb-product-badge-add-wt:8px;
 }
  body [class*="vb-product-badge"] [class*="vb-txt"]:is(.vb-path-cut-corner-side,.vb-path-ribbon-side,.vb-path-cut-corner-bottom,.vb-path-ribbon-bottom,.vb-path-arrow-bottom,.vb-path-arrow-side)::before{
	content:"";
 	height:var(--vb-product-badge-add-ht,4px)!important; 
	width:var(--vb-product-badge-add-wt,4px)!important;
	font-size:1em !important;
 }
 body .vb-product-badge-details{
	 width:100%;
  justify-content: var(--vb-product-badge-ag,var(--dt-ag));
	 
	 
 }
body .vb-txt-product-sale,
body .vb-txt-product-featured,
body .vb-txt-product-comingsoon,
body .vb-txt-product-custom-badge{
	align-items:center!important;
	display:inline-flex !important;
 
	--txt-pd: var(--vb-product-badge-pd,0.5em 1em);
 	--txt-fn-fm: var(--vb-product-badge-fn-fm,inherit);
	--txt-fn-sz: var(--vb-product-badge-fn-sz,var(--vb-product-badge-sz,var(--vb-fn-sz-xs)));
	--txt-fn-wt: var(--vb-product-badge-fn-wt,400);
	--txt-li-ht: var(--vb-product-badge-li-ht,1.1em);
	--txt-txt-dec: var(--vb-product-badge-txt-dec,none);
	--txt-txt-tf: var(--vb-product-badge-txt-tf,none);
	--txt-lt-sp: var(--vb-product-badge-lt-sp,none);
	--txt-wd-sp: var(--vb-product-badge-wd-sp,none);
	--txt-fn-st: var(--vb-product-badge-fn-st,none);
	--txt-rd: var(--vb-product-badge-rd,var(--vb-global-rd));
 	transform:var(--txt-tf,none) !important;
}
body .vb-txt-product-sale{
	position:relative ;
 	display:flex;
 	top: 0px; 
  	z-index:999;
 	--txt-box: '';
 	--txt-cr: var(--vb-sale-cr,var(--vb-global-primary-cr));
	--txt-bg: var(--vb-sale-bg,var(--vb-global-primary-bg));
	clip-path:var(--vb-sale-path,none) ;
	--txt-rd: var(--vb-sale-rd,var(--vb-product-badge-rd,var(--vb-global-rd)))!important;
	margin: var(--vb-sale-mg,0px)!important;
 
}

 
body .vb-txt-product-comingsoon{
	position:relative ;
 	display:flex;
 	top: 0px; 
  	z-index:999;
 	--txt-box: '';
 	--txt-cr: var(--vb-comingsoon-cr,var(--vb-global-primary-cr));
	--txt-bg: var(--vb-comingsoon-bg,var(--vb-global-primary-bg));
   
 	
}  
 
body .vb-txt-product-featured{
	position:relative ;
 	display:flex;
	z-index:999; ;
	--txt-box: '';
	--txt-cr: var(--vb-featured-cr,var(--vb-global-primary-hv-cr));
	--txt-bg: var(--vb-featured-bg,var(--vb-global-primary-hv-bg));
 	z-index:999;
}   
body .vb-txt-product-custom-badge{
	position:relative ;
 	display:flex;
	z-index:999;
 	--txt-box: '';
 	--txt-cr: var(--vb-custom-badge-cr,var(--vb-global-primary-hv-cr));
	--txt-bg: var(--vb-custom-badge-bg,var(--vb-global-primary-hv-bg));
 }   
 
   .vb-price-wrap:has( > .vb-product-badge-price):has(.vb-price){
 	gap:7px !important;
    } 
	   .vb-price del:has(.vb-txt-product-sale){
		 
 	gap:5px !important;
	  flex-direction: row !important;
 
    } 
	body:is(body) .vb-price del .vb-product-badge-price{
		position:relative !important;
		margin:0px !important;
		padding:0px !important;	
	}
	body:is(body) .vb-price del div.vb-txt-product-sale {
		 padding:5px 12px !important;
		 font-size:11px !important;
		 
		 
	 }
	.vb-price-wrap:has(> .vb-product-badge-price + .vb-price) > .vb-price {
    --vb-price-ag: start!important;
}
.vb-price-wrap:has(> .vb-price + .vb-txt-product-sale) > .vb-price {
    --vb-price-ag: end!important;
}
  
  
[class*="vb-product-badge"]  [class*="vb-txt"]:is(.vb-corner,.vb-top){
	--txt-mg-top:calc(var(--pd) * -1);
	
}
[class*="vb-product-badge"]  [class*="vb-txt"]:is(.vb-corner,.vb-top)::after{
border-start-start-radius:0px !important;
border-start-end-radius:0px !important;
}
[class*="vb-product-badge"]  [class*="vb-txt"]:is(.vb-corner,.vb-side){
	--txt-mg-in-st:calc(var(--pd) * -1);
	--txt-mg-in-en:0px;
	 
}
 [class*="vb-product-badge"]  [class*="vb-txt"]:is(.vb-corner,.vb-side)::after{
border-start-start-radius: 0px !important;
  border-end-start-radius: 0px !important;
}
 
[class*="vb-product-badge"][class*="-end"] [class*="vb-txt"]:is(.vb-corner,.vb-side){
	--txt-mg-in-en:calc(var(--pd) * -1);
	--txt-mg-in-st:0px;
 }
 [class*="vb-product-badge"][class*="-end"] [class*="vb-txt"]:is(.vb-corner,.vb-side)::after{
border-start-start-radius: 0px !important;
  border-end-start-radius: 0px !important;
 }
  [class*="vb-product-badge"] [class*="vb-txt"].vb-ratio-square{
 --txt-ratio:1!important;
 }
 
[class*="vb-product-badge"]  [class*="vb-txt"]:is(.vb-corner-outside,.vb-top-outside){
	--txt-mg-top:calc(var(--pd) * -2);
	 
}
[class*="vb-product-badge"]  [class*="vb-txt"]:is(.vb-corner-outside,.vb-side-outside){
	--txt-mg-in-st:calc(var(--pd) * -2);
	--txt-mg-in-en:0px;
}
 [class*="vb-product-badge"][class*="-end"]  [class*="vb-txt"]:is(.vb-corner-outside,.vb-side-outside){
	--txt-mg-in-en:calc(var(--pd) * -2);
	--txt-mg-in-st:0px;
}
   @container vb_aw (width <= 150px) {
body *:is([class*="vb-product-badge-image"],[class*="vb-product-badge-wrap"]) > *:is(.vb-txt-product-featured,.vb-txt-product-custom-badge,.vb-txt-product-comingsoon){
	display:none  !important
	
}
  }
  @container vb_aw (width <= 100px) {
body *:is([class*="vb-product-badge-image"],[class*="vb-product-badge-wrap"]) > [class*="vb-txt"]{
	display:none  !important
	
}
}
    @container vb_aw (width <= 150px) {
body div:is([class*="vb-product-badge-image"],[class*="vb-product-badge-wrap"]):has(.vb-txt-product-sale) .vb-txt-product-comingsoon,
body div:is([class*="vb-product-badge-image"],[class*="vb-product-badge-wrap"]):has(.vb-txt-product-sale,.vb-txt-product-comingsoon)  .vb-txt-product-featured,
body div:is([class*="vb-product-badge-image"],[class*="vb-product-badge-wrap"]):has(.vb-txt-product-sale,.vb-txt-product-comingsoon,vb-txt-product-featured) .vb-txt-product-custom-badge{
	display:none  !important
 }
  }