/*
 * Fácil Digital+
 * Product Card
 *
 * Componente compartilhado por:
 * - Home;
 * - catálogo;
 * - busca;
 * - produtos relacionados.
 */

.fd-product-grid,
.fd-search-results {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    gap:
        var(--fd-space-6);
}

.fd-product-card {
    display: flex;

    min-width: 0;

    flex-direction: column;

    overflow: hidden;

    border:
        1px solid
        var(--fd-color-border);

    border-radius:
        var(--fd-radius-lg);

    background:
        var(--fd-color-surface);

    box-shadow:
        var(--fd-shadow-sm);

    transition:
        transform
            var(--fd-transition-base),
        box-shadow
            var(--fd-transition-base);
}

.fd-product-card:hover {
    transform:
        translateY(-4px);

    box-shadow:
        var(--fd-shadow-md);
}

.fd-product-card__image-link {
    display: block;

    text-decoration: none;
}

.fd-product-card__image-wrap {
    display: grid;

    aspect-ratio:
        4 / 3;

    place-items: center;

    overflow: hidden;

    background:
        var(--fd-color-surface-soft);
}

.fd-product-card__image {
    width: 100%;
    height: 100%;

    object-fit: cover;
}

.fd-product-card__content {
    display: flex;

    flex: 1;

    flex-direction: column;

    padding:
        var(--fd-space-6);
}

.fd-product-card__type {
    margin-bottom:
        var(--fd-space-2);

    color:
        var(--fd-color-primary);

    font-size:
        var(--fd-font-size-xs);

    font-weight: 800;

    letter-spacing:
        0.05em;

    text-transform: uppercase;
}

.fd-product-card__title {
    margin-bottom:
        var(--fd-space-4);

    font-size:
        var(--fd-font-size-xl);
}

.fd-product-card__title a {
    text-decoration: none;
}

.fd-product-card__price {
    margin-top: auto;

    margin-bottom:
        var(--fd-space-5);

    font-size:
        var(--fd-font-size-xl);

    font-weight: 800;
}

.fd-product-card__button {
    width: 100%;
}

.fd-product-card__image-wrap {
    position: relative;
}

.fd-product-card__badge {
    position: absolute;

    z-index: 2;

    top:
        var(--fd-space-3);

    right:
        var(--fd-space-3);

    padding:
        6px 10px;

    border-radius:
        var(--fd-radius-full);

    background:
        var(--fd-color-primary);

    color: #fff;

    font-size:
        var(--fd-font-size-xs);

    font-weight: 800;

    line-height: 1.2;
}

.fd-product-card__meta {
    margin:
        calc(
            var(--fd-space-2) * -1
        )
        0
        var(--fd-space-4);

    color:
        var(--fd-color-text-muted);

    font-size:
        var(--fd-font-size-sm);

    line-height: 1.5;
}

.fd-product-card__rating {
    margin-bottom:
        var(--fd-space-3);
}

.fd-product-card__title a:focus-visible {
    outline:
        3px solid
        rgb(11 92 255 / 0.22);

    outline-offset:
        3px;

    border-radius:
        3px;
}
/* P3 FINAL - cards comerciais compactos */ .fd-product-grid,.fd-search-results{gap:20px}.fd-product-card__image-wrap{height:190px;aspect-ratio:auto}.fd-product-card__image{width:100%;height:100%;padding:12px;box-sizing:border-box;object-fit:contain}.fd-product-card__content{padding:18px}.fd-product-card__type{margin-bottom:6px;font-size:11px}.fd-product-card__title{margin-bottom:10px;font-size:1.05rem;line-height:1.35}.fd-product-card__meta{margin:0 0 10px;font-size:.875rem}.fd-product-card__price{margin-top:auto;margin-bottom:14px;font-size:1.2rem}.fd-product-card__button{width:auto;min-width:145px;min-height:40px;align-self:flex-start;padding:9px 16px}@media(max-width:760px){.fd-product-card__image-wrap{height:170px}.fd-product-card__content{padding:16px}.fd-product-card__button{width:100%;align-self:stretch}}