body { scroll-behavior: smooth; }
header { position: fixed; top:0; width:100%; z-index:1000; }
section { padding: 100px 0; }
.overlay { background: rgba(0,0,0,0.6); width:100%; height:100%; display:flex; align-items:center; justify-content:center; }
.counter { font-size:2rem; font-weight:bold; }
.service-item { cursor:pointer; padding:10px; border-bottom:2px solid transparent; }
.service-item:hover { border-color:#0d6efd; }
footer { background:#111; color:#fff; padding:40px 0; }
.cookie-banner { position:fixed; bottom:0; width:100%; background:#000; color:#fff; padding:10px; display:none; z-index:2000; }

.hero {
    /* На мобильных: высота зависит от контента + отступы */
    min-height: auto;
    padding: 100px 0; /* Чтобы картинка была видна сверху и снизу от кнопки */

    background: url('https://placehold.jp/1920x1080.png') center/cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

/* На десктопе (от 992px и выше) возвращаем "на всю высоту" */
@media (min-width: 992px) {
    .hero {
        height: 100vh;
        padding: 0;
    }
}