.cf-pricing-selector{
    display:flex;
    gap:12px;
    margin:18px 0;
    flex-wrap:wrap;
}

.cf-price-card{
    position:relative;
    flex:1;
    min-width:170px;
    border:2px solid #e5e7eb;
    border-radius:10px;
    padding:14px 16px;
    cursor:pointer;
    transition:all .25s ease;
    background:#fff;
}

.cf-price-card:hover{
    border-color:#ff9800;
    transform:translateY(-2px);
    box-shadow:0 8px 18px rgba(0,0,0,.08);
}

.cf-price-card input{
    display:none;
}

.cf-price-card.active{
    border-color:#ff9800;
    background:#fff8ef;
    box-shadow:0 8px 20px rgba(255,152,0,.12);
}

.cf-card-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:8px;
}

.cf-title{
    font-size:15px;
    font-weight:700;
    color:#222;
}

.cf-badge{
    background:#ff9800;
    color:#fff;
    font-size:10px;
    padding:3px 8px;
    border-radius:20px;
    font-weight:600;
}

.cf-badge.student{
    background:#22c55e;
}

.cf-price{
    font-size:24px;
    font-weight:800;
    color:#111;
    margin-bottom:6px;
    line-height:1.2;
}

.cf-desc{
    font-size:12px;
    color:#666;
    line-height:1.4;
}



/*
    B2B Card Hide when B2B user loged in
*/

body.cf-b2b-user .b2b-login-card {
	display: none !important;
}



/* Tablet */
@media (max-width: 1024px) {

    .cf-pricing-selector{
        display: flex;
        flex-direction: column;
    }

    .cf-price-card{
        flex: none;
        width: 100%;
    }

}

/* Mobile */
@media (max-width: 767px) {

    .cf-pricing-selector{
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .cf-price-card{
        flex: none;
        width: 100%;
        min-width: 100%;
    }

}