/*
|--------------------------------------------------------------------------
| CATEGORY PRODUCT CARD
|--------------------------------------------------------------------------
*/

.fv-category-product-card {
    min-width: 0;

    position: relative;

    background:
        #ffffff;

    color:
        #262626;

    transform:
        translateZ(0);

    transition:
        transform
            0.18s ease,
        box-shadow
            0.18s ease;
}


.fv-category-product-grid:hover {
    z-index: 3;

    transform:
        translateY(
            -2px
        );

    box-shadow:
        0 5px 18px
        rgba(
            15,
            23,
            42,
            0.09
        );
}


/*
|--------------------------------------------------------------------------
| IMAGE
|--------------------------------------------------------------------------
*/

.fv-category-product-grid {
    padding:
        0 0 8px;
}


.fv-category-product-image {
    width: 100%;

    height:
        202px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    overflow:
        hidden;

    background:
        #ffffff;

    text-decoration:
        none;
}


.fv-category-product-image
img {
    width: 100%;

    height: 100%;

    display:
        block;

    object-fit:
        contain;

    object-position:
        center;

    user-select:
        none;

    -webkit-user-drag:
        none;

    transform:
        scale(1);

    transition:
        transform
        0.22s ease;
}


.fv-category-product-card:hover
.fv-category-product-image
img {
    transform:
        scale(
            1.04
        );
}


/*
|--------------------------------------------------------------------------
| PLACEHOLDER
|--------------------------------------------------------------------------
*/

.fv-category-product-placeholder {
    width: 100%;

    height: 100%;

    display:
        grid;

    place-items:
        center;

    color:
        #c4c8ce;

    background:
        #fafafa;

    font-size:
        24px;
}


/*
|--------------------------------------------------------------------------
| CONTENT
|--------------------------------------------------------------------------
*/

.fv-category-product-content {
    min-width: 0;

    padding:
        8px 7px 0;
}


/*
|--------------------------------------------------------------------------
| TITLE
|--------------------------------------------------------------------------
*/

.fv-category-product-title {
    min-height:
        35px;

    display:
        -webkit-box;

    overflow:
        hidden;

    color:
        #242424;

    font-size:
        11px;

    line-height:
        1.45;

    font-weight:
        400;

    text-decoration:
        none;

    -webkit-line-clamp:
        2;

    -webkit-box-orient:
        vertical;

    transition:
        color
        0.15s ease;
}


.fv-category-product-title:hover {
    color:
        #ff587d;
}


.fv-category-product-title
b {
    display:
        inline-block;

    margin-right:
        5px;

    padding:
        1px 3px;

    border-radius:
        2px;

    font-size:
        8px;
}


/*
|--------------------------------------------------------------------------
| PRICE
|--------------------------------------------------------------------------
*/

.fv-category-product-price {
    margin-top:
        4px;

    color:
        #ff587d;

    font-size:
        16px;

    line-height:
        1.1;

    font-weight:
        500;
}


/*
|--------------------------------------------------------------------------
| DISCOUNT
|--------------------------------------------------------------------------
*/

.fv-category-product-discount {
    margin-top:
        3px;

    color:
        #777777;

    font-size:
        9px;
}


.fv-category-product-discount
span {
    margin-left:
        5px;

    color:
        #ff587d;
}


/*
|--------------------------------------------------------------------------
| META
|--------------------------------------------------------------------------
*/

.fv-category-product-meta {
    display:
        flex;

    align-items:
        center;

    gap:
        5px;

    margin-top:
        5px;

    color:
        #111111;

    font-size:
        10px;
}


.fv-category-product-meta
> small {
    margin-left:
        auto;

    color:
        #999da4;

    font-size:
        8px;
}


/*
|--------------------------------------------------------------------------
| RATING
|--------------------------------------------------------------------------
*/

.fv-category-rating {
    display:
        flex;

    align-items:
        center;

    gap:
        2px;

    color:
        #f8b531;
}


.fv-category-rating
span {
    display:
        flex;

    gap:
        1px;
}


.fv-category-rating
i {
    font-size:
        8px;
}


.fv-category-rating
small {
    color:
        #9b9fa5;

    font-size:
        8px;
}


/*
|--------------------------------------------------------------------------
| LIST VIEW
|--------------------------------------------------------------------------
*/

.fv-category-product-list {
    display:
        grid;

    grid-template-columns:
        230px
        minmax(
            0,
            1fr
        );

    gap:
        16px;

    padding:
        16px 0;

    border-bottom:
        1px solid
        #eeeeee;
}


.fv-category-product-list
.fv-category-product-image {
    height:
        200px;
}


.fv-category-product-list
.fv-category-product-content {
    position:
        relative;

    padding-top:
        0;
}


.fv-category-product-list
.fv-category-product-title {
    min-height: 0;

    display:
        block;

    overflow:
        visible;

    font-size:
        12px;

    line-height:
        1.4;
}


.fv-category-product-list
.fv-category-product-price {
    position:
        absolute;

    top: 0;

    right:
        20px;

    font-size:
        15px;
}


/*
|--------------------------------------------------------------------------
| HIGHLIGHTS
|--------------------------------------------------------------------------
*/

.fv-category-product-highlights {
    margin:
        15px 0 0;

    padding-left:
        18px;

    color:
        #6f747d;

    font-size:
        10px;

    line-height:
        1.8;
}


/*
|--------------------------------------------------------------------------
| RESPONSIVE
|--------------------------------------------------------------------------
*/

@media (
    max-width: 900px
) {

    .fv-category-product-image {
        height:
            175px;
    }

}


@media (
    max-width: 720px
) {

    .fv-category-product-image {
        height:
            160px;
    }


    .fv-category-product-content {
        padding:
            7px 5px 0;
    }


    .fv-category-product-title {
        min-height:
            34px;

        font-size:
            10px;
    }


    .fv-category-product-price {
        font-size:
            14px;
    }


    .fv-category-product-meta {
        flex-wrap:
            wrap;

        gap:
            3px;
    }


    .fv-category-product-meta
    > small {
        width:
            100%;

        margin-left:
            0;
    }


    .fv-category-product-list {
        grid-template-columns:
            130px 1fr;

        gap:
            9px;

        padding:
            10px 0;
    }


    .fv-category-product-list
    .fv-category-product-image {
        height:
            130px;
    }


    .fv-category-product-list
    .fv-category-product-price {
        position:
            static;
    }


    .fv-category-product-highlights {
        display:
            none;
    }

}