@media screen and (max-width: 991px) {
    .desktop-header {
        display: none !important;
    }
    
    .mobile-navbar {
        display: flex !important;
        background: #000000;
        border-bottom: 1px solid #222733;
        padding: 15px;
    }

    .navbar-toggler {
        border-color: var(--accent);
    }

    .navbar-toggler:focus {
        box-shadow: 0 0 0 0.15rem rgba(245, 179, 40, 0.5);
    }

    .navbar-nav .nav-link {
        color: #fff !important;
        font-size: 17px;
        padding: 10px 0;
    }

    /* Мобильный первый экран */
    .hero-main {
        flex-direction: column;
        padding: 40px 15px;
        text-align: center;
    }

    .main-item {
        width: 100%;
        max-width: 100%;
    }

    .main-header h1 {
        font-size: 32px;
        line-height: 1.2;
    }

    .hero-image {
        width: 100%;
        margin-top: 30px;
    }

    .hero-image img {
        max-width: 300px;
    }

    /* Мобильный блок О сервисе */
    .about-items {
        grid-template-columns: 1fr;
    }

    .about-item-l, .about-item-r {
        padding: 25px;
    }

    /* Мобильный слайдер */
    .rew-cont {
        flex-direction: column;
        padding: 25px 15px;
    }

    .rew-l, .rew-r {
        width: 100%;
        max-width: 100%;
    }

    .rew-l {
        padding: 0 30px;
    }

    .main-slider, .main-slider .slide-item, .main-slider img {
        height: 220px;
        max-height: 220px;
    }

    .main-slider .slick-prev {
        left: -20px !important;
    }

    .main-slider .slick-next {
        right: -20px !important;
    }

    .rew-r {
        text-align: center;
        margin-top: 20px;
    }

    .rew-all {
        justify-content: center;
    }

    /* Форма и футер */
.forn-cont {
    padding: 25px 20px;
    width: 100%;
}

/* Футер на смартфонах */
.site-footer {
    padding: 30px 15px 40px !important;
    text-align: center !important;
}

.footer-top {
    flex-direction: column !important;
    align-items: center !important;
    gap: 20px !important;
}

.footer-left {
    align-items: center !important;
    gap: 10px !important;
}

.footer-links {
    flex-direction: column !important;
    gap: 12px !important;
    align-items: center !important;
    padding-top: 0 !important;
}

.footer-bottom {
    text-align: center !important;
}

}