  <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-1776442860">
                  </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="Gu3drf-8oaRVMre2ydLVa84n92zvTyNTUYMui1Xh69JrK9dPPGIQPS2YXjf4KweVsxJVDPtcLeB7Z4mtUgRGiw" 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-1776442860">
                  </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="XF1WI96vvbbDAxoeaZzCqmbG_oYx6mPm9SmgAk9SxUctm1zBHXEML7up859YZRBUG_Nc5iX5bVXfzQckSLdoHg" 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-1776442860">
                  </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="E6U3PczFerd-NBruyUAB2Ojs3G1KimPz6xWdI8ALCntiYz3fDxvLLgae82_4udMmldl-DV6ZbUDB8ToFx-6nIg" 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-1776442860">
                  </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="vfuiRj5jzq9QRf_IK1wB4V_KgyN-kG0ygZ4EM-NPL2bMPaik_b1_NijvFkkapdMfIv8hQ2qDY4GreqMV5KqCPw" 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-1776442860">
                  </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="dsYWjRa6lLfbkREgbUXiwsPzfjfd9ITVMbJG6DF4CToHABxv1WQlLqM7-KFcvDA8vsbcV8nnimYbVuHONp2kYw" 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-1776442860">
                  </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="syG7puoqSUaww6Wj7j_iKzFW2nNXLXqPrhOnufbnjWTC57FEKfT438hpTCLfxjDVTGN4E0M-dDyE9wCf8QIgPQ" 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-1776442860">
                  </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="oNUvT4NUfHLgWHniRjTRJiX4-a6PPtJ6sBP7TQLYoS_REyWtQIrN65jykGN3zQPYWM1bzpst3Mma91xrBT0Mdg" 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-1776442860">
                  </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="HFkK-AiSn--maHsADrUeLNmhow8Xf9yZ9iFkdMyXhXxtnwAay0wudt7CkoE_TMzSpJQBbwNs0ircxcNSy3IoJQ" 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-1776442860">
                  </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="8ESk5_0AB3qBBNVJrMJnJWMUDZUyMOe2tInxD3DWmgiBgq4FPt624_muPMidO7XbHiGv9SYj6QWebVYpdzM3UQ" 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-1776442860">
                  </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="QLwECAI-1RrfcgXlZjFfyeYTuJ8p8HsNBZmf14yau6oxeg7qweBkg6fY7GRXyI03myYa_z3jdb4vfTjxi38W8w" 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-1776442860">
                  </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="hkknzAmNCVlmWo9pduucfVyLai5MxNPpuj7TPvHa46X3jy0uylO4wB7wZuhHEk6DIb7ITljX3VqQ2nQY9j9O_A" 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>