.default-home-ajax-section,
.default-home-product-ajax {
    position: relative;
    width: 100%;
}


.default-home-ajax-section.is-loading,
.default-home-product-ajax.is-loading {
    min-height: 220px;
}


.default-home-loader {
    width: 100%;
    padding: 20px 0;
}


.default-home-loader-title {
    width: 180px;
    height: 28px;
    margin: 0 auto 35px;
    border-radius: 6px;
    background: linear-gradient(90deg,
            #eeeeee 25%,
            #f7f7f7 50%,
            #eeeeee 75%);
    background-size: 200% 100%;
    animation: defaultHomeShimmer 1.4s infinite;
}


.default-home-loader-cards {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}


.default-home-loader-cards span {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 50%;

    background: linear-gradient(90deg,
            #eeeeee 25%,
            #f7f7f7 50%,
            #eeeeee 75%);

    background-size: 200% 100%;
    animation: defaultHomeShimmer 1.4s infinite;
}



.default-home-loader-product-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}


.default-home-loader-product-grid span {
    display: block;
    width: 100%;
    aspect-ratio: 0.78 / 1;

    border-radius: 4px;

    background: linear-gradient(90deg,
            #eeeeee 25%,
            #f7f7f7 50%,
            #eeeeee 75%);

    background-size: 200% 100%;
    animation: defaultHomeShimmer 1.4s infinite;
}



.default-home-loader-banner {
    width: 100%;
    min-height: 300px;

    background: linear-gradient(90deg,
            #eeeeee 25%,
            #f7f7f7 50%,
            #eeeeee 75%);

    background-size: 200% 100%;
    animation: defaultHomeShimmer 1.4s infinite;
}


.default-home-loader-marquee {
    width: 100%;
    min-height: 55px;

    background: linear-gradient(90deg,
            #eeeeee 25%,
            #f7f7f7 50%,
            #eeeeee 75%);

    background-size: 200% 100%;
    animation: defaultHomeShimmer 1.4s infinite;
}


.default-home-loader-spacing {
    min-height: 300px;

    background: linear-gradient(90deg,
            #eeeeee 25%,
            #f7f7f7 50%,
            #eeeeee 75%);

    background-size: 200% 100%;
    animation: defaultHomeShimmer 1.4s infinite;
}



.default-home-loader-reviews {
    min-height: 250px;

    background: linear-gradient(90deg,
            #eeeeee 25%,
            #f7f7f7 50%,
            #eeeeee 75%);

    background-size: 200% 100%;
    animation: defaultHomeShimmer 1.4s infinite;
}



.default-home-loader-instagram {
    min-height: 250px;

    background: linear-gradient(90deg,
            #eeeeee 25%,
            #f7f7f7 50%,
            #eeeeee 75%);

    background-size: 200% 100%;
    animation: defaultHomeShimmer 1.4s infinite;
}


@keyframes defaultHomeShimmer {

    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }

}


.default-home-ajax-section.home-images-loading>*:not(.default-home-loader),
.default-home-product-ajax.home-images-loading>*:not(.default-home-loader) {
    opacity: 0;
}


.default-home-reveal {
    opacity: 0;

    transform:
        translateY(24px) scale(.985);

    animation:
        defaultHomeReveal .65s cubic-bezier(.22, 1, .36, 1) forwards;

    animation-delay:
        var(--home-reveal-delay, 0s);

    will-change:
        opacity,
        transform;
}


@keyframes defaultHomeReveal {

    from {
        opacity: 0;

        transform:
            translateY(24px) scale(.985);
    }

    to {
        opacity: 1;

        transform:
            translateY(0) scale(1);
    }

}



.default-home-image-ready {
    opacity: 1;
}


.default-home-error {
    text-align: center;
    padding: 50px 20px;
    font-size: 14px;
}




@media (max-width: 991px) {

    .default-home-loader-cards {
        grid-template-columns: repeat(4, 1fr);
    }

    .default-home-loader-product-grid {
        grid-template-columns: repeat(3, 1fr);
    }

}


@media (max-width: 575px) {

    .default-home-loader-cards {
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
    }

    .default-home-loader-product-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .default-home-loader-banner {
        min-height: 180px;
    }

}




@media (prefers-reduced-motion: reduce) {

    .default-home-reveal {
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
    }

    .default-home-loader-cards span,
    .default-home-loader-product-grid span,
    .default-home-loader-title,
    .default-home-loader-banner,
    .default-home-loader-marquee,
    .default-home-loader-spacing,
    .default-home-loader-reviews,
    .default-home-loader-instagram {
        animation: none !important;
    }

}


.default-home-product-ajax.home-images-loading {
    opacity: 0;
    visibility: hidden;
}

.default-home-product-ajax:not(.home-images-loading) {
    opacity: 1;
    visibility: visible;
    transition:
        opacity 0.35s ease,
        visibility 0.35s ease;
}



.default-home-product-ajax {
    position: relative;
}




.default-home-product-ajax.home-images-loading .default-home-ajax-content {
    opacity: 0;
    visibility: hidden;
}



.default-home-product-ajax:not(.home-images-loading) .default-home-ajax-content {
    opacity: 1;
    visibility: visible;
    transition:
        opacity 0.35s ease,
        visibility 0.35s ease;
}




.default-home-product-ajax.home-images-loading .default-home-loader {
    position: relative;
    z-index: 5;
}




.default-home-reveal {
    opacity: 0;
    transform: translateY(18px);
    animation: defaultHomeProductReveal 0.45s ease forwards;
    animation-delay: var(--home-reveal-delay, 0s);
}


@keyframes defaultHomeProductReveal {

    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}


@media (min-width: 992px) {

    #default-home-spacing .sw-pagination-collection {
        display: none !important;
    }

}


.tf-slideshow .swiper-slide,
.tf-slideshow .wrap-slider {
    height: auto !important;
    min-height: 0 !important;
}

.tf-slideshow .responsive-banner {
    width: 100%;
    height: auto !important;
    display: block;
}

.spacing-collection-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
}

.spacing-collection-grid .link {
    display: block;
    width: 100%;
}

.spacing-collection-grid .collection-default {
    width: 100%;
}

.spacing-collection-grid .img-style {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.spacing-collection-grid .img-style img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.spacing-collection-grid .content {
    margin-top: 10px;
}

@media (max-width: 575px) {

    .spacing-collection-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

}