/* Mini gallery grid, reusing .car-card styles from revs-styles.css */

.revs-vehicle-collection-container.revs-mini-gallery-container {
    width: 100%;
    background: transparent !important;
    min-height: auto !important;
    height: auto !important;
    overflow: visible !important;
}

/* Base grid */
.revs-vehicle-collection-container .mini-vehicles-grid,
.revs-vehicle-collection-container .mini-vehicles-grid * { box-sizing: border-box; }

.revs-vehicle-collection-container .mini-vehicles-grid {
    display: grid;
    gap: 16px;
}

/* Breakpoints and column/row limits
   - >=1600px: 6 columns, 3 rows (max 18 tiles)
   - >=1200px and <1600px: 6 columns, 2 rows (max 12 tiles)
   - >=959px and <1200px: 4 columns, 2 rows (max 8 tiles)
   - <959px: fall back to 2 columns auto rows
*/

@media (min-width: 1600px) {
    .revs-vehicle-collection-container .mini-vehicles-grid {
        grid-template-columns: repeat(6, 1fr);
    }
    /* hide any beyond 18 to force 3 rows */
    .revs-vehicle-collection-container .mini-vehicles-grid .car-card:nth-child(n+19) {
        display: none !important;
    }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
    .revs-vehicle-collection-container .mini-vehicles-grid {
        grid-template-columns: repeat(6, 1fr);
    }
    /* hide any beyond 12 to force 2 rows */
    .revs-vehicle-collection-container .mini-vehicles-grid .car-card:nth-child(n+13) {
        display: none !important;
    }
}

@media (min-width: 959px) and (max-width: 1199.98px) {
    .revs-vehicle-collection-container .mini-vehicles-grid {
        grid-template-columns: repeat(4, 1fr);
    }
    /* hide any beyond 8 to force 2 rows */
    .revs-vehicle-collection-container .mini-vehicles-grid .car-card:nth-child(n+9) {
        display: none !important;
    }
}

@media (max-width: 958.98px) {
    .revs-vehicle-collection-container .mini-vehicles-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    /* hide any beyond 8 to force 4 rows */
    .revs-vehicle-collection-container .mini-vehicles-grid .car-card:nth-child(n+9) {
        display: none !important;
    }
}

/* Ultra-small: single column, max 6 items */
@media (max-width: 539.98px) {
    .revs-vehicle-collection-container .mini-vehicles-grid {
        grid-template-columns: 1fr;
    }
    /* hide any beyond 6 to force 6 rows */
    .revs-vehicle-collection-container .mini-vehicles-grid .car-card:nth-child(n+7) {
        display: none !important;
    }
}

/* Tighten card spacing for mini tiles */
.revs-vehicle-collection-container .mini-vehicles-grid .car-card .car-overlay {
    padding: 16px 12px 12px;
    text-align: left;
}

.revs-vehicle-collection-container .mini-vehicles-grid .car-card .car-title {
    font-size: 1.05rem;
    font-weight: 900;
    text-align: left;
}

.revs-vehicle-collection-container .mini-vehicles-grid .car-card .car-year {
    font-size: 0.9rem;
}

.revs-vehicle-collection-container .mini-vehicles-grid .car-card .car-manufacturer {
    text-align: left;
}