/* okitoki-v4 — price rows from the Prices options page (v3 tariffs). Not in the mock-up:
 * built from tokens, rows like the mock-up's FAQ lines, price right-aligned. */

.v-price-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--v-space-2xl) var(--v-space-xl);
}
.v-price-list__heading { margin-bottom: var(--v-space); }
.v-price-list__rows { margin: 0; padding: 0; list-style: none; }
.v-price-list__row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--v-space);
    padding: var(--v-space-sm) 0;
    border-bottom: 1px solid rgb(var(--v-color-border-element));
}
.v-price-list__name { min-width: 0; }
.v-price-list__title { font-weight: var(--v-font-weight-bold); }
.v-price-list__text {
    margin-top: 2px;
    color: rgb(var(--v-color-text-secondary));
    font-size: var(--v-font-size-sm);
}
.v-price-list__text > :last-child { margin-bottom: 0; }
.v-price-list__price { flex: 0 0 auto; text-align: right; }
.v-price-list__value { display: block; color: rgb(var(--v-color-primary)); font-weight: var(--v-font-weight-bold); white-space: nowrap; }
.v-price-list__caption { display: block; color: rgb(var(--v-color-text-secondary)); font-size: var(--v-font-size-xs); }

@media (max-width: 991.98px) { .v-price-list { grid-template-columns: 1fr; gap: var(--v-space-xl); } }
.v-price-list__lead { margin: var(--v-space-2xl) 0 0; font-weight: var(--v-font-weight-bold); text-align: center; }
.v-price-list__lead + .v-section__controls--center { margin-top: var(--v-space-md); }