/*
 * BestPropertyPlug Homepage Property Types Center V26.3
 * Scope: mobile homepage only.
 * Purpose: make the 2-column Property Types cards fill their grid tracks so
 * both columns share the same centered left/right gutter as the section head.
 */
@media (max-width: 767.98px) {
    html body .rpgx-home .rpgx-types-section > .rpgx-container {
        width: calc(100% - 20px) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    html body .rpgx-home .rpgx-types-section .rpgx-section-head {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    html body .rpgx-home .rpgx-types-section .rpgx-type-row {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: none !important;
        grid-auto-flow: row !important;
        grid-auto-columns: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        column-gap: 8px !important;
        row-gap: 8px !important;
        justify-content: stretch !important;
        justify-items: stretch !important;
        align-items: stretch !important;
        overflow: visible !important;
        box-sizing: border-box !important;
        scroll-snap-type: none !important;
    }

    html body .rpgx-home .rpgx-types-section .rpgx-type-card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        justify-self: stretch !important;
        box-sizing: border-box !important;
    }

    html body .rpgx-home .rpgx-types-section .rpgx-type-card > div {
        min-width: 0 !important;
    }
}