<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/atelier-alf-ekberg-kallna-escultura-en-forma-de-manzana-altura-13-5-cm">
                <img class="card-img-top" alt="Atelier Alf Ekberg - Källna, escultura en forma de manzana, altura 13,5 cm" src="https://d1jh1o29n9s5de.cloudfront.net/5lbufat1xar58e2gvbsbrbf9po7z" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/atelier-alf-ekberg-kallna-escultura-en-forma-de-manzana-altura-13-5-cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Atelier Alf Ekberg - Källna, escultura en forma de manzana, altura 13,5 cm</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-1777701702">
                  </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="-yuYg0s54GZhenzL7y841RCYyBwrvvl_dGdvAVi-X1f303-OMeV344u-gW4xLIuWXgmM3gnzo6hXNEykzr1__w" autocomplete="off" />
                    <input value="3621" 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/pintura-miniatura-en-marco-de-hueso-13-5x11cm">
                <img class="card-img-top" alt="Pintura Miniatura en Marco de Hueso, 13.5x11cm" src="https://d1jh1o29n9s5de.cloudfront.net/webku8g1l4dh225prxx6jc2ykrk0" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/pintura-miniatura-en-marco-de-hueso-13-5x11cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Pintura Miniatura en Marco de Hueso, 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-1777701702">
                  </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="dfWlxwcD6aY-dsG8na1ClQ71uG3wn_j71CXMiXtdj955DULKfd9-I9SyPBlDrvHWQGT8r9LSoiz3du8s7V6vdg" autocomplete="off" />
                    <input value="3392" 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/pintura-en-miniatura-en-marco-de-hueso-13-5x11cm">
                <img class="card-img-top" alt="Pintura en miniatura en marco de hueso, 13.5x11cm" src="https://d1jh1o29n9s5de.cloudfront.net/aur3txtvj5s0qx3v4edhvnz9rka5" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/pintura-en-miniatura-en-marco-de-hueso-13-5x11cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Pintura en miniatura en marco de hueso, 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-1777701702">
                  </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="pBbQR99jIVke8tHwUgMtLocgECwmNsLNE0IkuqfFzGCo7jdKpb-23PQ2LFWMAJ5tybFU7gR7mBowEQcfMcbsyA" autocomplete="off" />
                    <input value="3391" 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/pintura-en-miniatura-en-marco-de-hueso-13-5x11cm-2">
                <img class="card-img-top" alt="Pintura en miniatura en marco de hueso, 13.5x11cm" src="https://d1jh1o29n9s5de.cloudfront.net/4m27izn3sm51p3fu78r11vzy3ipt" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/pintura-en-miniatura-en-marco-de-hueso-13-5x11cm-2">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Pintura en miniatura en marco de hueso, 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-1777701702">
                  </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="YgVLVsuPNDRzv4bH90rhVx7AvdrPHJd1uivnW10NHLlu_axbsVOjsZl7e2IpSVIUUFH5GO1RzaKZeMT-yw48EQ" autocomplete="off" />
                    <input value="3390" 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/pintura-en-miniatura-en-marco-de-hueso-14x12-5cm">
                <img class="card-img-top" alt="Pintura en Miniatura en Marco de Hueso, 14x12,5cm" src="https://d1jh1o29n9s5de.cloudfront.net/4qpuw9ee9ref9t9th9ludybq64ri" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/pintura-en-miniatura-en-marco-de-hueso-14x12-5cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Pintura en Miniatura en Marco de Hueso, 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-1777701702">
                  </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="Kcy7EUwjfdUlLvduGHwzCNlaUx1vngM54-nwbTfgcz0lNFwcNv_qUM_qCsvGf4BLl8sX303TWe7AutPIoeNTlQ" autocomplete="off" />
                    <input value="3389" 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/pintura-miniatura-en-marco-de-hueso-14x12-5cm">
                <img class="card-img-top" alt="Pintura Miniatura en Marco de Hueso, 14x12,5cm" src="https://d1jh1o29n9s5de.cloudfront.net/n8k304rmo8gmpjwplcdgtjh74hbf" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/pintura-miniatura-en-marco-de-hueso-14x12-5cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Pintura Miniatura en Marco de Hueso, 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-1777701702">
                  </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="_E1Wdb-qSVXeQzJoCyftkUJ7cdrT5Mk69MYX7p6h47vwtbF4xXbe0DSHz83VJF7SDOo1GPGpk-3XlTRLCKLDEw" autocomplete="off" />
                    <input value="3388" 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/palle-thoger-dinamarca-escultura-altura-35cm">
                <img class="card-img-top" alt="Palle Thøger Dinamarca Escultura altura 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-dinamarca-escultura-altura-35cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Palle Thøger Dinamarca Escultura altura 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-1777701702">
                  </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="qO3ty5vvrFgxdKiDaQz0t5UYff_pnnFogxPh8UzNup6kFQrG4TM73duwVSa3D0f024k5PcvTK7-gQMJU2s6aNg" autocomplete="off" />
                    <input value="3203" 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/escultura-de-la-fabrica-de-lessebo-altura-9-cm">
                <img class="card-img-top" alt="Escultura de la fábrica de Lessebo altura 9 cm" src="https://d1jh1o29n9s5de.cloudfront.net/46epplgotzb6ksxb4q89j8nyk04r" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/escultura-de-la-fabrica-de-lessebo-altura-9-cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Escultura de la fábrica de Lessebo altura 9 cm</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-1777701703">
                  </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="vchK8kXM9_dDFbXETVF9R1EBmD642JipI_QC-ArNypSxMK3_PxBgcqnRSGGTUs4EH5Dc_JqVwn4ApyFdnM7qPA" autocomplete="off" />
                    <input value="3154" 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/relieve-de-pared-rostro-yeso-longitud-20cm">
                <img class="card-img-top" alt="RELIEVE DE PARED, rostro, yeso, longitud 20cm" src="https://d1jh1o29n9s5de.cloudfront.net/wa1xglhv4suapkefx5pbjstqbz6q" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/relieve-de-pared-rostro-yeso-longitud-20cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">RELIEVE DE PARED, rostro, yeso, longitud 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-1777701703">
                  </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="g0NySrdeXgQgWK1I9d9JyLHqEZ1iK5zwTFpjWLfzkE2Pu5VHzYLJgcqcUO0r3PqL_3tVX0BmxidvCUD9IfCw5Q" autocomplete="off" />
                    <input value="3024" 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="arte" 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=arte&amp;page=2&amp;scroll=1"></turbo-frame>
  </template>
</turbo-stream>