.brands.front .items {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	/* gap вместо margin — обходим .bx-mac/.bx-ios .flexbox>div { margin: -1px !important } */
	column-gap: 60px;
	row-gap: 12px;
}

.brands.front .items .title-block {
	width: 100%;
}

.brands.front .items .item-brand {
	font-size: 2em;
	margin: 0;
	padding: 0;
	font-weight: 500;
	line-height: 1.2em;
	text-overflow: ellipsis;
	letter-spacing: normal;
}

/* Safari / iOS fallback, если gap не сработает */
@supports not (column-gap: 60px) {
	.bx-mac .brands.front .items.flexbox > .item-brand,
	.bx-ios .brands.front .items.flexbox > .item-brand,
	.brands.front .items .item-brand {
		margin-right: 60px !important;
		margin-left: 0 !important;
	}
}