/* Product comparison table */

.pv-compare-card {
    text-align: center;
    padding: 0 8px;
}

.pv-tier-badge {
    display: block;
    width: 100%;
    padding: .5em .5em;
    margin-bottom: 1em;
    font-family: "neulis-neue", sans-serif;
    font-weight: 700;
    font-size: .85em;
    letter-spacing: .05em;
    color: #fff;
    background-color: var(--pv-tier-color, var(--pvGray));
    border-radius: 999px;
}

.pv-shield {
    max-width: 130px;
    margin: 0 auto .75em;
}

.pv-col-title {
    font-size: 1.5em;
    margin-bottom: .5em;
}

.pv-col-icon-circle {
    width: 84px;
    height: 84px;
    margin: 0 auto .75em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pv-col-icon-circle svg {
    width: 32px;
    height: 32px;
    fill: none;
    stroke: var(--primary-text-color);
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.pv-col-label {
    font-family: "neulis-neue", sans-serif;
    font-weight: 700;
    font-size: 1em;
    letter-spacing: .02em;
    margin-bottom: .5em;
    line-height: 1.15em;
}

.pv-col-desc {
    font-size: .9em;
    margin-bottom: 1em;
}

.pv-col-list {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    max-width: 220px;
    font-weight: 600;
    font-size: .9em;
}

.pv-col-list li {
    padding: .5em 0;
    border-bottom: 1px solid var(--psGray);
}

.pv-col-list li:first-child {
    border-top: 1px solid var(--psGray);
}

/* Chevron tier badges + overlap only once there's room for 5 across */
@media (min-width: 768px) {
    .pv-tier-badge {
        border-radius: 0;
        clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 50%, calc(100% - 16px) 100%, 0 100%, 16px 50%);
        position: relative;
        margin-left: -14px;
    }

    .pv-compare-card:first-child .pv-tier-badge {
        clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 50%, calc(100% - 16px) 100%, 0 100%);
        margin-left: 0;
    }

    .pv-compare-card:last-child .pv-tier-badge {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 16px 50%);
    }
}

/* Spec table */
.pv-compare-table-wrap {
    border-top: 1px solid var(--psGray);
}

.pv-compare-table {
    min-width: 720px;
}

.pv-compare-table td,
.pv-compare-table th {
    padding: .85em .75em;
    font-size: .9em;
    border-bottom: 1px solid var(--psGray);
    vertical-align: middle;
}

.pv-compare-table th.pv-row-label {
    font-family: "neulis-neue", sans-serif;
    font-weight: 700;
    font-size: .85em;
    letter-spacing: .02em;
    white-space: nowrap;
    position: sticky;
    left: 0;
    z-index: 1;
}

.pv-compare-table tr:nth-child(even) > td,
.pv-compare-table tr:nth-child(even) > th.pv-row-label {
    background-color: var(--pvLightGray);
}

.pv-compare-table tr:nth-child(odd) > td,
.pv-compare-table tr:nth-child(odd) > th.pv-row-label {
    background-color: var(--psWhite);
}
