/* floating-messengers.css
 * Перенесено из functions.php.
 * Стили не изменены.
 */
/* скрываем старый блок мессенджеров на главной, чтобы не было дубля */
        .homepage__mobile-messengers,
        .homepage__mobile-messengers *,
        body.home .homepage__mobile-messengers,
        body.home .homepage__mobile-messengers *,
        body.front-page .homepage__mobile-messengers,
        body.front-page .homepage__mobile-messengers * {
            display: none !important;
            visibility: hidden !important;
            opacity: 0 !important;
            pointer-events: none !important;
        }

        .glass-floating-messengers {
            position: fixed !important;
            left: max(10px, env(safe-area-inset-left)) !important;
            bottom: max(84px, calc(env(safe-area-inset-bottom) + 84px)) !important;
            z-index: 2147483647 !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 12px !important;
            width: 66px !important;
            height: auto !important;
            margin: 0 !important;
            padding: 0 !important;
            pointer-events: auto !important;
            overflow: visible !important;
            transform: translateZ(0) !important;
            isolation: isolate !important;
        }

        .glass-floating-messengers__item {
            position: relative !important;
            z-index: 2147483647 !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            width: 64px !important;
            height: 64px !important;
            min-width: 64px !important;
            min-height: 64px !important;
            margin: 0 !important;
            padding: 0 !important;
            border: 0 !important;
            border-radius: 50% !important;
            background: transparent !important;
            box-shadow: none !important;
            text-decoration: none !important;
            overflow: visible !important;
            animation: glassMessengerShake 3.2s ease-in-out infinite !important;
            transform-origin: center center !important;
            will-change: transform !important;
            pointer-events: auto !important;
        }

        .glass-floating-messengers__item:nth-child(2) {
            animation-delay: .35s !important;
        }

        .glass-floating-messengers__item::before {
            content: "" !important;
            position: absolute !important;
            inset: 4px !important;
            z-index: -1 !important;
            border-radius: 50% !important;
            background: rgba(255,255,255,.18) !important;
            box-shadow: 0 0 0 0 rgba(255,255,255,.22) !important;
            animation: glassMessengerPulse 2.2s ease-out infinite !important;
        }

        .glass-floating-messengers__item img {
            display: block !important;
            width: 64px !important;
            height: 64px !important;
            min-width: 64px !important;
            min-height: 64px !important;
            max-width: 48px !important;
            max-height: 48px !important;
            object-fit: contain !important;
            margin: 0 !important;
            padding: 0 !important;
            border: 0 !important;
            opacity: 1 !important;
            transform: none !important;
        }

        .glass-floating-messengers__item--telegram img {
            width: 58px !important;
            height: 58px !important;
            min-width: 58px !important;
            min-height: 58px !important;
            max-width: 58px !important;
            max-height: 58px !important;
        }

        .glass-floating-messengers__item--max img {
            width: 70px !important;
            height: 70px !important;
            min-width: 70px !important;
            min-height: 70px !important;
            max-width: 70px !important;
            max-height: 70px !important;
        }

        @keyframes glassMessengerShake {
            0%, 72%, 100% { transform: translate3d(0,0,0) rotate(0deg); }
            76% { transform: translate3d(-1px,0,0) rotate(-7deg); }
            80% { transform: translate3d(2px,0,0) rotate(7deg); }
            84% { transform: translate3d(-2px,0,0) rotate(-6deg); }
            88% { transform: translate3d(1px,0,0) rotate(5deg); }
            92% { transform: translate3d(0,0,0) rotate(0deg); }
        }

        @keyframes glassMessengerPulse {
            0% { box-shadow: 0 0 0 0 rgba(255,255,255,.24); opacity: .8; }
            70% { box-shadow: 0 0 0 12px rgba(255,255,255,0); opacity: 0; }
            100% { box-shadow: 0 0 0 0 rgba(255,255,255,0); opacity: 0; }
        }

        @media screen and (min-width: 1181px) {
            .glass-floating-messengers {
                display: none !important;
                visibility: hidden !important;
                opacity: 0 !important;
                pointer-events: none !important;
            }
        }

        @media screen and (max-width: 480px) {
            .glass-floating-messengers {
              left: max(-6px, env(safe-area-inset-left)) !important;
        bottom: max(8px, calc(env(safe-area-inset-bottom) + 1px)) !important;
        gap: 10px !important;
        width: 66px !important;
            }

            .glass-floating-messengers__item,
            .glass-floating-messengers__item img {
                width: 64px !important;
                height: 64px !important;
                min-width: 64px !important;
                min-height: 64px !important;
                max-width: 64px !important;
                max-height: 64px !important;
            }

            .glass-floating-messengers__item--telegram img {
            width: 58px !important;
            height: 58px !important;
            min-width: 58px !important;
            min-height: 58px !important;
            max-width: 58px !important;
            max-height: 58px !important;
        }

        .glass-floating-messengers__item--max img {
                width: 70px !important;
                height: 70px !important;
                min-width: 70px !important;
                min-height: 70px !important;
                max-width: 70px !important;
                max-height: 70px !important;
            }
        }