.product-carousel__heading {
    margin-bottom: 60px
}

@media print, screen and (min-width: 23.4375em) {
    .product-carousel__heading {
        margin-bottom: 80px
    }
}

.product-carousel {
    background: #0a1217;
    overflow: hidden;
    width: 100%
}

@media print, screen and (min-width: 52.125em) {
    .product-carousel {
        height: 300vh;
        overflow: visible
    }
}

@media screen and (min-width: 90em) {
    .product-carousel {
        height: 400vh
    }
}

.product-carousel__stick-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 3.125rem;
    top: 0
}

@media print, screen and (min-width: 52.125em) {
    .product-carousel__stick-container {
        height: 100vh;
        overflow: hidden;
        position: sticky
    }
}

@media print, screen and (min-width: 52.125em) {
    .product-carousel__heading {
        text-indent: -17%
    }
}

@media print, screen and (min-width: 52.125em) {
    .product-carousel__chevron {
        content: url('data:image/svg+xml;utf8,<svg width="27" height="38" viewBox="0 0 27 38" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.204671 1.21134L17.4942 18.8228C17.6023 18.9329 17.6023 19.1131 17.4942 19.2232L0.208537 36.7887C-0.227901 37.2332 0.0752829 38 0.685524 38H9.2231C9.69816 38 10.1559 37.8058 10.4938 37.4634L25.829 21.9122C27.3874 20.3325 27.3913 17.7316 25.8348 16.1478L10.4957 0.540597C10.1559 0.194215 9.69816 0 9.2231 0H0.683591C0.0733498 0 -0.229836 0.766848 0.204671 1.21134Z" fill="%23FF5200"/></svg>');
        height: 2.375rem;
        margin-bottom: 15.625rem
    }
}

.product-carousel__card-carousel {
    position: relative;
    width: 100%
}

.product-carousel__card-carousel-slides {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    position: relative;
    scroll-behavior: smooth;
    -ms-scroll-snap-points-x: repeat(100%);
    scroll-snap-points-x: repeat(100%);
    -ms-scroll-snap-type: mandatory;
    scroll-snap-type: mandatory;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    scrollbar-width: thin
}

.product-carousel__card-carousel-slides::-webkit-scrollbar {
    display: none
}

@media print, screen and (min-width: 52.125em) {
    .product-carousel__card-carousel-slides {
        scroll-behavior: unset;
        -ms-scroll-snap-type: unset;
        scroll-snap-type: unset
    }
}

.product-carousel__card-carousel-slide {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 1.375rem;
    max-width: 34.375rem;
    overflow: hidden;
    position: relative;
    scroll-snap-align: center;
    width: calc(100% - 22px)
}

@media print, screen and (min-width: 23.4375em) {
    .product-carousel__card-carousel-slide {
        width: calc(91.6666667% - 22px)
    }
}

@media print, screen and (min-width: 52.125em) {
    .product-carousel__card-carousel-slide {
        max-width: unset;
        width: 50%
    }
}

.product-carousel__card-carousel-spacer {
    display: none;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%;
    scroll-snap-align: center;
    width: 66.666666%
}

@media print, screen and (min-width: 52.125em) {
    .product-carousel__card-carousel {
        left: 0;
        position: absolute
    }

    .product-carousel__card-carousel-spacer {
        display: block
    }
}

.product-carousel__scroll-indicator {
    background: #334047;
    display: block;
    height: 0.25rem;
    margin: 2.5rem 0;
    width: 7.625rem
}

@media print, screen and (min-width: 52.125em) {
    .product-carousel__scroll-indicator {
        display: none
    }
}

.product-carousel__scroll-indicator--progress {
    background: #ff5200;
    margin: 0;
    scale: 0 1;
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transition: scale .25s;
    transition: scale .25s
}

.product-carousel__background {
    display: none;
    height: 110vh;
    left: 50%;
    position: absolute;
    top: -8%;
    width: 100%;
    z-index: -1
}

@media print, screen and (min-width: 52.125em) {
    .product-carousel__background {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.product-carousel__background--arrow {
    position: relative
}

.product-carousel__background--arrow:nth-child(2) {
    left: -20%
}

.product-carousel__background--arrow:nth-child(3) {
    left: -40%
}

.product-carousel__background svg {
    height: 100%
}