/* Etiqueta / banner de Liquidación superpuesto sobre la foto del producto */
.liquidation-badge {
    position: absolute;
    z-index: 6;
    left: -6%;
    bottom: 16%;
    width: 112%;
    padding: 7px 0;
    background: linear-gradient(90deg, #b0114a 0%, #d81b60 100%);
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 4px;
    text-transform: uppercase;
    transform: rotate(-9deg);
    box-shadow: 0 4px 14px rgba(0, 0, 0, .28);
    pointer-events: none;
    white-space: nowrap;
}

/* Asegura que el badge se posicione respecto al contenedor de la imagen */
.has-liquidation {
    position: relative;
    overflow: hidden;
}

/* Variante compacta para cards pequeñas (relacionados / grillas densas) */
.liquidation-badge--sm {
    font-size: 11px;
    letter-spacing: 2px;
    padding: 5px 0;
    bottom: 14%;
}

/* En el modal de vista rápida: sube el banner para que no choque con las
   miniaturas ubicadas abajo a la izquierda de la imagen. */
#quick-view .liquidation-badge {
    bottom: 30%;
}