  <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 products
        </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">Sale</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">Newest</option>
<option value="price_asc">Price low to high</option>
<option value="price_desc">Price high to low</option>
<option value="oldest">Oldest</option></select>
        <label class="form-label" for="preference">Sort by</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/nutcracker-length-approx-17cm">
                <img class="card-img-top" alt="Nutcracker length approx. 17cm" src="https://d1jh1o29n9s5de.cloudfront.net/cizkb5oaq2xx0b5lvp2mssu41ijc" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/nutcracker-length-approx-17cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Nutcracker length approx. 17cm</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    12.02 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-nottknackare-langd-ca-17cm-1788310426">
                  </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="LC9rTA6FrgpkCy-Zjo9oZNEY-v3coRNJhfxE_dpH68K__9B_JyzQFzd2EhDN7Dr6phQwA5rgUMtetSRXLwOIaQ" autocomplete="off" />
                    <input value="2614" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Add to cart" class="btn mt-3 btn-primary" data-disable-with="Add to cart" />
</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/christmas-candle-holder-hanging-metal-glass-holmegaard">
                <img class="card-img-top" alt="CHRISTMAS CANDLE HOLDER, hanging, metal &amp; glass, Holmegaard" src="https://d1jh1o29n9s5de.cloudfront.net/zztrdd10659k450tkrcj5tb1qxl4" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/christmas-candle-holder-hanging-metal-glass-holmegaard">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">CHRISTMAS CANDLE HOLDER, hanging, metal &amp; glass, Holmegaard</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    24.04 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-julstake-hangande-metall-glas-holmegaard-1788310426">
                  </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="_d8B9c0pd7gAy5UDRck_cGt6hdle0VyG9XVzy1WPYShuD7rG5IAJpVO2qIoGqm3uHHZPJxiQHwQuPBNhoMsCgw" autocomplete="off" />
                    <input value="2569" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Add to cart" class="btn mt-3 btn-primary" data-disable-with="Add to cart" />
</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/fantastic-sewing-box-in-teak-height-21-cm-length-27-cm">
                <img class="card-img-top" alt="Fantastic sewing box in teak - height 21 cm, length 27 cm" src="https://d1jh1o29n9s5de.cloudfront.net/xs833s6fb02kq6xc4wpbbdykivpn" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/fantastic-sewing-box-in-teak-height-21-cm-length-27-cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Fantastic sewing box in teak - height 21 cm, length 27 cm</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    52.89 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-fantastisk-sylada-i-teak-hojd-21-cm-langd-27-cm-1788310426">
                  </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="1-Qs-gfyn6HFDC-in9QtOIoKZ2akcYSDnG3Qf605vJlENJfJLlvhvJZxEivct3-m_QatmOIwxwFHJLDVWH3fMg" autocomplete="off" />
                    <input value="2410" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Add to cart" class="btn mt-3 btn-primary" data-disable-with="Add to cart" />
</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/cat-lighter-1950s-vintage-rare">
                <img class="card-img-top" alt="Cat Lighter 1950s Vintage Rare" src="https://d1jh1o29n9s5de.cloudfront.net/w6ogkyubdelk38396kk99qy02y80" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/cat-lighter-1950s-vintage-rare">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Cat Lighter 1950s Vintage Rare</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    26.45 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-katt-tandare-1950-talet-vintage-sallsynt-1788310426">
                  </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="NAQHLygMj8USVQ0l4MURp69RNTg1PrQrhHSMRWZwjU6n1LwcAaXx2EEoMKyjpkM52F3_xnN_96lfPezvkzTu5Q" autocomplete="off" />
                    <input value="2334" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Add to cart" class="btn mt-3 btn-primary" data-disable-with="Add to cart" />
</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/wooden-figure">
                <img class="card-img-top" alt="Wooden Figure" src="https://d1jh1o29n9s5de.cloudfront.net/io3pn01w79u2e4u9htbbnu5b4ts4" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/wooden-figure">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Wooden Figure</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    14.42 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-tragubbe-1788310426">
                  </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="NORmcZJeFinItq49V2ypJU7Q7zvDaXWtS-350V8KYF-nNN1Cu_doNJvLk7QUD_u7OdwlxYUoNi-QpJl7qk4D9A" autocomplete="off" />
                    <input value="2309" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Add to cart" class="btn mt-3 btn-primary" data-disable-with="Add to cart" />
</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/wooden-figure-practical-art-height-approx-17cm">
                <img class="card-img-top" alt="Wooden Figure, Practical Art, height approx. 17cm" src="https://d1jh1o29n9s5de.cloudfront.net/3bdf3julk7kuaaigtv8pqngt7qtf" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/wooden-figure-practical-art-height-approx-17cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Wooden Figure, Practical Art, height approx. 17cm</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    43.27 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-trafigur-praktisk-konst-hojd-ca-17cm-1788310426">
                  </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="GjWvQdB9DOvGeC1rZsq_hwP4JWJwflh1aNzWD81YJV2J5RRy-dRy9pUFEOIlqe0ZdPTvnDY_G_ezlbalOBxG9g" autocomplete="off" />
                    <input value="1648" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Add to cart" class="btn mt-3 btn-primary" data-disable-with="Add to cart" />
</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/rat-in-liquid-anatomy">
                <img class="card-img-top" alt="Rat in liquid anatomy" src="https://d1jh1o29n9s5de.cloudfront.net/gon597e991u2awl75r9lv8m13mw1" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/rat-in-liquid-anatomy">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Rat in liquid anatomy</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    269.27 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-ratta-i-vatska-anatomi-1788310426">
                  </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="NFfqfSbNIWKIs-hcIIM-zQmXgZgzf5ycFLDf95yF4cmnh1FOD2Rff9vO1dVj4GxTfptLZnU-3x7P-b9dacGCYg" autocomplete="off" />
                    <input value="1597" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Add to cart" class="btn mt-3 btn-primary" data-disable-with="Add to cart" />
</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-official-harley-davidson-collectors-knife-electra-glide-limited-edition">
                <img class="card-img-top" alt="Franklin Mint - Official Harley Davidson Collectors Knife - Electra Glide - Limited Edition" src="https://d1jh1o29n9s5de.cloudfront.net/tgg8nsxgqqxohc72wfrr30pfxn7v" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/franklin-mint-official-harley-davidson-collectors-knife-electra-glide-limited-edition">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Franklin Mint - Official Harley Davidson Collectors Knife - Electra Glide - Limited Edition</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    48.08 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-franklin-mint-official-harley-davidson-collectors-knife-electra-glide-limited-edition-1788310426">
                  </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="jzsgC_YeMPlTbRHqKpoqnr60vilv6kYjqqJOiAzCdOcc65s437dO5AAQLGNp-XgAybh01ymrBaFx6y4i-YYXTA" autocomplete="off" />
                    <input value="1298" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Add to cart" class="btn mt-3 btn-primary" data-disable-with="Add to cart" />
</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/rare-vintage-anker-line-danasco-denmark-cast-iron-enamel-dutch-oven-quistgaard">
                <img class="card-img-top" alt="Rare Vintage Anker Line Danasco Denmark Cast Iron Enamel 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/rare-vintage-anker-line-danasco-denmark-cast-iron-enamel-dutch-oven-quistgaard">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Rare Vintage Anker Line Danasco Denmark Cast Iron Enamel Dutch Oven Quistgaard</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    43.27 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-rare-vintage-anker-line-danasco-denmark-cast-iron-enamel-dutch-oven-quistgaard-1788310426">
                  </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="VaNMiS195cKsqTDtpINXLmOF22OJFIkqAZa6iLUB_NDGc_e6BNSb3__UDWTn4AWwFIkRnc9Vyqja39oiQEWfew" autocomplete="off" />
                    <input value="1126" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Add to cart" class="btn mt-3 btn-primary" data-disable-with="Add to cart" />
</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/wooden-mouse-denmark-signed">
                <img class="card-img-top" alt="Wooden Mouse, Denmark signed" src="https://d1jh1o29n9s5de.cloudfront.net/24a3r8a738tq9lrcxvuofh22gkhl" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/wooden-mouse-denmark-signed">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Wooden Mouse, Denmark signed</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    21.64 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-mus-i-tra-danmark-signerad-1788310426">
                  </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="vZJj_UVt2LNwWHejxOIc63e156nPYOVN6R65cN7axQUuQtjObMSmriMlSiqHgU51ALktV4khps8yV9naK56mrg" autocomplete="off" />
                    <input value="808" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Add to cart" class="btn mt-3 btn-primary" data-disable-with="Add to cart" />
</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/walt-disney-8mm-film-usa-three-for-breakfast">
                <img class="card-img-top" alt="Walt Disney 8mm film 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/walt-disney-8mm-film-usa-three-for-breakfast">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Walt Disney 8mm film USA &#39;Three for Breakfast&#39;</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    24.04 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-walt-disney-8mm-film-usa-three-for-breakfast-1788310426">
                  </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="vkYDavXFuvkIBB4aa7F0gR7RRpfpJN6yswIztO8-t2wtlrhZ3GzE5Ft5I5Mo0iYfad2Maa9lnTBoS1MeGnrUxw" autocomplete="off" />
                    <input value="788" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Add to cart" class="btn mt-3 btn-primary" data-disable-with="Add to cart" />
</form>

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

  </template>
</turbo-stream>

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


      <div id="pagination">



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