.kordit-section--grid {
    .grid-container {
        display: grid;
        grid-template-columns: repeat(var(--grid-columns-desktop, 3), 1fr);
        gap: var(--grid-gap, 16px);
        width: 100%;

        @media (max-width: 1024px) {
            grid-template-columns: repeat(var(--grid-columns-tablet, 2), 1fr);
        }

        @media (max-width: 768px) {
            grid-template-columns: repeat(var(--grid-columns-mobile, 1), 1fr);
        }
    }
}