/* Page-specific: comparison-card grid + cost table alignment */
/* Shared by all /comparisons/ pages: tradify, servicem8, fergus */

.vs-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.vs-card.is-chippie { border-color: var(--orange); border-width: 2px; }
.vs-card .vs-name { font-family: "Space Grotesk", sans-serif; font-weight: 700;
    font-size: 24px; margin-bottom: 10px; }
.vs-card .vs-price { font-family: "Space Grotesk", sans-serif; font-weight: 700;
    font-size: 44px; margin-bottom: 4px; }
.vs-card .vs-price small { font-size: 16px; color: var(--text-2);
    font-family: "General Sans", sans-serif; font-weight: 400; }
.vs-card .vs-sub { font-size: 15px; color: var(--text-2); margin-bottom: 14px; }
.vs-card ul { list-style: none; padding: 0; margin: 0 0 20px; }
.vs-card ul li { padding: 7px 0; font-size: 15px; }
.vs-card ul li i { margin-right: 8px; }
.vs-card ul li i.bi-check-circle-fill { color: var(--green-paid); }
.vs-card ul li i.bi-info-circle { color: var(--text-2); }
.compare-table td.num { text-align: right; }
.compare-table .save { color: var(--green-paid); font-weight: 700; }
.compare-table td.foot { color: var(--text-2); font-size: 13px; }
.quote-card { background: var(--white); border: 1px solid var(--border);
    border-radius: 12px; padding: 32px; }
.quote-card .stars i { color: var(--yellow); }
.quote-card .quote-text { font-size: 19px; line-height: 1.6; margin: 14px 0 18px; }
.quote-card .quote-who { display: flex; align-items: center; gap: 12px; }
.quote-card .quote-who i { font-size: 2.4rem; color: var(--text-2); }
@media (max-width: 880px) { .vs-cards { grid-template-columns: 1fr; } }