.pc-wa-card,
        .pc-wa-card *,
        .pc-wa-float,
        .pc-wa-float * {
            box-sizing: border-box;
        }

        .pc-wa-float,
        .pc-wa-float:visited {
            position: fixed;
            right: 17px;
            bottom: 16px;
            z-index: 1000001;
            width: 62px;
            height: 62px;
            display: flex !important;
            align-items: center;
            justify-content: center;
            visibility: visible !important;
            opacity: 1 !important;
            overflow: visible;
            border: 1.5px solid rgba(151, 160, 163, 0.65);
            border-radius: 50%;
            color: #54ef84;
            background: radial-gradient(circle at 42% 35%, #282d31 0%, #171b20 54%, #0c1015 100%);
            box-shadow:
                0 0 0 1px rgba(35, 255, 112, 0.08),
                0 0 18px rgba(35, 255, 112, 0.48),
                0 10px 25px rgba(0, 0, 0, 0.38);
            text-decoration: none;
            transform: none;
            transition: transform 180ms ease, box-shadow 180ms ease;
        }

        .pc-wa-float:hover {
            color: #62ff93;
            transform: translateY(-2px) scale(1.03);
            box-shadow:
                0 0 0 1px rgba(35, 255, 112, 0.12),
                0 0 24px rgba(35, 255, 112, 0.58),
                0 12px 28px rgba(0, 0, 0, 0.42);
        }

        .pc-wa-float svg {
            width: 38px;
            height: 38px;
            display: block;
            fill: currentColor;
        }

        .pc-wa-card {
            position: fixed;
            right: 18px;
            bottom: 89px;
            z-index: 1000000;
            width: min(277px, calc(100vw - 36px));
            min-height: 96px;
            padding: 0;
            border: 1px solid transparent;
            border-radius: 13px;
            background:
                linear-gradient(125deg, rgba(12, 20, 26, 0.99), rgba(12, 16, 23, 0.98)) padding-box,
                linear-gradient(115deg, #48e57c 0%, #717a79 35%, #676d74 100%) border-box;
            box-shadow:
                0 12px 26px rgba(0, 7, 18, 0.34),
                inset 0 0 32px rgba(23, 255, 112, 0.025);
            opacity: 0;
            visibility: hidden;
            transform: translateY(14px) scale(0.88);
            transform-origin: right bottom;
            pointer-events: none;
            isolation: isolate;
        }

        .pc-wa-card.is-visible {
            visibility: visible;
            pointer-events: auto;
            animation: pcWaPopupIn 620ms cubic-bezier(.2, .9, .25, 1.15) forwards;
        }

        @keyframes pcWaPopupIn {
            0% {
                opacity: 0;
                transform: translateY(14px) scale(0.88);
            }

            62% {
                opacity: 1;
                transform: translateY(-4px) scale(1.035);
            }

            82% {
                opacity: 1;
                transform: translateY(1px) scale(0.985);
            }

            100% {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }

        .pc-wa-card::before {
            content: "";
            position: absolute;
            left: -1px;
            top: 14px;
            bottom: 14px;
            width: 1px;
            border-radius: 2px;
            background: #48e57c;
        }

        .pc-wa-card::after {
            content: "";
            position: absolute;
            right: 19.5px;
            bottom: -11px;
            z-index: -1;
            width: 21px;
            height: 21px;
            border-right: 1px solid #676d74;
            border-bottom: 1px solid #676d74;
            border-radius: 0 0 4px 0;
            background: #0d1219;
            transform: rotate(45deg);
        }

        .pc-wa-card.is-hidden {
            animation: none !important;
            opacity: 0;
            visibility: hidden;
            transform: translateY(8px) scale(0.97);
            pointer-events: none;
            transition:
                opacity 180ms ease,
                visibility 180ms ease,
                transform 180ms ease;
        }

        .pc-wa-card__close {
            position: absolute;
            top: 7px;
            right: 7px;
            z-index: 3;
            width: 19px;
            height: 19px;
            padding: 3px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 0;
            background: transparent;
            color: rgba(255, 255, 255, 0.72);
            cursor: pointer;
        }

        .pc-wa-card__close svg {
            width: 100%;
            height: 100%;
            fill: none;
            stroke: currentColor;
            stroke-width: 1.8;
            stroke-linecap: round;
        }

        .pc-wa-card__link,
        .pc-wa-card__link:visited {
            width: 100%;
            min-height: 94px;
            padding: 15px 29px 15px 14px;
            display: grid;
            grid-template-columns: 59px minmax(0, 1fr);
            gap: 13px;
            align-items: center;
            color: #ffffff;
            font-family: Inter, "Helvetica Neue", Arial, sans-serif;
            text-decoration: none;
        }

        .pc-wa-card__icon {
            width: 59px;
            height: 59px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 1px solid rgba(72, 229, 124, 0.34);
            border-radius: 50%;
            color: #51ee83;
            background:
                radial-gradient(circle at 50% 50%, rgba(35, 147, 79, 0.2), rgba(8, 16, 18, 0.54) 68%),
                #0b1215;
        }

        .pc-wa-card__icon svg {
            width: 36px;
            height: 36px;
            display: block;
            fill: currentColor;
        }

        .pc-wa-card__copy {
            min-width: 0;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }

        .pc-wa-card__copy strong {
            margin: 0 0 3px;
            color: #ffffff;
            font-size: 17.5px;
            line-height: 1.05;
            font-weight: 800;
        }

        .pc-wa-card__intro {
            color: rgba(255, 255, 255, 0.94);
            font-size: 11.8px;
            line-height: 1.2;
            font-weight: 400;
            white-space: nowrap;
        }

        .pc-wa-card__intro em {
            color: #4be57b;
            font-style: normal;
        }

        .pc-wa-card__status {
            margin-top: 9px;
            display: inline-flex;
            align-items: center;
            gap: 5px;
            color: rgba(255, 255, 255, 0.58);
            font-size: 8.4px;
            line-height: 1.25;
            font-weight: 400;
            white-space: nowrap;
        }

        .pc-wa-card__status svg {
            flex: 0 0 auto;
            width: 12px;
            height: 12px;
            display: block;
            fill: #49ee7d;
        }

        .pc-wa-card__close:focus-visible,
        .pc-wa-card__link:focus-visible,
        .pc-wa-float:focus-visible {
            outline: 2px solid rgba(72, 229, 124, 0.8);
            outline-offset: 3px;
        }

        @media (max-width: 767px) {
            .pc-wa-float,
            .pc-wa-float:visited {
                right: 12px;
                bottom: 12px;
                width: 58px;
                height: 58px;
            }

            .pc-wa-float svg {
                width: 36px;
                height: 36px;
            }

            .pc-wa-card {
                right: 12px;
                bottom: 80px;
                width: min(242px, calc(100vw - 24px));
                min-height: 88px;
                border-radius: 12px;
            }

            .pc-wa-card::after {
                right: 19.5px;
                bottom: -10px;
                width: 19px;
                height: 19px;
            }

            .pc-wa-card__link,
            .pc-wa-card__link:visited {
                min-height: 86px;
                padding: 13px 26px 13px 12px;
                grid-template-columns: 49px minmax(0, 1fr);
                gap: 10px;
            }

            .pc-wa-card__icon {
                width: 49px;
                height: 49px;
            }

            .pc-wa-card__icon svg {
                width: 31px;
                height: 31px;
            }

            .pc-wa-card__copy strong {
                font-size: 15px;
            }

            .pc-wa-card__intro {
                font-size: 10.5px;
            }

            .pc-wa-card__status {
                margin-top: 7px;
                gap: 4px;
                font-size: 7.2px;
            }

            .pc-wa-card__status svg {
                width: 10px;
                height: 10px;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .pc-wa-card,
            .pc-wa-float {
                transition: none;
            }

            .pc-wa-card.is-visible {
                opacity: 1;
                visibility: visible;
                transform: none;
                animation: none;
            }
        }