header.hero {
    background-image:
        linear-gradient(
            rgba(0, 0, 0, 0.55),
            rgba(0, 0, 0, 0.80)
        ),
        url("./istanbul-new.png") !important;

    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}/* Убираем второй логотип поверх фонового изображения */
header.hero img.restaurant-logo {
    display: none !important;
}

/* Скрываем дополнительные элементы старой шапки */
header.hero .ornament,
header.hero h1,
header.hero p {
    display: none !important;
}

/* Высота и расположение шапки */
header.hero {
    min-height: 430px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: center !important;
    padding: 30px 20px !important;
}

/* Языки в нижней части шапки */
header.hero .language {
    margin: 0 auto 5px !important;
}/* NEVIZADE — яркий фон */
header.hero {
    background:
        linear-gradient(
            rgba(0, 0, 0, 0.05),
            rgba(0, 0, 0, 0.20)
        ),
        url('istanbul-header.png') center center / cover no-repeat !important;
}/

header.hero {
    background-size: 100% auto !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-color: #080706 !important;
}

/* Компьютер */
@media (min-width: 1025px) {
    header.hero {
        min-height: 0 !important;
        padding: 25vw 20px 25px !important;
    }
}

/* Планшет */
@media (min-width: 601px) and (max-width: 1024px) {
    header.hero {
        min-height: 0 !important;
        padding: 27vw 15px 25px !important;
    }
}

/* Телефон */
@media (max-width: 600px) {
    header.hero {
        min-height: 0 !important;
        padding: 30vw 10px 20px !important;
    }

    header.hero .language {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 8px;
    }
}/* NEVIZADE — адаптивный фон без обрезки */

header.hero {
    background-image:
        linear-gradient(
            rgba(0,0,0,0.05),
            rgba(0,0,0,0.20)
        ),
        url('istanbul-header.png') !important;

    background-size: 100% auto !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-color: #080706 !important;

    min-height: 0 !important;
    height: auto !important;
    padding: 0 15px 20px !important;
    border-bottom: 0 !important;
}

/* Место под изображение: пропорции 1536 × 1024 */
header.hero .language {
    position: relative;
    margin-top: calc(56.25vw - 10px) !important;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

@media (max-width: 600px) {
    header.hero {
        padding: 0 10px 15px !important;
    }

    header.hero .language {
        margin-top: calc(56.25vw - 5px) !important;
    }

    header.hero .language a {
        font-size: 13px;
        padding: 10px 12px;
    }
}
/* NEVIZADE — адаптивная шапка */

header.hero {
    background-size: 100% auto !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;

    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1536 / 710;

    padding: 0 !important;
    position: relative !important;
}

/* Кнопки языков в нижней части изображения */
header.hero .language {
    position: absolute !important;
    left: 50% !important;
    bottom: 5% !important;
    transform: translateX(-50%) !important;

    margin: 0 !important;
    display: flex !important;
    justify-content: center !important;
    gap: 10px !important;
    white-space: nowrap !important;
}

/* Планшеты */
@media (max-width: 900px) {
    header.hero .language a {
        font-size: 12px !important;
        padding: 8px 12px !important;
    }
}

/* Телефоны */
@media (max-width: 600px) {
    header.hero .language {
        bottom: 3% !important;
        gap: 5px !important;
    }

    header.hero .language a {
        font-size: 10px !important;
        padding: 5px 8px !important;
    }
}/* Исправление расположения языков */
header.hero .language {
    bottom: 4% !important;
}/* Уменьшаем расстояние до меню на телефонах */
@media (max-width: 600px) {
    main.container {
        padding-top: 15px !important;
    }

    main.container .heading {
        margin-top: 0 !important;
        margin-bottom: 20px !important;
    }
}