/* Cyclone Hosting V5 - Unified Pricing Cards
   Shared, Reseller, and Homepage all use the same v5 pricing card layout.
*/

.unified-pricing-wrapper{
    padding:0 !important;
    background:transparent !important;
}

.unified-pricing-wrapper > .v5-plans{
    margin:0 !important;
}

.unified-pricing-section{
    overflow:visible !important;
}

.unified-pricing-section .v5-section-head{
    margin-bottom:30px !important;
}

.unified-pricing-section .v5-plan-grid{
    width:min(1280px,100%) !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1.08fr) minmax(0,1fr) !important;
    gap:18px !important;
}

.unified-pricing-section .v5-plan-card{
    min-height:540px !important;
    padding:26px !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:visible !important;
}

.unified-pricing-section .v5-plan-card.featured{
    transform:translateY(-10px) !important;
}

.unified-pricing-section .v5-inherit-badge{
    width:100% !important;
    min-height:38px !important;
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    padding:9px 12px !important;
    margin:0 0 10px !important;
    border-radius:13px !important;
    background:linear-gradient(135deg,rgba(25,211,122,.20),rgba(19,223,255,.13)) !important;
    border:1px solid rgba(25,211,122,.45) !important;
    box-shadow:0 0 18px rgba(25,211,122,.14), inset 0 1px 0 rgba(255,255,255,.12) !important;
}

.unified-pricing-section .v5-inherit-badge span{
    width:21px !important;
    height:21px !important;
    flex:0 0 21px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:50% !important;
    background:#19d37a !important;
    color:#061323 !important;
    font-size:12px !important;
    font-weight:950 !important;
}

.unified-pricing-section .v5-inherit-badge strong{
    color:#eafff3 !important;
    font-size:12px !important;
    font-weight:950 !important;
    letter-spacing:.065em !important;
    text-transform:uppercase !important;
    line-height:1.2 !important;
}

.unified-pricing-section .v5-new-plan-heading{
    margin:0 0 10px !important;
    color:#ffef4a !important;
    font-size:12px !important;
    font-weight:950 !important;
    letter-spacing:.11em !important;
    text-transform:uppercase !important;
    text-shadow:0 0 12px rgba(255,216,77,.22) !important;
}

.unified-pricing-section .v5-clean-feature-list{
    list-style:none !important;
    padding:0 !important;
    margin:0 0 24px !important;
    display:grid !important;
    gap:9px !important;
}

.unified-pricing-section .v5-clean-feature-list li{
    display:flex !important;
    align-items:flex-start !important;
    gap:9px !important;
    padding-left:0 !important;
    color:#e8f5ff !important;
    font-size:14px !important;
    line-height:1.34 !important;
    white-space:normal !important;
    overflow:visible !important;
}

.unified-pricing-section .v5-clean-feature-list li:before{
    content:'✓' !important;
    position:static !important;
    flex:0 0 19px !important;
    width:19px !important;
    height:19px !important;
    min-width:19px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:50% !important;
    color:#071327 !important;
    font-size:12px !important;
    font-weight:950 !important;
    background:#13dfff !important;
    box-shadow:0 0 10px rgba(19,223,255,.25) !important;
}

.unified-pricing-section .v5-clean-feature-list li.v5-feature-divider{
    display:block !important;
    height:1px !important;
    padding:0 !important;
    margin:3px 0 4px !important;
    background:linear-gradient(90deg,transparent,rgba(126,218,255,.32),transparent) !important;
}

.unified-pricing-section .v5-clean-feature-list li.v5-feature-divider:before{
    display:none !important;
    content:none !important;
}

.unified-pricing-section .v5-plan-btn{
    margin-top:auto !important;
}

@media(max-width:1100px){
    .unified-pricing-section .v5-plan-grid{
        grid-template-columns:repeat(2,1fr) !important;
    }

    .unified-pricing-section .v5-plan-card.featured{
        transform:none !important;
    }
}

@media(max-width:800px){
    .unified-pricing-section .v5-plan-grid{
        grid-template-columns:1fr !important;
    }
}