.custom-tabs {
    display: flex;
    gap: 8px;
    border-bottom: none;
}
.custom-tab {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;

    padding: 22px 28px;
    background: white;
    border: 1px solid #c4c4c4;
    border-bottom: none;
    border-radius: 24px 24px 0 0;

    font-size: 1.5rem;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    color: #c4c4c4;

    cursor: pointer;
    transition: all 0.3s ease;

}

.custom-tab:hover {
    background: #fafafa;
}

.custom-tab.active {
    background: #f8f8f8;
    color: black;
}

.crown-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 24px;
    height: 19px;
    border-radius: 5px;

    background: #c4c4c4;
}

.custom-tab.active .crown-badge {
    background: #d69b04;
}

/* Tab Content */
.tab-content-wrapper {
    padding: 24px 24px;
    background: #f8f8f8;
    border: 1px solid #c4c4c4;
    border-radius: 0 32px 32px 32px;
}

.tab-pane {
    display: none;
}

.tab-pane.active {
    display: block;
}

/* Pricing Cards */
.pricing-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 8px;
    margin: 0 auto;
}

.pricing-card {
    position: relative;
    background: white;
    border: 1px solid #f0f0f0;
    border-radius: 16px;
    transition: all 0.3s ease;
}
.pricing-card:hover{
    box-shadow:0 8px 16px rgba(0, 0, 0, 0.10);
}

.pricing-card .card-header {
    padding: 25px 20px;
    text-align: center;
    border-radius: 16px 16px 0 0;
}

.pricing-cards.standard .card-header {
    background: radial-gradient(
            68.99% 131.45% at 52.55% -11.29%,
            #ADF893 0%,
            #67BF49 100%
    );
}

.pricing-cards.premium .card-header {
    background: radial-gradient(
            68.99% 131.45% at 52.55% -11.29%,
            #E9E9E9 0%,
            #B7B7B7 100%
    );
}

.pricing-cards.vip .card-header,
.pricing-cards.vip-plus .card-header {
    background: radial-gradient(
            68.99% 131.45% at 52.55% -11.29%,
            #FCE08D 0%,
            #E2AB12 100%
    );
}

.pricing-cards .card-header h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.pricing-cards .card-body-custom {
    padding: 18px;
    text-align: center;
}

.pricing-cards .price {
    position: relative;
    height: 60px;
    margin-bottom: 25px;

    font-family: "Roboto Slab", serif;
    font-size: 20px;
    font-weight: 700;
    color: #006ed4;
}

.pricing-cards.standard .price {
    color: #4B8E33;
}

.pricing-cards .price-old {
    margin-bottom: 20px;

    font-family: "Roboto Slab", serif;
    font-size: 16px;
    font-weight: 500;
    color: #bdbdbd;
    text-decoration: line-through;
}

.pricing-cards .price.black {
    color: black;
}

.pricing-card .savings-badge {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;

    padding: 12px 24px;
    margin-bottom: 46px;
    border-radius: 32px;

    font-size: 16px;
    line-height: 1;

    background: #ebffe4;
    border: 2px solid #8aca74;
    color: black;
}

.pricing-cards.standard .savings-badge,
.pricing-card:first-child .savings-badge {
    background: #f6f6f6;
    border: 2px solid #d9d9d9;
    color: black;
}

.pricing-cards.vip-plus .savings-badge {
    background: #fff3cd;
    border: 2px solid #d69b04;
    color: #d69b04;
}

.installment-badge {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);

    padding: 4px 20px;
    background: #8aca74;
    color: white;
    border-radius: 0 0 16px 16px;

    font-size: 12px;
    white-space: nowrap;
}

.best-offer-star {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 79px;
    height: 79px;
}

.company-badge span {
    display: inline-block;
    margin-bottom: 15px;

    padding: 4px 20px;
    background: black;
    color: white;
    border-radius: 32px;

    font-size: 12px;
    text-transform: uppercase;
}

.star-icon {
    width: 20px;
    height: 20px;
}

/* Responsive */
@media (max-width: 768px) {
    .custom-tabs {
        overflow-x: scroll;
        margin-bottom: 16px;
    }

    .custom-tab {
        padding: 8px 12px;
        font-size: 18px;
        white-space: nowrap;
        border-radius: 8px;
        border: 0.632px solid #C4C4C4;
        background: #FFF;
    }

    .pricing-cards {
        grid-template-columns: repeat(2, 1fr);
    }
    .pricing-cards.vip-plus, .pricing-cards.standard{
        grid-template-columns: repeat(1, 1fr);
    }
    .tab-content-wrapper{
        border-radius: 16px;
        border: 1px solid #C4C4C4;
        background: #F8F8F8;
        padding: 16px;
    }
    .pricing-cards .card-body-custom{padding: 8px;}
    .pricing-card .savings-badge{font-size: 14px;}
    .pricing-card .card-header{font-size: 16px; padding: 16px;}
}
/* Container ca în screenshot */
.pricing-compare {
    border: 1px solid #C4C4C4;
    border-radius: 18px;
    overflow: hidden;
    background: #fff;
}

.pricing-compare .table {
    margin: 0;
}

/* Head */
.pricing-compare thead th {
    background: #e6e6e6;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .3px;
    border-bottom: 1px solid #C4C4C4 !important;
    padding: 8px 24px;
    font-size: 20px;
}

/* Lățimi asemănătoare */
.col-options { width: 55%; }

.col-plan { width: 15%; text-align: center; }

/* Celule */
.pricing-compare tbody td,
.pricing-compare tbody th {
    padding: 8px 24px;
    vertical-align: middle;
    border-color: #C4C4C4 !important;
}

.pricing-compare tbody td.text-center {
    padding-left: 0;
    padding-right: 0;
}

/* Linii verticale între planuri */
.pricing-compare thead th + th,
.pricing-compare tbody td + td {
    border-left: 1px solid #C4C4C4;
}
.pricing-compare tbody tr:nth-child(even) td { background-color: #f8f8f8; }
.pricing-compare tbody tr:last-child td { border-bottom: 0; }

/* Icon badges (verde / roșu) */
.status {
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}
.status--yes { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 22C6.47967 21.994 2.00606 17.5204 2 12V11.8C2.10993 6.30455 6.63459 1.92797 12.1307 2.0009C17.6268 2.07382 22.0337 6.5689 21.9978 12.0654C21.9619 17.5618 17.4966 21.9989 12 22ZM7.41 11.59L6 13L10 17L18 9.00002L16.59 7.58002L10 14.17L7.41 11.59Z' fill='%238ACA74'/%3E%3C/svg%3E"); } /* verde */
.status--no  { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 22.0012C9.34711 22.0036 6.80218 20.9508 4.9263 19.0749C3.05042 17.199 1.99762 14.6541 2 12.0012V11.8012C2.08179 7.79339 4.5478 4.22132 8.26637 2.72423C11.9849 1.22713 16.2381 2.09406 19.074 4.92717C21.9365 7.78725 22.7932 12.0905 21.2443 15.8288C19.6955 19.5671 16.0465 22.0035 12 22.0012ZM12 13.4112L14.59 16.0012L16 14.5912L13.41 12.0012L16 9.41117L14.59 8.00117L12 10.5912L9.41001 8.00117L8.00001 9.41117L10.59 12.0012L8.00001 14.5912L9.41001 16.0012L12 13.4122V13.4112Z' fill='%23BF362F'/%3E%3C/svg%3E"); } /* roșu */

/* Opțiuni (coloana stânga) */
.option-text {
    color: #222;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.1;
}

/* Rânduri alternante (foarte subtil) */
.pricing-compare tbody tr:nth-child(even) {
    background: #fcfcfc;
}

/* Buttons bar */
.pricing-actions {
    padding: 16px 0;
    background: #fff;
}
.last-row{
    padding: 8px 26px;
}
.last-row-2{
    padding: 6px;
}
.black-box{
    padding: 32px;
    background-color: #C5C5C5;
    border-radius: 16px;
    background-position: 150% 50%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='705' height='731' viewBox='0 0 705 731' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg style='mix-blend-mode:overlay'%3E%3Cellipse cx='369.28' cy='365.48' rx='369.28' ry='365.48' fill='currentColor' fill-opacity='0.1'/%3E%3Cellipse cx='369.279' cy='365.478' rx='274.497' ry='271.673' fill='currentColor' fill-opacity='0.2'/%3E%3Cellipse cx='369.275' cy='365.474' rx='171.994' ry='170.224' fill='currentColor' fill-opacity='0.3'/%3E%3C/g%3E%3C/svg%3E");
}

@media (max-width: 992px) {
    .table-responsive.pricing-compare { border-radius: 18px; }
    .pricing-compare thead th { padding: 6px 12px; }
    .pricing-compare tbody td, .pricing-compare tbody th { padding: 6px 12px; }
    .col-options { width: 58%; }
    .last-row{padding: 6px 14px;}
    .black-box{background-position: 200px 85px;background-size: 400px;}
    .pricing-actions .col-plan{width: 100%}
}