  <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 productos
        </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">Oferta</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">Más reciente</option>
<option value="price_asc">Precio de menor a mayor</option>
<option value="price_desc">Precio de mayor a menor</option>
<option value="oldest">Más antiguo</option></select>
        <label class="form-label" for="preference">Ordenar por</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/cascanueces-longitud-aprox-17cm">
                <img class="card-img-top" alt="Cascanueces longitud aprox. 17cm" src="https://d1jh1o29n9s5de.cloudfront.net/cizkb5oaq2xx0b5lvp2mssu41ijc" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/cascanueces-longitud-aprox-17cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Cascanueces longitud aprox. 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-1788310133">
                  </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="YmRQn6YgVsoW5E6WpWedsmqBGBuhb8iYhyDV3PnwOhapgZFIJmJYK6_du5jEklK5-XLIjDLnexM0ijhRg_qF6g" autocomplete="off" />
                    <input value="2614" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Agregar al carrito" class="btn mt-3 btn-primary" data-disable-with="Agregar al carrito" />
</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/candelero-de-navidad-colgante-metal-y-vidrio-holmegaard">
                <img class="card-img-top" alt="CANDELERO DE NAVIDAD, colgante, metal y vidrio, Holmegaard" src="https://d1jh1o29n9s5de.cloudfront.net/zztrdd10659k450tkrcj5tb1qxl4" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/candelero-de-navidad-colgante-metal-y-vidrio-holmegaard">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">CANDELERO DE NAVIDAD, colgante, metal y vidrio, 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-1788310133">
                  </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="LCjZmtm3Csojfltfpg8YUNv3525jOC30tDFv7zaK1efnzRhNWfUEK5pHrlHH-tdbSAQ3-fCwnn8Hm4JiTIBqGw" autocomplete="off" />
                    <input value="2569" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Agregar al carrito" class="btn mt-3 btn-primary" data-disable-with="Agregar al carrito" />
</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/fantastica-caja-de-costura-en-teca-altura-21-cm-longitud-27-cm">
                <img class="card-img-top" alt="Fantástica caja de costura en teca - altura 21 cm, longitud 27 cm" src="https://d1jh1o29n9s5de.cloudfront.net/xs833s6fb02kq6xc4wpbbdykivpn" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/fantastica-caja-de-costura-en-teca-altura-21-cm-longitud-27-cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Fantástica caja de costura en teca - altura 21 cm, longitud 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-1788310133">
                  </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="qoRMh3MAYkMCNaYYDG0tihpFlCgrVix9i8IRqRIEc19hYY1Q80JsorsMUxZtmOKBibZEv7jen_Y4aPwkaA7Mow" autocomplete="off" />
                    <input value="2410" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Agregar al carrito" class="btn mt-3 btn-primary" data-disable-with="Agregar al carrito" />
</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/encendedor-gato-anos-50-vintage-raro">
                <img class="card-img-top" alt="Encendedor de Gato Años 50 Vintage Raro" src="https://d1jh1o29n9s5de.cloudfront.net/w6ogkyubdelk38396kk99qy02y80" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/encendedor-gato-anos-50-vintage-raro">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Encendedor de Gato Años 50 Vintage Raro</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-1788310133">
                  </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="0e2qQYfH-uudR4riMJKjNDQyRojPdNYj_b4R8gupNo0aCGuWB4X0CiR-f-xRZ2w_p8GWH1z8ZahOFPx_caOJcQ" autocomplete="off" />
                    <input value="2334" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Agregar al carrito" class="btn mt-3 btn-primary" data-disable-with="Agregar al carrito" />
</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-de-madera">
                <img class="card-img-top" alt="Figura de madera" src="https://d1jh1o29n9s5de.cloudfront.net/io3pn01w79u2e4u9htbbnu5b4ts4" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/figura-de-madera">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Figura de madera</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-1788310133">
                  </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="fiKkQeeHMte8M72QqGmUIcjfiC76GIbmJzNd3-zTWN21x2WWZ8U8NgUKSJ7JnFsqWyxYuWmQNW2UmbBSltnnIQ" autocomplete="off" />
                    <input value="2309" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Agregar al carrito" class="btn mt-3 btn-primary" data-disable-with="Agregar al carrito" />
</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-de-madera-arte-practico-altura-aprox-17cm">
                <img class="card-img-top" alt="Figura de Madera, Arte Práctico, altura aprox. 17cm" src="https://d1jh1o29n9s5de.cloudfront.net/3bdf3julk7kuaaigtv8pqngt7qtf" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/figura-de-madera-arte-practico-altura-aprox-17cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Figura de Madera, Arte Práctico, altura aprox. 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-1788310133">
                  </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="qmWiOZaVeW43Z1bxopQlKGpbVBn1A5SVLOM92O2KTxJhgGPuFtd3j45eo__DYeoj-aiEjmaLJx6fSdBVl4Dw7g" autocomplete="off" />
                    <input value="1648" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Agregar al carrito" class="btn mt-3 btn-primary" data-disable-with="Agregar al carrito" />
</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/rata-en-liquido-anatomia">
                <img class="card-img-top" alt="Rata en líquido anatomía" src="https://d1jh1o29n9s5de.cloudfront.net/gon597e991u2awl75r9lv8m13mw1" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/rata-en-liquido-anatomia">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Rata en líquido anatomía</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-1788310133">
                  </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="64hvPsFThiyJtNoaNfw6uYt05XO0XVo-ulmyNSQsxpsgba7pQRGIzTCNLxRUCfWyGIc15CfV6bUJ81-4XiZ5Zw" autocomplete="off" />
                    <input value="1597" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Agregar al carrito" class="btn mt-3 btn-primary" data-disable-with="Agregar al carrito" />
</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-cuchillo-de-coleccionista-oficial-harley-davidson-electra-glide-edicion-limitada">
                <img class="card-img-top" alt="Franklin Mint - Cuchillo de Coleccionista Oficial de Harley Davidson - Electra Glide - Edición Limitada" src="https://d1jh1o29n9s5de.cloudfront.net/tgg8nsxgqqxohc72wfrr30pfxn7v" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/franklin-mint-cuchillo-de-coleccionista-oficial-harley-davidson-electra-glide-edicion-limitada">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Franklin Mint - Cuchillo de Coleccionista Oficial de Harley Davidson - Electra Glide - Edición Limitada</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-1788310133">
                  </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="SJxSqA6dqPoMwzLYnpsf2WlW_p3Sq1a15opJsfKy1v6DeZN_jt-mG7X6x9b_btDS-qUuCkEj5T5VIKQ8iLhpAg" autocomplete="off" />
                    <input value="1298" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Agregar al carrito" class="btn mt-3 btn-primary" data-disable-with="Agregar al carrito" />
</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/rara-vintage-anker-line-danasco-dinamarca-hierro-fundido-esmalte-olla-holandesa-quistgaard">
                <img class="card-img-top" alt="Rara Vintage Anker Line Danasco Dinamarca Hierro Fundido Esmalte Olla Holandesa Quistgaard" src="https://d1jh1o29n9s5de.cloudfront.net/3cpzhglwmbfpp5uu2ummycilog4x" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/rara-vintage-anker-line-danasco-dinamarca-hierro-fundido-esmalte-olla-holandesa-quistgaard">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Rara Vintage Anker Line Danasco Dinamarca Hierro Fundido Esmalte Olla Holandesa 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-1788310133">
                  </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="X8E6XWM1u0O21fLqYCg-i-VkjGxZKMqcFlGuxvF0BLeUJPuK43e1og_sB-QB3fGAdpdc-8qgeRel-0NLi367Sw" autocomplete="off" />
                    <input value="1126" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Agregar al carrito" class="btn mt-3 btn-primary" data-disable-with="Agregar al carrito" />
</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/raton-de-madera-dinamarca-firmado">
                <img class="card-img-top" alt="Ratón de madera, Dinamarca firmado" src="https://d1jh1o29n9s5de.cloudfront.net/24a3r8a738tq9lrcxvuofh22gkhl" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/raton-de-madera-dinamarca-firmado">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Ratón de madera, Dinamarca firmado</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-1788310133">
                  </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="iWBWqld2mm7_YrKioypdJs2SM_4vJphZFEicXoF3XK9ChZd91zSUj0ZbR6zC35ItXmHjabyuK9Kn4nHT-33jUw" autocomplete="off" />
                    <input value="808" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Agregar al carrito" class="btn mt-3 btn-primary" data-disable-with="Agregar al carrito" />
</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/pelicula-de-8mm-de-walt-disney-usa-three-for-breakfast">
                <img class="card-img-top" alt="Película de 8mm de Walt Disney 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/pelicula-de-8mm-de-walt-disney-usa-three-for-breakfast">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Película de 8mm de Walt Disney 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-1788310133">
                  </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="iLSGmGICdjjBrHqWx64Wp6zknAKa7ebIRo-ZiOn3cldDUUdP4kB42XiVj5imW9msPxdMlQllVUP1JXQFk_3Nqw" autocomplete="off" />
                    <input value="788" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Agregar al carrito" class="btn mt-3 btn-primary" data-disable-with="Agregar al carrito" />
</form>

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

  </template>
</turbo-stream>

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


      <div id="pagination">



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