.scene {
    background-size: contain;
    background-position: center;
}

[data-section="header"] {
    min-height: 56.25vw;
}

.gallery__wrapper {
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 760px) {
    [data-section="header"] {
        min-height: 130vw;
    }
    .scene {
        background-size: cover;
        background-position: center top;
    }
    .aboutserv__specifications {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        justify-items: center;
        gap: 1.25rem 1rem;
    }
    .aboutserv__specifications .prop {
        width: 100%;
        min-width: 0;
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }
    .aboutserv__specifications .prop__name {
        font-size: 1.5rem;
    }
    .aboutserv__specifications .prop__desc {
        font-size: 0.72rem;
        white-space: normal;
    }
}
/* ── ИСПРАВЛЕНИЕ ШАПКИ САЙТА НА МОБИЛЬНЫХ (ЛОГО И ЯЗЫК) ── */
@media (max-width: 1024px) {
    
    /* Главная полоса навигации — точка отсчета для центра */
    .navigation {
        position: relative !important;
    }

    /* Отключаем позиционирование левого блока */
    .navigation__box.navigation__box_side_left {
        position: static !important;
    }

    /* Снимаем ограничения ширины с контейнера логотипа */
    .navigation__box_side_left .logo {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 100 !important;
        width: auto !important;
        max-width: none !important;
    }

    /* Делаем логотип аккуратнее (уменьшили в 2+ раза) */
    .navigation__box_side_left .logo__img {
        width: 7rem !important; /* Было 15rem, теперь 7rem */
        height: auto !important;
        max-width: none !important;
    }

    /* Придвигаем стрелочку ближе к тексту */
    .navigation__box_side_left .lang {
        margin: 0 !important;
        padding-left: 0.5rem !important;
        padding-right: 0.75rem !important; /* Уменьшили отступ, стрелка подтянется к тексту */
    }
    
    /* Не даем блоку языка обрезать выпадающее меню */
    .lang__current {
        overflow: visible !important; 
    }
}

/* ── ИСПРАВЛЕНИЕ ВЫПАДАЮЩЕГО МЕНЮ ДЛЯ САЙТА (АККУРАТНАЯ КАРТОЧКА) ── */
@media (max-width: 1199.98px) {
    
    .menu,
    .navigation__container .menu {
        position: absolute !important; 
        z-index: 999 !important; 
        
        width: 16rem !important; 
        max-width: 90vw !important; 
        left: auto !important; 
        right: 1rem !important; 
        top: calc(100% + 0.5rem) !important; 
        
        /* === ИСПРАВЛЕНИЕ ВЫСОТЫ === */
        height: auto !important;
        min-height: 0 !important;
        bottom: auto !important;
        max-height: 80vh !important;
        overflow-y: auto !important;
        
        background-color: #FFFFFF !important; 
        border: 1px solid #E0DDD6 !important; 
        border-radius: 12px !important; 
        box-shadow: 0 16px 48px rgba(0, 0, 0, 0.15) !important; 
        
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        
        padding: 0.5rem 0 !important;
        margin: 0 !important;
    }

    .menu__list {
        padding: 0 !important; 
        margin: 0 !important;
        align-items: flex-start !important;
        text-align: left !important;
        width: 100% !important;
    }

    .menu__list .menu__el,
    .menu__list li {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .menu__list a,
    .menu__list .menu__el > a,
    .menu__list > .menu__el > span {
        padding: 0.75rem 1.5rem !important;
        text-align: left !important;
        justify-content: flex-start !important;
        width: 100% !important;
        display: flex !important;
        color: #181613 !important; 
        box-sizing: border-box !important;
    }

    .menu__list a:active,
    .menu__list a:hover {
        background-color: rgba(0, 0, 0, 0.04) !important;
    }

    /* ── ПОДМЕНЮ ── */
    .menu__sub-list {
        padding: 0 !important; 
        margin: 0 !important;
        width: 100% !important;
        background-color: rgba(0, 0, 0, 0.03) !important; 
    }

    .menu__sub-list .menu__el {
        width: 100% !important;
    }

    .menu__sub-list a {
        padding: 0.5rem 1.5rem 0.5rem 2.5rem !important; 
        font-size: 0.9em !important; 
    }

    /* ── УБИРАЕМ ПУСТОЙ ВЕРХНИЙ БЛОК (СПЕЙСЕР) ── */
    .menu__list .menu__el_atop,
    .menu__list .menu__el_desktop_none.menu__el_bar {
        display: none !important;
    }
}