/**
 * Properties Page Specific Overrides
 * Force sidebar layout for the properties page
 */

.catalog-category-view .columns {
    display: grid !important;
    grid-template-columns: 320px 1fr !important;
    grid-template-areas: "sidebar content" !important;
    gap: 2rem !important;
    align-items: start !important;
}

.catalog-category-view .sidebar.sidebar-main {
    grid-area: sidebar !important;
    width: 320px !important;
    max-width: 320px !important;
    position: sticky !important;
    top: 1rem !important;
    align-self: start !important;
    max-height: calc(100vh - 2rem) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.catalog-category-view .column.main {
    grid-area: content !important;
    min-width: 0 !important; /* Prevents grid blowout */
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
}

@media (max-width: 768px) {
    .catalog-category-view .columns {
        display: flex !important;
        flex-direction: column !important;
    }

    .catalog-category-view .sidebar.sidebar-main {
        width: 100% !important;
        max-width: 100% !important;
        order: 1 !important;
        position: relative !important;
    }

    .catalog-category-view .column.main {
        order: 2 !important;
    }
}