/**
 * Grid System
 * Flexible grid utilities
 *
 * @package MediaKit_Lite
 */

.mkp-grid {
    display: grid;
    gap: var(--mkp-spacing-lg);
}

.mkp-grid--2 {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.mkp-grid--3 {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.mkp-grid--4 {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}