/* =========================================================
   HOME — COMPACT PROFESSIONAL PLAN CARDS
========================================================= */

.home-plan-grid {
    align-items:
        stretch;
}


/* CARD NEVER BECOMES UNLIMITED HEIGHT */

.home-plan-card {
    height:
        560px !important;

    min-height:
        560px !important;

    max-height:
        560px !important;

    overflow:
        hidden;

    padding:
        24px !important;
}


/* LONG PLAN NAME CONTROL */

.home-plan-card h3 {
    min-height:
        56px;

    max-height:
        56px;

    overflow:
        hidden;

    display:
        -webkit-box;

    -webkit-box-orient:
        vertical;

    -webkit-line-clamp:
        2;
}


/* LONG DESCRIPTION CONTROL */

.home-plan-description {
    min-height:
        57px !important;

    max-height:
        57px !important;

    overflow:
        hidden;

    display:
        -webkit-box;

    -webkit-box-orient:
        vertical;

    -webkit-line-clamp:
        3;

    margin-bottom:
        13px !important;
}


/* MORE COMPACT PRICE AREA */

.home-plan-price-row {
    margin-bottom:
        4px !important;
}

.home-plan-price {
    font-size:
        34px !important;
}

.home-plan-total {
    margin-top:
        8px !important;

    padding:
        9px 11px !important;
}


/* =========================================================
   INTERNAL FEATURE SCROLLER
========================================================= */

.home-plan-features {
    flex:
        1 1 auto;

    min-height:
        0;

    height:
        190px;

    max-height:
        190px;

    overflow-x:
        hidden;

    overflow-y:
        auto;

    overscroll-behavior:
        contain;

    scrollbar-gutter:
        stable;

    display:
        block !important;

    margin:
        16px 0 18px !important;

    padding:
        2px 9px 2px 0 !important;

    border-top:
        1px solid
        rgba(148,163,184,.08);

    border-bottom:
        1px solid
        rgba(148,163,184,.08);
}


/* Chrome / Edge / Safari */

.home-plan-features::-webkit-scrollbar {
    width:
        6px;
}

.home-plan-features::-webkit-scrollbar-track {
    background:
        rgba(148,163,184,.05);

    border-radius:
        999px;
}

.home-plan-features::-webkit-scrollbar-thumb {
    background:
        linear-gradient(
            180deg,
            #22d3ee,
            #3b82f6
        );

    border-radius:
        999px;
}

.home-plan-features::-webkit-scrollbar-thumb:hover {
    background:
        linear-gradient(
            180deg,
            #67e8f9,
            #60a5fa
        );
}


/* Firefox */

.home-plan-features {
    scrollbar-width:
        thin;

    scrollbar-color:
        #3b82f6
        rgba(148,163,184,.05);
}


.home-plan-features li {
    margin-bottom:
        8px;
}


/* BUTTON ALWAYS STAYS AT BOTTOM */

.home-plan-action {
    flex:
        0 0 auto;

    margin-top:
        auto !important;
}


/* Subtle hint */

.home-plan-features::after {
    content:
        "";
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width:700px) {

    .home-plan-card {
        height:
            520px !important;

        min-height:
            520px !important;

        max-height:
            520px !important;

        padding:
            20px 18px !important;
    }

    .home-plan-card h3 {
        min-height:
            48px;

        max-height:
            48px;

        font-size:
            20px !important;
    }

    .home-plan-description {
        min-height:
            51px !important;

        max-height:
            51px !important;

        font-size:
            11px !important;
    }

    .home-plan-features {
        height:
            165px;

        max-height:
            165px;

        margin:
            13px 0 15px !important;
    }

    .home-plan-price {
        font-size:
            31px !important;
    }
}