/* Desconto automático do painel nos cards (public/js/storefront-card-discount.js). */

.catalog-card__price-was[hidden],
.catalog-card__discount[hidden] {
    display: none !important;
}

html body .catalog-card .catalog-card__purchase.has-discount {
    align-items: center;
    column-gap: 6px;
    row-gap: 2px;
}

/* Preço cheio: pequeno, cinza e riscado, ao lado do selo. */
html body .catalog-card .catalog-card__purchase .catalog-card__price-was {
    order: 0;
    color: #8a97aa;
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: line-through;
    white-space: nowrap;
}

html body .catalog-card .catalog-card__purchase .catalog-card__discount {
    order: 0;
    display: inline-flex;
    align-items: center;
    height: 19px;
    padding: 0 6px;
    border-radius: 5px;
    background: #dc2626;
    color: #fff;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.03em;
    line-height: 1;
    white-space: nowrap;
}

/* Preço com desconto na linha de baixo, no tamanho normal do card. */
html body .catalog-card .catalog-card__purchase.has-discount .catalog-card__price {
    order: 1;
    flex-basis: 100%;
}

html body .catalog-card .catalog-card__purchase.has-discount .catalog-card__unit {
    order: 2;
}