/* ═══════════════════════════════════════════════════════════════
   Subscriptions — public pricing/sales page (MainEN/Subscriptions)
   Theme components (vp-page-hero, vp-list-row, vp-panel, vp-check-list,
   vp-cta, vp-btn) come from verityprep_main_theme_v2.css — this file
   only adds page-specific layout/spacing.
   ═══════════════════════════════════════════════════════════════ */

.vp-sub-hero-cta {
    margin-top: 18px;
}

/* ── Course groups ── */
.vp-sub-group {
    margin-top: 38px;
}

.vp-sub-course-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 16px;
}

.vp-sub-course-name {
    color: var(--vp-text-heading-color);
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vp-sub-course-price {
    color: var(--vp-text-heading-color);
    white-space: nowrap;
    flex-shrink: 0;
}

/* ── How it works panel ── */
.vp-sub-terms {
    margin-top: 46px;
}

@media (max-width: 767.98px) {
    .vp-sub-course-list {
        grid-template-columns: minmax(0, 1fr);
    }
}