/* Responsive Columns Block Styles */

.en-responsive-columns {
    display: grid;
    gap: var(--wp--style--block-gap, 1.5rem);
    width: 100%;
    grid-template-columns: repeat(var(--en-columns-desktop, 3), minmax(0, 1fr));
}

@media (max-width: 782px) {
    .en-responsive-columns {
        grid-template-columns: repeat(var(--en-columns-mobile, 1), minmax(0, 1fr));
    }
}