<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/485/karekles">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/485/karekles/f/8747/metal" accept-charset="UTF-8" method="get">



        <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/485/karekles/f/8747/metal?is_available=true&amp;price_max=46.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">(4)</span>
</a>    </div>
    <div class="filter-option-group">
      <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/en/categories/485/karekles/f/8747/metal?is_outlet=true&amp;price_max=46.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">(2)</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/485/karekles/f/8747_c2129/metal_black?price_max=46.99">
    <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;Black</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="/en/categories/485/karekles/f/8747_c2094/metal_gray?price_max=46.99">
    <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;Gray</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/485/karekles/f/8747_c2123/metal_white?price_max=46.99">
    <input type="checkbox" name="filter-2123" id="filter-2123" value="1" class="form-check-input checked-000000" style="background-color: #ffffff; border-color: #ffffff" />

    <label for="filter-2123">&nbsp;&nbsp;White</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="/en/categories/485/karekles/f/8747_c2100/metal_ecru?price_max=46.99">
    <input type="checkbox" name="filter-2100" id="filter-2100" value="1" class="form-check-input checked-000000" style="background-color: #fef8d4; border-color: #fef8d4" />

    <label for="filter-2100">&nbsp;&nbsp;Ecru</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/485/karekles/f/8747_c2117/metal_yellow?price_max=46.99">
    <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;Yellow</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/485/karekles/f/8747_c2118/metal_red?price_max=46.99">
    <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;Red</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/485/karekles/f/8747_c2133/metal_blue?price_max=46.99">
    <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;Blue</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="/en/categories/485/karekles/f/8747_c2254/metal_colourful?price_max=46.99">
    <input type="checkbox" name="filter-2254" id="filter-2254" value="1" class="form-check-input checked-ffffff" style="background-color: #; border-color: #" />

    <label for="filter-2254">&nbsp;&nbsp;colourful</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/485/karekles/f/8747_c2143/metal_green?price_max=46.99">
    <input type="checkbox" name="filter-2143" id="filter-2143" value="1" class="form-check-input checked-ffffff" style="background-color: #008001; border-color: #008001" />

    <label for="filter-2143">&nbsp;&nbsp;Green</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="Show more" data-terra--toggle-filters-expanded-value="Show less">
      <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">Show more</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/485/karekles/f/8747_8740/metal_dining-room?price_max=46.99">
    <input type="checkbox" name="filter-8740" id="filter-8740" value="1" class="form-check-input" />

    <label for="filter-8740">&nbsp;&nbsp;Dining room</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="/en/categories/485/karekles/f/8747_8741/metal_kitchen?price_max=46.99">
    <input type="checkbox" name="filter-8741" id="filter-8741" value="1" class="form-check-input" />

    <label for="filter-8741">&nbsp;&nbsp;Kitchen</label>&nbsp;&nbsp;<span class="number-of-results">(2)</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/485/karekles/f/8747_8739/metal_armrest?price_max=46.99">
    <input type="checkbox" name="filter-8739" id="filter-8739" value="1" class="form-check-input" />

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


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

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

    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/en/categories/485/karekles/f/8747_8748/metal_plastic?price_max=46.99">
    <input type="checkbox" name="filter-8748" id="filter-8748" value="1" class="form-check-input" />

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

    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/en/categories/485/karekles/f/8747_8745/metal_fabric?price_max=46.99">
    <input type="checkbox" name="filter-8745" id="filter-8745" value="1" class="form-check-input" />

    <label for="filter-8745">&nbsp;&nbsp;Fabric</label>&nbsp;&nbsp;<span class="number-of-results">(28)</span>
</a></div>

    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/en/categories/485/karekles/f/8747_8746/metal_pu?price_max=46.99">
    <input type="checkbox" name="filter-8746" id="filter-8746" value="1" class="form-check-input" />

    <label for="filter-8746">&nbsp;&nbsp;PU</label>&nbsp;&nbsp;<span class="number-of-results">(12)</span>
</a></div>

    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/en/categories/485/karekles?price_max=46.99">
    <input type="checkbox" name="filter-8747" id="filter-8747" value="1" class="form-check-input" checked="checked" />

    <label for="filter-8747">&nbsp;&nbsp;Metal</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/485/karekles/f/8747_8744/metal_wood?price_max=46.99">
    <input type="checkbox" name="filter-8744" id="filter-8744" value="1" class="form-check-input" />

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


    <div class="collapse show" id="more-options-186">
        
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/en/categories/485/karekles/f/8747_8749/metal_wicker?price_max=46.99">
    <input type="checkbox" name="filter-8749" id="filter-8749" value="1" class="form-check-input" />

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

    </div>

    <div class="show-more-options-link" data-controller="terra--toggle-filters" data-terra--toggle-filters-collapsed-value="Show more" data-terra--toggle-filters-expanded-value="Show less">
      <a class="toggle-filter-options" data-bs-toggle="collapse" aria-expanded="true" aria-controls="#more-options-186" data-action="click-&gt;terra--toggle-filters#toggleText" href="#more-options-186">Show less</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="35" type="hidden" name="total_length_min_abs" id="total_length_min_abs" />
    <input value="51" 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="35"
         data-terra--dimension-range-filter-max-value="51">

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

      <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="35" max="56" value="35"
               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="35" max="56" value="56"
               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="35" min="35" max="56" 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="56" min="35" max="56" 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="75" type="hidden" name="total_height_min_abs" id="total_height_min_abs" />
    <input value="102" 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="75"
         data-terra--dimension-range-filter-max-value="102">

      <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="75" max="102" value="75"
               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="75" max="102" value="102"
               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="75" min="75" max="102" 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="102" min="75" max="102" 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/485/karekles/f/8747/metal">Clear</a>


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

    <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="14" max="46" value="14"
             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="14" max="46" value="46"
             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="14" min="14" max="46" 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="46" placeholder="46" min="14" max="46" 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="col-6 col-md-6 col-xl-4 col-xxl-3 ph-panel-col">
  <div class="ph-panel position-relative" data-controller="terra--results-panel">

      <div data-controller="terra--product-panel-carousel">

  <div class="image-container ph-panel__image-container"
       data-terra--product-panel-carousel-target="imageContainer">
    <div class="panel-slider">
        <div class="panel-slide"
             data-terra--product-panel-carousel-target="slide">
          <a href="/en/products/Polythrona-Zera-Mple">
            <img class="ph-panel__image" alt="Zera armchair" src="https://polihome-production-cdn.b-cdn.net/images/image_810123_6_10_5_blue1.jpg?width=500&amp;height=500&amp;fit=inside" />
</a>        </div>
        <div class="panel-slide"
             data-terra--product-panel-carousel-target="slide">
          <a href="/en/products/Polythrona-Zera-Mple">
            <img class="ph-panel__image" alt="Zera armchair" src="https://polihome-production-cdn.b-cdn.net/images/i3bmtni7v1v2749fnaw2c9q11b0a.jpg?width=500&amp;height=500&amp;fit=inside" />
</a>        </div>
        <div class="panel-slide"
             data-terra--product-panel-carousel-target="slide">
          <a href="/en/products/Polythrona-Zera-Mple">
            <img class="ph-panel__image" alt="Zera armchair" src="https://polihome-production-cdn.b-cdn.net/images/zz3yscgm7rczckn1yf1xi7j6sw4u.jpg?width=500&amp;height=500&amp;fit=inside" />
</a>        </div>
    </div>

    <button class="product-panel-carousel-btn product-panel-carousel-btn--prev"
            data-terra--product-panel-carousel-target="prevBtn"
            data-action="click->terra--product-panel-carousel#prev"
            aria-label="Previous image">
      <span class="fas fa-chevron-left" aria-hidden="true"></span>
    </button>

    <button class="product-panel-carousel-btn product-panel-carousel-btn--next"
            data-terra--product-panel-carousel-target="nextBtn"
            data-action="click->terra--product-panel-carousel#next"
            aria-label="Next image">
      <span class="fas fa-chevron-right" aria-hidden="true"></span>
    </button>

    <div class="product-overlay-content">

      <div class="favourites-container position-absolute top-0 end-0">
          <a data-bs-toggle="modal" data-bs-target="#login-modal" href="">
      <img alt="Favourites" src="https://polihome-staging-assets.b-cdn.net/assets/terra/products/empty-heart-eee2dcabdbb2be5318aa2d52b5c59438e9c2e02aa34258605e049c4f959e56a8.svg" />
</a>
      </div>

    </div>
  </div>

  <div class="product-panel-progress">
    <div class="product-panel-progress__indicator"
         data-terra--product-panel-carousel-target="progressBar">
    </div>
  </div>

</div>


    <div class="ph-panel__body pt-2">
      <div class="ph-panel__title">
        <a class="text-decoration-none" href="/en/products/Polythrona-Zera-Mple">
          Zera Armchair
</a>      </div>

          <div class="ph-panel__options mt-1">
            <span>3 Colors</span>
          </div>

        <div class="ph-panel__availability mt-1">
          <span>Available</span>
        </div>

      <div class="mt-1">
        <a class="text-decoration-none" href="/en/products/Polythrona-Zera-Mple">
<div class="ph-panel__price">

  <span class="ph-panel__price-current ">
      <span class="ph-panel__price-from">from </span>
    34,99 €
  </span>
</div>
</a>
      </div>

    </div>

  </div>
</div>


      <div class="col-6 col-md-6 col-xl-4 col-xxl-3 ph-panel-col">
  <div class="ph-panel position-relative" data-controller="terra--results-panel">

      <div data-controller="terra--product-panel-carousel">

  <div class="image-container ph-panel__image-container"
       data-terra--product-panel-carousel-target="imageContainer">
    <div class="panel-slider">
        <div class="panel-slide"
             data-terra--product-panel-carousel-target="slide">
          <a href="/en/products/Karekla-Lirex-Leuko">
            <img class="ph-panel__image" alt="Lirex chair" src="https://polihome-production-cdn.b-cdn.net/images/image_865719_karekla-lirex-leuko-1.jpg?width=500&amp;height=500&amp;fit=inside" />
</a>        </div>
        <div class="panel-slide"
             data-terra--product-panel-carousel-target="slide">
          <a href="/en/products/Karekla-Lirex-Leuko">
            <img class="ph-panel__image" alt="Lirex chair" src="https://polihome-production-cdn.b-cdn.net/images/day3gt9lzxc03nv6u1a7myafhsmk.jpg?width=500&amp;height=500&amp;fit=inside" />
</a>        </div>
        <div class="panel-slide"
             data-terra--product-panel-carousel-target="slide">
          <a href="/en/products/Karekla-Lirex-Leuko">
            <img class="ph-panel__image" alt="Lirex chair" src="https://polihome-production-cdn.b-cdn.net/images/2qjihvqoxnnlrlctk6e2xldycfha.jpg?width=500&amp;height=500&amp;fit=inside" />
</a>        </div>
    </div>

    <button class="product-panel-carousel-btn product-panel-carousel-btn--prev"
            data-terra--product-panel-carousel-target="prevBtn"
            data-action="click->terra--product-panel-carousel#prev"
            aria-label="Previous image">
      <span class="fas fa-chevron-left" aria-hidden="true"></span>
    </button>

    <button class="product-panel-carousel-btn product-panel-carousel-btn--next"
            data-terra--product-panel-carousel-target="nextBtn"
            data-action="click->terra--product-panel-carousel#next"
            aria-label="Next image">
      <span class="fas fa-chevron-right" aria-hidden="true"></span>
    </button>

    <div class="product-overlay-content">

      <div class="favourites-container position-absolute top-0 end-0">
          <a data-bs-toggle="modal" data-bs-target="#login-modal" href="">
      <img alt="Favourites" src="https://polihome-staging-assets.b-cdn.net/assets/terra/products/empty-heart-eee2dcabdbb2be5318aa2d52b5c59438e9c2e02aa34258605e049c4f959e56a8.svg" />
</a>
      </div>

    </div>
  </div>

  <div class="product-panel-progress">
    <div class="product-panel-progress__indicator"
         data-terra--product-panel-carousel-target="progressBar">
    </div>
  </div>

</div>


    <div class="ph-panel__body pt-2">
      <div class="ph-panel__title">
        <a class="text-decoration-none" href="/en/products/Karekla-Lirex-Leuko">
          Lirex Chair
</a>      </div>

          <div class="ph-panel__options mt-1">
            <span>3 Colors</span>
          </div>

        <div class="ph-panel__availability mt-1">
          <span>Available</span>
        </div>

      <div class="mt-1">
        <a class="text-decoration-none" href="/en/products/Karekla-Lirex-Leuko">
<div class="ph-panel__price">

  <span class="ph-panel__price-current ">
      <span class="ph-panel__price-from">from </span>
    14,99 €
  </span>
</div>
</a>
      </div>

    </div>

  </div>
</div>


      <div class="col-6 col-md-6 col-xl-4 col-xxl-3 ph-panel-col">
  <div class="ph-panel position-relative" data-controller="terra--results-panel">

      <div class="ph-panel__image-wrapper position-relative">

        <div class="position-absolute top-0 end-0 ph-panel__favourites">
            <a data-bs-toggle="modal" data-bs-target="#login-modal" href="">
      <img alt="Favourites" src="https://polihome-staging-assets.b-cdn.net/assets/terra/products/empty-heart-eee2dcabdbb2be5318aa2d52b5c59438e9c2e02aa34258605e049c4f959e56a8.svg" />
</a>
        </div>

        <a href="/en/products/folding-chair-ronie-white-287693">
          <img class="ph-panel__image w-100" data-terra--results-panel-target="productThumbnail" alt="Folding Chair Ronie" src="https://polihome-production-cdn.b-cdn.net/images/image_870573_5905248134676_1_1.jpg?width=500&amp;height=500&amp;fit=inside" />
</a>
      </div>

    <div class="ph-panel__body pt-2">
      <div class="ph-panel__title">
        <a class="text-decoration-none" href="/en/products/folding-chair-ronie-white-287693">
          Folding Chair Ronie
</a>      </div>

          <div class="ph-panel__options mt-1">
            <span>2 Colors</span>
          </div>


      <div class="mt-1">
        <a class="text-decoration-none" href="/en/products/folding-chair-ronie-white-287693">
<div class="ph-panel__price">

  <span class="ph-panel__price-current ">
      <span class="ph-panel__price-from">from </span>
    18,99 €
  </span>
</div>
</a>
      </div>

    </div>

  </div>
</div>


      <div class="col-6 col-md-6 col-xl-4 col-xxl-3 ph-panel-col">
  <div class="ph-panel position-relative" data-controller="terra--results-panel">

      <div class="ph-panel__image-wrapper position-relative">

        <div class="position-absolute top-0 end-0 ph-panel__favourites">
            <a data-bs-toggle="modal" data-bs-target="#login-modal" href="">
      <img alt="Favourites" src="https://polihome-staging-assets.b-cdn.net/assets/terra/products/empty-heart-eee2dcabdbb2be5318aa2d52b5c59438e9c2e02aa34258605e049c4f959e56a8.svg" />
</a>
        </div>

        <a href="/en/products/polythrona-delos-fabric-mauro-mpez">
          <img class="ph-panel__image w-100" data-terra--results-panel-target="productThumbnail" alt="Armchair Delos fabric" src="https://polihome-production-cdn.b-cdn.net/images/image_381244_mau_mpez_3.jpg?width=500&amp;height=500&amp;fit=inside" />
</a>
      </div>

    <div class="ph-panel__body pt-2">
      <div class="ph-panel__title">
        <a class="text-decoration-none" href="/en/products/polythrona-delos-fabric-mauro-mpez">
          Armchair Delos Fabric
</a>      </div>

          <div class="ph-panel__options mt-1">
            <span>3 Colors</span>
          </div>


      <div class="mt-1">
        <a class="text-decoration-none" href="/en/products/polythrona-delos-fabric-mauro-mpez">
<div class="ph-panel__price">

  <span class="ph-panel__price-current ">
      <span class="ph-panel__price-from">from </span>
    45,99 €
  </span>
</div>
</a>
      </div>

    </div>

  </div>
</div>


      <div class="col-6 col-md-6 col-xl-4 col-xxl-3 ph-panel-col">
  <div class="ph-panel position-relative" data-controller="terra--results-panel">

      <div class="ph-panel__image-wrapper position-relative">

        <div class="position-absolute top-0 end-0 ph-panel__favourites">
            <a data-bs-toggle="modal" data-bs-target="#login-modal" href="">
      <img alt="Favourites" src="https://polihome-staging-assets.b-cdn.net/assets/terra/products/empty-heart-eee2dcabdbb2be5318aa2d52b5c59438e9c2e02aa34258605e049c4f959e56a8.svg" />
</a>
        </div>

        <a href="/en/products/folding-chair-linda-black-33177">
          <img class="ph-panel__image w-100" data-terra--results-panel-target="productThumbnail" alt="Folding chair Linda" src="https://polihome-production-cdn.b-cdn.net/images/image_71361_25376_1_22828_3.jpg?width=500&amp;height=500&amp;fit=inside" />
</a>
      </div>

    <div class="ph-panel__body pt-2">
      <div class="ph-panel__title">
        <a class="text-decoration-none" href="/en/products/folding-chair-linda-black-33177">
          Folding Chair Linda
</a>      </div>

          <div class="ph-panel__options mt-1">
            <span>3 Colors</span>
          </div>


      <div class="mt-1">
        <a class="text-decoration-none" href="/en/products/folding-chair-linda-black-33177">
<div class="ph-panel__price">

  <span class="ph-panel__price-current ">
      <span class="ph-panel__price-from">from </span>
    15,99 €
  </span>
</div>
</a>
      </div>

    </div>

  </div>
</div>


      <div class="col-6 col-md-6 col-xl-4 col-xxl-3 ph-panel-col">
  <div class="ph-panel position-relative" data-controller="terra--results-panel">

      <div class="ph-panel__image-wrapper position-relative">

        <div class="position-absolute top-0 end-0 ph-panel__favourites">
            <a data-bs-toggle="modal" data-bs-target="#login-modal" href="">
      <img alt="Favourites" src="https://polihome-staging-assets.b-cdn.net/assets/terra/products/empty-heart-eee2dcabdbb2be5318aa2d52b5c59438e9c2e02aa34258605e049c4f959e56a8.svg" />
</a>
        </div>

        <a href="/en/products/chair-fresh-kd-gkri-205468">
          <img class="ph-panel__image w-100" data-terra--results-panel-target="productThumbnail" alt="Chair Fresh KD" src="https://polihome-production-cdn.b-cdn.net/images/image_615149_e-00022118-enlarge.jpg?width=500&amp;height=500&amp;fit=inside" />
</a>
      </div>

    <div class="ph-panel__body pt-2">
      <div class="ph-panel__title">
        <a class="text-decoration-none" href="/en/products/chair-fresh-kd-gkri-205468">
          Chair Fresh Kd
</a>      </div>

          <div class="ph-panel__options mt-1">
            <span>3 Colors</span>
          </div>


      <div class="mt-1">
        <a class="text-decoration-none" href="/en/products/chair-fresh-kd-gkri-205468">
<div class="ph-panel__price">

  <span class="ph-panel__price-current ">
      <span class="ph-panel__price-from">from </span>
    38,99 €
  </span>
</div>
</a>
      </div>

    </div>

  </div>
</div>


      <div class="col-6 col-md-6 col-xl-4 col-xxl-3 ph-panel-col">
  <div class="ph-panel position-relative" data-controller="terra--results-panel">

      <div class="ph-panel__image-wrapper position-relative">

        <div class="position-absolute top-0 end-0 ph-panel__favourites">
            <a data-bs-toggle="modal" data-bs-target="#login-modal" href="">
      <img alt="Favourites" src="https://polihome-staging-assets.b-cdn.net/assets/terra/products/empty-heart-eee2dcabdbb2be5318aa2d52b5c59438e9c2e02aa34258605e049c4f959e56a8.svg" />
</a>
        </div>

        <a href="/en/products/austin-44548">
          <img class="ph-panel__image w-100" data-terra--results-panel-target="productThumbnail" alt="Chair Austin" src="https://polihome-production-cdn.b-cdn.net/images/image_91254_251087_1_1.jpg?width=500&amp;height=500&amp;fit=inside" />
</a>
      </div>

    <div class="ph-panel__body pt-2">
      <div class="ph-panel__title">
        <a class="text-decoration-none" href="/en/products/austin-44548">
          Chair Austin
</a>      </div>



      <div class="mt-1">
        <a class="text-decoration-none" href="/en/products/austin-44548">
<div class="ph-panel__price">

  <span class="ph-panel__price-current ">
      <span class="ph-panel__price-from">from </span>
    40,99 €
  </span>
</div>
</a>
      </div>

    </div>

  </div>
</div>


      <div class="col-6 col-md-6 col-xl-4 col-xxl-3 ph-panel-col">
  <div class="ph-panel position-relative" data-controller="terra--results-panel">

      <div class="ph-panel__image-wrapper position-relative">
          <div class="position-absolute top-0 start-0 product-badge">
            <img alt="Badge" src="https://polihome-production-cdn.b-cdn.net/images/eyltlcva4nzaa35fvy2ndg1o1k91.png?width=100&amp;height=100&amp;fit=inside" />
          </div>

        <div class="position-absolute top-0 end-0 ph-panel__favourites">
            <a data-bs-toggle="modal" data-bs-target="#login-modal" href="">
      <img alt="Favourites" src="https://polihome-staging-assets.b-cdn.net/assets/terra/products/empty-heart-eee2dcabdbb2be5318aa2d52b5c59438e9c2e02aa34258605e049c4f959e56a8.svg" />
</a>
        </div>

        <a href="/en/products/Karekla-Lirex-Antike-stock">
          <img class="ph-panel__image w-100" data-terra--results-panel-target="productThumbnail" alt="Lirex chair" src="https://polihome-production-cdn.b-cdn.net/images/image_865722_karekla-lirex-antike-1.jpg?width=500&amp;height=500&amp;fit=inside" />
</a>
      </div>

    <div class="ph-panel__body pt-2">
      <div class="ph-panel__title">
        <a class="text-decoration-none" href="/en/products/Karekla-Lirex-Antike-stock">
          Lirex Chair
</a>      </div>


        <div class="ph-panel__availability mt-1">
          <span>Available</span>
        </div>

      <div class="mt-1">
        <a class="text-decoration-none" href="/en/products/Karekla-Lirex-Antike-stock">
<div class="ph-panel__price">

  <span class="ph-panel__price-current ">
      <span class="ph-panel__price-from">from </span>
    15,99 €
  </span>
</div>
</a>
      </div>

    </div>

  </div>
</div>


      <div class="col-6 col-md-6 col-xl-4 col-xxl-3 ph-panel-col">
  <div class="ph-panel position-relative" data-controller="terra--results-panel">

      <div class="ph-panel__image-wrapper position-relative">
          <div class="position-absolute top-0 start-0 product-badge">
            <img alt="Badge" src="https://polihome-production-cdn.b-cdn.net/images/eyltlcva4nzaa35fvy2ndg1o1k91.png?width=100&amp;height=100&amp;fit=inside" />
          </div>

        <div class="position-absolute top-0 end-0 ph-panel__favourites">
            <a data-bs-toggle="modal" data-bs-target="#login-modal" href="">
      <img alt="Favourites" src="https://polihome-staging-assets.b-cdn.net/assets/terra/products/empty-heart-eee2dcabdbb2be5318aa2d52b5c59438e9c2e02aa34258605e049c4f959e56a8.svg" />
</a>
        </div>

        <a href="/en/products/polythrona-zera-prasino-skouro-289509-stock">
          <img class="ph-panel__image w-100" data-terra--results-panel-target="productThumbnail" alt="Zera armchair" src="https://polihome-production-cdn.b-cdn.net/images/image_877868_33_2_10_2.jpg?width=500&amp;height=500&amp;fit=inside" />
</a>
      </div>

    <div class="ph-panel__body pt-2">
      <div class="ph-panel__title">
        <a class="text-decoration-none" href="/en/products/polythrona-zera-prasino-skouro-289509-stock">
          Zera Armchair
</a>      </div>


        <div class="ph-panel__availability mt-1">
          <span>Available</span>
        </div>

      <div class="mt-1">
        <a class="text-decoration-none" href="/en/products/polythrona-zera-prasino-skouro-289509-stock">
<div class="ph-panel__price">

  <span class="ph-panel__price-current ">
      <span class="ph-panel__price-from">from </span>
    27,99 €
  </span>
</div>
</a>
      </div>

    </div>

  </div>
</div>



  <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">Metal</span>

        <a class="remove-filter" data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/en/categories/485/karekles?price_max=46.99">
          <i class="fas fa-times"></i>
</a>      </div>


      <div class="filter-pill col-4 col-xxl-2">
        <span class="filter-value">0,00 € - 46,99 €</span>

        <a class="remove-filter" data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/en/categories/485/karekles/f/8747/metal">
          <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">
 9 Items
</div>
</template></turbo-stream><turbo-stream action="update_canonical" url="https://www.polihome.gr/en/categories/485/karekles/f/8747/metal">
  <template></template>
</turbo-stream>
