/* Section */
.featured-product-section {}

/* Intro */
.featured-product-intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin-bottom: 50px;
    text-align: center;
}

/* Slider */
.product-slider {
    margin: 0 auto;
    max-width: 330px;
}

.product-slider__slides {
    --bs-gutter-x: 0px;
    --bs-gutter-y: 0px;
    margin: calc(var(--bs-gutter-y) * -0.5) calc(var(--bs-gutter-x) * -0.5);
}

.product-slider__slides .fx-slider-slide {
    padding: calc(var(--bs-gutter-y) * 0.5) calc(var(--bs-gutter-x) * 0.5);
    width: 100%;
}

/* Slider - Uninitialized */
.product-slider__slides:not(.slick-initialized) {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.product-slider__slides:not(.slick-initialized) .fx-slider-slide {
    flex: 0 0 auto;
}

@media (min-width: 600px) {
    /* Intro */
    .featured-product-intro {
        align-items: flex-start;
        text-align: left;
    }

    /* Slider */
    .product-slider {
        max-width: 100%;
    }

    .product-slider__slides {
        --bs-gutter-x: 22px;
        --bs-gutter-y: 22px;
    }

    .product-slider__slides .fx-slider-slide {
        width: 50%;
    }

    /* Slider - Uninitialized */
    .product-slider__slides:not(.slick-initialized) .fx-slider-slide:nth-child(-n+2) {
        display: block;
    }
}

@media (min-width: 768px) {
    /* Slider */
    .product-slider__slides {
        --bs-gutter-x: 78px;
        --bs-gutter-y: 50px;
    }
}

@media (min-width: 1025px) {
    /* Intro */
    .featured-product-intro {
        flex-direction: row;
        align-items: flex-end;
    }

    .featured-product-intro__left {
        padding-right: clamp(6%, 6%, 124px);
    }

    .featured-product-intro__right {
        flex: 1 0 auto;
        text-align: right;
    }

    .featured-product-intro__right .btn {
        margin-bottom: 10px;
    }

    /* Slider */
    .product-slider__slides {
        --bs-gutter-x: 35px;
        --bs-gutter-y: 35px;
    }

    .product-slider__slides .fx-slider-slide {
        width: 33.33%;
    }

    .product-slider--front .product-slider__slides .fx-slider-slide {
        width: 25%;
    }

    /* Slider - Uninitialized */
    .product-slider__slides:not(.slick-initialized) .fx-slider-slide:nth-child(-n+3) {
        display: block;
    }

    .product-slider--front .product-slider__slides:not(.slick-initialized) .fx-slider-slide:nth-child(-n+4) {
        display: block;
    }
}