  <turbo-stream action="replace" target="filter-state">
    <template>
      <div id="filter-state">
  <div class="row filter align-items-end">
    <div class="col mb-3">
        <div class="text-start product-count mb-3">
          11 produktów
        </div>
      <input type="hidden" name="category" id="category" autocomplete="off" />
      <input type="hidden" name="q" id="q" autocomplete="off" />


      <div class="form-check filter-shipping form-switch ms-3">
        <input type="checkbox" name="on_sale" id="on_sale" value="true" class="form-check-input" data-filter-form-target="input" data-action="change-&gt;filter-form#submit" />
        <label for="on_sale">Wyprzedaż</label>
      </div>
    </div>

    <div class="col-md-2">
      <div class="form-floating mb-4">
        <select name="preference" id="preference" class="form-select" data-filter-form-target="input" data-action="change-&gt;filter-form#submit"><option selected="selected" value="newest">Najnowsze</option>
<option value="price_asc">Cena od najniższej do najwyższej</option>
<option value="price_desc">Cena od najwyższej do najniższej</option>
<option value="oldest">Najstarsze</option></select>
        <label class="form-label" for="preference">Sortuj według</label>
      </div>
    </div>
  </div>
</div>
    </template>
  </turbo-stream>

<turbo-stream action="update" target="product_list">
  <template>

          <div class="col-xxxl-4 col-xxxxl-3 col-xxl-4 col-xl-6 col-lg-6 col-md-6 col-sm-12">
        <div class="card product mb-4">
          <div class="row h-100">
            <div class="col-5">
              <a href="/products/dziadek-do-orzechow-dlugosc-ok-17cm">
                <img class="card-img-top" alt="Dziadek do orzechów długość ok. 17cm" src="https://d1jh1o29n9s5de.cloudfront.net/cizkb5oaq2xx0b5lvp2mssu41ijc" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/dziadek-do-orzechow-dlugosc-ok-17cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Dziadek do orzechów długość ok. 17cm</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    51.43 zł
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-nottknackare-langd-ca-17cm-1776581883">
                  </div>
                </div>
              </div>
              <div class="card-footer d-flex align-items-end h-100 ps-0">

                  <form class="add-to-cart-form w-100" action="/carts/add" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R0lKUlHhSFH1OdFvQLKERQSmX9qcqG1wdyV33YGmzTZOh87m7XQRPoQUjVhTO3OAL0Rbu_GnKufoeo3aZHptoQ" autocomplete="off" />
                    <input value="2614" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Dodaj do koszyka" class="btn mt-3 btn-primary" data-disable-with="Dodaj do koszyka" />
</form>

              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xxxl-4 col-xxxxl-3 col-xxl-4 col-xl-6 col-lg-6 col-md-6 col-sm-12">
        <div class="card product mb-4">
          <div class="row h-100">
            <div class="col-5">
              <a href="/products/swiecznik-swiateczny-wiszacy-metal-i-szklo-holmegaard">
                <img class="card-img-top" alt="ŚWIECZNIK ŚWIĄTECZNY, wiszący, metal i szkło, Holmegaard" src="https://d1jh1o29n9s5de.cloudfront.net/zztrdd10659k450tkrcj5tb1qxl4" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/swiecznik-swiateczny-wiszacy-metal-i-szklo-holmegaard">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">ŚWIECZNIK ŚWIĄTECZNY, wiszący, metal i szkło, Holmegaard</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    102.86 zł
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-julstake-hangande-metall-glas-holmegaard-1776581883">
                  </div>
                </div>
              </div>
              <div class="card-footer d-flex align-items-end h-100 ps-0">

                  <form class="add-to-cart-form w-100" action="/carts/add" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="prezRZyxwXW50Vh56OQtc80mriTSimXZ8fJg-xZeNKuveTfxICSYGsj8BE77bdq25sSqRb-FIk5urZr884KUPA" autocomplete="off" />
                    <input value="2569" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Dodaj do koszyka" class="btn mt-3 btn-primary" data-disable-with="Dodaj do koszyka" />
</form>

              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xxxl-4 col-xxxxl-3 col-xxl-4 col-xl-6 col-lg-6 col-md-6 col-sm-12">
        <div class="card product mb-4">
          <div class="row h-100">
            <div class="col-5">
              <a href="/products/fantastyczne-pudelko-na-szycie-z-drewna-tekowego-wysokosc-21-cm-dlugosc-27-cm">
                <img class="card-img-top" alt="Fantastyczne pudełko na szycie z drewna tekowego - wysokość 21 cm, długość 27 cm" src="https://d1jh1o29n9s5de.cloudfront.net/xs833s6fb02kq6xc4wpbbdykivpn" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/fantastyczne-pudelko-na-szycie-z-drewna-tekowego-wysokosc-21-cm-dlugosc-27-cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Fantastyczne pudełko na szycie z drewna tekowego - wysokość 21 cm, długość 27 cm</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    226.29 zł
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-fantastisk-sylada-i-teak-hojd-21-cm-langd-27-cm-1776581883">
                  </div>
                </div>
              </div>
              <div class="card-footer d-flex align-items-end h-100 ps-0">

                  <form class="add-to-cart-form w-100" action="/carts/add" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="chGQ_8MwQmQiK1Sw8CSTwRZbk8c66WYg_dWDM8xz6aJ73xRLf6UbC1MGCIfjrWQEPbmXplfmIbdiink0Ka9JNQ" autocomplete="off" />
                    <input value="2410" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Dodaj do koszyka" class="btn mt-3 btn-primary" data-disable-with="Dodaj do koszyka" />
</form>

              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xxxl-4 col-xxxxl-3 col-xxl-4 col-xl-6 col-lg-6 col-md-6 col-sm-12">
        <div class="card product mb-4">
          <div class="row h-100">
            <div class="col-5">
              <a href="/products/kocia-zapalniczka-z-lat-50-xx-wieku-vintage-rzadkosc">
                <img class="card-img-top" alt="Zapalniczka Kot z lat 50. XX wieku Vintage Rzadkość" src="https://d1jh1o29n9s5de.cloudfront.net/w6ogkyubdelk38396kk99qy02y80" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/kocia-zapalniczka-z-lat-50-xx-wieku-vintage-rzadkosc">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Zapalniczka Kot z lat 50. XX wieku Vintage Rzadkość</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    113.15 zł
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-katt-tandare-1950-talet-vintage-sallsynt-1776581883">
                  </div>
                </div>
              </div>
              <div class="card-footer d-flex align-items-end h-100 ps-0">

                  <form class="add-to-cart-form w-100" action="/carts/add" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OI19btCeXbu3Ls__cRGGar_VhDOyC8OcUMRERBJxuloxQ_nabAsE1MYDk8himHGvlDeAUt8EhAvPm75D960azQ" autocomplete="off" />
                    <input value="2334" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Dodaj do koszyka" class="btn mt-3 btn-primary" data-disable-with="Dodaj do koszyka" />
</form>

              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xxxl-4 col-xxxxl-3 col-xxl-4 col-xl-6 col-lg-6 col-md-6 col-sm-12">
        <div class="card product mb-4">
          <div class="row h-100">
            <div class="col-5">
              <a href="/products/drewniana-figurka">
                <img class="card-img-top" alt="Drewniana Figurka" src="https://d1jh1o29n9s5de.cloudfront.net/io3pn01w79u2e4u9htbbnu5b4ts4" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/drewniana-figurka">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Drewniana Figurka</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    61.72 zł
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-tragubbe-1776581883">
                  </div>
                </div>
              </div>
              <div class="card-footer d-flex align-items-end h-100 ps-0">

                  <form class="add-to-cart-form w-100" action="/carts/add" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ITcSOiAo0B3iHcZ7k4CUkLa81xrAUYaSaqQkETDCmewo-ZaOnL2JcpMwmkyACWNVnV7Te61ewQX1-94W1R45ew" autocomplete="off" />
                    <input value="2309" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Dodaj do koszyka" class="btn mt-3 btn-primary" data-disable-with="Dodaj do koszyka" />
</form>

              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xxxl-4 col-xxxxl-3 col-xxl-4 col-xl-6 col-lg-6 col-md-6 col-sm-12">
        <div class="card product mb-4">
          <div class="row h-100">
            <div class="col-5">
              <a href="/products/figura-drewniana-sztuka-praktyczna-wysokosc-ok-17cm">
                <img class="card-img-top" alt="Figura Drewniana, Sztuka Praktyczna, wysokość ok. 17cm" src="https://d1jh1o29n9s5de.cloudfront.net/3bdf3julk7kuaaigtv8pqngt7qtf" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/figura-drewniana-sztuka-praktyczna-wysokosc-ok-17cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Figura Drewniana, Sztuka Praktyczna, wysokość ok. 17cm</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    185.15 zł
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-trafigur-praktisk-konst-hojd-ca-17cm-1776581883">
                  </div>
                </div>
              </div>
              <div class="card-footer d-flex align-items-end h-100 ps-0">

                  <form class="add-to-cart-form w-100" action="/carts/add" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jx0PanvlCRMJU_TvobdMrpqho0qAL244GDKlD3THcVGG04vex3BQfHh-qNiyPrtrsUOnK-0gKa-HbV8IkRvRxg" autocomplete="off" />
                    <input value="1648" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Dodaj do koszyka" class="btn mt-3 btn-primary" data-disable-with="Dodaj do koszyka" />
</form>

              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xxxl-4 col-xxxxl-3 col-xxl-4 col-xl-6 col-lg-6 col-md-6 col-sm-12">
        <div class="card product mb-4">
          <div class="row h-100">
            <div class="col-5">
              <a href="/products/szczur-w-cieczy-anatomia">
                <img class="card-img-top" alt="Szczur w cieczy anatomia" src="https://d1jh1o29n9s5de.cloudfront.net/gon597e991u2awl75r9lv8m13mw1" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/szczur-w-cieczy-anatomia">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Szczur w cieczy anatomia</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    1152.03 zł
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-ratta-i-vatska-anatomi-1776581883">
                  </div>
                </div>
              </div>
              <div class="card-footer d-flex align-items-end h-100 ps-0">

                  <form class="add-to-cart-form w-100" action="/carts/add" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8IRh3CcKwRX0QhHQA24Cu7jl_JDgs2sDzg57UtdpY_P5SuVom5-YeoVvTecQ5_V-kwf48Y28LJRRUYFVMrXDZA" autocomplete="off" />
                    <input value="1597" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Dodaj do koszyka" class="btn mt-3 btn-primary" data-disable-with="Dodaj do koszyka" />
</form>

              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xxxl-4 col-xxxxl-3 col-xxl-4 col-xl-6 col-lg-6 col-md-6 col-sm-12">
        <div class="card product mb-4">
          <div class="row h-100">
            <div class="col-5">
              <a href="/products/franklin-mint-oficjalny-noz-kolekcjonerski-harley-davidson-electra-glide-edycja-limitowana">
                <img class="card-img-top" alt="Franklin Mint - Oficjalny Nóż Kolekcjonerski Harley Davidson - Electra Glide - Wydanie Limitowane" src="https://d1jh1o29n9s5de.cloudfront.net/tgg8nsxgqqxohc72wfrr30pfxn7v" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/franklin-mint-oficjalny-noz-kolekcjonerski-harley-davidson-electra-glide-edycja-limitowana">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Franklin Mint - Oficjalny Nóż Kolekcjonerski Harley Davidson - Electra Glide - Wydanie Limitowane</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    205.72 zł
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-franklin-mint-official-harley-davidson-collectors-knife-electra-glide-limited-edition-1776581883">
                  </div>
                </div>
              </div>
              <div class="card-footer d-flex align-items-end h-100 ps-0">

                  <form class="add-to-cart-form w-100" action="/carts/add" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w1S-vzyL7WWMWDCuuQjueeW-svod09fMSn61YJMhc2DKmjoLgB60Cv11bJmqgRm8zly2m3DckFvVIU9ndv3T9w" autocomplete="off" />
                    <input value="1298" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Dodaj do koszyka" class="btn mt-3 btn-primary" data-disable-with="Dodaj do koszyka" />
</form>

              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xxxl-4 col-xxxxl-3 col-xxl-4 col-xl-6 col-lg-6 col-md-6 col-sm-12">
        <div class="card product mb-4">
          <div class="row h-100">
            <div class="col-5">
              <a href="/products/unikatowy-vintage-anker-line-danasco-dania-zeliwny-emaliowany-dutch-oven-quistgaard">
                <img class="card-img-top" alt="Unikatowy Vintage Anker Line Danasco Dania Żeliwny Emaliowany Dutch Oven Quistgaard" src="https://d1jh1o29n9s5de.cloudfront.net/3cpzhglwmbfpp5uu2ummycilog4x" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/unikatowy-vintage-anker-line-danasco-dania-zeliwny-emaliowany-dutch-oven-quistgaard">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Unikatowy Vintage Anker Line Danasco Dania Żeliwny Emaliowany Dutch Oven Quistgaard</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    185.15 zł
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-rare-vintage-anker-line-danasco-denmark-cast-iron-enamel-dutch-oven-quistgaard-1776581883">
                  </div>
                </div>
              </div>
              <div class="card-footer d-flex align-items-end h-100 ps-0">

                  <form class="add-to-cart-form w-100" action="/carts/add" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ncOcR-QTev-aXCFohKT4XWg2w-TcUF6m96l3FMPDcViUDRjzWIYjkOtxfV-XLQ-YQ9THhbFfGTFo9o0TJh_Rzw" autocomplete="off" />
                    <input value="1126" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Dodaj do koszyka" class="btn mt-3 btn-primary" data-disable-with="Dodaj do koszyka" />
</form>

              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xxxl-4 col-xxxxl-3 col-xxl-4 col-xl-6 col-lg-6 col-md-6 col-sm-12">
        <div class="card product mb-4">
          <div class="row h-100">
            <div class="col-5">
              <a href="/products/drewniana-mysz-dania-podpisana">
                <img class="card-img-top" alt="Drewniana mysz, Dania podpisana" src="https://d1jh1o29n9s5de.cloudfront.net/24a3r8a738tq9lrcxvuofh22gkhl" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/drewniana-mysz-dania-podpisana">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Drewniana mysz, Dania podpisana</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    92.57 zł
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-mus-i-tra-danmark-signerad-1776581883">
                  </div>
                </div>
              </div>
              <div class="card-footer d-flex align-items-end h-100 ps-0">

                  <form class="add-to-cart-form w-100" action="/carts/add" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GCECksZqvyuBv7-dOtpIOjfcYfKqkLoPdErOu2ghscgR74Ymev_mRPCS46opU7__HD5lk8ef_ZjrFTS8jf0RXw" autocomplete="off" />
                    <input value="808" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Dodaj do koszyka" class="btn mt-3 btn-primary" data-disable-with="Dodaj do koszyka" />
</form>

              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xxxl-4 col-xxxxl-3 col-xxl-4 col-xl-6 col-lg-6 col-md-6 col-sm-12">
        <div class="card product mb-4">
          <div class="row h-100">
            <div class="col-5">
              <a href="/products/film-8mm-walta-disneya-z-usa-three-for-breakfast">
                <img class="card-img-top" alt="Film 8mm Walta Disneya z USA &#39;Three for Breakfast&#39;" src="https://d1jh1o29n9s5de.cloudfront.net/pap22d167qygdjvnyssti2oe9z08" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/film-8mm-walta-disneya-z-usa-three-for-breakfast">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Film 8mm Walta Disneya z USA &#39;Three for Breakfast&#39;</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    102.86 zł
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-walt-disney-8mm-film-usa-three-for-breakfast-1776581883">
                  </div>
                </div>
              </div>
              <div class="card-footer d-flex align-items-end h-100 ps-0">

                  <form class="add-to-cart-form w-100" action="/carts/add" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DPL52cc3EfVdkjqBcfJOGBNCXkgE9Hpsup6M58FgJdoFPH1te6JImiy_ZrZie7ndOKBaKWn7PfslwXbgJLyFTQ" autocomplete="off" />
                    <input value="788" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Dodaj do koszyka" class="btn mt-3 btn-primary" data-disable-with="Dodaj do koszyka" />
</form>

              </div>
            </div>
          </div>
        </div>
      </div>

  </template>
</turbo-stream>

<turbo-stream action="replace" target="pagination">
  <template>


      <div id="pagination">



      </div>
  </template>
</turbo-stream>