.tp-featured-collection {
    padding-block: clamp(4rem, 2.5143rem + 3.8095vw, 8rem);

    .tp-featured-collection__page-width {
        max-width: 1412px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        gap: clamp(2rem, 0.96rem + 2.6667vw, 4.8rem);
        position: relative;

        :is(h1) {
            font-size: clamp(2rem, 0.96rem + 2.6667vw, 4.8rem);
            color: #2C3858;
            text-align: center;
            font-family: "MADE Tommy Soft";
            font-style: normal;
            font-weight: 500;
            line-height: 110%; /* 44px */
            letter-spacing: -0.8px;
            margin: 0;
        }

        .swiper {
            width: 100%;

            @media screen and (min-width: 768px) {
                overflow: hidden;
            }

            .swiper-pagination {
                display: flex;
                position: relative;
                width: 100%;
                justify-content: center;
                margin-top: 16px;

                @media screen and (min-width: 768px) {
                    display: none;
                }

                .swiper-pagination-bullet-active {
                    background: #706BAE;
                }
            }

            .swiper-wrapper {
                display: flex;
                align-items: stretch;

                .swiper-slide {
                    height: auto;
                }
            }
        }

        .swiper-button-prev, .swiper-button-next {
            display: none;
            @media screen and (min-width: 768px) {
                display: flex;
                width: 40px;
                height: 40px;
                border-radius: 8px;
                border: 1px solid #E8E8E8;
                background: #FFF;
                color: #706BAE;
            }

            &:after {
                content: "";
            }
        }

        .swiper-button-prev {
            left: var(--swiper-navigation-sides-offset,30px);
        }

        .swiper-button-next {
            right: var(--swiper-navigation-sides-offset,30px);
        }
    }
}