.new-product {
    .swiper {
        width: unset;
        height: unset;
    }
    background-color: #101010;
    padding: 80px 210px;
    @media screen and (max-width: 1660px) {
        padding: 80px;
    }
    @media screen and (max-width: 768px) {
        padding: 80px 0;
    }
    * {
        color: #FFF !important;
    }
    h1 {
        text-align: center;
        margin-bottom: 48px;
    }
    h1, h2, h3 {
        text-transform: none;
    }
    .new-product-wrapper {
        background-color: #000;
        border-radius: 16px;
        padding: 50px 170px;
        @media screen and (max-width: 1320px) {
            padding: 60px 30px;
        }
        .new-product-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 54px;
            width: 100%;
            @media screen and (max-width: 728px) {
                gap: 24px;
            }
            > * {
                text-align: center;
            }
            img {
                max-width: 100%;
                height: auto;
                object-fit: contain;
                object-position: center;
                aspect-ratio: 1 / 1;
            }
            .new-product-item__main-image {
                overflow: hidden;
                div[thumbsSlider] {
                    margin-top: 20px;
                    max-width: 232px;
                    @media screen and (max-width: 728px) {
                        max-width: 112px;
                    }
                }
                .swiper-button-next, .swiper-button-prev {
                    display: block;
                    width: 36px;
                    height: 36px;
                    background-color: #222222;
                    border-radius: 18px;
                    @media screen and (max-width: 728px) {
                        display: none;
                    }
                }
                .swiper-button-prev::after, .swiper-button-next::after {
                    position: absolute;
                    top: 10px;
                    left: 14px;
                    font-size: 16px;
                    text-rendering: auto;
                }
                div[thumbsslider] .swiper-slide {
                    border-radius: 2px;
                    @media screen and (max-width: 728px) {
                        width: 16px;
                        height: 2px;
                        background-color: #ffffff38;
                    }
                    img {
                        @media screen and (max-width: 728px) {
                            display: none;
                        } 
                    }
                }
                .swiper-slide-thumb-active {
                    border: 1px solid #2D9AFF;
                    @media screen and (max-width: 728px) {
                        border: none;
                        background-color: #fff !important;
                    }
                }
            }
            .new-product-item__information-image {
                display: flex;
                flex-direction: column;
                gap: 30px;
                align-items: center;
                > * {
                    aspect-ratio: 210/120;
                    object-fit: cover;
                    object-position: center;
                    width: 50%;
                  min-width: 100px;
                }
            }
            .new-product-item__button {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                gap: 10px;
                a, button {
                    text-decoration: none;
                    color: #2D9AFF !important;
                    font-size: var(--typeBaseSize);
                    font-weight: 400;
                    border: 1px solid #2D9AFF;
                    border-radius: 4px;
                    padding: 10px 0;
                    width: 210px;
                    background: transparent;
                    @media screen and (max-width: 728px) {
                        padding: 10px;
                      width: auto;
                    }
                    &:hover {
                        background-color: #2D9AFF;
                        color: #000 !important;
                        span {
                          color: #000 !important;
                        }
                    }
                    &[disabled] {
                      background-color: transparent;
                    }
                    span {
                      color: #2D9AFF !important;
                    }
                }
            }
        }
    }
}