/* Fold */

.fold {
    width: 100%;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(2 * var(--space-xxxl));

    /* padding: calc(2 * var(--space-xxxl)) var(--space-xxxl) calc(4 * var(--space-xxxl) + 1px) var(--space-xxxl); */
    padding: calc(2 * var(--space-xxxl)) var(--space-xxxl);

    position: relative;
}

.fold__slider-outer-wrapper {
    width: 100%;
    height: 100%;

    position: absolute;

    top: 0;
    left: 0;
}

.fold__slider {
    max-width: 100%;
    height: 100%;
}

.fold__slider > .swiper-wrapper {
    width: 100%;
}

.fold__slide {
    width: 100%;
    height: 100%;
    
    display: flex;
}

.fold__slide-img-wrapper {
    width: 100%;
    height: 100%;

    display: flex;
}

.fold__slide-img {
    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;
}

.fold__body {
    width: 50%;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-m);

    position: relative;

    z-index: 2;
}

.fold__heading-line {
    text-align: center;
}

.fold__slider-scrollbar-wrapper {
    width: 100%;

    position: relative;

    /* z-index: 2; */
}

.fold__slider-scrollbar.swiper-scrollbar {
    width: 100%;
    height: 1px;

    border-radius: 0;

    background: none;
    background-color: var(--color-06);

    bottom: 0;
    left: 0;

    z-index: 1;
}

.fold__slider-scrollbar.swiper-scrollbar > .swiper-scrollbar-drag {
    height: 1px;

    border-radius: 0;

    background: none;
    background-color: var(--color-02);
}

/* Latest arrivals */

.latest-arrivals {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(2 * var(--space-xxxl));

    padding: calc(2 * var(--space-xxxl)) var(--space-xxxl);
}

/* Categories */

.categories {
    width: 100%;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(2 * var(--space-xxxl));

    padding: calc(2 * var(--space-xxxl)) var(--space-xxxl);
}

.categories__wrapper {
    width: 100%;

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--space-xxxl);
}

.category {
    width: calc(25% - (3 * var(--space-xxxl) / 4));

    display: flex;
    align-items: center;
    justify-content: center;
}

.category__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-m);
}

.category__img-wrapper {
    width: 120px;

    display: flex;

    transition: var(--transition-02);
    -webkit-transition: var(--transition-02);
}

.category__link:hover > .category__img-wrapper {
    transform: scale(0.88);
    -webkit-transform: scale(0.88);
}

.category__img {
    width: 100%;
}

/* Handmade */

.handmade {
    padding: 0 var(--space-xxxl);
}

.handmade__wrapper {
    background-image: url("../../assets/media/pages/home/handmade.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: calc(2 * var(--space-xxxl)) var(--space-xxxl);

    position: relative;
}

.handmade__body {
    width: 50%;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-m);

    position: relative;

    z-index: 2;
}

.handmade__heading-line {
    text-align: center;
}

/* Offers */

.offers {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(2 * var(--space-xxxl));

    padding: calc(2 * var(--space-xxxl)) var(--space-xxxl);
}

/* Categories */

.advantages {
    width: 100%;

    background-color: #fffcf9;

    display: flex;
    justify-content: space-between;
    gap: var(--space-xxxl);

    padding: calc(2 * var(--space-xxxl)) var(--space-xxxl);
}

.advantage {
    width: calc(100% / 3 - (2 * var(--space-xxxl) / 3));

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-m);
}

.advantage__img-wrapper {
    width: 96px;

    display: flex;
}

.advantage__img {
    width: 100%;
}

/* CTA */

.cta {
    background-image: url("../../assets/media/pages/home/cta.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: calc(2 * var(--space-xxxl)) var(--space-xxxl);

    position: relative;
}

.cta__body {
    width: 50%;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-m);

    position: relative;

    z-index: 2;
}

@media (max-width: 1280px) {
    
}

@media (max-width: 1024px) {
    /* Advantages */

    .advantages {
        flex-direction: column;
    }

    .advantage {
        width: 100%;
    }
}

@media (max-width: 768px) {
    /* Fold */

    .fold__body {
        width: 100%;
    }

    /* Categories */

    .category {
        width: calc(50% - (var(--space-xxxl) / 2));
    }

    .category__img-wrapper {
        width: 60px;
    }

    /* Handmade */

    .handmade__body {
        width: 100%;
    }

    /* CTA */

    .cta__body {
        width: 100%;
    }
}

@media (max-width: 480px) {
    
}