.jb-vip3 {
    --this-bg: linear-gradient(135deg, #087f8c 10%, #54c6b8 100%);
    --this-color: #fff;
    color: var(--this-color);
    background: var(--this-bg);
    border: none;
}

.jb-vip4 {
    --this-bg: linear-gradient(135deg, #6f1d1b 10%, #c44536 55%, #d6a756 100%);
    --this-color: #fff;
    color: var(--this-color);
    background: var(--this-bg);
    border: none;
}

.vip-theme3 {
    background: linear-gradient(135deg, #075f68, #169e9b 48%, #67d5bd);
    color: #eafffb;
}

.vip-theme3 .payvip-button {
    background: #eafffb;
    color: #075f68;
    --this-color: #075f68;
}

.vip-theme4 {
    background: linear-gradient(135deg, #3b1215, #922f32 52%, #c7974a);
    color: #fff4dc;
}

.vip-theme4 .payvip-button {
    background: #fff4dc;
    color: #6f1d1b;
    --this-color: #6f1d1b;
}

.vip-four-level-cards {
    flex-wrap: wrap;
}

.vip-four-level-cards > * {
    flex: 1 1 calc(50% - 10px);
    min-width: 280px;
}

.payvip-modal .vip-cardminis {
    flex-wrap: wrap;
    gap: 6px;
}

.payvip-modal .vip-cardminis > li {
    flex: 1 1 calc(33.333% - 6px);
    min-width: 150px;
}

@media (max-width: 767px) {
    .vip-four-level-cards > * {
        flex-basis: 100%;
        min-width: 0;
    }

    .payvip-modal .vip-cardminis > li {
        flex-basis: calc(50% - 6px);
        min-width: 130px;
    }
}