/* Start:/local/templates/pro100tools-clone/components/bitrix/catalog.smart.filter/pt/style.css?17938848876399*/
.filter_global
{
	font-size:0.75em;
	position:relative; 
	margin:0em 1.4em 0em 1.4em;
	color:#2E2E2E;	
}

.filter_global .textbox
{
	border-radius:21px;
	border-color:#EC2312;
}

.filter_name
{
	color:#2E2E2E;
	font-size:1.3em;
	text-align:left;
	
	width:100%;  
	padding-top:1.4em;
}

.filter_line
{
	width:100%; 
	height:2px; 
	margin-top:2em; 
	border-top:1px solid #EC2312;
}

.filter_box
{
	position:relative; 
	width:100%; 
	text-align:left;
}

.filter_blok
{
	width:100%; 
	margin-top:1em; 
	font-size:1.2em;
}

.filter_row
{
	width:100%; 
	margin-bottom:0.8em; 
	text-align:left;
}


.js_filter_ShowHide
{
	cursor: pointer;
}



.button_sort
{
	border:1px solid #EC2312;
	background: #FFFFFF; 
	/*color:#EC2312;*/
	color:#EC2312;
	
	border-radius: 40px;
	cursor: pointer;
	text-decoration: none;	
	padding: 0.3em 0.5em 0.3em 0.5em;	
}

.product_sort_box
{	
	/*float:left;*/	
	/*border:1px solid yellow;*/
	text-decoration: underline;
	/*color:#2E2E2E;*/
	cursor: pointer;
	padding:0.4em 1.4em 0.4em 0.4em;
	text-align:center;
}

.product_sort_box:hover 
{
	color:#EC2312;
}

.product_sort_box_sel
{
	padding:0.4em 1.4em 0.4em 0.4em;
	margin:0.1em;
	border-radius: 40px;	
	border:1px solid #EC2312;
	color:#EC2312;
	cursor: pointer;
}

.product_sort_box-m
{	
	/*border:1px solid #666666;*/
	padding:0.4em;
	margin:0.1em;	
	/*text-decoration: underline;*/
	color:#666666;
	cursor: pointer;
	display:none;
}
.product_sort_box-m:hover 
{
	color:#FFFFFF;
	/*border:1px solid #E12700;*/
}
.product_sort_box-m_sel
{
	padding:0.4em 1.4em 0.4em 0.4em;
	margin:0.1em;
	border-radius: 40px;	
	/*border:1px solid #666666;*/
	color:#EC2312;	
	cursor: pointer;
}


.filter_strelka
{
	position:relative;
	cursor: pointer;
	width:1.2em;
	height:1.2em;
	padding-right:0.5em;
	/*border: 1px solid #000000;*/
}
.filter_show_all
{
	width:100%; 
	text-align:left; 
	margin-top:1em; 
	margin-bottom:1em; 
	font-size:0.9em;
	cursor: pointer;
	text-decoration: underline;
	color:#666666;
	display:none;
}
.filter_show_all:hover
{
	color:#EC2312;
}


.filter_find_blok
{ 	
	margin:0px;
	background: #FFFFFF; 
	position:absolute;		
	z-index: 30;	 
	border: 1px solid #F2F2F2;
	border-radius: 21px;
	box-shadow: 0 0 7px 4px rgba(211, 211, 211, 1);
	/*display:inline-block;*/	
	display: none;
}









/* === Стили ползунков внутри filbeg_box === */
.filbeg_box .filbeg_range-values {
    text-align: left;
    margin: 0.6em 0 0.3em;
    font-size: 12px;
    color: #000000;
}

.filbeg_box .filbeg_range-slider {
    position: relative;
    width: 100%;
    height: 24px;
    margin: 0.7em 0 0.2em;
}

/* Серый фоновый трек (контур) */
.filbeg_box .filbeg_range-slider::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;
    background: #ccc;
    transform: translateY(-50%);
    z-index: 0;
    border-radius: 1px;
}

/* Зелёная активная дорожка */
.filbeg_box .filbeg_active-track {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 4px;
    background: #EC2312;
    z-index: 1;
    left: 0;
    right: 100%;   /* изначально скрыта, JS изменит left/right */
    border-radius: 2px;
}

/* Оба ползунка */
.filbeg_box .filbeg_range-input {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    pointer-events: none;
    height: 4px;
    margin: 0;
    z-index: 2;
}

/* Прозрачные треки */
.filbeg_box .filbeg_range-input::-webkit-slider-runnable-track {
    width: 100%;
    height: 4px;
    background: transparent;
    border: none;
}
.filbeg_box .filbeg_range-input::-moz-range-track {
    width: 100%;
    height: 4px;
    background: transparent;
    border: none;
}

/* Ручки ползунков */
.filbeg_box .filbeg_range-input::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    pointer-events: all;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 2px solid #EC2312;
    border-radius: 50%;
    cursor: pointer;
    margin-top: -8px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
}
.filbeg_box .filbeg_range-input::-moz-range-thumb {
    pointer-events: all;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 2px solid #EC2312;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
}

/* Фокус */
.filbeg_box .filbeg_range-input:focus {
    outline: none;
}
.filbeg_box .filbeg_range-input:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 3px rgba(0,134,1,0.3);
}
.filbeg_box .filbeg_range-input:focus::-moz-range-thumb {
    box-shadow: 0 0 0 3px rgba(0,134,1,0.3);
}
.products_blok{display:flex;gap:24px;align-items:flex-start;width:100%}
.products_left_blok{flex:0 0 300px;width:300px;background:#fff;border-radius:40px;padding:6px 0 18px;color:#666}
.products_right_blok{flex:1 1 auto;min-width:0}
.strelka_v_niz,.strelka_v_pravo{width:8px;height:8px;border-right:2px solid #2E2E2E;border-bottom:2px solid #2E2E2E;margin:4px 6px 0 auto;transform:rotate(45deg)}
.strelka_v_pravo{transform:rotate(-45deg)}
.filter_global input.filter_ok{margin-right:8px;accent-color:#EC2312;width:16px;height:16px;flex:0 0 auto}
.filter_global .filter_row label{cursor:pointer}
.filter_global .filter_row.is-disabled label{color:#bbb}
.filter_buttons{display:flex;gap:14px;align-items:center;padding-top:1.4em}
.filter_buttons .fb_ok{padding:10px 26px;border:0;border-radius:20px;background:#EC2312;color:#fff;cursor:pointer;font-size:1.2em}
.filter_buttons .fb_clear{color:#777;text-decoration:underline;cursor:pointer;font-size:1.1em}
#js_find_blok{display:none;z-index:70;width:14em;padding:.6em .8em;background:#fff;border:1px solid #F2F2F2;border-radius:21px;box-shadow:0 0 7px 4px #d3d3d3;position:absolute;font-size:.85em}
#js_find_blok a{display:inline-block;margin-top:.4em;padding:.35em 1.2em;border-radius:20px;background:#EC2312;color:#fff;text-decoration:none}
.filter_range_inputs{display:flex;gap:8px;align-items:center;margin-top:.7em}
.filter_range_inputs input{width:42%;padding:5px 8px;border:1px solid #5D5D5D;border-radius:21px;background:#F6F7FA}
@media (max-width:900px){.products_blok{flex-direction:column}.products_left_blok{flex:none;width:100%}}

/* End */
/* /local/templates/pro100tools-clone/components/bitrix/catalog.smart.filter/pt/style.css?17938848876399 */