.sales .sale-card{
    background-color: #212024 !important;
}
.sale-card {
    border-radius: 1rem;
    overflow: hidden;
}

.sale-card__photo {
    display: flex;
    width: 100%;
    padding-bottom: 28%;
    padding-top: 28%;
    background-size: cover;
    background-position: center;
    position: relative;
}

.sale-card__info {}

.sale-card__name {
    color: #FFF;
    font-weight: 650;
}

.sale-card__price {
    color: var(--color__fill-2);
    margin-top: .25rem;
}

.sale-card__mask {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 4rem;
    left: 0;
}
.sale-carusel {
    position: relative;
    z-index: 0;
    background-color: #ECECFA;
}

.sale-card.--dark {
    color: white;
}

.sale-card__sale-marker {
    height: 1.5rem;
    background-color: var(--color__fill-2);
    display: flex;
    align-items: center;
    padding: 0 .25rem;
    border-radius: .25rem;
    font-weight: 800;
    position: relative;
    color: white;
}

.sale-card__sale-marker:after {}

.sale-card.--dark .sale-card__name {
    color: white;
}
.sale-card__counter-title {
    text-align: center;
    opacity: .6;
}

.countdown {
    text-transform:uppercase
}

.countdown > div {
    display:inline-block
}

.countdown > div > span {
    display:block;
    text-align:center
}

.countdown-container {margin:0 3px;flex-direction: column;display: flex;}

.countdown-container .countdown-heading {font-size:10px;margin:4px;text-transform:none;text-align: center;width: 100%;opacity: .6;}

.countdown-container .countdown-value {font-size:24px;background: rgb(255, 255, 255);padding:8px;color: var(--color__dark);border-radius: .25rem;font-weight:700;line-height:24px;width: 3rem;text-align: center;}
.sale-carusel .countdown-value {
    background-color: var(--color__fill-4);
}
.sales-carusel {}

.sales-carusel .swiper-slide.swiper-slide-next {
    opacity: 0;
}


.sale-card__sale-marker:after {content: "";display: block;position: absolute;border: .375rem solid transparent;border-right: .375rem solid var(--color__fill-2);left: -.75rem;}

.sale-card__old-price {}

.sale-card__old-price span {
    text-decoration: line-through;
    font-weight: 600;
    margin-right: .25rem;
    opacity: .5;
}

.sale-card__counter-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.countdown-container-devider {
    font-weight: 700;
    position: relative;
    top: -.75rem;
    opacity: .5;
}

.sales-detail {}

.sales-detail .sale-card__old-price span {
    position: relative;
    top: .125rem;
    opacity: .32;
}

.sales-detail .sale-card__sale-marker:after {
    border-right: 0;
    border-left: .375rem solid var(--color__fill-2);
    left: unset;
    right: -.325rem;
}
.sales-detail__cta {
    height: 3rem;
    border-radius: .657rem;
}

.sales-detail__desc-title {
    font-weight: 650;
}


.sales-detail span.countdown-value {
    background-color: var(--color__fill-4);
}

.sales-detail .countdown-container-devider {
    opacity: .2;
}

.sale-card__more-btn.btn.--fill-4 {
    font-weight: 650;
}

.sale-card__more-btns {
    grid-template-columns: 1fr !important;
}

@media screen and (min-width: 768px) {  

    .sale-card__more-btns {
        grid-template-columns: 1fr 1fr !important;
    }
    .sale-carusel .type-carusel__pagination {
        /* display: none; */
    }
    .sale-carusel .type-carusel__nav {
        /* width: 100%; */
    }
    .sale-carusel {
        /* max-width: 100% !important; */
        /* width: 100% !important; */
        padding: 0 !important;
        /* overflow: hidden; */
        background-color: transparent;
    }
    .sale-card__price-wrap {
        display: flex;
        justify-content: space-between;
    }
    
    .sale-card__old-price {
        flex-wrap: nowrap;
    }
    
    .sale-card__old-price span {
        white-space: pre;
    }
    
    .sale-card__price-col-wrap {
        flex-direction: column;
        display: flex;
        justify-content: center;
    }
    .sales__items {
        grid-template-columns: 1fr 1fr 1fr;
        margin: .5rem 0 !important;
    }

    .sales__items .sale-card__price-wrap {
        flex-wrap: wrap;
    }

    .sales__items a.sale-card__more-btn {
        width: 100%;
    }

    .sales__items .sale-card__counter {
        width: 100%;
    }

    .countdown-container .countdown-value {
        width: 2.75rem;
        padding: .5rem 0;
    }
    .sales {
        padding-bottom: 3rem !important;
        margin: 0 !important;
    }
    .sale-card__photo {
        padding-bottom: 40%;
        padding-top: 40%;
    }
    .sale-card {
        border-radius: 1rem;
        box-shadow: none;
    }
    .--white-header.--section-page.--sale-page {}

    .--white-header.--section-page.--sale-page .image-header {
        max-width: var(--col-6);
        border-radius: 1.5rem;
        overflow: hidden;
    }

    .--white-header.--section-page.--sale-page .page-detail {max-width: var(--col-6);}

    .--white-header.--section-page.--sale-page .image-header__wrap {
        height: 100%;
    }

    .--white-header.--section-page.--sale-page .center-wrap {
        height: 100%;
    }
    .sale-carusel .type-carusel__nav {display: flex;align-items: center;}

    .sale-carusel .type-carusel__nav .type-carusel__nav-arrows {display: none;}



}