/* Мгновенное скрытие подсказок до загрузки JS */
info {
    display: none !important;
}

@media (min-width: 1024px) {
    .elementor-nav-menu--main,
    .elementor-nav-menu--main .elementor-nav-menu,
    .elementor-nav-menu--main .menu-item,
    .elementor-nav-menu--main .elementor-item {
        overflow: visible !important;
    }

    .elementor-nav-menu--main .menu-item {
        position: relative;
    }

    .elementor-nav-menu--main .rnx-info-trigger {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        line-height: 0;
        z-index: 50;
    }

    .elementor-nav-menu--main .rnx-info-trigger img {
        width: 100%;
        height: 100%;
        display: block;
    }

    .rnx-info-portal {
        position: fixed;
        left: 0;
        top: 0;
        display: none;
        min-width: 180px;
        max-width: min(320px, calc(100vw - 24px));
        padding: 14px 18px;
        background: #DFE4EC;
        color: #273553;
        border-radius: 24px;
        font-family: Inter, sans-serif;
        font-size: 13px;
        line-height: 1.35;
        font-weight: 400;
        text-transform: none;
        white-space: normal;
        word-break: normal;
        overflow-wrap: anywhere;
        box-sizing: border-box;
        box-shadow: 0 12px 24px 0 #00000014, 0 2px 6px 0 #0000000F;
        z-index: 99999999;
        pointer-events: auto;
    }

    .rnx-info-portal::before {
        content: "";
        position: absolute;
        left: var(--rnx-arrow-left, 50%);
        width: 18px;
        height: 12px;
        background: #DFE4EC;
        clip-path: polygon(50% 0, 0 100%, 100% 100%);
        transform: translateX(-50%);
    }

    .rnx-info-portal.rnx-below::before {
        top: -12px;
    }

    .rnx-info-portal.rnx-above::before {
        bottom: -12px;
        transform: translateX(-50%) rotate(180deg);
    }
}

@media (max-width: 1024px) {
    .elementor-nav-menu--main .rnx-info-trigger,
    .rnx-info-portal {
        display: none !important;
    }
}
