<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/dalahast-height-26cm">
                <img class="card-img-top" alt="Dalahäst height 26cm" src="https://d1jh1o29n9s5de.cloudfront.net/oft095y68bd0e5w7iby6z0u72wxv" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/dalahast-height-26cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Dalahäst height 26cm</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    65.87 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-dalahast-hojd-26cm-1777684867">
                  </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="eULk3s9vSNrA6j4d4gW76o1HhWdQva57eq46SPW_XjS49FrW8T-ubWTvIaM-kVOOvf8bOJQ3M_2NteQNuTSmYQ" autocomplete="off" />
                    <input value="3497" 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/dala-horse-wood-painted-height-5-5cm">
                <img class="card-img-top" alt="Dala Horse, Wood, Painted, Height 5.5cm" src="https://d1jh1o29n9s5de.cloudfront.net/ta8q651hpefrpna8zgawrhn71l6g" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/dala-horse-wood-painted-height-5-5cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Dala Horse, Wood, Painted, Height 5.5cm</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-dalahast-tra-malad-hojd-5-5cm-1777684867">
                  </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="0agYaCqAeq-25PkSuKJC9FbYw1X5i3n3m66RNhsf1TIQHqZgFNCcGBLh5qxkNqqQZmBdCj0B5HFstU9zV5QtZw" autocomplete="off" />
                    <input value="3178" 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/dala-horse-wood-painted-height-10cm">
                <img class="card-img-top" alt="Dala Horse, Wood, Painted, Height 10cm" src="https://d1jh1o29n9s5de.cloudfront.net/ht7byi3qvzxr0urvyya7qybt4155" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/dala-horse-wood-painted-height-10cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Dala Horse, Wood, Painted, Height 10cm</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-dalahast-tra-malad-hojd-10cm-1777684867">
                  </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="iZ1lI_J5E4tcWEUVICaCaYSKXk3QqXtcRvR_xif2I8JIK9srzCn1PPhdWqv8smoNtDLAEhQj5tqx76GDa33blw" autocomplete="off" />
                    <input value="3177" 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/dala-horse-wood-painted-height-8cm">
                <img class="card-img-top" alt="Dala Horse, Wood, Painted, Height 8cm" src="https://d1jh1o29n9s5de.cloudfront.net/6wnsgj1rpue009hlrudelxp2rvbk" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/dala-horse-wood-painted-height-8cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Dala Horse, Wood, Painted, Height 8cm</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-dalahast-tra-malad-hojd-8cm-5507a8e8-5dfd-4284-9aef-6833e75f97b7-1777684867">
                  </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="HqhPlrgthvXZm_Y_0RGq0wNxPfziO2brwf45AkFLuerfHvGehn1gQn2e6YENhUK3M8mjoyax-2025edHDcBBvw" autocomplete="off" />
                    <input value="3176" 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/dala-horse-wood-painted-height-8cm-2">
                <img class="card-img-top" alt="Dala Horse, Wood, Painted, Height 8cm" src="https://d1jh1o29n9s5de.cloudfront.net/m2mb75040lfx3rkdobffatfy8vd9" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/dala-horse-wood-painted-height-8cm-2">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Dala Horse, Wood, Painted, Height 8cm</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-dalahast-tra-malad-hojd-8cm-d5b51d94-10f6-4ba5-92b0-92b0e8613555-1777684867">
                  </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="C4KwhJSGoFPXE8NGqbDYZ4RoBExm8o9YhlGj15VGr_nKNA6MqtZG5HMW3Ph1JDADtNCaE6J4Et5xSn2S2c1XrA" autocomplete="off" />
                    <input value="3175" 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/dala-horse-wood-painted-height-8cm-3">
                <img class="card-img-top" alt="Dala Horse, Wood, Painted, Height 8cm" src="https://d1jh1o29n9s5de.cloudfront.net/5qeuyqvzzdx8almkoz335hdcai5h" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/dala-horse-wood-painted-height-8cm-3">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Dala Horse, Wood, Painted, Height 8cm</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-dalahast-tra-malad-hojd-8cm-1777684867">
                  </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="LlEhTVx8uPLiqDPHXF-h7x08VTia1cvGZo4U-g1n4fbv559FYixeRUatLHmAy0mLLYTLZ15fVkCRlcq_QewZow" autocomplete="off" />
                    <input value="3174" 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/dala-horse-wood-painted-height-13cm">
                <img class="card-img-top" alt="Dala Horse, Wood, Painted, Height 13cm" src="https://d1jh1o29n9s5de.cloudfront.net/7dbv0n8fl06twmona8sb6z1xo4v8" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/dala-horse-wood-painted-height-13cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Dala Horse, Wood, Painted, Height 13cm</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-dalahast-tra-malad-hojd-13cm-1777684867">
                  </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="k4vyHXCaQYD_KWA-MYTcZINdA-Cve5f0rATPoykv2fNSPUwVTsqnN1ssf4DtEDQAs-Wdv2vxCnJbHxHmZaQhpg" autocomplete="off" />
                    <input value="3173" 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/dala-horse-wood-painted-height-21cm">
                <img class="card-img-top" alt="Dala horse, Wood, Painted, Height 21cm" src="https://d1jh1o29n9s5de.cloudfront.net/poedt26n7jxtgx2p1q3y2m51x2jk" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/dala-horse-wood-painted-height-21cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Dala horse, Wood, Painted, Height 21cm</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    47.60 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-dalahast-tra-malad-hojd-21cm-1777684867">
                  </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="gErSJGI2pLJLmgstqT4OPjRnvZRU6JdkWTjMW4My7wVB_GwsXGZCBe-fFJN1quZaBN8jy5BiCuKuIxIez7kXUA" autocomplete="off" />
                    <input value="3172" 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/hand-painted-metal-tray-52x35cm">
                <img class="card-img-top" alt="Hand-painted metal tray 52x35cm" src="https://d1jh1o29n9s5de.cloudfront.net/nn1hmozm068mmve9r56m5mcs1xck" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/hand-painted-metal-tray-52x35cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Hand-painted metal tray 52x35cm</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    36.06 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-handmalad-platbricka-52x35cm-1777684867">
                  </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="rOVtl1PK2pnnTw2wVeZyUAWLXkWpKrIm9khadQhtbKNtU9OfbZo8LkNKEg6Jcpo0NTPAGm2gL6ABU4QwROaU9g" autocomplete="off" />
                    <input value="3170" 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="folk-culture" 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=folk-culture&amp;page=2&amp;scroll=1"></turbo-frame>
  </template>
</turbo-stream>