<turbo-stream action="update" targets=".filters-section"><template><div class="filters">
  <div class="filters-header">
    <strong class="filters-title" role="heading">Филтри</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="/bg/categories/1169/active-speakers" accept-charset="UTF-8" method="get">



        <div class="filter-group">
  <label class="filter-label">Категория</label>


    <div class="category-link pt-2">
      <a class="" href="/bg/categories/1166/forhta-hxeia">
        Безжични тонколони
        <span class="number-of-results ">(25)</span>
</a>    </div>
    <div class="category-link pt-2">
      <a class="" href="/bg/categories/1164/hxeia-hifi">
        Hi-fi тонколони
        <span class="number-of-results ">(12)</span>
</a>    </div>
    <div class="category-link pt-2">
      <a class="" href="/bg/categories/1165/soundbars">
        Soundbars
        <span class="number-of-results ">(10)</span>
</a>    </div>
    <div class="category-link pt-2">
      <a class="" href="/bg/categories/1167/hxeia-egkatastasewn">
        Тонколони за вграждане
        <span class="number-of-results ">(8)</span>
</a>    </div>
    <div class="category-link pt-2">
      <a class="" href="/bg/categories/1168/subwoofers">
        Subwoofers
        <span class="number-of-results ">(5)</span>
</a>    </div>
    <div class="category-link pt-2">
      <a class="primary-color" href="/bg/categories/1169/autoenisxyomena-hxeia">
        Active speakers
        <span class="number-of-results primary-color">(5)</span>
</a>    </div>
    <div class="category-link pt-2">
      <a class="" href="/bg/categories/1170/hxeia-upologisth">
        Тонколони за компютър
        <span class="number-of-results ">(2)</span>
</a>    </div>
</div>
        <div class="filter-group">
  <label class="filter-label">Опции за покупка</label>


    <div class="filter-option-group">
      <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/1169/active-speakers?free_shipping=true">
        <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;Безплатна Доставка</label>&nbsp;&nbsp;
        <span class="number-of-results">(3)</span>
</a>    </div>
</div>
        <div class="filter-group">
  <label class="filter-label">цвят</label>


    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/1169/autoenisxyomena-hxeia/f/1549/white">
    <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;бял</label>&nbsp;&nbsp;<span class="number-of-results">(4)</span>
</a></div>


</div>
        <div class="filter-group">
  <label class="filter-label">Производител</label>


    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/bg/categories/1169/autoenisxyomena-hxeia/f/b193/sonos">
    <input type="checkbox" name="brand-filter-193" id="brand-filter-193" value="1" class="form-check-input" />

    <label for="brand-filter-193">&nbsp;&nbsp;Sonos</label>&nbsp;&nbsp;<span class="number-of-results">(5)</span>
</a></div>


</div>
        

  <div class="filter-group">
    <label class="filter-label">дължина (cm)</label>



    <input value="12" type="hidden" name="total_length_min_abs" id="total_length_min_abs" />
    <input value="37" 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="12"
         data-terra--dimension-range-filter-max-value="37">

      <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="12" max="37" value="12"
               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="12" max="37" value="37"
               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="12" min="12" max="37" 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="37" min="12" max="37" 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">
    <label class="filter-label">дълбочина (cm)</label>



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

      <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="6" max="20" value="6"
               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="6" max="20" value="20"
               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="6" min="6" max="20" 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="20" min="6" max="20" 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">
    <label class="filter-label">височина (cm)</label>



    <input value="6" type="hidden" name="total_height_min_abs" id="total_height_min_abs" />
    <input value="24" 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="6"
         data-terra--dimension-range-filter-max-value="24">

      <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="6" max="24" value="6"
               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="6" max="24" value="24"
               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="6" min="6" max="24" 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="24" min="6" max="24" 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">Цена (€)</label>



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

    <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="442" max="1661" value="442"
             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="442" max="1661" value="1661"
             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="442" min="442" max="1661" 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="1661" min="442" max="1661" 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="Любими" src="https://polihome-staging-assets.b-cdn.net/assets/terra/products/empty-heart-eee2dcabdbb2be5318aa2d52b5c59438e9c2e02aa34258605e049c4f959e56a8.svg" />
</a>
        </div>

        <a href="/bg/products/sonos-move-black-192160">
          <img class="ph-panel__image w-100" data-terra--results-panel-target="productThumbnail" alt="Sonos Move" src="https://polihome-production-cdn.b-cdn.net/images/image_551952_fid52198_sonos_oiid35041_reg_apline_mst_mst_0x0_webjpg-900x900_2.jpg?width=500&amp;height=500&amp;fit=inside" />
</a>
          <div class="position-absolute bottom-0 start-0 free-shipping-badge">
  безплатна доставка
</div>

      </div>

    <div class="ph-panel__body pt-2">
      <div class="ph-panel__title">
        <a class="text-decoration-none" href="/bg/products/sonos-move-black-192160">
          Sonos Move
</a>      </div>



      <div class="mt-1">
        <a class="text-decoration-none" href="/bg/products/sonos-move-black-192160">
<div class="ph-panel__price">

  <span class="ph-panel__price-current ">
      <span class="ph-panel__price-from">от </span>
    569,00 €
      / 1.112,87 лв.
  </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="Любими" src="https://polihome-staging-assets.b-cdn.net/assets/terra/products/empty-heart-eee2dcabdbb2be5318aa2d52b5c59438e9c2e02aa34258605e049c4f959e56a8.svg" />
</a>
        </div>

        <a href="/bg/products/sonos-five-leuko-192176">
          <img class="ph-panel__image w-100" data-terra--results-panel-target="productThumbnail" alt="Sonos Five" src="https://polihome-production-cdn.b-cdn.net/images/image_552027_five_white-product_render-front-q2fy20_mst-mst_jpgdigital_fid95260_1_-900x900_1.jpg?width=500&amp;height=500&amp;fit=inside" />
</a>
          <div class="position-absolute bottom-0 start-0 free-shipping-badge">
  безплатна доставка
</div>

      </div>

    <div class="ph-panel__body pt-2">
      <div class="ph-panel__title">
        <a class="text-decoration-none" href="/bg/products/sonos-five-leuko-192176">
          Sonos Five
</a>      </div>



      <div class="mt-1">
        <a class="text-decoration-none" href="/bg/products/sonos-five-leuko-192176">
<div class="ph-panel__price">

  <span class="ph-panel__price-current ">
      <span class="ph-panel__price-from">от </span>
    819,00 €
      / 1.601,82 лв.
  </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="Любими" src="https://polihome-staging-assets.b-cdn.net/assets/terra/products/empty-heart-eee2dcabdbb2be5318aa2d52b5c59438e9c2e02aa34258605e049c4f959e56a8.svg" />
</a>
        </div>

        <a href="/bg/products/sonos-outdoor-193604">
          <img class="ph-panel__image w-100" data-terra--results-panel-target="productThumbnail" alt="Sonos Outdoor" src="https://polihome-production-cdn.b-cdn.net/images/image_564705_fid62053_sonos_oiid48960_reg_sonos_and_sonance_mst_mst_0x0_webjpg-900x900.jpg?width=500&amp;height=500&amp;fit=inside" />
</a>
          <div class="position-absolute bottom-0 start-0 free-shipping-badge">
  безплатна доставка
</div>

      </div>

    <div class="ph-panel__body pt-2">
      <div class="ph-panel__title">
        <a class="text-decoration-none" href="/bg/products/sonos-outdoor-193604">
          Sonos Outdoor
</a>      </div>



      <div class="mt-1">
        <a class="text-decoration-none" href="/bg/products/sonos-outdoor-193604">
<div class="ph-panel__price">

  <span class="ph-panel__price-current ">
    849,00 €
      / 1.660,50 лв.
  </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="Любими" src="https://polihome-staging-assets.b-cdn.net/assets/terra/products/empty-heart-eee2dcabdbb2be5318aa2d52b5c59438e9c2e02aa34258605e049c4f959e56a8.svg" />
</a>
        </div>

        <a href="/bg/products/sonos-one-sl-black-192126">
          <img class="ph-panel__image w-100" data-terra--results-panel-target="productThumbnail" alt="Sonos One SL" src="https://polihome-production-cdn.b-cdn.net/images/image_551797_fid62278_sonos_oiid48946_reg_one_sl_mst_mst_0x0_webjpg-900x900_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="/bg/products/sonos-one-sl-black-192126">
          Sonos One Sl
</a>      </div>



      <div class="mt-1">
        <a class="text-decoration-none" href="/bg/products/sonos-one-sl-black-192126">
<div class="ph-panel__price">

  <span class="ph-panel__price-current ">
      <span class="ph-panel__price-from">от </span>
    251,00 €
      / 490,91 лв.
  </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="Любими" src="https://polihome-staging-assets.b-cdn.net/assets/terra/products/empty-heart-eee2dcabdbb2be5318aa2d52b5c59438e9c2e02aa34258605e049c4f959e56a8.svg" />
</a>
        </div>

        <a href="/bg/products/sonos-roam-sl-leuko-238841">
          <img class="ph-panel__image w-100" data-terra--results-panel-target="productThumbnail" alt="Sonos Roam SL" src="https://polihome-production-cdn.b-cdn.net/images/image_688051_37111_1-900x900_1.png?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="/bg/products/sonos-roam-sl-leuko-238841">
          Sonos Roam Sl
</a>      </div>



      <div class="mt-1">
        <a class="text-decoration-none" href="/bg/products/sonos-roam-sl-leuko-238841">
<div class="ph-panel__price">

  <span class="ph-panel__price-current ">
      <span class="ph-panel__price-from">от </span>
    226,00 €
      / 442,02 лв.
  </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="#">Филтри</a>
</div>

<div class="col-6 col-xxl-2 filter-fields" id="length-filter-fields" data-controller="terra--results-sorting">
  <label class="visually-hidden" for="sorting">Сортиране</label>
  <select name="sorting" id="sorting" data-action="change-&gt;terra--results-sorting#update" data-terra--results-sorting-target="select" class="form-select form-select-sm select-sorting"><option value="_score">Препоръчително</option>
<option value="new_arrivals">Нови пристигания</option>
<option value="price_asc">Цена: от ниска към висока</option>
<option value="price_desc">Цена: висока към ниска</option></select>
</div>

<div class="col-xxl-10 text-center text-xxl-end number-of-products d-flex align-items-end justify-content-center pt-xxl-0 d-none d-xxl-block">
 5 Продукти
</div>
</template></turbo-stream><turbo-stream action="update_canonical" url="https://www.polihome.bg/bg/categories/1169/active-speakers">
  <template></template>
</turbo-stream>
