/* Start:/local/templates/telsis/components/bitrix/news/brands/bitrix/news.list/.default/style.css?17930909492167*/
/* MAIN */

/* H1 — на 24 под хлебными крошками (верх на 280, как на остальных страницах), до первого блока --h1-gap */
.brands {
    margin-top: var(--crumbs-gap);
}

.brands__header {
    margin-bottom: var(--h1-gap);
}

.brands__layout {
    display: flex;
    gap: 1.5rem;
}

/* SIDEBAR */

.brands__sidebar {
    flex: 0 0 17.5rem;
    min-width: 0;
}

.brands__filter-toggle {
    display: none;
}

.brands__filter-group {
    display: flex;
    flex-direction: column;
}

.brands__filter-link {
    display: flex;
    align-items: center;
    padding: 0.625rem 1rem;
    font-size: var(--font-size-text-base);
    line-height: var(--line-height-text-base);
    color: var(--color-text);
    text-decoration: none;
    transition: background-color .2s, color .2s;
}

.brands__filter-link:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
}

.brands__filter-link--active {
    background-color: var(--color-primary);
    color: var(--color-white);
    font-weight: 600;
}

/* CONTENT */

.brands__content {
    flex: 1;
    min-width: 0;
}

.brands__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--grid-gap);
}

.brands__grid-item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 7.5rem;
    border: 1px solid var(--color-border);
    background: #fff;
    padding: var(--card-pad-s);
    transition: border-color 0.2s, box-shadow 0.2s;
    text-decoration: none;
}

.brands__grid-item:hover {
    border-color: var(--color-primary);
}

.brands__grid-item img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* текст под логотипами: размер и цвет — global/seo-text.css (16/24, как SEO-тексты), отступ — как от заголовка секции до контента */
.brands__text {
    margin-top: var(--title-gap);
}

@media(max-width: 1024px) {
    .brands__grid {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media(max-width: 480px) {
    .brands__grid {
        grid-template-columns: 1fr;
    }
}
/* End */


/* Start:/local/templates/telsis/components/bitrix/breadcrumb/breadcrumb/style.css?1793090949585*/
.bx-breadcrumb {
	margin: 10px 0;
}
.bx-breadcrumb i {
	color: #b5bdc2;
	line-height: 13px;
	font-size: 12px;
	vertical-align: middle;
	margin-right: 5px;
}
.bx-breadcrumb .bx-breadcrumb-item {
	float: left;
	margin-bottom: 10px;
	white-space: nowrap;
	line-height: 13px;
	vertical-align: middle;
	margin-right: 10px;
}
.bx-breadcrumb .bx-breadcrumb-item span {
	font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 13px;
	white-space: normal;
}
.bx-breadcrumb .bx-breadcrumb-item a {border-bottom: none;}
.bx-breadcrumb .bx-breadcrumb-item a:hover {}

/* End */
/* /local/templates/telsis/components/bitrix/news/brands/bitrix/news.list/.default/style.css?17930909492167 */
/* /local/templates/telsis/components/bitrix/breadcrumb/breadcrumb/style.css?1793090949585 */