.f-featured-collection {
    display: block
}

.f-featured-collection .f-product-list {
    position: relative
}

.f-featured-collection__button {
    justify-content: center;
    margin-top: 60px
}

.f-featured-collection__button .f-button.m\:hidden {
    display: none !important
}

@media screen and (max-width: 1279px) {
    .f-featured-collection__button {
        margin-top: 40px
    }
}

@media screen and (max-width: 767px) {
    .f-featured-collection__button {
        margin-top: 30px
    }
}

.f-featured-collection--show-countdown {
    --color-flash-sale: #C02C30
}

.bg-dark .f-featured-collection--show-countdown {
    --color-flash-sale: rgb(var(--bg-white))
}

.bg-dark .f-featured-collection--show-countdown .f-flashsale-countdown__box {
    color: rgb(var(--text-black))
}

.f-featured-collection--show-countdown .f-section__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    border-bottom: 2px solid var(--color-flash-sale)
}

.f-featured-collection--show-countdown .f-section__header h2 {
    color: var(--color-flash-sale);
    font-weight: 700
}

@media screen and (max-width: 767px) {
    .f-featured-collection--show-countdown .f-flashsale-countdown {
        height: 40px;
        padding: 0 5px
    }

    .f-featured-collection--show-countdown .f-flashsale-countdown:before {
        display: none
    }

    .f-featured-collection--show-countdown .f-flashsale-countdown__box {
        font-size: 18px;
        min-width: 34px;
        text-align: center
    }
}

.f-flashsale-countdown {
    display: inline-flex;
    font-size: 26px;
    font-weight: 500;
    color: #fff;
    background: var(--color-flash-sale);
    height: 50px;
    padding: 0 10px;
    align-items: center;
    position: relative
}

.f-flashsale-countdown__wrapper {
    display: flex
}

.f-flashsale-countdown:before {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 50px solid var(--color-flash-sale);
    border-left: 25px solid rgba(0, 0, 0, 0);
    position: absolute;
    right: 100%
}

.f-flashsale-countdown__box {
    padding: 0 5px;
    position: relative;
    min-width: 50px;
    text-align: center
}

.f-flashsale-countdown__box:after {
    content: ":";
    position: absolute;
    right: -5px
}

.f-flashsale-countdown__box:last-child:after {
    display: none
}