.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
}
/* GRANDSS_PRODUCT_SCROLLBAR_START */
.f-featured-collection .grandss-product-scrollbar.swiper-scrollbar {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: min(420px, 42vw) !important;
    height: 4px !important;
    margin: 28px auto 0 !important;
    border-radius: 999px !important;
    background: rgba(17, 17, 15, .16) !important;
    opacity: 1 !important;
    overflow: hidden !important;
    cursor: ew-resize;
}
.f-featured-collection .grandss-product-scrollbar .swiper-scrollbar-drag {
    min-width: 54px;
    height: 100%;
    border-radius: 999px;
    background: #11110f !important;
    opacity: 1 !important;
    cursor: grab;
}
.f-featured-collection .grandss-product-scrollbar .swiper-scrollbar-drag:active {
    cursor: grabbing;
}
@media screen and (max-width: 767px) {
    .f-featured-collection .grandss-product-scrollbar.swiper-scrollbar {
        width: 100% !important;
        height: 4px !important;
        margin-top: 20px !important;
    }
}
@media (prefers-reduced-motion: reduce) {
    .f-featured-collection .swiper-wrapper {
        scroll-behavior: auto !important;
    }
}
/* GRANDSS_PRODUCT_SCROLLBAR_END */