.product-labels {
position:absolute;
top:7px;
inset-inline-start:7px;
z-index:1;
display:flex;
align-items:flex-start;
flex-direction:column;
gap:10px;
max-width:50%;
transition:all .3s ease;
transform:translateZ(0)}
.product-labels .label-with-img {
padding:0;
max-width:50px}
.product-label {
padding:5px 10px;
min-width:50px;
color:#fff;
text-align:center;
text-transform:uppercase;
word-break:break-all;
font-weight:600;
font-size:12px;
line-height:1.2}
.product-label.onsale {
background-color:var(--wd-primary-color);
direction:ltr}
.product-label.featured {
background-color:#E22D2D}
.product-label.new {
background-color:#438E44}
.product-label.out-of-stock {
background-color:var(--bgcolor-white);
color:var(--color-gray-900)}
.product-label.attribute-label:not(.label-with-img) {
background-color:var(--bgcolor-white);
color:var(--color-gray-900)}
.labels-rounded-sm .product-label {
border-radius:12px}
@media (max-width: 576px) {
.product-labels {
gap:5px}
.product-label {
padding-inline:5px;
min-width:40px;
font-size:10px}
.product-label .label-with-img {
padding-inline:0}
}