/* ==========================================
   FORM LAYOUT
========================================== */

.ek-form-grid {
    display: grid;
    gap: var(--ek-gap);
}

.ek-grid-1,
.ek-grid-2,
.ek-grid-3 {
    gap: var(--ek-gap);
}

/* Grid variants */

.ek-grid-1 {
    grid-template-columns: 1fr;
}

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

.ek-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ek-grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ek-form-section h3 {
    margin: 0 0 16px;
}

/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 782px) {

    .ek-grid-2,
    .ek-grid-3,
    .ek-grid-4 {
        grid-template-columns: 1fr;
    }

}