/* BUSINESS SOLUTION V17
   Первый экран = утверждённая картинка без каких-либо HTML-наложений.
   Значки, шрифты, расположение и цвета берутся непосредственно из изображения.
*/

.approved-home{
    position:relative;
    width:100%;
    margin:0;
    padding:0;
    background:#000;
    overflow:hidden;
    line-height:0;
}

.approved-home__image{
    display:block;
    width:100%;
    height:auto;
    margin:0;
    padding:0;
    user-select:none;
    -webkit-user-drag:none;
}

.approved-hotspot{
    position:absolute;
    z-index:10;
    display:block;
    background:transparent;
    border:0;
}

/* Навигация */
.approved-hotspot--home{
    left:28.3%;
    top:3.0%;
    width:7.4%;
    height:7.0%;
}
.approved-hotspot--about{
    left:37.7%;
    top:3.0%;
    width:6.6%;
    height:7.0%;
}
.approved-hotspot--services-menu{
    left:45.1%;
    top:3.0%;
    width:7.2%;
    height:7.0%;
}
.approved-hotspot--advantages{
    left:54.1%;
    top:3.0%;
    width:13.7%;
    height:7.0%;
}
.approved-hotspot--contacts-menu{
    left:69.0%;
    top:3.0%;
    width:9.7%;
    height:7.0%;
}
.approved-hotspot--contact-top{
    left:84.0%;
    top:2.5%;
    width:13.5%;
    height:7.5%;
}

/* Кнопки первого экрана */
.approved-hotspot--services-button{
    left:4.6%;
    top:49.1%;
    width:17.2%;
    height:7.2%;
}
.approved-hotspot--contact-button{
    left:23.2%;
    top:49.1%;
    width:19.5%;
    height:7.2%;
}
.approved-hotspot--scroll{
    left:47.4%;
    top:57.1%;
    width:5.0%;
    height:5.2%;
}

.approved-hotspot:focus-visible{
    outline:2px solid rgba(255,133,0,.9);
    outline-offset:2px;
    border-radius:12px;
}

/* На мобильном сохраняем весь утверждённый кадр без повторного текста */
@media(max-width:760px){
    .approved-home{
        overflow-x:auto;
        overflow-y:hidden;
    }

    .approved-home__image{
        width:1536px;
        max-width:none;
        height:auto;
    }

    .approved-hotspot{
        display:none;
    }
}

/* На всякий случай скрываем остатки прежнего hero/header, если они где-то остались */
.header,
.hero,
.hero--reference,
.hero__content--reference,
.hero__reference-cards,
.hero__stats{
    display:none !important;
}