:root {
    --swiper-theme-color: #F04D24;
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}

.swiper-pagination-bullet-active::before {
    border-radius: 4px;
    background: #F04D24;
    animation: none;
}

.swiper-slide-prev,
.swiper-slide-next {
    opacity: 0.3;
}


.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 10px !important;
}

.swiper-button-prev,
.swiper-button-next {
    width: 10%;
    height: 100%;
    top: 0;
}

    .swiper-button-next::after,
    .swiper-rtl .swiper-button-prev::after,
    .swiper-button-prev::after,
    .swiper-rtl .swiper-button-next::after {
        content: "";
    }

.swiper {
    padding-bottom: 40px;
}

.landing-page .products-container .product-item {
    border: 1px solid #eee;
    box-shadow: none;
}

.landing-sold-out {
    position: absolute;
    width: 100%;
    z-index: 2;
    height: 100%;
    background: rgba(255,255,255,.5);
    pointer-events: none;
}


.snowflake {
    width: var(--size);
    height: var(--size);
    box-shadow: 0 0 var(--size) 1px #fff;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    z-index: 10;
    top: 0;
}

    .snowflake:nth-child(3n) {
        filter: blur(2px);
        box-shadow: 0 0 var(--size) var(--size/2) #fff;
    }

@media all and (min-width:768px) {
    .snowflake {
        top: -100px;
    }
}

@keyframes snowfall {
    to {
        transform: translateY(100vh) translateX(calc(var(--left-end) - var(--left-ini)));
    }
}

.load-more-products-categories {
    width: 100%;
    height: 50px;
    margin: 0 0 0 0;
    background: url('../images/i-loading.svg') center no-repeat;
    background-size: 45px;
    z-index: 9999;
}

.black-friday .product-selectors {
    z-index: unset !important;
}

.black-friday .selectCustom-options {
    z-index: 20 !important;
}

.black-svg {
    width: 90%;
    margin: 0 auto;
}

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


    .black-svg {
        width: 400px;
        margin: unset;
        margin-left: 75px;
    }

    .categories {
        position: relative;
        bottom: 45px;
    }
}