/* Start:/local/templates/aspro_max/components/bitrix/catalog.smart.filter/main_compact_ajax/style.css?17470479264755*/
/*BIZ*/
.bx_filter .bx_filter_parameter_biz{
	font-size:15px;
	display:inline-block;
	margin-right:10px;
	text-decoration:none;
	color:#215968;
	border-bottom:1px dashed;
}
.bx_filter .bx_filter_parameter_biz:hover{
	text-decoration:none;
	border-bottom:1px solid;
}
.bx_filter .bx_filter_parameter_biz.active{
	position:relative;
	padding-left:20px;
	color:#d54a4a;
	border-bottom:1px solid;
}
.bx_filter .bx_filter_parameter_biz.active:hover{
	border-bottom:1px dashed;
}
.bx_filter .bx_filter_parameter_biz.active:before{
	position:absolute;
	top:4px;
	left:1px;
	display:block;
	width:13px;
	height:13px;
	content:' ';
	background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAABFElEQVQoz2NgIBJcl+Qzui7J33Vdgo+RWA38NxQknwDp/zekhRoIarghyc94Q15iC5D+f1NJ5v/n7dumE7ZFWqgYbANQ08c1a37+///fAL8GCT7L6zLCf0CaXjbUAdX/j0aWdAJKTACaxookJnJTUeoFyIaHIYH////8ORHZzdw35MTegyRvSAkeAdISYH8oSu4Fid0x0f//5/nzo0BbWOCagBzur0ePvrujp/kf5Aygc54DbZkDYt9UkPj/7czpl0A1ohhuBwra/Lp//809Zwewh8GagfSHpUt+A+VMcXoaKKn45+PHK0/iY8EaX1SUgzyeRDB4gYp4//3+veX9/Hn//379OpPY1ALSyAzEOUDMhksNAKf2po+AEPuKAAAAAElFTkSuQmCC') no-repeat center left;
}

/* Липкий фильтр: держится вверху экрана, когда дойдёт до него */
#sticky-filter {
  position: -webkit-sticky; /* для Safari */
  position: sticky;
  top: 20px;      /* отступ сверху — под шапкой сайта */
  z-index: 100;   /* чтобы фильтр был поверх других блоков */
}
/* Ограничьте ширину, если нужно сохранить сетку */
@media (min-width: 992px) {
  #sticky-filter {
    /* Можно задать фиксированную ширину колонки */
    width: 100%;
	background-color: white;
  }
}

.sticky-table-header {
  position: -webkit-sticky; /* Поддержка Safari */
  position: sticky;
  top: 0; /* Расстояние от верхнего края экрана, где шапка остановится. Возможно, потребуется настроить, если у вас есть фиксированная шапка сайта. */
  z-index: 50; /* Убедитесь, что шапка поверх содержимого таблицы при прокрутке. Значение может потребовать корректировки в зависимости от других z-index на странице. */
  background-color: #fff; /* Добавьте фон, чтобы содержимое под шапкой не просвечивало при прокрутке. Цвет #fff (белый) или цвет фона вашей таблицы. */
  /* Возможно, потребуется настроить ширину, чтобы шапка соответствовала ширине таблицы при прокрутке */
  /* width: 100%; */
  /* box-sizing: border-box; */ /* Полезно, если используется width: 100% и padding/border */
}

/* Если у вас есть фиксированная шапка сайта (хедер), которая занимает место сверху,
   установите значение 'top' равным высоте вашей фиксированной шапки.
   Например, если высота шапки 80px: */
/*
.sticky-table-header {
  position: sticky;
  top: 80px;
  z-index: 50;
  background-color: #fff;
}
*/

/* Если у вас есть горизонтальная прокрутка в div#table-scroller-wrapper,
   может потребоваться дополнительная настройка или JavaScript для синхронизации
   горизонтальной прокрутки шапки и тела таблицы.
   В простейшем случае, sticky может работать в рамках горизонтально прокручиваемого контейнера,
   но прилипать будет к верхней границе этого контейнера, а не окна браузера.
   Если вам нужно, чтобы шапка прилипала к окну браузера при наличии горизонтальной прокрутки
   основной части таблицы, возможно, потребуется более сложное решение с разделением шапки
   и тела таблицы в HTML и синхронизацией их прокрутки через JavaScript.
   Однако, для стандартного вертикального скролла страницы предложенное решение должно подойти.
*/


/* End */
/* /local/templates/aspro_max/components/bitrix/catalog.smart.filter/main_compact_ajax/style.css?17470479264755 */