.tg-compare-zone {
            display: flex;
            justify-content: flex-end;
            margin-top: 12px;
        }

        .tg-compare-toggle {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            min-width: 132px;
            padding: 8px 14px;
            border: 1px solid #d7e3f7;
            border-radius: 999px;
            background: #f8fbff;
            color: #24406f;
            font-size: 13px;
            font-weight: 600;
            cursor: pointer;
            transition: all .18s ease;
            box-shadow: 0 6px 16px rgba(36, 64, 111, .06);
        }

        .tg-compare-toggle:hover {
            border-color: #8fb3ff;
            background: #eef5ff;
            box-shadow: 0 8px 18px rgba(47, 103, 255, .12);
        }

        .tg-compare-toggle.is-selected {
            border-color: #2f67ff;
            background: #eaf1ff;
            color: #1c4ed8;
            box-shadow: 0 10px 22px rgba(47, 103, 255, .18);
        }

        .tg-compare-toggle input {
            width: 15px;
            height: 15px;
            margin: 0;
            accent-color: #2f67ff;
            cursor: pointer;
        }

        .tg-compare-toggle-text {
            line-height: 1;
        }

        .tg-featured-card .card-body {
            display: flex;
            flex-direction: column;
        }

        .tg-featured-card .tg-compare-zone {
            width: 100%;
            justify-content: center;
            margin-top: 16px;
            padding-top: 12px;
            border-top: 1px solid #e7eefc;
        }

        .tg-featured-card .tg-compare-toggle {
            min-width: 154px;
            background: #fff;
        }

        .tg-pro-card .tg-compare-zone {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            margin-top: 14px;
            padding-top: 10px;
            border-top: 1px solid #e6eefc;
        }

        .tg-pro-card .tg-compare-toggle {
            min-width: 142px;
            background: linear-gradient(180deg, #f6f9ff 0%, #ffffff 100%);
        }

        .tg-free-row .tg-compare-zone {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            margin-top: 12px;
            padding-top: 10px;
            border-top: 1px solid #edf2fb;
        }

        .tg-free-row .tg-compare-toggle {
            min-width: 142px;
            background: linear-gradient(180deg, #fbfdff 0%, #ffffff 100%);
        }