@media (min-width: 768px) {
    html {
        font-size: 12px;
    }
}

@media (max-width: 767.98px) {
    .navbar-nav .nav-item .nav-link:hover,
    .navbar-nav .nav-item .nav-link.active {
        background-color: transparent;
        color: var(--primary-color) !important;
        font-weight: 600 !important;
        border-radius: 0;
    }

    .navbar-nav .nav-item form {
        margin-left: 0;
        margin-bottom: 0.5rem;
    }

        .navbar-nav .nav-item form input[type="search"] {
            border-radius: var(--border-radius-lg);
            width: 100%;
        }

    .navbar-nav .nav-item .btn {
        width: 100%;
        justify-content: center;
    }

    .custom-rounded-btn {
        border-radius: var(--border-radius-lg);
        width: 100%;
        margin-top: 0.5rem;
    }

    footer.footer a:hover {
        color: #ddd;
        text-decoration: none;
    }

   

    .page-container {
        display: flex;
        flex-direction: column;
        min-height: 100%; /* вместо 100vh — избегаем проблем с высотой viewport */
        min-height: 100dvh;
    }

    main {
        flex: 1 0 auto;
    }

    footer.footer {
        position: static; /* отменяем фиксированное позиционирование, если было */
        margin-top: auto; /* футер прижимается к низу контейнера */
        width: 100%;
        max-width: none;
        padding: 0.8rem 1rem; /* уменьшаем отступы на мобильных */
        padding-bottom: 0; /* УБРАЛИ НИЖНИЙ ОТСТУП — ключевое исправление */
        box-sizing: border-box;
        background-color: #1a1a1a;
        color: var(--white);
    }

    /* Корректировка отступов внутри футера */
    footer .container {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 1rem; /* уменьшаем верхний отступ */
        padding-bottom: 0.5rem; /* уменьшаем нижний отступ */
    }

    /* Убираем лишние отступы у последних элементов футера */
    footer .copyright,
    footer .developer-signature {
        margin-bottom: 0 !important;
    }

    footer .row {
        flex-wrap: wrap; /* колонки переносятся на новую строку */
        text-align: center; /* центрируем текст */
    }

    footer .col-md-3,
    footer .col-md-6 {
        flex: 0 0 100%; /* каждая колонка занимает всю ширину */
        max-width: 100%;
        margin-bottom: 1rem; /* отступ между блоками */
    }

    footer h5,
    footer h6 {
        font-size: 1rem; /* уменьшаем заголовки */
    }

    footer p,
    footer li {
        font-size: 0.9rem; /* уменьшаем основной текст */
        line-height: 1.4;
    }

    /* Стиль для формы обратного звонка в футере */
    footer .form-control,
    footer .btn-custom {
        font-size: 0.9rem;
        padding: 0.375rem 0.75rem; /* стандартные отступы Bootstrap */
    }

    /* Уменьшаем копирайт и подпись разработчика */
    footer .text-center:nth-last-child(2),
    footer .text-center:last-child {
        font-size: 0.85rem;
        padding: 0.5rem 0;
        margin-bottom: 0 !important; /* ГАРАНТИРУЕМ ОТСУТСТВИЕ НИЖНЕГО ОТСТУПА*/
    }

    /* Дополнительная корректировка разделителя */
    .footer-divider {
        margin-bottom: 0.5rem !important;
    }

    /* Гарантируем отсутствие отступов у последнего ряда футера */
    footer .row:last-child {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}