<turbo-stream action="update" targets=".filters-section"><template><div class="filters">
  <div class="filters-header">
    <strong class="filters-title" role="heading">Филтри</strong>
      <a class="cancel-all-filters" data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/visyashti">Изчисти</a>

    <button type="button" class="btn-close float-end d-xxl-none" data-bs-dismiss="modal" aria-label="Close"></button>
  </div>

  <form class="filter-form" data-turbo-stream="true" data-action="submit-&gt;terra--results#handleFormSubmition" action="/bg/categories/332/kremasta" accept-charset="UTF-8" method="get">

      <input type="hidden" name="is_available" id="is_available" value="true" />


        <div class="filter-group">
  <label class="filter-label">Категория</label>


    <div class="category-link pt-2">
      <a class="primary-color" href="/bg/categories/332/kremasta">
        Висящи
        <span class="number-of-results primary-color">(95)</span>
</a>    </div>
    <div class="category-link pt-2">
      <a class="" href="/bg/categories/333/plafonieres">
        Плафониери
        <span class="number-of-results ">(35)</span>
</a>    </div>
    <div class="category-link pt-2">
      <a class="" href="/bg/categories/334/rages">
        Релси
        <span class="number-of-results ">(9)</span>
</a>    </div>
    <div class="category-link pt-2">
      <a class="" href="/bg/categories/1559/grammika">
        Релсово осветление
        <span class="number-of-results ">(1)</span>
</a>    </div>
</div>
        <div class="filter-group">
  <label class="filter-label">Опции за покупка</label>

    <a class="cancel-selected-options-for-filter" data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/kremasta">Изчисти</a>

    <div class="filter-option-group">
      <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/kremasta">
        <input type="checkbox" name="purchase-option-is_available" id="purchase-option-is_available" value="true" class="form-check-input" checked="checked" />

        <label for="purchase-option-is_available">&nbsp;&nbsp;бърза доставка</label>&nbsp;&nbsp;
        <span class="number-of-results">(95)</span>
</a>    </div>
    <div class="filter-option-group">
      <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/kremasta?free_shipping=true&amp;is_available=true">
        <input type="checkbox" name="purchase-option-free_shipping" id="purchase-option-free_shipping" value="true" class="form-check-input" />

        <label for="purchase-option-free_shipping">&nbsp;&nbsp;Безплатна Доставка</label>&nbsp;&nbsp;
        <span class="number-of-results">(1)</span>
</a>    </div>
</div>
        <div class="filter-group">
  <label class="filter-label">цвят</label>


    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/kremasta/f/1554/natural?is_available=true">
    <input type="checkbox" name="filter-1554" id="filter-1554" value="1" class="form-check-input checked-ffffff" style="background-color: #ddb989; border-color: #ddb989" />

    <label for="filter-1554">&nbsp;&nbsp;естествен</label>&nbsp;&nbsp;<span class="number-of-results">(23)</span>
</a></div>

    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/kremasta/f/1555/black?is_available=true">
    <input type="checkbox" name="filter-1555" id="filter-1555" value="1" class="form-check-input checked-ffffff" style="background-color: #000000; border-color: #000000" />

    <label for="filter-1555">&nbsp;&nbsp;черно</label>&nbsp;&nbsp;<span class="number-of-results">(13)</span>
</a></div>

    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/kremasta/f/1549/white?is_available=true">
    <input type="checkbox" name="filter-1549" id="filter-1549" value="1" class="form-check-input checked-000000" style="background-color: #ffffff; border-color: #ffffff" />

    <label for="filter-1549">&nbsp;&nbsp;бял</label>&nbsp;&nbsp;<span class="number-of-results">(8)</span>
</a></div>

    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/kremasta/f/1546/silver?is_available=true">
    <input type="checkbox" name="filter-1546" id="filter-1546" value="1" class="form-check-input checked-000000" style="background-color: #dcdcde; border-color: #dcdcde" />

    <label for="filter-1546">&nbsp;&nbsp;сребърен</label>&nbsp;&nbsp;<span class="number-of-results">(5)</span>
</a></div>

    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/kremasta/f/1540/gold?is_available=true">
    <input type="checkbox" name="filter-1540" id="filter-1540" value="1" class="form-check-input checked-ffffff" style="background-color: #ddb95b; border-color: #ddb95b" />

    <label for="filter-1540">&nbsp;&nbsp;злато</label>&nbsp;&nbsp;<span class="number-of-results">(3)</span>
</a></div>

    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/kremasta/f/1539/transparent?is_available=true">
    <input type="checkbox" name="filter-1539" id="filter-1539" value="1" class="form-check-input checked-000000" style="background-color: #efefef; border-color: #efefef" />

    <label for="filter-1539">&nbsp;&nbsp;прозрачен</label>&nbsp;&nbsp;<span class="number-of-results">(1)</span>
</a></div>

    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/kremasta/f/1541/multicolor?is_available=true">
    <input type="checkbox" name="filter-1541" id="filter-1541" value="1" class="form-check-input checked-ffffff" style="background-color: #; border-color: #" />

    <label for="filter-1541">&nbsp;&nbsp;многоцветен</label>&nbsp;&nbsp;<span class="number-of-results">(1)</span>
</a></div>


    <div class="collapse " id="more-colors">
        
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/kremasta/f/1547/gray?is_available=true">
    <input type="checkbox" name="filter-1547" id="filter-1547" value="1" class="form-check-input checked-ffffff" style="background-color: #918d8c; border-color: #918d8c" />

    <label for="filter-1547">&nbsp;&nbsp;сив</label>&nbsp;&nbsp;<span class="number-of-results">(1)</span>
</a></div>

        
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/kremasta/f/1548/brown?is_available=true">
    <input type="checkbox" name="filter-1548" id="filter-1548" value="1" class="form-check-input checked-ffffff" style="background-color: #61352c; border-color: #61352c" />

    <label for="filter-1548">&nbsp;&nbsp;кафяв</label>&nbsp;&nbsp;<span class="number-of-results">(1)</span>
</a></div>

    </div>

    <div class="show-more-options-link" data-controller="terra--toggle-filters" data-terra--toggle-filters-collapsed-value="Покажи повече" data-terra--toggle-filters-expanded-value="Покажи по-малко">
      <a class="toggle-filter-options" data-bs-toggle="collapse" aria-expanded="false" aria-controls="more-colors" data-action="click-&gt;terra--toggle-filters#toggleText" href="#more-colors">Покажи повече</a>
    </div>
</div>
        <div class="filter-group">
  <label class="filter-label">
    в допълнение
  </label>


    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/kremasta/f/8405/one-light?is_available=true">
    <input type="checkbox" name="filter-8405" id="filter-8405" value="1" class="form-check-input" />

    <label for="filter-8405">&nbsp;&nbsp;Една светлина</label>&nbsp;&nbsp;<span class="number-of-results">(67)</span>
</a></div>

    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/kremasta/f/8408/more-than-3-lights?is_available=true">
    <input type="checkbox" name="filter-8408" id="filter-8408" value="1" class="form-check-input" />

    <label for="filter-8408">&nbsp;&nbsp;Повече от 3 светлини</label>&nbsp;&nbsp;<span class="number-of-results">(14)</span>
</a></div>

    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/kremasta/f/8407/three-lights?is_available=true">
    <input type="checkbox" name="filter-8407" id="filter-8407" value="1" class="form-check-input" />

    <label for="filter-8407">&nbsp;&nbsp;Три светлини</label>&nbsp;&nbsp;<span class="number-of-results">(7)</span>
</a></div>

    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/kremasta/f/8409/led?is_available=true">
    <input type="checkbox" name="filter-8409" id="filter-8409" value="1" class="form-check-input" />

    <label for="filter-8409">&nbsp;&nbsp;Led</label>&nbsp;&nbsp;<span class="number-of-results">(3)</span>
</a></div>

    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/kremasta/f/8406/two-lights?is_available=true">
    <input type="checkbox" name="filter-8406" id="filter-8406" value="1" class="form-check-input" />

    <label for="filter-8406">&nbsp;&nbsp;Две светлини</label>&nbsp;&nbsp;<span class="number-of-results">(1)</span>
</a></div>


</div>
        <div class="filter-group">
  <label class="filter-label">
    Материал
  </label>


    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/kremasta/f/8439/other?is_available=true">
    <input type="checkbox" name="filter-8439" id="filter-8439" value="1" class="form-check-input" />

    <label for="filter-8439">&nbsp;&nbsp;Други</label>&nbsp;&nbsp;<span class="number-of-results">(30)</span>
</a></div>

    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/kremasta/f/8435/metallic?is_available=true">
    <input type="checkbox" name="filter-8435" id="filter-8435" value="1" class="form-check-input" />

    <label for="filter-8435">&nbsp;&nbsp;Метален</label>&nbsp;&nbsp;<span class="number-of-results">(24)</span>
</a></div>

    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/kremasta/f/8437/glass?is_available=true">
    <input type="checkbox" name="filter-8437" id="filter-8437" value="1" class="form-check-input" />

    <label for="filter-8437">&nbsp;&nbsp;от Стъкло</label>&nbsp;&nbsp;<span class="number-of-results">(6)</span>
</a></div>

    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/kremasta/f/8440/aluminium?is_available=true">
    <input type="checkbox" name="filter-8440" id="filter-8440" value="1" class="form-check-input" />

    <label for="filter-8440">&nbsp;&nbsp;Алуминий</label>&nbsp;&nbsp;<span class="number-of-results">(3)</span>
</a></div>

    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/kremasta/f/8436/plastic?is_available=true">
    <input type="checkbox" name="filter-8436" id="filter-8436" value="1" class="form-check-input" />

    <label for="filter-8436">&nbsp;&nbsp;Пластмасов</label>&nbsp;&nbsp;<span class="number-of-results">(1)</span>
</a></div>


    <div class="collapse show" id="more-options-146">
        
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/kremasta/f/8438/fabric?is_available=true">
    <input type="checkbox" name="filter-8438" id="filter-8438" value="1" class="form-check-input" />

    <label for="filter-8438">&nbsp;&nbsp;Плат</label>&nbsp;&nbsp;<span class="number-of-results">(1)</span>
</a></div>

    </div>

    <div class="show-more-options-link" data-controller="terra--toggle-filters" data-terra--toggle-filters-collapsed-value="Покажи повече" data-terra--toggle-filters-expanded-value="Покажи по-малко">
      <a class="toggle-filter-options" data-bs-toggle="collapse" aria-expanded="true" aria-controls="#more-options-146" data-action="click-&gt;terra--toggle-filters#toggleText" href="#more-options-146">Покажи по-малко</a>
    </div>
</div>
        <div class="filter-group">
  <label class="filter-label">
    Стил
  </label>


    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/kremasta/f/8314/modern?is_available=true">
    <input type="checkbox" name="filter-8314" id="filter-8314" value="1" class="form-check-input" />

    <label for="filter-8314">&nbsp;&nbsp;Модерни</label>&nbsp;&nbsp;<span class="number-of-results">(4)</span>
</a></div>


</div>
        <div class="filter-group">
  <label class="filter-label">
    Стил
  </label>


    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/kremasta/f/8429/wooden?is_available=true">
    <input type="checkbox" name="filter-8429" id="filter-8429" value="1" class="form-check-input" />

    <label for="filter-8429">&nbsp;&nbsp;Дървени</label>&nbsp;&nbsp;<span class="number-of-results">(3)</span>
</a></div>

    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/kremasta/f/8430/with-rope?is_available=true">
    <input type="checkbox" name="filter-8430" id="filter-8430" value="1" class="form-check-input" />

    <label for="filter-8430">&nbsp;&nbsp;С въже</label>&nbsp;&nbsp;<span class="number-of-results">(3)</span>
</a></div>

    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/kremasta/f/8432/bell?is_available=true">
    <input type="checkbox" name="filter-8432" id="filter-8432" value="1" class="form-check-input" />

    <label for="filter-8432">&nbsp;&nbsp;камбана</label>&nbsp;&nbsp;<span class="number-of-results">(2)</span>
</a></div>

    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/kremasta/f/8433/with-crystals?is_available=true">
    <input type="checkbox" name="filter-8433" id="filter-8433" value="1" class="form-check-input" />

    <label for="filter-8433">&nbsp;&nbsp;С кристали</label>&nbsp;&nbsp;<span class="number-of-results">(2)</span>
</a></div>

    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/kremasta/f/8431/rail?is_available=true">
    <input type="checkbox" name="filter-8431" id="filter-8431" value="1" class="form-check-input" />

    <label for="filter-8431">&nbsp;&nbsp;Железопътна</label>&nbsp;&nbsp;<span class="number-of-results">(1)</span>
</a></div>


    <div class="collapse show" id="more-options-145">
        
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/kremasta/f/8434/grid?is_available=true">
    <input type="checkbox" name="filter-8434" id="filter-8434" value="1" class="form-check-input" />

    <label for="filter-8434">&nbsp;&nbsp;Решетка</label>&nbsp;&nbsp;<span class="number-of-results">(1)</span>
</a></div>

    </div>

    <div class="show-more-options-link" data-controller="terra--toggle-filters" data-terra--toggle-filters-collapsed-value="Покажи повече" data-terra--toggle-filters-expanded-value="Покажи по-малко">
      <a class="toggle-filter-options" data-bs-toggle="collapse" aria-expanded="true" aria-controls="#more-options-145" data-action="click-&gt;terra--toggle-filters#toggleText" href="#more-options-145">Покажи по-малко</a>
    </div>
</div>
        <div class="filter-group">
  <label class="filter-label">
    Тип лампа
  </label>


    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/kremasta/f/8304/e27?is_available=true">
    <input type="checkbox" name="filter-8304" id="filter-8304" value="1" class="form-check-input" />

    <label for="filter-8304">&nbsp;&nbsp;E27</label>&nbsp;&nbsp;<span class="number-of-results">(3)</span>
</a></div>

    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/kremasta/f/8306/e14?is_available=true">
    <input type="checkbox" name="filter-8306" id="filter-8306" value="1" class="form-check-input" />

    <label for="filter-8306">&nbsp;&nbsp;E14</label>&nbsp;&nbsp;<span class="number-of-results">(1)</span>
</a></div>


</div>
        <div class="filter-group">
  <label class="filter-label">
    Тип лампа
  </label>


    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/kremasta/f/8368/built-in-led?is_available=true">
    <input type="checkbox" name="filter-8368" id="filter-8368" value="1" class="form-check-input" />

    <label for="filter-8368">&nbsp;&nbsp;Вграден светодиод</label>&nbsp;&nbsp;<span class="number-of-results">(2)</span>
</a></div>


</div>
        <div class="filter-group">
  <label class="filter-label">Производител</label>


    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/kremasta/f/b88/aca-decor?is_available=true">
    <input type="checkbox" name="brand-filter-88" id="brand-filter-88" value="1" class="form-check-input" />

    <label for="brand-filter-88">&nbsp;&nbsp;Aca Decor</label>&nbsp;&nbsp;<span class="number-of-results">(15)</span>
</a></div>

    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/kremasta/f/b239/inlight?is_available=true">
    <input type="checkbox" name="brand-filter-239" id="brand-filter-239" value="1" class="form-check-input" />

    <label for="brand-filter-239">&nbsp;&nbsp;InLight</label>&nbsp;&nbsp;<span class="number-of-results">(15)</span>
</a></div>

    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/kremasta/f/b64/elmark?is_available=true">
    <input type="checkbox" name="brand-filter-64" id="brand-filter-64" value="1" class="form-check-input" />

    <label for="brand-filter-64">&nbsp;&nbsp;Elmark</label>&nbsp;&nbsp;<span class="number-of-results">(14)</span>
</a></div>

    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/kremasta/f/b71/fischer-&amp;-honsel?is_available=true">
    <input type="checkbox" name="brand-filter-71" id="brand-filter-71" value="1" class="form-check-input" />

    <label for="brand-filter-71">&nbsp;&nbsp;Fischer &amp; Honsel</label>&nbsp;&nbsp;<span class="number-of-results">(6)</span>
</a></div>

    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/kremasta/f/b11/viokef?is_available=true">
    <input type="checkbox" name="brand-filter-11" id="brand-filter-11" value="1" class="form-check-input" />

    <label for="brand-filter-11">&nbsp;&nbsp;Viokef</label>&nbsp;&nbsp;<span class="number-of-results">(5)</span>
</a></div>

    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/kremasta/f/b108/maytoni?is_available=true">
    <input type="checkbox" name="brand-filter-108" id="brand-filter-108" value="1" class="form-check-input" />

    <label for="brand-filter-108">&nbsp;&nbsp;Maytoni</label>&nbsp;&nbsp;<span class="number-of-results">(2)</span>
</a></div>

    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/kremasta/f/b251/possina?is_available=true">
    <input type="checkbox" name="brand-filter-251" id="brand-filter-251" value="1" class="form-check-input" />

    <label for="brand-filter-251">&nbsp;&nbsp;Possina</label>&nbsp;&nbsp;<span class="number-of-results">(1)</span>
</a></div>


</div>
        
<div class="filter-group filter-group--dimensions-title">
  <label class="filter-label">Размери</label>
</div>


  <div class="filter-group filter-group--dimension">
    <label class="filter-dimension-label">дължина (cm)</label>



    <input value="3" type="hidden" name="total_length_min_abs" id="total_length_min_abs" />
    <input value="110" type="hidden" name="total_length_max_abs" id="total_length_max_abs" />

    <div class="range-filter"
         data-controller="terra--dimension-range-filter"
         data-terra--dimension-range-filter-min-value="3"
         data-terra--dimension-range-filter-max-value="110">

      <div class="range-filter__slider-wrapper">
        <div class="range-filter__track"></div>
        <div class="range-filter__fill" data-terra--dimension-range-filter-target="fill"></div>
        <input type="range"
               class="range-filter__range"
               min="3" max="110" value="3"
               data-terra--dimension-range-filter-target="minRange"
               data-action="input->terra--dimension-range-filter#onRangeInput mouseup->terra--dimension-range-filter#submit touchend->terra--dimension-range-filter#submit">
        <input type="range"
               class="range-filter__range"
               min="3" max="110" value="110"
               data-terra--dimension-range-filter-target="maxRange"
               data-action="input->terra--dimension-range-filter#onRangeInput mouseup->terra--dimension-range-filter#submit touchend->terra--dimension-range-filter#submit">
      </div>

      <div class="range-filter__inputs">
        <div class="range-filter__input-group">
          <input placeholder="3" min="3" max="110" data-terra--dimension-range-filter-target="minInput" data-action="change-&gt;terra--dimension-range-filter#onMinInputChange input-&gt;terra--dimension-range-filter#onInputInput keydown-&gt;terra--dimension-range-filter#onInputKeydown" type="number" name="total_length_min" id="total_length_min" />
        </div>
        <div class="range-filter__input-group">
          <input placeholder="110" min="3" max="110" data-terra--dimension-range-filter-target="maxInput" data-action="change-&gt;terra--dimension-range-filter#onMaxInputChange input-&gt;terra--dimension-range-filter#onInputInput keydown-&gt;terra--dimension-range-filter#onInputKeydown" type="number" name="total_length_max" id="total_length_max" />
        </div>
      </div>
    </div>
  </div>

  <div class="filter-group filter-group--dimension">
    <label class="filter-dimension-label">дълбочина (cm)</label>



    <input value="4" type="hidden" name="total_width_min_abs" id="total_width_min_abs" />
    <input value="90" type="hidden" name="total_width_max_abs" id="total_width_max_abs" />

    <div class="range-filter"
         data-controller="terra--dimension-range-filter"
         data-terra--dimension-range-filter-min-value="4"
         data-terra--dimension-range-filter-max-value="90">

      <div class="range-filter__slider-wrapper">
        <div class="range-filter__track"></div>
        <div class="range-filter__fill" data-terra--dimension-range-filter-target="fill"></div>
        <input type="range"
               class="range-filter__range"
               min="4" max="90" value="4"
               data-terra--dimension-range-filter-target="minRange"
               data-action="input->terra--dimension-range-filter#onRangeInput mouseup->terra--dimension-range-filter#submit touchend->terra--dimension-range-filter#submit">
        <input type="range"
               class="range-filter__range"
               min="4" max="90" value="90"
               data-terra--dimension-range-filter-target="maxRange"
               data-action="input->terra--dimension-range-filter#onRangeInput mouseup->terra--dimension-range-filter#submit touchend->terra--dimension-range-filter#submit">
      </div>

      <div class="range-filter__inputs">
        <div class="range-filter__input-group">
          <input placeholder="4" min="4" max="90" data-terra--dimension-range-filter-target="minInput" data-action="change-&gt;terra--dimension-range-filter#onMinInputChange input-&gt;terra--dimension-range-filter#onInputInput keydown-&gt;terra--dimension-range-filter#onInputKeydown" type="number" name="total_width_min" id="total_width_min" />
        </div>
        <div class="range-filter__input-group">
          <input placeholder="90" min="4" max="90" data-terra--dimension-range-filter-target="maxInput" data-action="change-&gt;terra--dimension-range-filter#onMaxInputChange input-&gt;terra--dimension-range-filter#onInputInput keydown-&gt;terra--dimension-range-filter#onInputKeydown" type="number" name="total_width_max" id="total_width_max" />
        </div>
      </div>
    </div>
  </div>

  <div class="filter-group filter-group--dimension">
    <label class="filter-dimension-label">височина (cm)</label>



    <input value="7" type="hidden" name="total_height_min_abs" id="total_height_min_abs" />
    <input value="205" type="hidden" name="total_height_max_abs" id="total_height_max_abs" />

    <div class="range-filter"
         data-controller="terra--dimension-range-filter"
         data-terra--dimension-range-filter-min-value="7"
         data-terra--dimension-range-filter-max-value="205">

      <div class="range-filter__slider-wrapper">
        <div class="range-filter__track"></div>
        <div class="range-filter__fill" data-terra--dimension-range-filter-target="fill"></div>
        <input type="range"
               class="range-filter__range"
               min="7" max="205" value="7"
               data-terra--dimension-range-filter-target="minRange"
               data-action="input->terra--dimension-range-filter#onRangeInput mouseup->terra--dimension-range-filter#submit touchend->terra--dimension-range-filter#submit">
        <input type="range"
               class="range-filter__range"
               min="7" max="205" value="205"
               data-terra--dimension-range-filter-target="maxRange"
               data-action="input->terra--dimension-range-filter#onRangeInput mouseup->terra--dimension-range-filter#submit touchend->terra--dimension-range-filter#submit">
      </div>

      <div class="range-filter__inputs">
        <div class="range-filter__input-group">
          <input placeholder="7" min="7" max="205" data-terra--dimension-range-filter-target="minInput" data-action="change-&gt;terra--dimension-range-filter#onMinInputChange input-&gt;terra--dimension-range-filter#onInputInput keydown-&gt;terra--dimension-range-filter#onInputKeydown" type="number" name="total_height_min" id="total_height_min" />
        </div>
        <div class="range-filter__input-group">
          <input placeholder="205" min="7" max="205" data-terra--dimension-range-filter-target="maxInput" data-action="change-&gt;terra--dimension-range-filter#onMaxInputChange input-&gt;terra--dimension-range-filter#onInputInput keydown-&gt;terra--dimension-range-filter#onInputKeydown" type="number" name="total_height_max" id="total_height_max" />
        </div>
      </div>
    </div>
  </div>

        

<div class="filter-group">
  <label class="filter-label">Цена (€)</label>



  <input value="3" type="hidden" name="price_min_abs" id="price_min_abs" />
  <input value="914" type="hidden" name="price_max_abs" id="price_max_abs" />

  <div class="range-filter"
       data-controller="terra--dimension-range-filter"
       data-terra--dimension-range-filter-min-value="3"
       data-terra--dimension-range-filter-max-value="914">

    <div class="range-filter__slider-wrapper">
      <div class="range-filter__track"></div>
      <div class="range-filter__fill" data-terra--dimension-range-filter-target="fill"></div>
      <input type="range"
             class="range-filter__range"
             min="3" max="914" value="3"
             data-terra--dimension-range-filter-target="minRange"
             data-action="input->terra--dimension-range-filter#onRangeInput mouseup->terra--dimension-range-filter#submit touchend->terra--dimension-range-filter#submit">
      <input type="range"
             class="range-filter__range"
             min="3" max="914" value="914"
             data-terra--dimension-range-filter-target="maxRange"
             data-action="input->terra--dimension-range-filter#onRangeInput mouseup->terra--dimension-range-filter#submit touchend->terra--dimension-range-filter#submit">
    </div>

    <div class="range-filter__inputs">
      <div class="range-filter__input-group">
        <input placeholder="3" min="3" max="914" data-terra--dimension-range-filter-target="minInput" data-action="change-&gt;terra--dimension-range-filter#onMinInputChange input-&gt;terra--dimension-range-filter#onInputInput keydown-&gt;terra--dimension-range-filter#onInputKeydown" type="number" name="price_min" id="price_min" />
      </div>
      <div class="range-filter__input-group">
        <input placeholder="914" min="3" max="914" data-terra--dimension-range-filter-target="maxInput" data-action="change-&gt;terra--dimension-range-filter#onMaxInputChange input-&gt;terra--dimension-range-filter#onInputInput keydown-&gt;terra--dimension-range-filter#onInputKeydown" type="number" name="price_max" id="price_max" />
      </div>
    </div>
  </div>
</div>


</form></div>
</template></turbo-stream><turbo-stream action="replace" target="product-panels"><template><section class="row gx-2" id="product-panels">

  <div class="d-flex justify-content-center pagination">
      <nav class="pagy-nav pagination"><span class="page prev"><a href="/bg/categories/332/kremasta?is_available=true&amp;page=1"   rel="prev" aria-label="previous">‹</a></span> <span class="page"><a href="/bg/categories/332/kremasta?is_available=true&amp;page=1"   rel="prev" >1</a></span> <span class="page active">2</span> <span class="page next disabled">›</span></nav>
  </div>
</section>
</template></turbo-stream><turbo-stream action="update" target="pills-section"><template>  <div class="row" id="filters-pills">





      <div class="filter-pill col-4 col-xxl-2">
        <span class="filter-value">бърза доставка</span>

        <a class="remove-filter" data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/332/kremasta">
          <i class="fas fa-times"></i>
</a>      </div>


  </div>
</template></turbo-stream><turbo-stream action="update" target="sorting-options"><template><div class="col-6 d-xxl-none" id="filters-button">
  <a data-bs-toggle="modal" data-bs-target="#filters-modal" class="btn btn-sm btn-secondary" href="#">Филтри</a>
</div>

<div class="col-6 col-xxl-2 filter-fields" id="length-filter-fields" data-controller="terra--results-sorting">
  <label class="visually-hidden" for="sorting">Сортиране</label>
  <select name="sorting" id="sorting" data-action="change-&gt;terra--results-sorting#update" data-terra--results-sorting-target="select" class="form-select form-select-sm select-sorting"><option value="_score">Препоръчително</option>
<option value="new_arrivals">Нови пристигания</option>
<option value="price_asc">Цена: от ниска към висока</option>
<option value="price_desc">Цена: висока към ниска</option></select>
</div>

<div class="col-xxl-10 text-center text-xxl-end number-of-products d-flex align-items-end justify-content-center pt-xxl-0 d-none d-xxl-block">
 95 Продукти
</div>
</template></turbo-stream><turbo-stream action="update_canonical" url="https://www.polihome.bg/bg/categories/332/kremasta">
  <template></template>
</turbo-stream>
