<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/hand-puppets-kasper-puppets-6-pcs-made-in-germany">
                <img class="card-img-top" alt="Hand Puppets / Kasper Puppets, 6 pcs, made in Germany" src="https://d1jh1o29n9s5de.cloudfront.net/94z132wydx012k3wvl01f44qrpzv" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/hand-puppets-kasper-puppets-6-pcs-made-in-germany">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Hand Puppets / Kasper Puppets, 6 pcs, made in Germany</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-1777684722">
                  </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="JNMhFEIsVizn45vErH0WvC70TfSJjRL-qOSq7qbitQUrBDo3V8U8GekMXu8KStr6edgjsWyNmigEBUD78TdV3A" autocomplete="off" />
                    <input value="2917" 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/toy-articulated-dog-wood-leather-1940s-50s">
                <img class="card-img-top" alt="TOY, articulated dog, wood/leather, 1940s-50s" src="https://d1jh1o29n9s5de.cloudfront.net/a6a813r8i97typauqxv6qzngpkee" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/toy-articulated-dog-wood-leather-1940s-50s">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">TOY, articulated dog, wood/leather, 1940s-50s</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-1777684722">
                  </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="jBDnA3SaHqdeOww_hokNPXCbKnVQDdrsPy8KV8z3rdWDx_wgYXN0klDUyRQgvsF7J7dEMLUNUjqTzuBCmyJNDA" autocomplete="off" />
                    <input value="2429" 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/old-tin-toy-piggy-bank">
                <img class="card-img-top" alt="Old tin toy, piggy bank" src="https://d1jh1o29n9s5de.cloudfront.net/qmveluhyymrvvbeof8068vd9udh5" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/old-tin-toy-piggy-bank">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Old tin toy, piggy bank</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-1777684722">
                  </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="Jahj9g70Kn9nfw7gmi1AjX2H6aV5LXiFpLTWqgLnXz8qf3jVGx1ASmmQy8s8GozLKquH4Jwt8FMIVTy_VTK_5g" autocomplete="off" />
                    <input value="2427" 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/remote-controlled-car-tin-50s-60s-japan">
                <img class="card-img-top" alt="REMOTE CONTROLLED CAR, tin, 50s/60s, Japan" src="https://d1jh1o29n9s5de.cloudfront.net/5htzzf6xl6tgtjn8zoe2gwqy02t6" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/remote-controlled-car-tin-50s-60s-japan">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">REMOTE CONTROLLED CAR, tin, 50s/60s, Japan</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-1777684722">
                  </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="Pv-akeNkR_PLq8BzebODRKfmD1BwF-x6od4xZtZxQysxKIGy9o0txsVEBVjfhE8C8MphFZUXZKwNP9tzgaSj8g" autocomplete="off" />
                    <input value="2186" 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/doll-on-stand-with-porcelain-face-height-48cm">
                <img class="card-img-top" alt="Doll on Stand with Porcelain Face Height 48cm" src="https://d1jh1o29n9s5de.cloudfront.net/17sm11nlvdsx6i74b3vqaza6i3fq" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/doll-on-stand-with-porcelain-face-height-48cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Doll on Stand with Porcelain Face Height 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-1777684722">
                  </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="ITtD85WzX5dc1f2yMR9ZJL_nEIRZiixUaIq0VRIHVTsu7FjQgFo1olI6OJmXKJVi6Mt-wbyKpILEa15ARdK14g" autocomplete="off" />
                    <input value="1793" 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/vintage-hand-crafted-thorngreen-denmark-stacking-wood-toy-soldier-very-good-condition-10-1-2-x-3-cool-display-rare-collectible">
                <img class="card-img-top" alt="Vintage Hand Crafted Thorngreen (Denmark) STACKING WOOD TOY Soldier / Very Good Condition / 10-1/2&quot; x 3&quot; / Cool Display / Rare Collectible!" src="https://d1jh1o29n9s5de.cloudfront.net/bauyxjb3yzwj9dk9osckshjy8upc" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/vintage-hand-crafted-thorngreen-denmark-stacking-wood-toy-soldier-very-good-condition-10-1-2-x-3-cool-display-rare-collectible">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Vintage Hand Crafted Thorngreen (Denmark) STACKING WOOD TOY Soldier / Very Good Condition / 10-1/2&quot; x 3&quot; / Cool Display / Rare Collectible!</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-1777684722">
                  </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="wQCxHAaz2DyYvZMHIbt11V3w6mT5mmNthjLjZ7d0hl7O16o_E1qyCZZSViyHjLmTCtyEIRya67sq0wly4KFmhw" autocomplete="off" />
                    <input value="1748" 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/toy-communication-set">
                <img class="card-img-top" alt="Toy, communication set" src="https://d1jh1o29n9s5de.cloudfront.net/b9wnyls5nmir81qc1gm2ugwrzrhu" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/toy-communication-set">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Toy, communication set</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-1777684722">
                  </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="iEkZQZRX97Ho6tpWp0Iq3l1hMH3J7z5g7lXaQhRjdOuHngJigb6dhOYFH30BdeaYCk1eOCzvtrZCtDBXQ7aUMg" autocomplete="off" />
                    <input value="1747" 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/tin-toy-train">
                <img class="card-img-top" alt="Tin Toy Train" src="https://d1jh1o29n9s5de.cloudfront.net/o8nvduzvd4nxtkfnh0ekfufrwyl4" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/tin-toy-train">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Tin Toy Train</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-1777684722">
                  </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="BmXJrOeZ9xQYrumZFLxIUcK1PFnbEODOm4bRSfcZNuYJstKP8nCdIRZBLLKyi4QXlZlSHD4QaBg3ZztcoMzWPw" autocomplete="off" />
                    <input value="1316" 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/model-car-tintin-in-tibet">
                <img class="card-img-top" alt="Model Car, Tintin in Tibet" src="https://d1jh1o29n9s5de.cloudfront.net/ghzk1eo4th3fb5clrmfxvo2om45i" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/model-car-tintin-in-tibet">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Model Car, Tintin in Tibet</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-1777684722">
                  </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="aGfUnCfhZ7RXW9MaAj-YHDh2LmaxjdadV2NbneZNfdpnsM-_MggNgVm0FjGkCFRab1pAI1SNXkv7grGIsZidAw" autocomplete="off" />
                    <input value="1244" 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="filter-state">
    <template>
      <div id="filter-state" class="d-flex justify-content-between">
  <div class="filter">

      <input type="hidden" name="category" id="category" value="toys" 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">Sale</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">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>
    </template>
  </turbo-stream>

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