.s-layout-columns {
  --layout-columns-desktop: 3;
  --layout-columns-mobile: 1;

  display: grid;
  grid-template-columns: repeat(var(--layout-columns-desktop), minmax(0, 1fr));
  gap: 20px;
}

.s-layout-columns__group {
  min-width: 0;
}

.s-layout-columns[data-columns-desktop="1"] { --layout-columns-desktop: 1; }
.s-layout-columns[data-columns-desktop="2"] { --layout-columns-desktop: 2; }
.s-layout-columns[data-columns-desktop="4"] { --layout-columns-desktop: 4; }
.s-layout-columns[data-columns-desktop="5"] { --layout-columns-desktop: 5; }
.s-layout-columns[data-columns-desktop="6"] { --layout-columns-desktop: 6; }

@media (max-width: 639px) {
  .s-layout-columns {
    grid-template-columns: repeat(var(--layout-columns-mobile), minmax(0, 1fr));
    gap: 1rem;
  }

  .s-layout-columns[data-columns-mobile="2"] { --layout-columns-mobile: 2; }
  .s-layout-columns[data-columns-mobile="3"] { --layout-columns-mobile: 3; }
}