<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="/el/categories/124/aksesouar-grafeiou">Ακύρωση Όλων</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="/el/categories/124/aksesouar-grafeiou" accept-charset="UTF-8" method="get">



        <div class="filter-group">
  <label class="filter-label">Κατηγορία</label>


  <div class="category-link pt-2">
  <a class="" href="/el/categories/1670/kanapedes-grafeiou">
    Καναπέδες
    <span class="number-of-results ">(172)</span>
</a>
</div>
<div class="category-link pt-2">
  <a class="" href="/el/categories/110/vivliothikes">
    Βιβλιοθήκες
    <span class="number-of-results ">(62)</span>
</a>
</div>
<div class="category-link pt-2">
  <a class="" href="/el/categories/106/grafeia">
    Γραφεία
    <span class="number-of-results ">(41)</span>
</a>
</div>
<div class="category-link pt-2">
  <a class="" href="/el/categories/111/surtarieres-ntoulapia">
    Συρταριέρες &amp; ντουλάπια
    <span class="number-of-results ">(26)</span>
</a>
</div>
<div class="category-link pt-2">
  <a class="b2b-color" href="/el/categories/124/aksesouar-grafeiou">
    Αξεσουάρ γραφείου
    <span class="number-of-results b2b-color">(26)</span>
</a>
</div>
<div class="category-link pt-2">
  <a class="" href="/el/categories/1671/poluthrones-grafeiou">
    Πολυθρόνες
    <span class="number-of-results ">(25)</span>
</a>
</div>
<div class="category-link pt-2">
  <a class="" href="/el/categories/105/suntheseis-grafeiou">
    Συνθέσεις γραφείου
    <span class="number-of-results ">(8)</span>
</a>
</div>
<div class="category-link pt-2">
  <a class="" href="/el/categories/303/fotistika-grafeiou">
    Φωτιστικά γραφείου
    <span class="number-of-results ">(6)</span>
</a>
</div>
<div class="category-link pt-2">
  <a class="" href="/el/categories/112/karekles">
    Καρέκλες
    <span class="number-of-results ">(6)</span>
</a>
</div>
<div class="category-link pt-2">
  <a class="" href="/el/categories/120/trapezakia-grafeiou">
    Τραπεζάκια γραφείου
    <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="/el/categories/124/aksesouar-grafeiou/f/c2094/gray">
    <input type="checkbox" name="filter-2094" id="filter-2094" value="1" class="form-check-input checked-ffffff " style="background-color: #918d8c; border-color: #918d8c" />

    <label for="filter-2094">&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="/el/categories/124/aksesouar-grafeiou/f/c2104/brown">
    <input type="checkbox" name="filter-2104" id="filter-2104" value="1" class="form-check-input checked-ffffff " style="background-color: #61352c; border-color: #61352c" />

    <label for="filter-2104">&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="/el/categories/124/aksesouar-grafeiou/f/c2123/white">
    <input type="checkbox" name="filter-2123" id="filter-2123" value="1" class="form-check-input checked-000000 " style="background-color: #FAFAFA; border-color: #FAFAFA" />

    <label for="filter-2123">&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="/el/categories/124/aksesouar-grafeiou/f/c2151/natural">
    <input type="checkbox" name="filter-2151" id="filter-2151" value="1" class="form-check-input checked-ffffff " style="background-color: #ddb989; border-color: #ddb989" />

    <label for="filter-2151">&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="/el/categories/124/aksesouar-grafeiou/f/c2099/transparent">
    <input type="checkbox" name="filter-2099" id="filter-2099" value="1" class="form-check-input checked-000000 " style="background-color: #efefef; border-color: #efefef" />

    <label for="filter-2099">&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="/el/categories/124/aksesouar-grafeiou/f/c2117/yellow">
    <input type="checkbox" name="filter-2117" id="filter-2117" value="1" class="form-check-input checked-000000 " style="background-color: #ffff01; border-color: #ffff01" />

    <label for="filter-2117">&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="/el/categories/124/aksesouar-grafeiou/f/c2118/red">
    <input type="checkbox" name="filter-2118" id="filter-2118" value="1" class="form-check-input checked-ffffff " style="background-color: #ff0000; border-color: #ff0000" />

    <label for="filter-2118">&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="/el/categories/124/aksesouar-grafeiou/f/c2129/black">
    <input type="checkbox" name="filter-2129" id="filter-2129" value="1" class="form-check-input checked-ffffff " style="background-color: #000000; border-color: #000000" />

    <label for="filter-2129">&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="/el/categories/124/aksesouar-grafeiou/f/c2133/blue">
    <input type="checkbox" name="filter-2133" id="filter-2133" value="1" class="form-check-input checked-ffffff " style="background-color: #322e82; border-color: #322e82" />

    <label for="filter-2133">&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 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="30" type="hidden" name="total_length_min_abs" id="total_length_min_abs" />
    <input value="138" 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="30"
         data-terra--dimension-range-filter-max-value="138">

      <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="30" max="138" value="30"
               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="30" max="138" value="138"
               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="30" min="30" max="138" 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="138" min="30" max="138" 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="1" type="hidden" name="total_width_min_abs" id="total_width_min_abs" />
    <input value="64" 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="1"
         data-terra--dimension-range-filter-max-value="64">

      <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="64" 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="64" value="64"
               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="64" 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="64" min="1" max="64" 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="0" type="hidden" name="total_height_min_abs" id="total_height_min_abs" />
    <input value="218" 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="0"
         data-terra--dimension-range-filter-max-value="218">

      <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="0" max="218" value="0"
               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="0" max="218" value="218"
               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="0" min="0" max="218" 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="218" min="0" max="218" 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>


</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 b2b-pagination">
    <div class="d-sm-none">
      <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>
    <div class="d-none d-sm-flex">
        <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>
  </div>
</section>
</template></turbo-stream><turbo-stream action="update" target="pills-section"><template></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">
 26 Προϊόντα
</div>
</template></turbo-stream><turbo-stream action="update_canonical" url="https://pro.possina.com/el/categories/124/aksesouar-grafeiou">
  <template></template>
</turbo-stream>
