/* Планшет: точка переключения навигации совпадает с Bootstrap d-lg-none. */
@media (min-width: 768px) and (max-width: 991.98px) {
    .header .header__nav {
        display: none;
    }

    .header .header__logo {
        flex: 0 0 auto;
    }

    .header .header__logo-img {
        width: 150px;
        height: auto;
    }

    /* Контактный номер оставляем на виду; соцсети уже есть в мобильном блоке. */
    .header .header__contacts {
        display: flex;
    }

    .header .header__contacts .header__social {
        display: none;
    }

    .header .header__mobile-actions {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .header .header__mobile-social {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .header .header__mobile-social-link,
    .header .header__mobile-menu {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        flex: 0 0 44px;
    }

    .header .header__mobile-social-icon,
    .header .header__mobile-menu-icon {
        width: 32px;
        height: 32px;
    }

    .header .header__mobile-menu {
        padding: 0;
        border: 0;
        border-radius: 4px;
        background: transparent;
        cursor: pointer;
    }

    .header .header__mobile-menu:hover {
        background: var(--color-gray-100);
    }

    .header .header__mobile-menu:focus-visible,
    .header .header__mobile-social-link:focus-visible {
        outline: 2px solid #047857;
        outline-offset: 2px;
    }
}