/* /var/www/web.nikkidepot.com/public/search/assets/results.css */

.search-results-layout {
    width: 100%;
}

.search-results-sidebar {
    width: 100%;
}

.search-results-content {
    min-width: 0;
}

.search-results-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 16px;
    row-gap: 34px;
}

.search-results-card {
    min-width: 0;
}

@media (min-width: 768px) {
    .search-results-layout {
        display: grid;
        grid-template-columns: 260px minmax(0, 1fr);
        gap: 32px;
        align-items: start;
    }

    .search-results-sidebar {
        position: sticky;
        top: 132px;
        align-self: start;
    }

    .search-results-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: 20px;
        row-gap: 40px;
    }
}

@media (min-width: 1180px) {
    .search-results-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        column-gap: 20px;
        row-gap: 42px;
    }
}

/*
   Même sur très grand écran, on garde 4 colonnes.
   La page résultats a une sidebar : 5 colonnes rend les cards trop étroites.
*/
@media (min-width: 1480px) {
    .search-results-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        column-gap: 22px;
    }
}