/*
 * BestPropertyPlug Homepage Property Types Final Center V26.5
 * Final narrow-screen correction for Explore Property Types.
 * Scope: homepage only, <= 1100px (same narrow/mobile shell range).
 */
@media (max-width: 1100px) {
    body#page-home .rpgx-home .rpgx-types-section {
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    body#page-home .rpgx-home .rpgx-types-section > .rpgx-container {
        box-sizing: border-box !important;
        width: calc(100% - 20px) !important;
        max-width: none !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

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

    body#page-home .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;
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 14px 0 0 !important;
        padding: 0 !important;
        gap: 8px !important;
        justify-content: stretch !important;
        justify-items: stretch !important;
        align-items: stretch !important;
        overflow: visible !important;
        overflow-x: visible !important;
        transform: none !important;
        scroll-snap-type: none !important;
    }

    body#page-home .rpgx-home .rpgx-types-section .rpgx-type-row > .rpgx-type-card {
        box-sizing: border-box !important;
        display: grid !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        flex: none !important;
        flex-basis: auto !important;
        margin: 0 !important;
        justify-self: stretch !important;
        align-self: stretch !important;
        transform: none !important;
        scroll-snap-align: none !important;
    }
}