/* =========================================
   REVOSTY HEADER
   Работает только на экранах шире 960px
========================================= */

@media screen and (min-width: 961px) {

    /* Прозрачный фон всего header */
    .uc-revosty-header,
    .uc-revosty-header .t-menu-base,
    .uc-revosty-header .t-menu-base__maincontainer {
        background: transparent !important;
        background-color: transparent !important;
        box-shadow: none !important;
    }

    /* Центральная часть header */
    .uc-revosty-header .t-menu-base__leftwrapper_center {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Список пунктов */
    .uc-revosty-header .t-menu__list {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 12px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* Убираем стандартные отступы Tilda */
    .uc-revosty-header .t-menu-base__list-item {
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Обёртка каждой ссылки */
    .uc-revosty-header .t-menu__link-wrapper {
        display: flex !important;
        align-items: center !important;
    }

    /* Отдельная белая капсула у каждого пункта */
    .uc-revosty-header .t-menu__link-item {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        padding: 11px 22px !important;

        background: rgba(255, 255, 255, 0.94) !important;
        border-radius: 100px !important;

        color: #000000 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        text-decoration: none !important;

        box-shadow: 0 4px 18px rgba(0, 0, 0, 0.05) !important;

        transition:
            background-color 0.2s ease,
            box-shadow 0.2s ease !important;
    }

    /* Наведение без поднятия */
    .uc-revosty-header .t-menu__link-item:hover {
        background: #ffffff !important;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08) !important;
        transform: none !important;
    }

    /* Убираем стандартное подчёркивание Tilda */
    .uc-revosty-header .t-menu__link-item::before,
    .uc-revosty-header .t-menu__link-item::after {
        display: none !important;
    }
}

/* =========================================
   МОБИЛЬНЫЙ HEADER — ДО 960px
========================================= */

@media screen and (max-width: 960px) {

    /* Прозрачный фон всей мобильной шапки */
    .uc-revosty-header .t-menu-mobile,
    .uc-revosty-header .t-menu-mobile__container {
        background: transparent !important;
        box-shadow: none !important;
    }

    /* Белая капсула вокруг логотипа */
    .uc-revosty-header .t-menu-base__logowrapper_mobile {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        height: 48px !important;

        padding: 0 16px !important;
        margin: 0 !important;

        background: rgba(255, 255, 255, 0.94) !important;
        border-radius: 100px !important;
        box-shadow: 0 4px 18px rgba(0, 0, 0, 0.05) !important;

        box-sizing: border-box !important;
    }

    /* Убираем лишние отступы внутри логотипа */
    .uc-revosty-header .t-menu-base__logowrapper_mobile a,
    .uc-revosty-header .t-menu-base__logowrapper_mobile .t-menu-base__logo {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* Белый круг вокруг бургера */
    .uc-revosty-header .t-menu-burger {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;

        padding: 0 !important;
        margin: 0 !important;

        background: rgba(255, 255, 255, 0.94) !important;
        border: none !important;
        border-radius: 100px !important;

        box-shadow: 0 4px 18px rgba(0, 0, 0, 0.05) !important;
        box-sizing: border-box !important;
    }

    /* Центрируем полоски бургера */
    .uc-revosty-header .t-menu-burger__icon {
        margin: 0 !important;
    }

    /* Скрываем отдельный логотип внутри открытого меню */
    .uc-revosty-header
    .t-menu-base:not(.t-menu-mobile)
    .t-menu-base__logowrapper:not(.t-menu-base__logowrapper_mobile) {
        display: none !important;
    }
}