/*
============================================================
AUTOMART MOBILE DETAIL V42.10
EQUAL CONTACT BUTTON AUTHORITY
============================================================
*/

@media (max-width:767px) {

    /*
     * MAIN CONTACT ROW
     * CALL | WHATSAPP | CHAT
     */

    body.am-v429-detail-page
    .vehicle-detail-page
    .vehicle-summary
    > .contact-row {

        display:grid !important;

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

        grid-auto-columns:
            minmax(0,1fr) !important;

        gap:
            7px !important;

        width:
            100% !important;

        min-width:
            0 !important;

        max-width:
            100% !important;

        height:
            auto !important;

        margin:
            12px 0 0 !important;

        padding:
            0 !important;
    }


    body.am-v429-detail-page
    .vehicle-detail-page
    .vehicle-summary
    > .contact-row
    > a,

    body.am-v429-detail-page
    .vehicle-detail-page
    .vehicle-summary
    > .contact-row
    > button {

        grid-column:
            auto !important;

        grid-row:
            1 !important;

        flex:
            none !important;

        flex-grow:
            0 !important;

        flex-shrink:
            1 !important;

        flex-basis:
            auto !important;

        width:
            auto !important;

        min-width:
            0 !important;

        max-width:
            none !important;

        height:
            44px !important;

        min-height:
            44px !important;

        margin:
            0 !important;

        padding:
            0 4px !important;

        display:flex !important;

        align-items:center !important;
        justify-content:center !important;

        border-radius:
            9px !important;

        font-size:
            12px !important;

        line-height:
            1 !important;

        font-weight:
            800 !important;

        text-align:
            center !important;

        white-space:
            nowrap !important;
    }


    /*
     * STICKY CONTACT BAR
     * ALSO FREEZE TO EXACTLY THREE EQUAL COLUMNS.
     */

    body.am-v429-detail-page
    .am-v426-sticky-contact {

        display:grid !important;

        grid-template-columns:
            repeat(3,minmax(0,1fr))
            !important;

        gap:
            7px !important;
    }


    body.am-v429-detail-page
    .am-v426-sticky-contact
    > a {

        width:
            auto !important;

        min-width:
            0 !important;

        max-width:
            none !important;

        flex:
            none !important;

        margin:
            0 !important;

        padding:
            0 4px !important;

        text-align:
            center !important;
    }

}