  <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-1784445327">
                  </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="czoGTG0iK45i2O1F8fTHkeRnpmY3RkV7uejZFEyJjN540cHTl5T9Df93JHOexhoMo1xpr_Ej5YPvLNTTG8534Q" 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-1784445327">
                  </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="rEtab9PtYE9tHjShjAQJ97giJk4jq22Z14EjptH9DYSnoJ3wKVu2zPCx_ZfjNtRq_xnph-XOzWGBRS5hhrr2uw" 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-1784445327">
                  </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="H8HxjEWWfbAM9p-xCMaHTui3k7Od1Gcdnow7D8sjfhQUKjYTvyCrM5FZVodn9FrTr4xceluxx-XISDbInGSFKw" 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-1784445327">
                  </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="E-yZ5voSewz2AmvE_W1fq2dBkU8T8wWlMhff6cf76MsYB155AKStj2utovKSX4I2IHpehtWWpV1k09IukLwT9A" 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-1784445327">
                  </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="vscLsEEG_KxhGoD9nplJkxsriyXvEuZK6lPKyDr0Qi-1LMwvu7AqL_y1Scvxq5QOXBBE7Cl3RrK8l8cPbbO5EA" 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-1784445327">
                  </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="oe_Tc8B0kBZAq7vmu00lnqHHiHIwii0-xiQAY9XUl9OqBBTsOsJGld0EctDUf_gD5vxHu_bvjcaQ4A2kgpNs7A" 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-1784445327">
                  </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="26WFTa8sdSfTkiEqAJeafOlMRpQy68sc0wzRpmU2jE_QTkLSVZqjpE496BxvpUfhrneJXfSOa-SFyNxhMnF3cA" 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-1784445327">
                  </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="83KA6U6X8I1y9nL-UDFrzQurAoHurYK-nyfpl91YZ2n4mUd2tCEmDu9Zu8g_A7ZQTJDNSCjIIkbJ4-RQih-cVg" 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-1784445327">
                  </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="S4fQXcor071-ynmI3wo6yIBqWxY8kZ8g1BrYQYnxn0VAbBfCMJ0FPuNlsL6wOOdVx1GU3_r0P9iC3tWG3rZkeg" 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-1784445327">
                  </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="4pVaKqiJ1MX2wimKUGXyw-UoGk3H1uCVl8w6HJ6qg4Tpfp21Uj8CRmtt4Lw_Vy9eohPVhAGzQG3BCDfbye14uw" 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-1784445327">
                  </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="sc6xJ4NqOaeON0JAJZllDT64-NaEUzTcRldAbu1gSTK6JXa4edzvJBOYi3ZKq7iQeYM3H0I2lCQQk02puieyDQ" 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>