<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/166/divani">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/166/kanapedes/f/1554/natural" accept-charset="UTF-8" method="get">



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


    <div class="category-link pt-2">
      <a class="" href="/en/categories/167/poluthrones">
        Armchairs
        <span class="number-of-results ">(26)</span>
</a>    </div>
    <div class="category-link pt-2">
      <a class="" href="/en/categories/187/karekles">
        Chairs
        <span class="number-of-results ">(17)</span>
</a>    </div>
    <div class="category-link pt-2">
      <a class="" href="/en/categories/173/skampo-pouf">
        Stools &amp; poufs
        <span class="number-of-results ">(10)</span>
</a>    </div>
    <div class="category-link pt-2">
      <a class="" href="/en/categories/174/trapezakia-saloniou">
        Side tables
        <span class="number-of-results ">(9)</span>
</a>    </div>
    <div class="category-link pt-2">
      <a class="" href="/en/categories/1464/architektoniki-kipou">
        Garden architecture
        <span class="number-of-results ">(8)</span>
</a>    </div>
    <div class="category-link pt-2">
      <a class="" href="/en/categories/200/ompreles">
        Umbrellas - parasols
        <span class="number-of-results ">(6)</span>
</a>    </div>
    <div class="category-link pt-2">
      <a class="" href="/en/categories/181/trapezia">
        Tables
        <span class="number-of-results ">(4)</span>
</a>    </div>
    <div class="category-link pt-2">
      <a class="" href="/en/categories/203/aksesouar-ekswterikou-xwrou">
        Outdoor accessories
        <span class="number-of-results ">(4)</span>
</a>    </div>
</div>
        <div class="filter-group">
  <label class="filter-label">Color</label>

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

    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/en/categories/166/kanapedes/f/1554_1550/natural_green?price_max=397.03">
    <input type="checkbox" name="filter-1550" id="filter-1550" value="1" class="form-check-input checked-ffffff" style="background-color: #008001; border-color: #008001" />

    <label for="filter-1550">&nbsp;&nbsp;Green</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/166/kanapedes?price_max=397.03">
    <input type="checkbox" name="filter-1554" id="filter-1554" value="1" class="form-check-input checked-ffffff" checked="checked" style="background-color: #ddb989; border-color: #ddb989" />

    <label for="filter-1554">&nbsp;&nbsp;Natural</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/166/kanapedes/f/1554_1555/natural_black?price_max=397.03">
    <input type="checkbox" name="filter-1555" id="filter-1555" value="1" class="form-check-input checked-ffffff" style="background-color: #000000; border-color: #000000" />

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


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


    <div class="row filter-fields">
      <div class="col-5 min-input">
        <label class="visually-hidden" for="total_length_min">from</label>
        <input placeholder="from 120.0" class="form-control" type="text" name="total_length_min" id="total_length_min" />
      </div>

      <div class="col-5 max-input">
        <label class="visually-hidden" for="total_length_max">to</label>
        <input placeholder="to 120.0" class="form-control" type="text" name="total_length_max" id="total_length_max" />
      </div>

      <div class="col-2 col-xxl-1 submit-fields">
        <input type="submit" name="" value="&gt;" class="btn" data-disable-with="&gt;" />
      </div>
    </div>
  </div>

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


    <div class="row filter-fields">
      <div class="col-5 min-input">
        <label class="visually-hidden" for="total_width_min">from</label>
        <input placeholder="from 70.0" class="form-control" type="text" name="total_width_min" id="total_width_min" />
      </div>

      <div class="col-5 max-input">
        <label class="visually-hidden" for="total_width_max">to</label>
        <input placeholder="to 70.0" class="form-control" type="text" name="total_width_max" id="total_width_max" />
      </div>

      <div class="col-2 col-xxl-1 submit-fields">
        <input type="submit" name="" value="&gt;" class="btn" data-disable-with="&gt;" />
      </div>
    </div>
  </div>

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


    <div class="row filter-fields">
      <div class="col-5 min-input">
        <label class="visually-hidden" for="total_height_min">from</label>
        <input placeholder="from 96.0" class="form-control" type="text" name="total_height_min" id="total_height_min" />
      </div>

      <div class="col-5 max-input">
        <label class="visually-hidden" for="total_height_max">to</label>
        <input placeholder="to 96.0" class="form-control" type="text" name="total_height_max" id="total_height_max" />
      </div>

      <div class="col-2 col-xxl-1 submit-fields">
        <input type="submit" name="" value="&gt;" class="btn" data-disable-with="&gt;" />
      </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/166/kanapedes/f/1554/natural">Clear</a>

  <div class="price-options">
      <div class="filter-option-group">
        <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/en/categories/166/kanapedes/f/1554/natural">
          <input type="radio" name="price_filter-0.00-397.03" id="price_filter-0.00-397.03" value="true" class="form-check-input" checked="checked" />

          <label for="price_filter-0.00-397.03">&nbsp;&nbsp;0,00 € - 397,03 €</label>&nbsp;&nbsp;<span>(1)</span>
</a>      </div>
      <div class="filter-option-group">
        <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/en/categories/166/kanapedes/f/1554/natural?price_max=1347.57&amp;price_min=397.04">
          <input type="radio" name="price_filter-397.04-1347.57" id="price_filter-397.04-1347.57" value="true" class="form-check-input" />

          <label for="price_filter-397.04-1347.57">&nbsp;&nbsp;397,04 € - 1.347,57 €</label>&nbsp;&nbsp;<span>(1)</span>
</a>      </div>
      <div class="filter-option-group">
        <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/en/categories/166/kanapedes/f/1554/natural?price_max=1582.27&amp;price_min=1347.58">
          <input type="radio" name="price_filter-1347.58-1582.27" id="price_filter-1347.58-1582.27" value="true" class="form-check-input" />

          <label for="price_filter-1347.58-1582.27">&nbsp;&nbsp;1.347,58 € - 1.582,27 €</label>&nbsp;&nbsp;<span>(1)</span>
</a>      </div>
      <div class="filter-option-group">
        <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/en/categories/166/kanapedes/f/1554/natural?price_max=1836.52&amp;price_min=1582.28">
          <input type="radio" name="price_filter-1582.28-1836.52" id="price_filter-1582.28-1836.52" value="true" class="form-check-input" />

          <label for="price_filter-1582.28-1836.52">&nbsp;&nbsp;1.582,28 € - 1.836,52 €</label>&nbsp;&nbsp;<span>(1)</span>
</a>      </div>
  </div>

  <div class="row filter-fields">
    <div class="col-5 min-input">
      <label class="visually-hidden" for="price_min">from</label>
      <input id="price_min" class="form-control" type="text" name="price_min" />
    </div>

    <div class="col-5 max-input">
      <label class="visually-hidden" for="price_max">to</label>
      <input value="397.03" id="price_max" class="form-control" type="text" name="price_max" />
    </div>

    <div class="col-2 col-xxl-1 submit-fields">
      <input type="submit" name="" value="&gt;" class="btn" data-disable-with="&gt;" />
    </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/sofa-aron-239739">
            <img class="ph-panel__image" alt="Sofa Aron" src="https://polihome-production-cdn.b-cdn.net/images/xyvbf0dgkss3719aunu5eha8mh5f.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/sofa-aron-239739">
            <img class="ph-panel__image" alt="Sofa Aron" src="https://polihome-production-cdn.b-cdn.net/images/6kf47s0xsck3dqnwtl3seij7kubp.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/sofa-aron-239739">
          Sofa Aron
</a>      </div>



      <div class="mt-1">
        <a class="text-decoration-none" href="/en/products/sofa-aron-239739">
<div class="ph-panel__price">

  <span class="ph-panel__price-current ">
    203,00 €
  </span>

    <span class="ph-panel__price-current d-block">
      397,03 лв.
    </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">natural</span>

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







  </div>
</template></turbo-stream><turbo-stream action="update" target="sorting-options"><template><div class="col-5 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-7 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">
 1 Items
</div>
</template></turbo-stream><turbo-stream action="update_canonical" url="https://www.polihome.bg/en/categories/166/kanapedes/f/1554/natural">
  <template></template>
</turbo-stream>
