<turbo-stream action="update" targets=".filters-section"><template><div class="filters">
  <div class="filters-header">
    <strong class="filters-title" role="heading">Filters</strong>
      <a class="cancel-all-filters" data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/en/categories/356/orofis">Clear All</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="/en/categories/356/orofis" accept-charset="UTF-8" method="get">



        <div class="filter-group">
  <label class="filter-label">Category</label>


    <div class="category-link pt-2">
      <a class="" href="/en/categories/355/aplikes">
        Sconces
        <span class="number-of-results ">(183)</span>
</a>    </div>
    <div class="category-link pt-2">
      <a class="" href="/en/categories/354/dapedou">
        Lanterns &amp; post lights
        <span class="number-of-results ">(43)</span>
</a>    </div>
    <div class="category-link pt-2">
      <a class="primary-color" href="/en/categories/356/orofis">
        Ceiling lighting
        <span class="number-of-results primary-color">(39)</span>
</a>    </div>
    <div class="category-link pt-2">
      <a class="" href="/en/categories/541/provoleis">
        Flood lights
        <span class="number-of-results ">(31)</span>
</a>    </div>
    <div class="category-link pt-2">
      <a class="" href="/en/categories/1642/girlantes-fotismou">
        Garland lights
        <span class="number-of-results ">(2)</span>
</a>    </div>
</div>
        <div class="filter-group">
  <label class="filter-label">Purchase Options</label>


    <div class="filter-option-group">
      <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/en/categories/356/orofis?is_available=true&amp;price_max=32.99">
        <input type="checkbox" name="purchase-option-is_available" id="purchase-option-is_available" value="true" class="form-check-input" />

        <label for="purchase-option-is_available">&nbsp;&nbsp;In Stock</label>&nbsp;&nbsp;
        <span class="number-of-results">(9)</span>
</a>    </div>
    <div class="filter-option-group">
      <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/en/categories/356/orofis?is_outlet=true&amp;price_max=32.99">
        <input type="checkbox" name="purchase-option-is_outlet" id="purchase-option-is_outlet" value="true" class="form-check-input" />

        <label for="purchase-option-is_outlet">&nbsp;&nbsp;Outlet</label>&nbsp;&nbsp;
        <span class="number-of-results">(1)</span>
</a>    </div>
</div>
        <div class="filter-group">
  <label class="filter-label">Color</label>


    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/en/categories/356/orofis/f/1549/white?price_max=32.99">
    <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;White</label>&nbsp;&nbsp;<span class="number-of-results">(10)</span>
</a></div>

    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/en/categories/356/orofis/f/1555/black?price_max=32.99">
    <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;Black</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="/en/categories/356/orofis/f/1546/silver?price_max=32.99">
    <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;Silver</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="/en/categories/356/orofis/f/1547/gray?price_max=32.99">
    <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;Gray</label>&nbsp;&nbsp;<span class="number-of-results">(1)</span>
</a></div>


</div>
        <div class="filter-group">
  <label class="filter-label">
    Extras
  </label>


    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/en/categories/356/orofis/f/8409/led?price_max=32.99">
    <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">(13)</span>
</a></div>

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

    <label for="filter-8405">&nbsp;&nbsp;One light</label>&nbsp;&nbsp;<span class="number-of-results">(9)</span>
</a></div>

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

    <label for="filter-8408">&nbsp;&nbsp;More than 3 lights</label>&nbsp;&nbsp;<span class="number-of-results">(1)</span>
</a></div>


</div>
        <div class="filter-group">
  <label class="filter-label">
    Type
  </label>


    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/en/categories/356/orofis/f/8321/ceiling-lamp?price_max=32.99">
    <input type="checkbox" name="filter-8321" id="filter-8321" value="1" class="form-check-input" />

    <label for="filter-8321">&nbsp;&nbsp;Ceiling lamp</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="/en/categories/356/orofis/f/8320/hanging?price_max=32.99">
    <input type="checkbox" name="filter-8320" id="filter-8320" value="1" class="form-check-input" />

    <label for="filter-8320">&nbsp;&nbsp;Hanging</label>&nbsp;&nbsp;<span class="number-of-results">(10)</span>
</a></div>

    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/en/categories/356/orofis/f/8323/spot?price_max=32.99">
    <input type="checkbox" name="filter-8323" id="filter-8323" value="1" class="form-check-input" />

    <label for="filter-8323">&nbsp;&nbsp;Spot</label>&nbsp;&nbsp;<span class="number-of-results">(10)</span>
</a></div>


</div>
        <div class="filter-group">
  <label class="filter-label">
    Type
  </label>


    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/en/categories/356/orofis/f/8349/spot?price_max=32.99">
    <input type="checkbox" name="filter-8349" id="filter-8349" value="1" class="form-check-input" />

    <label for="filter-8349">&nbsp;&nbsp;Spot</label>&nbsp;&nbsp;<span class="number-of-results">(4)</span>
</a></div>

    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/en/categories/356/orofis/f/8350/lantern?price_max=32.99">
    <input type="checkbox" name="filter-8350" id="filter-8350" value="1" class="form-check-input" />

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


</div>
        <div class="filter-group">
  <label class="filter-label">
    Material
  </label>


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

    <label for="filter-8436">&nbsp;&nbsp;Plastic</label>&nbsp;&nbsp;<span class="number-of-results">(10)</span>
</a></div>

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

    <label for="filter-8440">&nbsp;&nbsp;Aluminium</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="/en/categories/356/orofis/f/8435/metallic?price_max=32.99">
    <input type="checkbox" name="filter-8435" id="filter-8435" value="1" class="form-check-input" />

    <label for="filter-8435">&nbsp;&nbsp;Metallic</label>&nbsp;&nbsp;<span class="number-of-results">(4)</span>
</a></div>

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

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


</div>
        <div class="filter-group">
  <label class="filter-label">
    Type
  </label>


    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/en/categories/356/orofis/f/8421/wall-mounted?price_max=32.99">
    <input type="checkbox" name="filter-8421" id="filter-8421" value="1" class="form-check-input" />

    <label for="filter-8421">&nbsp;&nbsp;Wall-mounted</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="/en/categories/356/orofis/f/8422/recessed?price_max=32.99">
    <input type="checkbox" name="filter-8422" id="filter-8422" value="1" class="form-check-input" />

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


</div>
        <div class="filter-group">
  <label class="filter-label">
    Lamp type
  </label>


    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/en/categories/356/orofis/f/8309/gu10?price_max=32.99">
    <input type="checkbox" name="filter-8309" id="filter-8309" value="1" class="form-check-input" />

    <label for="filter-8309">&nbsp;&nbsp;GU10</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="/en/categories/356/orofis/f/8304/e27?price_max=32.99">
    <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">(2)</span>
</a></div>


</div>
        <div class="filter-group">
  <label class="filter-label">
    Type
  </label>


    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/en/categories/356/orofis/f/8319/lantern?price_max=32.99">
    <input type="checkbox" name="filter-8319" id="filter-8319" value="1" class="form-check-input" />

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


</div>
        <div class="filter-group">
  <label class="filter-label">Manufacturer</label>


    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/en/categories/356/orofis/f/b64/elmark?price_max=32.99">
    <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">(16)</span>
</a></div>

    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/en/categories/356/orofis/f/b88/aca-decor?price_max=32.99">
    <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">(4)</span>
</a></div>

    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/en/categories/356/orofis/f/b243/it-lighting?price_max=32.99">
    <input type="checkbox" name="brand-filter-243" id="brand-filter-243" value="1" class="form-check-input" />

    <label for="brand-filter-243">&nbsp;&nbsp;it-Lighting</label>&nbsp;&nbsp;<span class="number-of-results">(4)</span>
</a></div>

    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/en/categories/356/orofis/f/b11/viokef?price_max=32.99">
    <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">(3)</span>
</a></div>


</div>
        
<div class="filter-group filter-group--dimensions-title">
  <label class="filter-label">Dimensions</label>
</div>


  <div class="filter-group filter-group--dimension">
    <label class="filter-dimension-label">Length (cm)</label>



    <input value="5" type="hidden" name="total_length_min_abs" id="total_length_min_abs" />
    <input value="1300" 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="5"
         data-terra--dimension-range-filter-max-value="1300">

      <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="5" max="1300" value="5"
               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="5" max="1300" value="1300"
               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="5" min="5" max="1300" 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="1300" min="5" max="1300" 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">Depth (cm)</label>



    <input value="5" type="hidden" name="total_width_min_abs" id="total_width_min_abs" />
    <input value="48" 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="5"
         data-terra--dimension-range-filter-max-value="48">

      <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="5" max="48" value="5"
               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="5" max="48" value="48"
               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="5" min="5" max="48" 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="48" min="5" max="48" 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">Height (cm)</label>



    <input value="2" type="hidden" name="total_height_min_abs" id="total_height_min_abs" />
    <input value="137" 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="2"
         data-terra--dimension-range-filter-max-value="137">

      <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="2" max="137" value="2"
               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="2" max="137" value="137"
               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="2" min="2" max="137" 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="137" min="2" max="137" 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">Price (€)</label>

    <a class="cancel-selected-options-for-filter" data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/en/categories/356/orofis">Clear</a>


  <input value="1" type="hidden" name="price_min_abs" id="price_min_abs" />
  <input value="33" 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="1"
       data-terra--dimension-range-filter-max-value="33">

    <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="1" max="33" value="1"
             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="1" max="33" value="32"
             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="1" min="1" max="33" 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 value="32" placeholder="33" min="1" max="33" 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 disabled">‹</span> <span class="page active">1</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">0,00 € - 32,99 €</span>

        <a class="remove-filter" data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/en/categories/356/orofis?page=2">
          <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="#">Filters</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">Sort by</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">Recommended</option>
<option value="new_arrivals">New arrivals</option>
<option value="price_asc">Price: Low to High</option>
<option value="price_desc">Price: High to Low</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">
 39 Items
</div>
</template></turbo-stream><turbo-stream action="update_canonical" url="https://www.polihome.gr/en/categories/356/orofis">
  <template></template>
</turbo-stream>
