<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/alf-ekberg-studio-kallna-sculpture-in-the-form-of-an-apple-height-13-5cm">
                <img class="card-img-top" alt="Alf Ekberg Studio - Källna, sculpture in the form of an apple, height 13.5cm" src="https://d1jh1o29n9s5de.cloudfront.net/5lbufat1xar58e2gvbsbrbf9po7z" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/alf-ekberg-studio-kallna-sculpture-in-the-form-of-an-apple-height-13-5cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Alf Ekberg Studio - Källna, sculpture in the form of an apple, height 13.5cm</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    144.15 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-alf-ekberg-atelje-kallna-skulptur-i-form-av-apple-hojd-13-5cm-1777684637">
                  </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="t3waLnz8_kOd5NjzahmTP_Ga8RMusHjXaBQyO6GVGCdp2vnBblwXgfqNZy2CEhr5POmTZB8p-0d2z1tQib-GxQ" autocomplete="off" />
                    <input value="3621" 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/miniature-painting-in-bone-frame-13-5x11cm">
                <img class="card-img-top" alt="Miniature Painting in Bone Frame, 13.5x11cm" src="https://d1jh1o29n9s5de.cloudfront.net/webku8g1l4dh225prxx6jc2ykrk0" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/miniature-painting-in-bone-frame-13-5x11cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Miniature Painting in Bone Frame, 13.5x11cm</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    72.12 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-miniatyrmalning-i-benram-13-5x11cm-3e615d23-66f3-4e15-8ec7-96a44ca2ac8b-1777684637">
                  </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="o3YD_luPq_JPpSj6Y2Lceo67CaKsPQMf0BznoIT3yEF90OARSS9CMCjMlySLaVW8Q8hr1Z2kgI_Ox47LrN1Wow" autocomplete="off" />
                    <input value="3392" 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/miniature-painting-in-bone-frame-13-5x11cm-2">
                <img class="card-img-top" alt="Miniature painting in bone frame, 13.5x11cm" src="https://d1jh1o29n9s5de.cloudfront.net/aur3txtvj5s0qx3v4edhvnz9rka5" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/miniature-painting-in-bone-frame-13-5x11cm-2">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Miniature painting in bone frame, 13.5x11cm</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    72.12 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-miniatyrmalning-i-benram-13-5x11cm-7f48613d-2d7f-488b-920d-a9e988c7a4b4-1777684637">
                  </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="5aZ-g0QJHFs21RAAD0oBHjvQf80kXcE0-MiRRBCi-cQ7AJ1sVqn1mVG8r97nQYjY9qMduhXEQqTmE_gvOIhnJg" autocomplete="off" />
                    <input value="3391" 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/miniature-painting-in-bone-frame-13-5x11cm-3">
                <img class="card-img-top" alt="Miniature painting in bone frame, 13.5x11cm" src="https://d1jh1o29n9s5de.cloudfront.net/4m27izn3sm51p3fu78r11vzy3ipt" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/miniature-painting-in-bone-frame-13-5x11cm-3">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Miniature painting in bone frame, 13.5x11cm</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    72.12 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-miniatyrmalning-i-benram-13-5x11cm-1777684637">
                  </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="8UMNOZnXs2xrwi-f3RoblRFEg9Fgk9cvmbZcBkRyzmwv5e7Wi3dargyrkEE1EZJT3DfhplEKVL-HbTVtbFhQjg" autocomplete="off" />
                    <input value="3390" 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/miniature-painting-in-bone-frame-14x12-5cm">
                <img class="card-img-top" alt="Miniature Painting in Bone Frame, 14x12.5cm" src="https://d1jh1o29n9s5de.cloudfront.net/4qpuw9ee9ref9t9th9ludybq64ri" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/miniature-painting-in-bone-frame-14x12-5cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Miniature Painting in Bone Frame, 14x12.5cm</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    72.12 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-miniatyrmalning-i-benram-14x12-5cm-3629db8b-0776-4772-a949-beace560cd07-1777684637">
                  </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="326CmFCoCFTI1rPzRzbG46eQGyxXpy1TK6zLXKB714EByGF3Qgjhlq-_DC2vPU8lauN5W2Y-rsM1d6I3iFFJYw" autocomplete="off" />
                    <input value="3389" 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/miniature-painting-in-bone-frame-14x12-5cm-2">
                <img class="card-img-top" alt="Miniature Painting in Bone Frame, 14x12.5cm" src="https://d1jh1o29n9s5de.cloudfront.net/n8k304rmo8gmpjwplcdgtjh74hbf" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/miniature-painting-in-bone-frame-14x12-5cm-2">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Miniature Painting in Bone Frame, 14x12.5cm</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    72.12 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-miniatyrmalning-i-benram-14x12-5cm-1777684637">
                  </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="A7oBSNPl9SA-DRkGmJDASI86tOAFTQ8LcmqSQA8qoFTdHOKnwUUc4llkpthwm0mOQknWlzTUjJtssfsrJwA-tg" autocomplete="off" />
                    <input value="3388" 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/palle-thoger-denmark-sculpture-height-35cm">
                <img class="card-img-top" alt="Palle Thøger Denmark Sculpture height 35cm" src="https://d1jh1o29n9s5de.cloudfront.net/c6vc3tt96y6hom30zcwza5b7ex7p" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/palle-thoger-denmark-sculpture-height-35cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Palle Thøger Denmark Sculpture height 35cm</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-palle-thoger-denmark-skulptur-hojd-35cm-1777684637">
                  </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="GgMpB7zifTJRUCX1vEIlP8fRTghnjCoiZ_YWCW6joorEpcrorkKU8DY5mitUSaz5CqIsf1YVqbJ5LX9iRok8aA" autocomplete="off" />
                    <input value="3203" 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-from-lessebo-mill-height-9cm">
                <img class="card-img-top" alt="Sculpture from Lessebo Mill height 9cm" src="https://d1jh1o29n9s5de.cloudfront.net/46epplgotzb6ksxb4q89j8nyk04r" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/sculpture-from-lessebo-mill-height-9cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Sculpture from Lessebo Mill height 9cm</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-skulptur-fran-lessebo-bruk-hojd-9cm-1777684637">
                  </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="VcwE5mAU3JbwD_fRR130-6JGmg-9ynYD559bE6c2FjWLaucJcrQ1VJdmSA-vVn09bzX4eIxT9ZP5RDJ4jxyI1w" autocomplete="off" />
                    <input value="3154" 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/wall-relief-face-plaster-length-20cm">
                <img class="card-img-top" alt="WALL RELIEF, face, plaster, length 20cm" src="https://d1jh1o29n9s5de.cloudfront.net/wa1xglhv4suapkefx5pbjstqbz6q" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/wall-relief-face-plaster-length-20cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">WALL RELIEF, face, plaster, length 20cm</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-vaggrelief-ansikte-gips-langd-20cm-1777684637">
                  </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="Oy8GlPmF-qnasKwMiS17SBQyFrYNdUhd7cr3WexiU1jlieV76yUTa73ZE9JhJvKO2UF0wTzsy83zEZ4yxEjNug" autocomplete="off" />
                    <input value="3024" 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="art" 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=art&amp;page=2&amp;scroll=1"></turbo-frame>
  </template>
</turbo-stream>