<turbo-stream action="update" targets=".filters-section"><template><div class="filters">
  <div class="filters-header">
    <strong class="filters-title" role="heading">Filters</strong>

    <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/lp/elevated-outdoor-spaces" accept-charset="UTF-8" method="get">



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

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

    <div class="category-link pt-2">
      <a class="" href="/en/lp/elevated-outdoor-spaces?category_id=167">
        Armchairs
        <span class="number-of-results ">(23)</span>
</a>    </div>
    <div class="category-link pt-2">
      <a class="" href="/en/lp/elevated-outdoor-spaces?category_id=181">
        Tables
        <span class="number-of-results ">(20)</span>
</a>    </div>
    <div class="category-link pt-2">
      <a class="" href="/en/lp/elevated-outdoor-spaces?category_id=180">
        Dining sets
        <span class="number-of-results ">(16)</span>
</a>    </div>
    <div class="category-link pt-2">
      <a class="" href="/en/lp/elevated-outdoor-spaces?category_id=166">
        Sofas
        <span class="number-of-results ">(9)</span>
</a>    </div>
    <div class="category-link pt-2">
      <a class="" href="/en/lp/elevated-outdoor-spaces?category_id=187">
        Chairs
        <span class="number-of-results ">(9)</span>
</a>    </div>
    <div class="category-link pt-2">
      <a class="" href="/en/lp/elevated-outdoor-spaces?category_id=174">
        Side tables
        <span class="number-of-results ">(8)</span>
</a>    </div>
    <div class="category-link pt-2">
      <a class="" href="/en/lp/elevated-outdoor-spaces?category_id=194">
        Sunbeds
        <span class="number-of-results ">(8)</span>
</a>    </div>
    <div class="category-link pt-2">
      <a class="primary-color" href="/en/lp/elevated-outdoor-spaces?category_id=959">
        Bench
        <span class="number-of-results primary-color">(7)</span>
</a>    </div>
    <div class="category-link pt-2">
      <a class="" href="/en/lp/elevated-outdoor-spaces?category_id=173">
        Stools &amp; poufs
        <span class="number-of-results ">(6)</span>
</a>    </div>
    <div class="category-link pt-2">
      <a class="" href="/en/lp/elevated-outdoor-spaces?category_id=55">
        Pantry cabinets
        <span class="number-of-results ">(2)</span>
</a>    </div>
    <div class="category-link pt-2">
      <a class="" href="/en/lp/elevated-outdoor-spaces?category_id=164">
        Lounge sets
        <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/lp/elevated-outdoor-spaces/f/c2151/natural?category_id=959">
    <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;Natural</label>&nbsp;&nbsp;<span class="number-of-results">(7)</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="132" type="hidden" name="total_length_min_abs" id="total_length_min_abs" />
    <input value="132" 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="132"
         data-terra--dimension-range-filter-max-value="132">

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

      <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="38" max="62" value="38"
               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="38" max="62" value="62"
               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="38" min="38" max="62" 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="62" min="38" max="62" 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="45" type="hidden" name="total_height_min_abs" id="total_height_min_abs" />
    <input value="90" 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="45"
         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="45" max="90" value="45"
               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="45" 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="45" min="45" 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_height_min" id="total_height_min" />
        </div>
        <div class="range-filter__input-group">
          <input placeholder="90" min="45" 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_height_max" id="total_height_max" />
        </div>
      </div>
    </div>
  </div>

        

<div class="filter-group">
  <label class="filter-label">Price (€)</label>



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

    <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="270" max="419" value="270"
             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="270" max="419" value="419"
             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="270" min="270" max="419" 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="419" min="270" max="419" 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 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/Pagkos-Caro-Mikos:-130-ek-">
          <img class="ph-panel__image w-100" data-terra--results-panel-target="productThumbnail" alt="Bench Caro" src="https://polihome-production-cdn.b-cdn.net/images/dqnaneivi84jx7enriyuzblmskos.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/Pagkos-Caro-Mikos:-130-ek-">
          Bench Caro
</a>      </div>



      <div class="mt-1">
        <a class="text-decoration-none" href="/en/products/Pagkos-Caro-Mikos:-130-ek-">
<div class="ph-panel__price">

  <span class="ph-panel__price-current ">
      <span class="ph-panel__price-from">from </span>
    270,00 €
  </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/Pagkaki-Kansas-Mikos:-131-ek-">
          <img class="ph-panel__image w-100" data-terra--results-panel-target="productThumbnail" alt="Bench Kansas" src="https://polihome-production-cdn.b-cdn.net/images/29rhpsfzll1bkghzjvuw1ojc49d1.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/Pagkaki-Kansas-Mikos:-131-ek-">
          Bench Kansas
</a>      </div>



      <div class="mt-1">
        <a class="text-decoration-none" href="/en/products/Pagkaki-Kansas-Mikos:-131-ek-">
<div class="ph-panel__price">

  <span class="ph-panel__price-current ">
      <span class="ph-panel__price-from">from </span>
    353,00 €
  </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/Pagkaki-Verno-Mikos:-110-ek-">
            <img class="ph-panel__image" alt="Bench Verno" src="https://polihome-production-cdn.b-cdn.net/images/rbhwv0az7i2fgn8lypdsmr1gsgk3.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/Pagkaki-Verno-Mikos:-110-ek-">
            <img class="ph-panel__image" alt="Bench Verno" src="https://polihome-production-cdn.b-cdn.net/images/qw191iy7grkbutku4metp5oxjor7.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/Pagkaki-Verno-Mikos:-110-ek-">
            <img class="ph-panel__image" alt="Bench Verno" src="https://polihome-production-cdn.b-cdn.net/images/yf6yzvul1t2ljftr0wy2de7rry35.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/Pagkaki-Verno-Mikos:-110-ek-">
          Bench Verno
</a>      </div>



      <div class="mt-1">
        <a class="text-decoration-none" href="/en/products/Pagkaki-Verno-Mikos:-110-ek-">
<div class="ph-panel__price">

  <span class="ph-panel__price-current ">
      <span class="ph-panel__price-from">from </span>
    331,00 €
  </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/Pagkaki-Ripper-Dining-Mikos:-146-ek-">
            <img class="ph-panel__image" alt="Bench Ripper Dining" src="https://polihome-production-cdn.b-cdn.net/images/k6urc9sy35cfbvkcinsjsdfkv0mk.png?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/Pagkaki-Ripper-Dining-Mikos:-146-ek-">
            <img class="ph-panel__image" alt="Bench Ripper Dining" src="https://polihome-production-cdn.b-cdn.net/images/1cshs5wny72c2d2vhnsd918eolql.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/Pagkaki-Ripper-Dining-Mikos:-146-ek-">
            <img class="ph-panel__image" alt="Bench Ripper Dining" src="https://polihome-production-cdn.b-cdn.net/images/ilzf069xl64i1soaq9zcqhuq4olw.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/Pagkaki-Ripper-Dining-Mikos:-146-ek-">
            <img class="ph-panel__image" alt="Bench Ripper Dining" src="https://polihome-production-cdn.b-cdn.net/images/bswwrtdpb0959n3p1bhghcc7qvdq.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/Pagkaki-Ripper-Dining-Mikos:-146-ek-">
          Bench Ripper Dining
</a>      </div>



      <div class="mt-1">
        <a class="text-decoration-none" href="/en/products/Pagkaki-Ripper-Dining-Mikos:-146-ek-">
<div class="ph-panel__price">

  <span class="ph-panel__price-current ">
      <span class="ph-panel__price-from">from </span>
    419,00 €
  </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/Pagkos-Giant-Mikos:-130-ek-">
            <img class="ph-panel__image" alt="Bench Giant" src="https://polihome-production-cdn.b-cdn.net/images/nfzjcnqi9ldb3nikzp09glxbjyk1.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/Pagkos-Giant-Mikos:-130-ek-">
            <img class="ph-panel__image" alt="Bench Giant" src="https://polihome-production-cdn.b-cdn.net/images/bxw9z53qvmgom8w5yp739awx9cr4.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/Pagkos-Giant-Mikos:-130-ek-">
            <img class="ph-panel__image" alt="Bench Giant" src="https://polihome-production-cdn.b-cdn.net/images/g5cmin9h9ntvmuvug7hdf7om2qoq.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/Pagkos-Giant-Mikos:-130-ek-">
          Bench Giant
</a>      </div>



      <div class="mt-1">
        <a class="text-decoration-none" href="/en/products/Pagkos-Giant-Mikos:-130-ek-">
<div class="ph-panel__price">

  <span class="ph-panel__price-current ">
      <span class="ph-panel__price-from">from </span>
    290,00 €
  </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/Pagkaki-London">
          <img class="ph-panel__image w-100" data-terra--results-panel-target="productThumbnail" alt="Bench London" src="https://polihome-production-cdn.b-cdn.net/images/5kfrhw5uj72bk6tzd4baea74s3tr.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/Pagkaki-London">
          Bench London
</a>      </div>



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

  <span class="ph-panel__price-current ">
    299,00 €
  </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/Pagkaki-Maja">
            <img class="ph-panel__image" alt="Bench Maja" src="https://polihome-production-cdn.b-cdn.net/images/u99oa9wdc0vtwrqjhwpqvfk5t9dt.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/Pagkaki-Maja">
            <img class="ph-panel__image" alt="Bench Maja" src="https://polihome-production-cdn.b-cdn.net/images/1vfif8hjg9mlyjpbxdbvkvdcyrew.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/Pagkaki-Maja">
          Bench Maja
</a>      </div>



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

  <span class="ph-panel__price-current ">
    299,00 €
  </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></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">
 7 Items
</div>
</template></turbo-stream><turbo-stream action="update" target="category-slider-section"><template>
<div id="category-panel-swiper" class="cat-panel-swiper-container" data-controller="terra--category-panel-swiper">
  <div class="swiper" data-terra--category-panel-swiper-target="swiperContainer">
    <div class="swiper-wrapper">
        <div class="swiper-slide">
          <a class="cat-panel" href="/en/lp/elevated-outdoor-spaces?category_id=164">
            <div class="cat-panel__image" style="background-image: url('https://polihome-production-cdn.b-cdn.net/images/sjr3c5na4il0axmw1og4gonsaars.png');"></div>
            <div class="cat-panel__name  d-none d-md-block">LOUNGE SETS</div>
            <div class="cat-panel__name  d-md-none">Lounge Sets</div>
</a>        </div>
        <div class="swiper-slide">
          <a class="cat-panel" href="/en/lp/elevated-outdoor-spaces?category_id=180">
            <div class="cat-panel__image" style="background-image: url('https://polihome-production-cdn.b-cdn.net/images/45szsobpiadsku2iy5857ojdxo51.png');"></div>
            <div class="cat-panel__name  d-none d-md-block">DINING SETS</div>
            <div class="cat-panel__name  d-md-none">Dining Sets</div>
</a>        </div>
        <div class="swiper-slide">
          <a class="cat-panel" href="/en/lp/elevated-outdoor-spaces?category_id=187">
            <div class="cat-panel__image" style="background-image: url('https://polihome-production-cdn.b-cdn.net/images/ladf0lo11n5q47ppx2zfkukclw4c.png');"></div>
            <div class="cat-panel__name  d-none d-md-block">CHAIRS</div>
            <div class="cat-panel__name  d-md-none">Chairs</div>
</a>        </div>
        <div class="swiper-slide">
          <a class="cat-panel" href="/en/lp/elevated-outdoor-spaces?category_id=167">
            <div class="cat-panel__image" style="background-image: url('https://polihome-production-cdn.b-cdn.net/images/gu86t9hsmpfg5weyifi0gq2lsocs.png');"></div>
            <div class="cat-panel__name  d-none d-md-block">ARMCHAIRS</div>
            <div class="cat-panel__name  d-md-none">Armchairs</div>
</a>        </div>
        <div class="swiper-slide">
          <a class="cat-panel" href="/en/lp/elevated-outdoor-spaces?category_id=173">
            <div class="cat-panel__image" style="background-image: url('https://polihome-production-cdn.b-cdn.net/images/p058rostehz17mgll2035iwc9sr9.png');"></div>
            <div class="cat-panel__name  d-none d-md-block">STOOLS &amp; POUFS</div>
            <div class="cat-panel__name  d-md-none">Stools &amp; Poufs</div>
</a>        </div>
        <div class="swiper-slide">
          <a class="cat-panel" href="/en/lp/elevated-outdoor-spaces?category_id=181">
            <div class="cat-panel__image" style="background-image: url('https://polihome-production-cdn.b-cdn.net/images/uzjwgxa3du1svzaztzn6abz0hc6y.png');"></div>
            <div class="cat-panel__name  d-none d-md-block">TABLES</div>
            <div class="cat-panel__name  d-md-none">Tables</div>
</a>        </div>
        <div class="swiper-slide">
          <a class="cat-panel" href="/en/lp/elevated-outdoor-spaces?category_id=166">
            <div class="cat-panel__image" style="background-image: url('https://polihome-production-cdn.b-cdn.net/images/277e9l8lq0m96epyj7mz87wdtfmy.png');"></div>
            <div class="cat-panel__name  d-none d-md-block">SOFAS</div>
            <div class="cat-panel__name  d-md-none">Sofas</div>
</a>        </div>
        <div class="swiper-slide">
          <a class="cat-panel" href="/en/lp/elevated-outdoor-spaces?category_id=55">
            <div class="cat-panel__image" style="background-image: url('https://polihome-production-cdn.b-cdn.net/images/jkhvi3cgq4dvujereidl8xpx4tbc.png');"></div>
            <div class="cat-panel__name  d-none d-md-block">PANTRY CABINETS</div>
            <div class="cat-panel__name  d-md-none">Pantry Cabinets</div>
</a>        </div>
        <div class="swiper-slide">
          <a class="cat-panel" href="/en/lp/elevated-outdoor-spaces?category_id=174">
            <div class="cat-panel__image" style="background-image: url('https://polihome-production-cdn.b-cdn.net/images/gj3g8ceesbqr6u20cniovr4q4kbi.png');"></div>
            <div class="cat-panel__name  d-none d-md-block">SIDE TABLES</div>
            <div class="cat-panel__name  d-md-none">Side Tables</div>
</a>        </div>
        <div class="swiper-slide">
          <a class="cat-panel" href="/en/lp/elevated-outdoor-spaces?category_id=959">
            <div class="cat-panel__image" style="background-image: url('https://polihome-production-cdn.b-cdn.net/images/qxg5jc7jtorddnvyo6z9qox2lqq5.png');"></div>
            <div class="cat-panel__name cat-panel__name--active d-none d-md-block">BENCH</div>
            <div class="cat-panel__name cat-panel__name--active d-md-none">Bench</div>
</a>        </div>
        <div class="swiper-slide">
          <a class="cat-panel" href="/en/lp/elevated-outdoor-spaces?category_id=194">
            <div class="cat-panel__image" style="background-image: url('https://polihome-production-cdn.b-cdn.net/images/pux51jtotpbtoes1y5b182jgo869.png');"></div>
            <div class="cat-panel__name  d-none d-md-block">SUNBEDS</div>
            <div class="cat-panel__name  d-md-none">Sunbeds</div>
</a>        </div>
    </div>
  </div>

  <button class="cat-swiper-btn cat-swiper-btn--prev" aria-label="Previous">
    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20">
  <path fill="currentColor" fill-rule="evenodd" d="m14 2-8 8 8 8 .7-.7L7.4 10l7.3-7.3z" clip-rule="evenodd"/>
</svg>

  </button>

  <button class="cat-swiper-btn cat-swiper-btn--next" aria-label="Next">
    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20">
  <path fill="currentColor" fill-rule="evenodd" d="m6 2 8 8-8 8-.7-.7L12.6 10 5.3 2.7z" clip-rule="evenodd"/>
</svg>

  </button>
</div>
</template></turbo-stream><turbo-stream action="update_canonical" url="https://www.polihome.gr/en/lp/elevated-outdoor-spaces">
  <template></template>
</turbo-stream>
