/**
 * Product Filter Styles
 */

/* Fade-up animation keyframes */
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Active filter pill state */
.c-product-listing__pill--active,
.c-product-listing__pill.active {
    background-color: #B5091F;
    color: #fff;
}

.c-product-listing__pill--active i,
.c-product-listing__pill.active i {
    color: #fff;
}

/* Active tab state */
.c-tabs__tab.active {
    border-bottom: 3px solid #B5091F;
    color: #B5091F;
}

.c-tabs__tab.active span {
    font-weight: 600;
}

/* Hidden product card */
.c-product-listing__card[style*="display: none"] {
    visibility: hidden;
    height: 0;
    padding: 0;
    margin: 0;
    animation: none !important;
}

/* Visible product card - animation applied via JS class */
.c-product-listing__card {
    visibility:hidden;
    opacity:0;
    display:none;
/*    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.3s ease-in-out;*/
}

/* Animation class applied by JavaScript */
.c-product-listing__card.fade-up-in {
    display:block;
    visibility:visible;
    animation: fadeUp 0.6s ease-out forwards;
    animation-delay: var(--stagger-delay, 0s);
}
}