/* ==========================================================
   TEAM5 MASTER UI CLEANUP
   ========================================================== */


/* ==========================================================
   HOME — FOCUS SOLUTION CARDS
   ========================================================== */

.profile-sol-head {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;
}


.profile-sol-head h3 {
    width: 100%;

    margin-left: auto !important;
    margin-right: auto !important;

    text-align: center !important;

    font-size:
        clamp(
            22px,
            1.55vw,
            29px
        ) !important;

    line-height:
        1.12 !important;

    font-weight:
        850 !important;
}


/* ==========================================================
   TEAM5 BRAND WORDING
   ========================================================== */

.t5-brand-team {
    color: #29ABE2 !important;
}


.t5-brand-five {
    color: #65B32E !important;
}


.t5-brand-tech {
    color: #E52420 !important;
}


/* ==========================================================
   PRODUCT VENDOR HEADER
   Remove ONLY T5 graphic.
   Keep relationship / distributor / verified status.
   ========================================================== */

.t5pc-team5-mark,
.t5pc-team5-orb,
.t5pc-team5-mini {
    display: none !important;
}


.t5pc-relationship.t5pc-relationship-v2 {
    grid-template-columns:
        minmax(
            0,
            1fr
        )
        30px !important;

    min-width:
        245px !important;

    gap:
        12px !important;

    padding:
        13px 14px 13px 17px !important;
}


.t5pc-relationship.t5pc-relationship-v2::after {
    left:
        17px !important;

    width:
        90px !important;
}


/* ==========================================================
   MISSION / VISION
   ========================================================== */

.t5-final-mv-card {
    text-align: center !important;
}


.t5-final-mv-card h1,
.t5-final-mv-card h2,
.t5-final-mv-card h3,
.t5-final-mv-card h4 {
    text-align: center !important;
}


.t5-final-mv-heading {
    width: 100%;

    margin-left: auto !important;
    margin-right: auto !important;

    text-align: center !important;

    font-size:
        clamp(
            28px,
            3vw,
            40px
        ) !important;

    line-height:
        1.12 !important;
}


.t5-final-mv-card p {
    max-width:
        620px;

    margin-left:
        auto !important;

    margin-right:
        auto !important;

    font-size:
        clamp(
            16px,
            1.3vw,
            19px
        ) !important;

    line-height:
        1.65 !important;
}


.t5-final-mv-card svg {
    width:
        48px !important;

    height:
        48px !important;
}


/* ==========================================================
   HIDDEN CLEANUP ELEMENTS
   ========================================================== */

.t5-final-hidden {
    display:
        none !important;
}


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

@media(max-width:768px) {

    header .t5-mobile-menu-trigger,
    .t5-mobile-menu-trigger {
        display:
            inline-flex !important;

        visibility:
            visible !important;

        opacity:
            1 !important;

        pointer-events:
            auto !important;
    }


    header a[href="/contact"],
    header a[href="/contact/"],
    header a[href*="/contact"] {
        visibility:
            visible !important;

        opacity:
            1 !important;
    }

}


/* ==========================================================
   MOBILE HOME ACTION BAR
   ========================================================== */

.t5-mobile-actions {
    display:
        none;
}


@media(max-width:768px) {

    body.t5-home-page {
        padding-bottom:
            68px;
    }


    .t5-mobile-actions {
        position:
            fixed;

        z-index:
            9997;

        left:
            50%;

        bottom:
            12px;

        display:
            grid;

        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );

        width:
            min(
                360px,
                calc(
                    100% - 28px
                )
            );

        overflow:
            hidden;

        border:
            1px solid
            rgba(
                18,
                115,
                155,
                .13
            );

        border-radius:
            16px;

        background:
            rgba(
                255,
                255,
                255,
                .96
            );

        box-shadow:
            0 14px 40px
            rgba(
                8,
                43,
                70,
                .18
            );

        backdrop-filter:
            blur(16px);

        transform:
            translateX(-50%);
    }


    .t5-mobile-actions a {
        min-height:
            48px;

        display:
            flex;

        align-items:
            center;

        justify-content:
            center;

        gap:
            7px;

        padding:
            10px 14px;

        color:
            #07111E;

        text-decoration:
            none;

        font-size:
            13px;

        font-weight:
            850;
    }


    .t5-mobile-actions a:first-child {
        border-right:
            1px solid #E3EDF3;
    }


    .t5-mobile-actions
    .t5-mobile-whatsapp {
        color:
            #118C4F;
    }

}


/* ==========================================================
   MOBILE PRODUCT RELATIONSHIP BOX
   ========================================================== */

@media(max-width:640px) {

    .t5pc-relationship.t5pc-relationship-v2 {
        width:
            100% !important;

        min-width:
            0 !important;

        grid-template-columns:
            minmax(
                0,
                1fr
            )
            26px !important;
    }

}