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

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

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

/* H1 страницы — название бренда (раньше без стилей: браузерные 2em и bold) */
.brands__title {
    margin: 0;
    font-size: var(--fs-h1);
    line-height: var(--lh-h1);
    font-weight: 600;
    color: var(--color-text);
}

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

/* SIDEBAR */

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

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

.brands__filter-toggle {
    display: none;
}

.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 0.2s, color 0.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 */

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

.brand-detail__header {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	/* на телефоне заголовок секции (32/40) переносится под логотип, а не раздвигает страницу */
	flex-wrap: wrap;
	margin-bottom: 1.5rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid var(--color-border);
}

.brand-detail__logo {
	flex: 0 0 7.5rem;
	width: 7.5rem;
	height: 5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--color-border);
	padding: 0.75rem;
	background: var(--color-white);
}

.brand-detail__logo img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

/* «Оборудование <бренд>» — заголовок внутри текста (H2 36/44), как остальные заголовки в тексте */
.brand-detail__title {
    min-width: 0;
    overflow-wrap: anywhere;
    font-size: var(--fs-h2-content);
    line-height: var(--lh-h2-content);
    font-weight: 600;
	color: var(--color-text);
}

.brand-detail__description {
    font-size: var(--fs-body);
    line-height: var(--lh-body);
	color: var(--color-text);
	margin-bottom: var(--content-gap);
}

.brand-detail__section-title {
    font-size: var(--fs-h2-content);
    line-height: var(--lh-h2-content);
    font-weight: 600;
	color: var(--color-text);
	margin-bottom: 1.5rem;
}

.brand-detail__categories {
	margin: 0 0 var(--content-gap);
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.brand-detail__category-item {
    font-size: var(--fs-body);
    line-height: var(--lh-body);
}

.brand-detail__category-link {
	color: var(--color-text);
	transition: color 0.2s;
}

.brand-detail__category-link:hover {
	color: #FF7F1F;
}

/* BACK */

.brand-detail__products-actions {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    margin-top: 2rem;
}

/* кнопка M (styles.css, --btn-m-*), вторичная на светлом фоне — светло-оранжевая, как .header__cta */
.brand-detail__back-btn {
    justify-self: start;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--btn-icon-gap);
    box-sizing: border-box;
    min-height: var(--btn-m-h);
    padding: 0 var(--btn-m-px);
    border: 0;
    background: var(--color-secondary);
    font-family: inherit;
    font-size: var(--fs-button);
    line-height: var(--lh-button);
    font-weight: 600;
    white-space: nowrap;
    color: var(--color-secondary-text);
    cursor: pointer;
    transition: .2s;
}

.brand-detail__back-btn:hover {
    background: var(--color-secondary-hover);
    color: var(--color-secondary-text-hover);
}

.brand-detail__back-btn:active {
    background: var(--color-secondary-active);
}

.brand-detail__back-btn svg {
    transition: .2s;
}

.brand-detail__more-btn {
    justify-self: center;
    min-width: 15rem;
    height: 3rem;
    padding: 0 2rem;
    border: none;

    background: var(--color-primary);
    color: var(--color-white);

    font-size: var(--fs-button);
    line-height: var(--lh-button);
    font-weight: 600;

    cursor: pointer;
    transition: .2s;
}

@media (max-width: 480px) {
    .brand-detail__products-actions {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }

    .brand-detail__back-btn {
        width: 100%;
        justify-content: center;
    }
}
/* End */


/* Start:/local/templates/telsis/styles/components/catalog/product-catalog.css?17930909493996*/
/*
 * Каталог /product/: дополнения к стилям вёрстки (catalog.html / product.html), которых в ней нет,
 * потому что вёрстка статичная. Подключается только на страницах каталога.
 */

/* форма умного фильтра не меняет раскладку колонки фильтров */
.filters-sidebar__form { display: contents; }

/* в разделе нечего фильтровать — колонки фильтров нет, товары на всю ширину */
.catalog-layout--no-filters .catalog-content { flex: 1 1 auto; width: 100%; min-width: 0; }

/* число товаров у значения фильтра; значения, дающие 0 при текущем выборе, неактивны */
.filter-checkbox__count { margin-left: .5rem; flex-shrink: 0; color: var(--color-grey-400); }
.filter-checkbox--disabled { cursor: default; color: var(--color-grey-400); }
.filter-checkbox--disabled:hover { color: var(--color-grey-400); }
.filter-checkbox--disabled .ui-checkbox__box { background-color: var(--color-grey-100); border-color: var(--color-grey-200); }
.filter-checkbox--disabled:hover .ui-checkbox__box { border-color: var(--color-grey-200); }

/* название в карточке — ссылка на товар */
.product-card__title a { color: inherit; }
.product-card__title a:hover { color: var(--color-primary); }

/* блок выбранных фильтров скрыт, пока ничего не выбрано */
.catalog-tags[hidden] { display: none; }

/* «Показать ещё» и «Очистить» — ссылки с видом кнопок из вёрстки */
a.catalog-pagination__more-btn,
a.filter-btn { text-decoration: none; text-align: center; }
.catalog-pagination:empty { display: none; }
.catalog-grid.is-loading { opacity: .6; pointer-events: none; transition: opacity var(--transition-time); }

/* фото в листинге и «Похожих товарах» целиком, без обрезки */
.product-card__img { object-fit: contain; }

/* режим «список»: колонка фото фиксированной ширины, как у квадратных фото в вёрстке.
   Фото товаров бывают широкими (1000×300) и без этого растягивают колонку, сдвигая название */
.catalog-grid.catalog-grid--list .product-card { grid-template-columns: 7.5rem minmax(0, 1fr) auto; }
.catalog-grid.catalog-grid--list .product-card__image-box { width: 7.5rem; }
.catalog-grid.catalog-grid--list .product-card__img { width: 100%; height: 100%; }
@media (max-width: 480px) {
    .catalog-grid.catalog-grid--list .product-card { grid-template-columns: 5rem minmax(0, 1fr) auto; }
    .catalog-grid.catalog-grid--list .product-card__image-box { width: 5rem; }
}

/* раздел без товаров (catalog/product/section.php): вместо пустой сетки — заявка на подбор */
.catalog-empty {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
    margin-top: var(--h1-gap);
    padding: var(--panel-pad);
    background-color: var(--color-white);
}

.catalog-empty__text {
    max-width: 45rem;
    font-size: var(--fs-lead);
    line-height: var(--lh-lead);
    color: var(--color-text);
}

.catalog-empty__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: var(--btn-l-h);
    padding: 0 var(--btn-l-px);
    background-color: var(--color-primary);
    color: var(--color-white);
    font-size: var(--fs-button);
    line-height: var(--lh-button);
    font-weight: 600;
    transition: background-color var(--transition-time);
}

.catalog-empty__btn:hover {
    background-color: var(--color-primary-hover);
}

@media (max-width: 480px) {
    .catalog-empty__btn { width: 100%; }
}

/* 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.detail/.default/style.css?17930909494870 */
/* /local/templates/telsis/styles/components/catalog/product-catalog.css?17930909493996 */
/* /local/templates/telsis/components/bitrix/breadcrumb/breadcrumb/style.css?1793090949585 */