<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/marionetas-de-mano-marionetas-kasper-6-piezas-hechas-en-alemania">
                <img class="card-img-top" alt="Marionetas de mano / Marionetas Kasper, 6 piezas, hechas en Alemania" src="https://d1jh1o29n9s5de.cloudfront.net/94z132wydx012k3wvl01f44qrpzv" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/marionetas-de-mano-marionetas-kasper-6-piezas-hechas-en-alemania">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Marionetas de mano / Marionetas Kasper, 6 piezas, hechas en Alemania</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-handdockor-kasperdockor-6-st-made-in-germany-1777701795">
                  </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="Pmx5gl6bf-BuPogsCKWtwrSrbsHpqSIZJgS_Y_yfiNunecVhBjF1sQDSWLJarXuq-evBasO7lA-QQf3sPesLNw" autocomplete="off" />
                    <input value="2917" 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/juguete-perro-articulado-madera-cuero-anos-1940-50">
                <img class="card-img-top" alt="JUGUETE, perro articulado, madera/cuero, años 1940-50" src="https://d1jh1o29n9s5de.cloudfront.net/a6a813r8i97typauqxv6qzngpkee" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/juguete-perro-articulado-madera-cuero-anos-1940-50">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">JUGUETE, perro articulado, madera/cuero, años 1940-50</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-leksak-ledad-hund-tra-skinn-1940-50-tal-1777701795">
                  </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="rA8CU2sFrGqXoKZhpthvgmh-LZRD0SBny7yNmDV7boU1Gr6wM6-mO_lMdv_00LnqJT6CP2nDlnF9-c8X9A_taQ" autocomplete="off" />
                    <input value="2429" 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/antiguo-juguete-de-hojalata-hucha">
                <img class="card-img-top" alt="Antiguo juguete de hojalata, hucha" src="https://d1jh1o29n9s5de.cloudfront.net/qmveluhyymrvvbeof8068vd9udh5" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/antiguo-juguete-de-hojalata-hucha">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Antiguo juguete de hojalata, hucha</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    19.23 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-gammal-platleksak-sparbossa-1777701795">
                  </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="U3U4W-vj87UoO1OVPcqcCn_f-7xPXgKJbGMzw3t31ubKYIS4s0n55EbXgwtvwkpiMp9UF2VMtJ_aJnFMugNVCg" autocomplete="off" />
                    <input value="2427" 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/coche-teledirigido-lata-anos-50-60-japon">
                <img class="card-img-top" alt="COCHE TELEDIRIGIDO, lata, años 50/60, Japón" src="https://d1jh1o29n9s5de.cloudfront.net/5htzzf6xl6tgtjn8zoe2gwqy02t6" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/coche-teledirigido-lata-anos-50-60-japon">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">COCHE TELEDIRIGIDO, lata, años 50/60, Japón</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    33.66 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-radiostyrd-bil-plat-50-60-tal-japan-1777701795">
                  </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="ONgFjQKgFPYsWtcASxPsIjDvgu8CcBjB3lCK8T59F_ihzbluWgoep0K2B54ZGzpKfa8tRChirtdoFch-_wmUFA" autocomplete="off" />
                    <input value="2186" 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/muneca-en-soporte-con-cara-de-porcelana-altura-48cm">
                <img class="card-img-top" alt="Muñeca en Soporte con Cara de Porcelana Altura 48cm" src="https://d1jh1o29n9s5de.cloudfront.net/17sm11nlvdsx6i74b3vqaza6i3fq" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/muneca-en-soporte-con-cara-de-porcelana-altura-48cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Muñeca en Soporte con Cara de Porcelana Altura 48cm</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-docka-pa-stallning-med-porslinsansikte-hojd-48cm-1777701795">
                  </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="wUCD716VnxbhmrXMvAum20Mk0g2Zgcv22xl1y7OJbclYVT8MBj-VR492ZVLuA3CzDmR9prOTfeBtXDdEcv3uJQ" autocomplete="off" />
                    <input value="1793" 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/juguete-de-madera-apilable-hecho-a-mano-thorngreen-dinamarca-vintage-muy-buen-estado-10-1-2-x-3-exhibicion-genial-rara-coleccion">
                <img class="card-img-top" alt="Juguete de Madera Apilable Hecho a Mano Thorngreen (Dinamarca) VINTAGE / Muy Buen Estado / 10-1/2&quot; x 3&quot; / ¡Exhibición Genial / Rara Colección!" src="https://d1jh1o29n9s5de.cloudfront.net/bauyxjb3yzwj9dk9osckshjy8upc" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/juguete-de-madera-apilable-hecho-a-mano-thorngreen-dinamarca-vintage-muy-buen-estado-10-1-2-x-3-exhibicion-genial-rara-coleccion">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Juguete de Madera Apilable Hecho a Mano Thorngreen (Dinamarca) VINTAGE / Muy Buen Estado / 10-1/2&quot; x 3&quot; / ¡Exhibición Genial / Rara Colección!</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    33.66 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-vintage-hand-crafted-thorngreen-denmark-stacking-wood-toy-soldier-very-good-condition-10-1-2-x-3-cool-display-rare-collectible-1777701795">
                  </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="5VaW0tnfQW5jPo8rsswjLV8A8Xv0LKN65OfGAAoBqKN8QyoxgXVLPw3SX7XgxPVFEkBe0N4-FWxSooSPy3UrTw" autocomplete="off" />
                    <input value="1748" 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/juguete-conjunto-de-comunicacion">
                <img class="card-img-top" alt="Juguete, conjunto de comunicación" src="https://d1jh1o29n9s5de.cloudfront.net/b9wnyls5nmir81qc1gm2ugwrzrhu" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/juguete-conjunto-de-comunicacion">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Juguete, conjunto de comunicación</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-leksak-kommunikationsset-1777701795">
                  </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="AyQU1PDbi_TEZfIi4qSUf_pTF6BlhMriO2eUcDSQ4K6aMag3qHGBpaqJIrywrEIXtxO4C0-WfPSNItb_9eRjQg" autocomplete="off" />
                    <input value="1747" 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/juguete-de-hojalata-tren">
                <img class="card-img-top" alt="Juguete de Hojalata Tren" src="https://d1jh1o29n9s5de.cloudfront.net/o8nvduzvd4nxtkfnh0ekfufrwyl4" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/juguete-de-hojalata-tren">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Juguete de Hojalata Tren</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-platleksak-tag-1777701795">
                  </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="0t_p2VVrlEK9bCBIv_2KuBMqZQpI4ntAncQbF29bvl1LylU6DcGeE9OA8Nbt9VzQXmrKoWLwzVYrgVmYri89sQ" autocomplete="off" />
                    <input value="1316" 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/coche-de-modelo-tintin-en-el-tibet">
                <img class="card-img-top" alt="Coche de Modelo, Tintín en el Tíbet" src="https://d1jh1o29n9s5de.cloudfront.net/ghzk1eo4th3fb5clrmfxvo2om45i" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/coche-de-modelo-tintin-en-el-tibet">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Coche de Modelo, Tintín en el Tíbet</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-modellbil-tintin-au-tibet-1777701795">
                  </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="pY1D82SbnRddLnAygzKhO5mykBx7HG5dTpiHyTRTKm08mP8QPDGXRjPCoKzROndT1PI_t1EO2Ev43cVG9SepgQ" autocomplete="off" />
                    <input value="1244" 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="filter-state">
    <template>
      <div id="filter-state" class="d-flex justify-content-between">
  <div class="filter">

      <input type="hidden" name="category" id="category" value="juguetes" autocomplete="off" />
      <input type="hidden" name="q" id="q" autocomplete="off" />
      <div class="d-md-flex">




      <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>

      <div class="form-floating">
        <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>
    </template>
  </turbo-stream>

<turbo-stream action="replace" target="pagination">
  <template>
      <turbo-frame loading="lazy" autoscroll="false" id="pagination" src="/trollets-loppis.turbo_stream?category=juguetes&amp;page=2&amp;scroll=1"></turbo-frame>
  </template>
</turbo-stream>