/*
 * Condições comerciais dos cards de produto.
 * Carregado após as demais camadas para substituir resíduos visuais do RWD.
 */
.bp-payment-info {
    display: grid;
    gap: 7px;
    margin: 10px 0 8px;
}

.bp-payment-cash {
    align-items: center;
    display: flex;
    gap: 8px;
}

.bp-payment-badge {
    background: color-mix(in srgb, var(--bp-primary) 12%, var(--bp-card));
    border: 1px solid color-mix(in srgb, var(--bp-primary) 28%, transparent);
    border-radius: 999px;
    color: var(--bp-primary);
    flex: none;
    font-size: .66rem;
    font-weight: 850;
    letter-spacing: .04em;
    line-height: 1;
    padding: 6px 8px;
}

.bp-payment-copy {
    align-items: baseline;
    color: var(--bp-text);
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.bp-payment-copy strong {
    color: var(--bp-primary);
    font-size: .94rem;
    font-weight: 850;
}

.bp-payment-copy small {
    color: var(--bp-muted);
    font-size: .72rem;
    line-height: 1.35;
}


.bp-product-info {
    min-height: 205px !important;
}

.bp-product-cta {
    margin-top: 7px;
}

.bp-list-card .bp-payment-info {
    max-width: 440px;
}

@media only screen and (max-width: 770px) {
    .bp-product-info {
        min-height: 190px !important;
    }

    .bp-payment-info {
        gap: 5px;
        margin-top: 8px;
    }

    .bp-payment-cash {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }

    .bp-payment-badge {
        font-size: .6rem;
        padding: 5px 7px;
    }

    .bp-payment-copy strong {
        font-size: .84rem;
    }

    .bp-payment-copy small {
        font-size: .66rem;
    }
}
/* Destaque suave da foto sem deslocar o card. */
.bp-product-image {
    transition: box-shadow .35s ease, transform .35s ease;
}

@media (hover: hover) and (pointer: fine) {
    .bp-product-card:hover .bp-product-image,
    .bp-product-card:focus-within .bp-product-image {
        box-shadow: 0 18px 38px rgba(45, 24, 31, .16);
        transform: translateY(-2px);
    }

    html.bp-theme-dark .bp-product-card:hover .bp-product-image,
    html.bp-theme-dark .bp-product-card:focus-within .bp-product-image,
    body.bp-theme-dark .bp-product-card:hover .bp-product-image,
    body.bp-theme-dark .bp-product-card:focus-within .bp-product-image {
        box-shadow: 0 20px 42px rgba(0, 0, 0, .34);
    }
}