<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/3/dnevna">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/3/saloni" 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/10/salonia">
        Sofas
        <span class="number-of-results ">(5)</span>
</a>    </div>
    <div class="category-link pt-2">
      <a class="" href="/en/categories/24/syntheta-saloniou">
        Wall units
        <span class="number-of-results ">(1)</span>
</a>    </div>
</div>
        <div class="filter-group">
  <label class="filter-label">Purchase Options</label>


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

        <label for="purchase-option-free_shipping">&nbsp;&nbsp;Free Shipping</label>&nbsp;&nbsp;
        <span class="number-of-results">(5)</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/3/saloni/f/1549/white?price_max=8742.36&amp;price_min=6686.99">
    <input type="checkbox" name="filter-1549" id="filter-1549" value="1" class="form-check-input checked-000000" style="background-color: #ffffff; border-color: #ffffff" />

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

    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/en/categories/3/saloni/f/1551/red?price_max=8742.36&amp;price_min=6686.99">
    <input type="checkbox" name="filter-1551" id="filter-1551" value="1" class="form-check-input checked-ffffff" style="background-color: #ff0000; border-color: #ff0000" />

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

    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/en/categories/3/saloni/f/1555/black?price_max=8742.36&amp;price_min=6686.99">
    <input type="checkbox" name="filter-1555" id="filter-1555" value="1" class="form-check-input checked-ffffff" style="background-color: #000000; border-color: #000000" />

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

    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/en/categories/3/saloni/f/1556/beige?price_max=8742.36&amp;price_min=6686.99">
    <input type="checkbox" name="filter-1556" id="filter-1556" value="1" class="form-check-input checked-000000" style="background-color: #fee9ce; border-color: #fee9ce" />

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

    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/en/categories/3/saloni/f/1544/orange?price_max=8742.36&amp;price_min=6686.99">
    <input type="checkbox" name="filter-1544" id="filter-1544" value="1" class="form-check-input checked-ffffff" style="background-color: #ff7f00; border-color: #ff7f00" />

    <label for="filter-1544">&nbsp;&nbsp;Orange</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/3/saloni/f/1553/ecru?price_max=8742.36&amp;price_min=6686.99">
    <input type="checkbox" name="filter-1553" id="filter-1553" value="1" class="form-check-input checked-000000" style="background-color: #fef8d4; border-color: #fef8d4" />

    <label for="filter-1553">&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/3/saloni/f/1554/natural?price_max=8742.36&amp;price_min=6686.99">
    <input type="checkbox" name="filter-1554" id="filter-1554" value="1" class="form-check-input checked-ffffff" 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>
        
<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="280" type="hidden" name="total_length_min_abs" id="total_length_min_abs" />
    <input value="352" 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="280"
         data-terra--dimension-range-filter-max-value="352">

      <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="280" max="352" value="280"
               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="280" max="352" value="352"
               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="280" min="280" max="352" 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="352" min="280" max="352" 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="196" type="hidden" name="total_width_min_abs" id="total_width_min_abs" />
    <input value="276" 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="196"
         data-terra--dimension-range-filter-max-value="276">

      <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="196" max="276" value="196"
               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="196" max="276" value="276"
               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="196" min="196" max="276" 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="276" min="196" max="276" 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="82" type="hidden" name="total_height_min_abs" id="total_height_min_abs" />
    <input value="100" 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="82"
         data-terra--dimension-range-filter-max-value="100">

      <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="82" max="100" value="82"
               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="82" max="100" value="100"
               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="82" min="82" max="100" 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="100" min="82" max="100" 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/3/saloni">Clear</a>


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

    <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="6726" max="8624" value="6686"
             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="6726" max="8624" value="8742"
             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 value="6686" placeholder="6726" min="6726" max="8624" 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="8742" placeholder="8624" min="6726" max="8624" 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/corner-sofa-gelito-max-i-lthr-leuko-left-252700">
          <img class="ph-panel__image w-100" data-terra--results-panel-target="productThumbnail" alt="Corner sofa Gelito Max I LTHR" src="https://polihome-production-cdn.b-cdn.net/images/image_729685_gal_max_i_16_.jpg?width=500&amp;height=500&amp;fit=inside" />
</a>
          <div class="position-absolute bottom-0 start-0 free-shipping-badge">
  free shipping
</div>

      </div>

    <div class="ph-panel__body pt-2">
      <div class="ph-panel__title">
        <a class="text-decoration-none" href="/en/products/corner-sofa-gelito-max-i-lthr-leuko-left-252700">
          Corner Sofa Gelito Max I Lthr
</a>      </div>



      <div class="mt-1">
        <a class="text-decoration-none" href="/en/products/corner-sofa-gelito-max-i-lthr-leuko-left-252700">
<div class="ph-panel__price">

  <span class="ph-panel__price-current ">
      <span class="ph-panel__price-from">from </span>
    3.439,00 €
      / 6.726,10 лв.
  </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/corner-sofa-gelito-relax-lthr-leuko-left-253021">
          <img class="ph-panel__image w-100" data-terra--results-panel-target="productThumbnail" alt="Corner sofa Gelito Relax LTHR" src="https://polihome-production-cdn.b-cdn.net/images/image_731163_gal_relax_19__1.jpg?width=500&amp;height=500&amp;fit=inside" />
</a>
          <div class="position-absolute bottom-0 start-0 free-shipping-badge">
  free shipping
</div>

      </div>

    <div class="ph-panel__body pt-2">
      <div class="ph-panel__title">
        <a class="text-decoration-none" href="/en/products/corner-sofa-gelito-relax-lthr-leuko-left-253021">
          Corner Sofa Gelito Relax Lthr
</a>      </div>



      <div class="mt-1">
        <a class="text-decoration-none" href="/en/products/corner-sofa-gelito-relax-lthr-leuko-left-253021">
<div class="ph-panel__price">

  <span class="ph-panel__price-current ">
      <span class="ph-panel__price-from">from </span>
    3.519,00 €
      / 6.882,57 лв.
  </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/corner-sofa-baggy-lthr-left-273625">
            <img class="ph-panel__image" alt="Corner sofa Baggy LTHR" src="https://polihome-production-cdn.b-cdn.net/images/image_806063_baggio_bryla_01-841x500_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/corner-sofa-baggy-lthr-left-273625">
            <img class="ph-panel__image" alt="Corner sofa Baggy LTHR" src="https://polihome-production-cdn.b-cdn.net/images/image_806066_baggio_ar1_zbl-1_2023-04_a-750x1125_1.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 class="position-absolute bottom-0 start-0 free-shipping-badge">
  free shipping
</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/corner-sofa-baggy-lthr-left-273625">
          Corner Sofa Baggy Lthr
</a>      </div>



      <div class="mt-1">
        <a class="text-decoration-none" href="/en/products/corner-sofa-baggy-lthr-left-273625">
<div class="ph-panel__price">

  <span class="ph-panel__price-current ">
      <span class="ph-panel__price-from">from </span>
    3.599,00 €
      / 7.039,03 лв.
  </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/corner-sofa-jolie-plus-lthr-right-273706">
          <img class="ph-panel__image w-100" data-terra--results-panel-target="productThumbnail" alt="Corner sofa Jolie Plus LTHR" src="https://polihome-production-cdn.b-cdn.net/images/image_806417_focus_xl_115245_a-1-1320x880_deksia_1.jpg?width=500&amp;height=500&amp;fit=inside" />
</a>
          <div class="position-absolute bottom-0 start-0 free-shipping-badge">
  free shipping
</div>

      </div>

    <div class="ph-panel__body pt-2">
      <div class="ph-panel__title">
        <a class="text-decoration-none" href="/en/products/corner-sofa-jolie-plus-lthr-right-273706">
          Corner Sofa Jolie Plus Lthr
</a>      </div>



      <div class="mt-1">
        <a class="text-decoration-none" href="/en/products/corner-sofa-jolie-plus-lthr-right-273706">
<div class="ph-panel__price">

  <span class="ph-panel__price-current ">
      <span class="ph-panel__price-from">from </span>
    4.409,00 €
      / 8.623,25 лв.
  </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/Corner-Sofa-Calyra-Max-I-Relax-Lthr-307977">
          <img class="ph-panel__image w-100" data-terra--results-panel-target="productThumbnail" alt="Corner Sofa Calyra Max I Relax Lthr" src="https://polihome-production-cdn.b-cdn.net/images/euqshc5fx32f4vv6j616m4k7l5p5.jpg?width=500&amp;height=500&amp;fit=inside" />
</a>
          <div class="position-absolute bottom-0 start-0 free-shipping-badge">
  free shipping
</div>

      </div>

    <div class="ph-panel__body pt-2">
      <div class="ph-panel__title">
        <a class="text-decoration-none" href="/en/products/Corner-Sofa-Calyra-Max-I-Relax-Lthr-307977">
          Corner Sofa Calyra Max I Relax Lthr
</a>      </div>



      <div class="mt-1">
        <a class="text-decoration-none" href="/en/products/Corner-Sofa-Calyra-Max-I-Relax-Lthr-307977">
<div class="ph-panel__price">

  <span class="ph-panel__price-current ">
      <span class="ph-panel__price-from">from </span>
    4.049,00 €
      / 7.919,16 лв.
  </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/living-room-composition-cocoa-249951">
            <img class="ph-panel__image" alt="Living room composition Cocoa" src="https://polihome-production-cdn.b-cdn.net/images/t25vqh92rj35fxbcdx4jwxrmt15e.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/living-room-composition-cocoa-249951">
            <img class="ph-panel__image" alt="Living room composition Cocoa" src="https://polihome-production-cdn.b-cdn.net/images/image_722476_cozy12.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/living-room-composition-cocoa-249951">
          Living Room Composition Cocoa
</a>      </div>

        <div class="ph-panel__options mt-1">
          <span>6 Options</span>
        </div>


      <div class="mt-1">
        <a class="text-decoration-none" href="/en/products/living-room-composition-cocoa-249951">
<div class="ph-panel__price">

  <span class="ph-panel__price-current ">
      <span class="ph-panel__price-from">from </span>
    3.559,00 €
      / 6.960,80 лв.
  </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">
 6 Items
</div>
</template></turbo-stream><turbo-stream action="update_canonical" url="https://www.polihome.bg/en/categories/3/saloni">
  <template></template>
</turbo-stream>
