<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/reindeer-antler-knives">
                <img class="card-img-top" alt="Reindeer Antler Knives" src="https://d1jh1o29n9s5de.cloudfront.net/cv7tgo8sdszgdm8e24ffat72tzwb" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/reindeer-antler-knives">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Reindeer Antler Knives</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-renhorns-knivar-1777684770">
                  </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="FJ934HH1PRis56gV6AiD0Tfx4-zVyfz1wwfnebt8Wq7Y3fjSpDXvTvRl955K5-arlbe3_ViRRwsm3__4A4rfzQ" autocomplete="off" />
                    <input value="3470" 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/etnografika-painting-modern">
                <img class="card-img-top" alt="ETNOGRAFIKA, Painting, Modern" src="https://d1jh1o29n9s5de.cloudfront.net/9rbac2mi3v727sen8g6xln5kisi2" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/etnografika-painting-modern">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">ETNOGRAFIKA, Painting, Modern</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    17.31 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-etnografika-tavla-modern-1777684770">
                  </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="LdjHl9jBIKYQnbNa2X2wnawUpxNcOin4IBRv88nFT4XhmkilDQHy8Egf7NF7ktXnDlLzAtFikgbFzHdycTPK5g" autocomplete="off" />
                    <input value="2953" 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/carved-tooth">
                <img class="card-img-top" alt="Carved Tooth" src="https://d1jh1o29n9s5de.cloudfront.net/jhewo7i5dk3wd91r417bjjgz3kw8" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/carved-tooth">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Carved Tooth</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-utskuren-tand-1777684770">
                  </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="T6dRMeo2Cs-2T5Tfo5Jxn2y2Q8Lzz584iSd7jxA-y3eD5d4DP_bYme7Ny1QBfRTlzvAX036XJMZs_2MOqMhOFA" autocomplete="off" />
                    <input value="2617" 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/sculptures-horn">
                <img class="card-img-top" alt="Sculptures, horn," src="https://d1jh1o29n9s5de.cloudfront.net/xqgwo96wxpe1t9e5q66ltqjgtcog" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/sculptures-horn">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Sculptures, horn,</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-skulpturer-horn-1777684770">
                  </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="uKsbjfWLKzXVGk9s2xSoLcgczA6L-Z-ZxWqrYVSI6y106ZS_IEv5Y42YEOd5-81XalqYHwahJGcgsrPg7H5uTg" autocomplete="off" />
                    <input value="2437" 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/sculpture-carved-wood-africa-height-34cm">
                <img class="card-img-top" alt="SCULPTURE, carved wood, Africa, height 34cm" src="https://d1jh1o29n9s5de.cloudfront.net/r13psro2pcns4gfzdx7v4nbjoova" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/sculpture-carved-wood-africa-height-34cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">SCULPTURE, carved wood, Africa, height 34cm</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    62.51 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-skulptur-snidat-tra-afrika-hojd-34cm-1777684770">
                  </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="-DmC4mGxzv0a5vht58mfgv-MedJBGYEbPVFiRyQZgqg0ew3QtHEcq0Jkp-ZFJvr4Xcotw8xBOuXYiXrGnO8Hyw" autocomplete="off" />
                    <input value="2347" 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/sculpture-carved-wood-africa-height-28cm">
                <img class="card-img-top" alt="SCULPTURE, carved wood, Africa, height 28cm" src="https://d1jh1o29n9s5de.cloudfront.net/6ad2ff52wnd1x5vhbi94l7ywjxok" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/sculpture-carved-wood-africa-height-28cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">SCULPTURE, carved wood, Africa, height 28cm</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    62.51 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-skulptur-snidat-tra-afrika-hojd-28cm-1777684770">
                  </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="OZiEcb5rPh0PSjHrEtXJEDliGV0OfJqI49d_Z63bOhr12gtDa6vsS1fIbmCwOqxqmyRNTIMkIXYGD2fmFS2_eQ" autocomplete="off" />
                    <input value="2346" 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/sculpture-carved-wood-africa-height-25cm">
                <img class="card-img-top" alt="SCULPTURE, carved wood, Africa, height 25cm" src="https://d1jh1o29n9s5de.cloudfront.net/0qdfkdvn4aejeg0osqpia72y9kdd" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/sculpture-carved-wood-africa-height-25cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">SCULPTURE, carved wood, Africa, height 25cm</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    62.51 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-skulptur-snidat-tra-afrika-hojd-25cm-1777684770">
                  </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="M1RuoVD-19UKq_MlCLNfLKPnpImg7JgihAzPzdrluRr_FuGThT4Fg1IprK6qXDpWAaHwmC20I9xh1NdMYhM8eQ" autocomplete="off" />
                    <input value="2345" 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/sculpture-carved-wood-africa-height-26-5cm">
                <img class="card-img-top" alt="SCULPTURE, carved wood, Africa, height 26.5cm" src="https://d1jh1o29n9s5de.cloudfront.net/74yp3j8q46q9zez7fcntfzdvywip" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/sculpture-carved-wood-africa-height-26-5cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">SCULPTURE, carved wood, Africa, height 26.5cm</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    62.51 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-skulptur-snidat-tra-afrika-hojd-26-5cm-1777684770">
                  </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="dGwKFyO0Po4v7RVnmCq0cfJRuKFwUPsgEc_j2lOdgTu4LoUl9nTs2HdvSuw6xdELUBfssP0IQN70F_tb62sEWA" autocomplete="off" />
                    <input value="2344" 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/sculpture-carved-wood-africa-height-27cm">
                <img class="card-img-top" alt="SCULPTURE, carved wood, Africa, height 27cm" src="https://d1jh1o29n9s5de.cloudfront.net/958ggwbaz72kwnevr88a054cywst" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/sculpture-carved-wood-africa-height-27cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">SCULPTURE, carved wood, Africa, height 27cm</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    62.51 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-skulptur-snidat-tra-afrika-hojd-27cm-1777684770">
                  </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="wMxGH8IT7NcI6W38vwBQiUe7H7zOJyCtTV0MNeGZ7c0MjsktF9M-gVBrMncd7zXz5f1LrUN_m1OohRS0WW9org" autocomplete="off" />
                    <input value="2343" 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="ethnographica" 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=ethnographica&amp;page=2&amp;scroll=1"></turbo-frame>
  </template>
</turbo-stream>