/* ---------- COMPARISON TABLE ---------- */
.compare-wrap {
    overflow-x: auto;
    border-radius: var(--radius-md);
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(10, 8, 22, 0.78);
}

.compare-table {
    width: 100%;
    min-width: 680px;
    border-collapse: collapse;
    background: transparent;
}

    .compare-table th,
    .compare-table td {
        padding: 1.35rem 1.4rem;
        text-align: left;
        vertical-align: middle;
        border-left: none;
        border-right: none;
        border-top: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        font-size: 0.95rem;
        line-height: 1.5;
        background: transparent;
    }

    .compare-table tbody tr:last-child td {
        border-bottom: none;
    }

    .compare-table thead th {
        font-weight: 600;
        font-size: 0.82rem;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

        .compare-table thead th.col-them {
            color: rgba(255, 255, 255, 0.52);
            font-weight: 500;
        }

        .compare-table thead th.col-us {
            color: #fff;
            font-weight: 700;
        }

    .compare-table tbody td.col-them {
        color: rgba(255, 255, 255, 0.55);
        font-weight: 400;
    }

    .compare-table tbody td.col-us {
        color: #fff;
        font-weight: 600;
    }

    .compare-table .compare-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 1.2rem;
        margin-right: 0.55rem;
        font-size: 0.95rem;
        line-height: 1;
    }

        .compare-table .compare-icon.bad {
            color: rgba(255, 255, 255, 0.35);
        }

        .compare-table .compare-icon.good {
            color: var(--accent-purple-soft);
            text-shadow: 0 0 14px rgba(106, 50, 184, 0.45);
        }

@media (max-width: 767.98px) {
    .compare-table {
        min-width: 0;
    }

        .compare-table thead {
            display: none;
        }

        .compare-table tbody {
            display: flex;
            flex-direction: column;
            gap: 0.25rem;
        }

            .compare-table tbody tr {
                display: flex;
                flex-direction: column;
                border-bottom: 1px solid rgba(255,255,255,0.08);
                padding-bottom: 0.25rem;
                margin-bottom: 0.25rem;
            }

                .compare-table tbody tr:last-child {
                    border-bottom: none;
                    padding-bottom: 0;
                    margin-bottom: 0;
                }

            .compare-table tbody td {
                border-bottom: none;
                padding: 0.7rem 1rem;
                font-size: 0.9rem;
            }

                .compare-table tbody td.col-us {
                    border-top: 1px solid rgba(106, 50, 184, 0.18);
                }

                    .compare-table tbody td.col-them::before,
                    .compare-table tbody td.col-us::before {
                        display: block;
                        margin-bottom: 0.3rem;
                        font-size: 0.68rem;
                        font-weight: 600;
                        text-transform: uppercase;
                        letter-spacing: 0.1em;
                        line-height: 1;
                    }

                .compare-table tbody td.col-them::before {
                    content: "AGV";
                    color: rgba(255, 255, 255, 0.4);
                }

                .compare-table tbody td.col-us::before {
                    content: "OMNISCIENT";
                    color: var(--accent-purple-soft);
                }
}