@media (max-width: 450px) {
    * {
        scroll-behavior: smooth;
        /* Скрываем scrollbar для IE, Edge и Firefox */
        -ms-overflow-style: auto;  /* IE и Edge */
        scrollbar-width: auto;  /* Firefox */
    }

    /* Скрываем scrollbar для Chrome, Safari и Opera */
    *::-webkit-scrollbar {
        display: block;
        background-color: yellow;
        border-radius: 10px;
    }

    *::-webkit-scrollbar-track {
        border-radius: 10px;
    }

    *::-webkit-scrollbar-thumb {
        background: black;
        border: 1px solid #faff00;
        border-radius: 10px;
    }

    footer {
        padding-bottom: 32px;
    }

    .section-title {
        font-size: 28px;
        margin-bottom: 60px;
    }

    /*                  Header                      */
    header .main-container {
        justify-content: center;
        text-align: center;
    }

    .header__menu {
        display: none;
    }

    /*                  Section: main                      */
    section#main {
        flex-direction: column;
        justify-content: center;
        gap: 20px;
    }

    .main .container .content {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .main__content {
        gap: 30px;
    }

    .main__name {
        width: 320px;
        font-size: 26px;
        text-align: center;
    }

    .main__join-buttons {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .main__join-buttons-row {
        gap: 20px;
    }

    .main__image {
        border-radius: 30px;
        box-shadow: 0 0 12px #faff00;
        width: 320px;
        height: 450px;
        background-position: center;
        background-size: cover;
    }

    /*                  Section: actions                      */
    .actions__content {
        flex-direction: column;
        gap: 50px;
    }

    .actions__card {
        width: 255px;
    }

    .actions__card img {
        width: 255px;
    }

    /*                  Section: advantages                      */
    .advantages__content {
        gap: 20px;
        justify-content: center;
        align-items: center;
    }

    .advantages__row {
        flex-direction: column;
        margin-bottom: 0;
    }

    .advantages__element {
        width: 320px;
        height: 125px;
    }

    /*                  Section: tariffs                      */
    .tariff__content {
        flex-direction: column;
        justify-content: center;
        gap: 20px;
    }

    /*                  Section: about                      */
    .about__content {
        flex-direction: column;
        gap: 20px;
    }

    .about__text {
        width: 320px;
    }

    #about__carousel {
        width: 320px;
    }

    /*                  Section: where                      */
    .where__content {
        flex-direction: column;
        gap: 20px;
    }

    .where__text {
        width: 320px;
    }

    #where__carousel {
        width: 320px;
    }

    .main-container {
        width: 100vw !important;
        min-width: 0 !important;
        padding: 0 0 0 0 !important;
        margin: 0 auto !important;
        box-sizing: border-box;
    }

    .about__content {
        flex-direction: column !important;
        align-items: center !important;
        gap: 20px !important;
        width: 100vw !important;
        min-width: 0 !important;
        margin: 0 auto !important;
    }

    .about__text {
        width: 95vw !important;
        min-width: 0 !important;
        margin: 0 auto 10px auto !important;
        text-align: left;
    }

    .about__carousel {
        width: 95vw !important;
        height: calc(95vw * 0.75) !important;
        min-width: 0;
        min-height: 0;
        display: block !important;
        margin: 0 auto 20px auto;
        left: 0 !important;
        right: 0 !important;
        border-radius: 20px;
    }

    .about__carousel .swiper-slide {
        width: 100% !important;
        height: 100% !important;
        min-width: 0;
        min-height: 0;
    }

    .about__carousel img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 0 !important;
        display: block;
    }

    /*                  Section: news                      */
    .news__content {
        flex-direction: column;
    }

    .header__logo__text {
        height: 35px;
    }

    /*                  Modal: sign up                      */
    .modal__join {
        overflow-y: auto;
        margin: 10px 0
    }
}