/*
========================================================================
 BPP PROPERTY SEARCH MOBILE GRID V80
 Grid mode <= 767px = EXACTLY ONE COLUMN
 Card internal design intentionally untouched.
========================================================================
*/

@media (max-width: 767px) {

    /*
     * Actual live grid authority.
     *
     * Browser proof before V80:
     * width: 404px
     * columns: 199.5px 199.5px
     */

    html body
    #rpgp2-listing.rpgp77-grid
    .rpgp2-property-grid,

    html body
    .rpgp2-listing-shell.rpgp77-grid
    .rpgp2-property-grid {

        display: grid !important;

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

        grid-auto-flow:
            row !important;

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

        width:
            100% !important;

        max-width:
            100% !important;

        min-width:
            0 !important;

        column-gap:
            0 !important;

        row-gap:
            14px !important;

        box-sizing:
            border-box !important;
    }


    /*
     * Every property occupies the entire mobile row.
     * No change to the card's own internal desktop-grid format.
     */

    html body
    #rpgp2-listing.rpgp77-grid
    .rpgp2-property-grid
    > *,

    html body
    .rpgp2-listing-shell.rpgp77-grid
    .rpgp2-property-grid
    > * {

        grid-column:
            1 / -1 !important;

        width:
            100% !important;

        max-width:
            100% !important;

        min-width:
            0 !important;

        margin-left:
            0 !important;

        margin-right:
            0 !important;

        box-sizing:
            border-box !important;
    }

}

/* /BPP PROPERTY SEARCH MOBILE GRID V80 */