

/* Start:/local/templates/havens-2024/components/bitrix/catalog.smart.filter/main/style.css?17834962637507*/
/* ============================================================
   Стили шаблона умного фильтра (catalog.smart.filter/main)
   Подключается из template.php: $this->addExternalCss($templateFolder.'/style.css')

   Брейкпоинты синхронизированы с сеткой шаблона havens-2024:
     950 / 768 — переключение колонок каталога (col__d-1 / col__d-3) в css/styles.css
     400       — донастройка внутренностей фильтра в css/template_styles.css
   Общий структурный костяк сайта: 1023 / 1438 / 1919 (css/template_styles.css)
   ============================================================ */

/* --- Поиск внутри блока фильтра (появляется при большом числе значений) --- */
/* Заголовок блока: убираем фикс-высоту (height:49px из темы), чтобы двустрочный
   заголовок мог вырасти и padding заработал; равные отступы сверху/снизу */
.smartfilter .bx_filter_parameters_box .accordion{
	height: auto;
	min-height: 49px;
	padding-top: 18px;
	padding-bottom: 18px;
}
/* Без рамки и без разделительной полоски — только поле + список */
.smartfilter .bx_filter_parameters_box_container.has-filter-search{
	border: none;
}
.smartfilter .has-filter-search .filter-search-wrap,
.smartfilter .has-filter-search .filter-search-list{
	border: none;
}
/* тема рисует border-top у первого .consent — в блоке с поиском он не нужен */
.smartfilter .has-filter-search .filter-search-list .consent:first-child{
	border-top: none;
	padding-top: 0;
	margin-top: 0;
}

.smartfilter .filter-search-wrap{
	margin-bottom: 16px;
}
.smartfilter .filter-search-input{
	width: 100%;
	box-sizing: border-box;
	padding: 14px 16px;
	font-size: 14px;
	color: #fff;
	background: transparent;
	border: 1px solid rgba(255,255,255,.25);
	border-radius: 6px; /* скругление поля поиска */
	outline: none;
	transition: border-color .15s;
}
/* Плейсхолдер — капсом, приглушённый, по центру */
.smartfilter .filter-search-input::placeholder{
	color: rgba(255,255,255,.4);
	text-transform: uppercase;
	text-align: center;
	letter-spacing: .04em;
	opacity: 1;
}
/* Ввод — обычным регистром, слева (по умолчанию). При фокусе — белая рамка */
.smartfilter .filter-search-input:focus{
	border-color: #fff;
}

/* Прокручиваемый список значений: ~10 пунктов, дальше скролл */
.smartfilter .filter-search-list{
	max-height: 360px; /* ~10 пунктов */
	overflow-y: auto;
	padding-right: 6px;
	scrollbar-width: thin;                 /* Firefox */
	scrollbar-color: #F5BE0B transparent;  /* бегунок / дорожка, Firefox */
}
/* Жёлтый тонкий скролл со скруглёнными краями (WebKit/Chrome) */
.smartfilter .filter-search-list::-webkit-scrollbar{
	width: 6px;
}
/* убираем микро-стрелки сверху/снизу полосы прокрутки */
.smartfilter .filter-search-list::-webkit-scrollbar-button,
.smartfilter .filter-search-list::-webkit-scrollbar-button:single-button,
.smartfilter .filter-search-list::-webkit-scrollbar-button:start:decrement,
.smartfilter .filter-search-list::-webkit-scrollbar-button:end:increment,
.smartfilter .filter-search-list::-webkit-scrollbar-button:vertical:start,
.smartfilter .filter-search-list::-webkit-scrollbar-button:vertical:end{
	display: none;
	width: 0;
	height: 0;
	background: transparent;
}
.smartfilter .filter-search-list::-webkit-scrollbar-track{
	background: transparent;
	margin: 2px 0;
}
.smartfilter .filter-search-list::-webkit-scrollbar-thumb{
	background: #F5BE0B;
	border-radius: 999px;
}

/* --- Недоступные значения (фасет: нет товаров под текущим выбором) --- */
.smartfilter .bx_filter_param_label.disabled{
	opacity: .35;
	pointer-events: none;
	cursor: default;
}
.smartfilter .bx_filter_param_label.disabled .option-input{
	pointer-events: none;
}


/* ============================================================
   Адаптив. Точки совпадают с сеткой сайта — заполняй под себя.
   ============================================================ */

/* Промежуточная ширина: колонки каталога ужимаются (как col__d-1/col__d-3) */
@media (max-width: 950px){
	.smartfilter .catalog__filter-el,
	.smartfilter .catalog__filter-el .accordion{
		border-radius: 6px;
	}
	.smartfilter .filter-search-input{
		border-radius: 6px;
	}
}

/* Колонки встают друг под друга — фильтр над товарами */
@media (max-width: 768px){
	.smartfilter .catalog__filter-el,
	.smartfilter .catalog__filter-el .accordion{
		border-radius: 6px;
	}
	.smartfilter .filter-search-input{
		border-radius: 6px;
	}
}

/* Узкие мобильные: внутренности фильтра */
@media (max-width: 400px){
	.smartfilter .catalog__filter-el,
	.smartfilter .catalog__filter-el .accordion{
		border-radius: 6px;
	}
	.smartfilter .filter-search-input{
		border-radius: 6px;
	}
}


/* --- Висячий отступ: перенос длинных значений выравнивается под началом текста, а не под чекбоксом --- */
.smartfilter .bx_filter_param_label .bx_filter_input_checkbox{
	display: flex;
	align-items: flex-start; /* чекбокс к верхней строке текста */
}
.smartfilter .bx_filter_param_label .option-input{
	flex: 0 0 auto;          /* чекбокс не сжимается и не растягивается */
}
.smartfilter .bx_filter_param_label .bx_filter_param_text{
	flex: 1 1 auto;          /* текст занимает остаток, перенос идёт под собой */
}


/* --- Скругление рамок блоков фильтра --- */
.smartfilter .catalog__filter-el{
	border-radius: 6px;
}


/* --- Скругление внешней рамки раскрытого фильтра на планшете/телефоне --- */
@media (max-width: 1023px){
	.catalog__filter-con-open{
		border-radius: 6px;
	}
}


/* --- Вес шрифта: заголовки блоков жирные, значения обычные --- */
.smartfilter .bx_filter_parameters_box_title,
.smartfilter .title-filter{
	font-weight: 700;
}
.smartfilter .bx_filter_param_label,
.smartfilter .bx_filter_param_text{
	font-weight: 400;
}


/* --- Заголовок "ФИЛЬТР": на десктопе не нужен (статичный), на планшете/телефоне это кнопка раскрытия --- */
@media (min-width: 1024px){
	.catalog__filter .accordion-name{
		display: none;
	}
}


/* --- Кнопки "ФИЛЬТР" и "РАЗДЕЛЫ" на планшете/телефоне: рамка со скруглением --- */
@media (max-width: 1023px){
	.catalog__filter .accordion-name,
	.catalog__category .accordion-catalog,
	.download-pdf-con .accordion-catalog{
		border: 1px solid #a0a0a0;
		border-radius: 6px;
		padding-left: 18px;
	}
}

/* End */


/* Start:/local/templates/havens-2024/components/bitrix/catalog.smart.filter/main/themes/blue/colors.css?1690364647459*/
.bx_filter_vertical.bx_blue .bx_filter_section{
	background: #c3e9f4;
	border: 7px solid #e1f5fb;
}
.bx_filter_vertical.bx_blue .bx_ui_slider_range{
	background: url(/local/templates/havens-2024/components/bitrix/catalog.smart.filter/main/themes/blue/images/range_bg.png);
}
.bx_filter_vertical.bx_blue .bx_filter_control_section{text-align: center}
.bx_filter_vertical.bx_blue .bx_filter_search_button{
	height: 33px;
	line-height:33px;
}
.bx_filter_vertical.bx_blue span.icon_lupe{
	background: url(/local/templates/havens-2024/components/bitrix/catalog.smart.filter/main/themes/blue/images/searchicon.png) no-repeat center;
}

/* End */


/* Start:/local/templates/havens-2024/components/bitrix/catalog.section/.default/themes/blue/style.min.css?1690364647706*/
.bx-blue .product-item-image-slider-progress-bar{background-color:#0083d1}.bx-blue .product-item-image-slider-control:hover{background-color:rgba(0,131,209,.8)}.bx-blue .product-item-image-slider-control.active,.bx-blue .product-item-image-slider-control:hover{background-color:#0083d1}.bx-blue .product-item-scu-item-text-block:hover,.bx-blue .product-item-scu-item-color-block:hover,.bx-blue .product-item-scu-item-text-container.selected .product-item-scu-item-text-block,.bx-blue .product-item-scu-item-color-container.selected .product-item-scu-item-color-block{outline-color:#006cc0}.bx-blue .product-item-amount-field:focus{border-color:#006cc0}.bx-blue .catalog-section-header{border-color:#006cc0}
/* End */
/* /local/templates/havens-2024/components/bitrix/catalog.smart.filter/main/style.css?17834962637507 */
/* /local/templates/havens-2024/components/bitrix/catalog.smart.filter/main/themes/blue/colors.css?1690364647459 */
/* /local/templates/havens-2024/components/bitrix/catalog.section/.default/themes/blue/style.min.css?1690364647706 */
