/*
============================================================
AUTOMART VEHICLE DETAIL MOBILE V42.9
MOBILE SUMMARY COMPOSITION
============================================================
*/

@media (max-width:767px) {


    /* =====================================================
       MOBILE TITLE ABOVE GALLERY
       ===================================================== */

    .vehicle-detail-page
    .am-v429-pre-gallery {
        width:100% !important;
        max-width:100% !important;

        min-width:0 !important;

        margin:
            0 0 10px !important;

        padding:
            12px 10px 10px !important;

        border:
            1px solid #dfe7e3;

        border-radius:
            13px;

        background:
            #fff;

        box-shadow:
            0 4px 15px
            rgba(16,37,25,.04);
    }


    .vehicle-detail-page
    .am-v429-pre-gallery
    .am-v426-summary-top {
        display:flex !important;

        align-items:center;
        justify-content:space-between;

        gap:8px;

        margin:
            0 0 9px !important;
    }


    .vehicle-detail-page
    .am-v429-pre-gallery
    .title-actions {
        display:block !important;

        margin:0 !important;
    }


    /*
     * Gallery already contains heart/share controls.
     * Do not duplicate them beside the title.
     */

    .vehicle-detail-page
    .am-v429-pre-gallery
    .title-actions
    > div:last-child:not(:first-child) {
        display:none !important;
    }


    .vehicle-detail-page
    .am-v429-pre-gallery
    h1 {
        margin:
            0 0 7px !important;

        color:
            #101b2e !important;

        font-size:
            22px !important;

        line-height:
            1.1 !important;

        letter-spacing:
            -.025em !important;

        font-weight:
            850 !important;
    }


    .vehicle-detail-page
    .am-v429-pre-gallery
    .price-line {
        display:flex !important;

        align-items:center !important;

        flex-wrap:wrap !important;

        gap:
            7px !important;

        margin:0 !important;
    }


    .vehicle-detail-page
    .am-v429-pre-gallery
    .price-line strong {
        font-size:
            24px !important;

        line-height:
            1 !important;

        font-weight:
            850 !important;
    }



    /* =====================================================
       REMOVE DUPLICATED SUMMARY DESCRIPTION
       ===================================================== */

    .vehicle-detail-page
    .am-v426-summary-description,

    .vehicle-detail-page
    .am-v423-summary-description,

    .vehicle-detail-page
    .v21-subline {
        display:none !important;
    }



    /* =====================================================
       SUMMARY AFTER GALLERY
       ===================================================== */

    .vehicle-detail-page
    .vehicle-summary {
        margin-top:
            10px !important;

        padding:
            13px !important;
    }



    /* =====================================================
       LOCATION LEFT / VIEW RIGHT
       ===================================================== */

    .vehicle-detail-page
    .am-v429-location-view {
        display:flex !important;

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

        gap:
            12px !important;

        width:
            100% !important;

        margin:
            11px 0 0 !important;

        color:
            #68768a !important;

        font-size:
            12px !important;

        line-height:
            1.25 !important;
    }


    .vehicle-detail-page
    .am-v429-location-view
    .am-v429-location {
        min-width:0;

        overflow:hidden;

        text-overflow:ellipsis;

        white-space:nowrap;

        text-align:left;
    }


    .vehicle-detail-page
    .am-v429-location-view
    .am-v429-view {
        flex:
            0 0 auto;

        white-space:
            nowrap;

        text-align:
            right;
    }


    /*
     * Hide the old location row.
     * V42.9 replaces it with the combined row.
     */

    .vehicle-detail-page
    .summary-location {
        display:none !important;
    }


    /*
     * The old View item is moved into am-v429-location-view.
     * summary-meta is left with Posted date only.
     */

    .vehicle-detail-page
    .summary-meta {
        display:flex !important;

        align-items:center !important;

        width:
            100% !important;

        margin:
            7px 0 0 !important;

        padding:
            0 !important;

        color:
            #8792a3 !important;

        font-size:
            12px !important;

        line-height:
            1.25 !important;
    }


    .vehicle-detail-page
    .summary-meta
    > span {
        margin:0 !important;
    }



    /* =====================================================
       NORMAL CONTACT ROW
       EXACTLY ONE LINE / THREE EQUAL BUTTONS
       ===================================================== */

    .vehicle-detail-page
    .vehicle-summary
    > .contact-row {
        display:grid !important;

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

        grid-template-rows:
            44px !important;

        gap:
            7px !important;

        width:
            100% !important;

        max-width:
            100% !important;

        min-width:
            0 !important;

        height:
            44px !important;

        margin:
            12px 0 0 !important;

        padding:
            0 !important;

        overflow:
            visible !important;
    }


    .vehicle-detail-page
    .vehicle-summary
    > .contact-row
    > a,

    .vehicle-detail-page
    .vehicle-summary
    > .contact-row
    > button {
        grid-column:
            auto !important;

        grid-row:
            1 !important;

        width:
            100% !important;

        min-width:
            0 !important;

        max-width:
            none !important;

        height:
            44px !important;

        min-height:
            44px !important;

        max-height:
            44px !important;

        display:flex !important;

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

        margin:
            0 !important;

        padding:
            0 5px !important;

        border-radius:
            9px !important;

        font-size:
            12px !important;

        line-height:
            1 !important;

        font-weight:
            800 !important;

        white-space:
            nowrap !important;

        overflow:
            hidden !important;

        text-overflow:
            ellipsis !important;
    }


    .vehicle-detail-page
    .vehicle-summary
    > .contact-row
    .btn-whatsapp {
        background:
            #079b59 !important;

        color:
            #fff !important;
    }



    /* =====================================================
       RETIRE ANY DUPLICATE INLINE CONTACT STACK
       ===================================================== */

    .vehicle-detail-page
    .am-v429-inline-duplicate-contact {
        display:none !important;
    }



    /* =====================================================
       SELLER CARD
       ===================================================== */

    .vehicle-detail-page
    .seller-profile-card {
        margin-top:
            10px !important;
    }



    /* =====================================================
       STICKY CONTACT
       KEEP EXACTLY AS REQUESTED
       ===================================================== */

    .am-v426-sticky-contact {
        display:grid !important;

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

        gap:
            7px !important;
    }

}