/* ===== FLEX + PLUGIN-LIKE LOOK ===== */
#cmpfx-match {
    font: 15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

/* Grid container */
#cmpfx-match .fc-grid {
    display:flex;
    flex-direction:column;
    margin:50px 0 30px;
    text-align:center;
}
#cmpfx-match .fc-row {
    display:flex;
    align-items:stretch;
}
#cmpfx-match .fc-cell { flex:1 1 0; box-sizing:border-box; }

/* Feature column width (≈29%) */
#cmpfx-match .fc-feature { flex:0 0 29.2%; }

/* Head row */
#cmpfx-match .fc-head .fc-feature .ptp-cp3-price-holder {
    border:1px solid transparent!important;
    background:none!important;
}
#cmpfx-match .ptp-cp3-price-holder {
    transition: all 100ms ease;
    color:#f1f1f1;
    text-align:center;
    padding:10px 5px;
}

.ptp-cp3-price-holder, .fc-plan {
    border-radius:4px 4px 0 0;
}

.fc-plan:not(.special)  {background:#efefef;}

#cmpfx-match .ptp-cp3-price-holder-invisible {
    background:none!important;
    border:1px solid transparent!important;
}
#cmpfx-match .ptp-cp3-plan-title h2 { font-size:20px; margin:0; }
#cmpfx-match .special .ptp-cp3-plan-title h2 { font-size:24px; margin:10px auto; }

/* Cells */
#cmpfx-match .ptp-cp3-data-holder {
    background-color:#f4fafb;
    line-height:1.5em;
    padding:10px;
    text-align:center;
    color:#333;
    min-height:22px;
    height: 100%;
    font-size:15px;
    border-left:1px solid #fff;
    border-right:1px solid #dbdbdb;
}
#cmpfx-match .ptp-cp3-data-holder.odd  { background:#f4fafb; }
#cmpfx-match .ptp-cp3-data-holder.even { background:#e8f4f7; }

/* Feature column cells */
#cmpfx-match .fc-feature .ptp-cp3-data-holder {
    text-align:left;
    border-left:none;
    border-right:1px solid #dbdbdb;
}

/* Icons */
#cmpfx-match .uk-icon-check-circle {color: #4e8a4e
}
#cmpfx-match .uk-icon-question-circle {color: #5a5ac6
}
#cmpfx-match .uk-icon-times-circle {color: #b33f3f
}

/* Mobile cards */
#cmpfx-match .fc-cards { display:none; }
#cmpfx-match .fc-card {
    border-radius:5px;
    box-shadow:0 0 2px #dbdbdb;
    background:#fff;
    margin:20px 0;
    overflow:hidden;
}

#cmpfx-match .fc-card-list { list-style:none; margin:0; padding:0; }
#cmpfx-match .fc-item {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:10px;
    border-top:1px solid #e8f4f7;
}
#cmpfx-match .fc-item .fc-label { flex:1; text-align:left; color:#333; }
#cmpfx-match .fc-item .fc-mark { flex:0 0 auto; }
#cmpfx-match .fc-item.odd  { background:#f4fafb; }
#cmpfx-match .fc-item.even { background:#e8f4f7; }

#cmpfx-match .fc-grid .fc-row:nth-child(2) .fc-feature > div {
    border-radius: 4px 0 0 0;
}

#cmpfx-match .fc-grid .fc-row:last-child .fc-feature > div {
    border-radius: 0 0 0 4px;
}

#cmpfx-match .fc-grid .fc-row:last-child .fc-cell:last-child > div {
    border-radius: 0 0 4px 0;
}

#cmpfx-match .fc-grid .fc-row .fc-cell:nth-child(2) > div,
#cmpfx-match .ptp-cp3-price-holder,
#cmpfx-match .fc-card .ptp-cp3-price-holder { background:#4E738A;}

#cmpfx-match .fc-cell.special .ptp-cp3-price-holder .ptp-cp3-plan-title *,
i {color:#fff; }

#cmpfx-match .fc-grid .fc-row .fc-cell.special .head {
    border-radius: 4px 4px 0 0;
}
/* Responsive switch */
@media (max-width:767px) {
    #cmpfx-match .fc-grid  { display:none; }
    #cmpfx-match .fc-cards { display:block; }

    #cmpfx-match .ptp-cp3-data-holder {
        background-color:#f4fafb!important;
        border-bottom:1px solid #e8f4f7!important;
    }
}