/* ==========================================================
   KOSMODRIFT MOBILE HEADER SOCIALS V18.2

   Изменяет только добавленный мобильный блок соцсетей.
   LIVE, footer и компьютерная шапка не затрагиваются.
   ========================================================== */

.kdb-mobile-header-socials-v18-2 {
    display: none !important;
}

@media (max-width: 760px) {
    [data-kdb-mobile-social-host="v18.2"] {
        position: relative !important;
    }

    .kdb-mobile-header-socials-v18-2 {
        position: absolute !important;
        top: 50% !important;
        right: 103px !important;
        z-index: 120 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;

        gap: 7px !important;

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

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

        transform: translateY(-50%) !important;

        list-style: none !important;
        pointer-events: auto !important;
    }

    .kdb-mobile-header-socials-v18-2__link {
        display: grid !important;
        place-items: center !important;

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

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

        border: 0 !important;
        border-radius: 0 !important;

        background: transparent !important;
        color: #e8f3f8 !important;

        text-decoration: none !important;

        opacity: 1 !important;
        visibility: visible !important;

        cursor: pointer !important;
        pointer-events: auto !important;

        transition:
            color 150ms ease,
            transform 150ms ease !important;
    }

    .kdb-mobile-header-socials-v18-2__link:hover,
    .kdb-mobile-header-socials-v18-2__link:focus-visible {
        color: #43c8f3 !important;
        transform: translateY(-1px) !important;
    }

    .kdb-mobile-header-socials-v18-2__icon {
        display: block !important;

        width: 21px !important;
        height: 21px !important;

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

    .kdb-mobile-header-socials-v18-2__telegram {
        fill: currentColor !important;
        stroke: none !important;
    }

    .kdb-mobile-header-socials-v18-2__vk {
        display: block !important;

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

        color: currentColor !important;

        font-family: Arial, sans-serif !important;
        font-size: 14px !important;
        font-weight: 900 !important;
        font-style: normal !important;
        line-height: 1 !important;
        letter-spacing: -0.06em !important;
    }

    .kdb-mobile-header-socials-v18-2__instagram {
        fill: none !important;
        stroke: currentColor !important;
        stroke-width: 1.9 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
    }
}

@media (max-width: 410px) {
    .kdb-mobile-header-socials-v18-2 {
        right: 94px !important;
        gap: 5px !important;
    }

    .kdb-mobile-header-socials-v18-2__link {
        width: 27px !important;
        height: 27px !important;
        min-width: 27px !important;
        min-height: 27px !important;
    }

    .kdb-mobile-header-socials-v18-2__icon {
        width: 19px !important;
        height: 19px !important;
    }

    .kdb-mobile-header-socials-v18-2__vk {
        font-size: 13px !important;
    }
}

@media (max-width: 370px) {
    .kdb-mobile-header-socials-v18-2 {
        right: 88px !important;
        gap: 3px !important;
    }

    .kdb-mobile-header-socials-v18-2__link {
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        min-height: 24px !important;
    }

    .kdb-mobile-header-socials-v18-2__icon {
        width: 18px !important;
        height: 18px !important;
    }
}