/* Marketplace Responsive */

/* 태블릿: 4개씩 (769px ~ 1199px) */
@media (min-width: 769px) and (max-width: 1199px) {
    .content-wrapper {
        grid-template-columns: 1fr !important;
    }

    .sidebar {
        display: none !important;
    }

    .search-form {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
    }

    .search-form input {
        flex: 1 1 50% !important;
        min-width: 100px !important;
        width: auto !important;
    }

    .search-form select {
        flex: 0 0 140px !important;
        width: auto !important;
    }

    .search-form button {
        flex: 0 0 auto !important;
        width: auto !important;
    }

    .products-grid {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}

/* 모바일: 2개씩 (768px 이하) */
@media (max-width: 768px) {
    .content-wrapper {
        grid-template-columns: 1fr;
    }

    .sidebar {
        display: none;
    }

    .search-form {
        flex-direction: column;
        flex-wrap: wrap;
    }

    .search-form input {
        width: 100%;
        min-width: 100%;
    }

    .search-form select {
        width: 100%;
        flex: 1 1 100%;
    }

    .search-form button {
        width: 100%;
        flex: 1 1 100%;
    }

    .products-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}