@media (max-width: 768px) {
    #filter-sidebar {
        position: fixed !important;
        top: 0 !important;
        left: -280px;
        width: 260px !important;
        height: 100vh;
        z-index: 999;
        transition: left 0.3s ease;
        overflow-y: auto;
        padding: 20px !important;
        background: #fff !important;
        box-shadow: 2px 0 12px rgba(0,0,0,0.15);
        display: block !important;
    }
    #filter-sidebar.mobile-open {
        left: 0;
    }
    #mobile-filter-btn {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
    #models-layout {
        flex-direction: column !important;
    }
    .model-grid {
        grid-template-columns: 1fr !important;
    }
}