  <turbo-stream action="replace" target="filter-state">
    <template>
      <div id="filter-state">
  <div class="row filter align-items-end">
    <div class="col mb-3">
        <div class="text-start product-count mb-3">
          12 produkter
        </div>
      <input type="hidden" name="category" id="category" autocomplete="off" />
      <input type="hidden" name="q" id="q" autocomplete="off" />

        <div class="form-check filter-shipping form-switch ms-3">
          <input type="checkbox" name="shippable" id="shippable" value="true" class="form-check-input" data-filter-form-target="input" data-action="change-&gt;filter-form#submit" />
          <label for="shippable">Kan fraktas</label>
        </div>

      <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">Rea</label>
      </div>
    </div>

    <div class="col-md-2">
      <div class="form-floating mb-4">
        <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">Nyaste</option>
<option value="price_asc">Pris lågt till högt</option>
<option value="price_desc">Pris högt till lågt</option>
<option value="oldest">Äldsta</option></select>
        <label class="form-label" for="preference">Sortera efter</label>
      </div>
    </div>
  </div>
</div>
    </template>
  </turbo-stream>

<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/ljusstake-tra-lizzie-velander-ikea-hojd-29-cm">
                <img class="card-img-top" alt="LJUSSTAKE, trä, Lizzie Velander, IKEA, höjd 29 cm" src="https://d1jh1o29n9s5de.cloudfront.net/syp3tye9po9wkbxo22x42rfe2jkk" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/ljusstake-tra-lizzie-velander-ikea-hojd-29-cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">LJUSSTAKE, trä, Lizzie Velander, IKEA, höjd 29 cm</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    250 kr
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-ljusstake-tra-lizzie-velander-ikea-hojd-29-cm-1783690878">
                  </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="-keeNq9T9tt-bcUmwivANAYNPYeEt67JFFFz1bXbVHgKgCyhySxSnUZfS6WfQINqYp1cEYTMwzUxj4Xzhb16yA" autocomplete="off" />
                    <input value="3082" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Lägg i varukorgen" class="btn mt-3 btn-primary" data-disable-with="Lägg i varukorgen" />
</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/bordslyster-gustaviansk-stil-1900-tal">
                <img class="card-img-top" alt="BORDSLYSTER, Gustaviansk stil, 1900-tal" src="https://d1jh1o29n9s5de.cloudfront.net/kebnurgxud1ogfnd6vyoozgbbmul" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/bordslyster-gustaviansk-stil-1900-tal">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">BORDSLYSTER, Gustaviansk stil, 1900-tal</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    450 kr
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-bordslyster-gustaviansk-stil-1900-tal-1783690878">
                  </div>
                </div>
              </div>
                <p class="mb-0 card-qty-s"><strong>(På lager: </strong>2)</p>
              <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="FSwk97gjtcJ91UbqYQlFShsPqVRveYcuD4U0zDPRdZbl65Zg3lwRhEXnyGk8YgYUf5_Iwm8C6tIqW8LqA7dbJg" autocomplete="off" />
                    <input value="2943" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Lägg i varukorgen" class="btn mt-3 btn-primary" data-disable-with="Lägg i varukorgen" />
</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/oljelampa-i-keramik-glas">
                <img class="card-img-top" alt="Oljelampa i keramik &amp; Glas " src="https://d1jh1o29n9s5de.cloudfront.net/fywps3p7cotl4a1semh2zoim838v" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/oljelampa-i-keramik-glas">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Oljelampa i keramik &amp; Glas </h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    250 kr
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-oljelampa-i-keramik-glas-1783690878">
                  </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="0LMS3giyCXqSdRjUSIEEtPsqVwu_zraJ2nYvyJbkYykgdKBJbs2tPKpHllcV6kfqn7o2nb-123X_qNnupoJNmQ" autocomplete="off" />
                    <input value="2708" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Lägg i varukorgen" class="btn mt-3 btn-primary" data-disable-with="Lägg i varukorgen" />
</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/ljusstake-4-armad-skultuna-1900-2000-tal">
                <img class="card-img-top" alt="LJUSSTAKE, 4-armad, Skultuna, 1900/2000-tal" src="https://d1jh1o29n9s5de.cloudfront.net/sxh0a54mjw2jq32bdva3did7egpz" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/ljusstake-4-armad-skultuna-1900-2000-tal">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">LJUSSTAKE, 4-armad, Skultuna, 1900/2000-tal</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    950 kr
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-ljusstake-4-armad-skultuna-1900-2000-tal-1783690878">
                  </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="8OAba1sStW184PG3fS12JHT-UYthLjxWGt-ItOKjmY4AJ6n8PW0RK0TSfzQgRjV6EG4wHWFVUao_AX6S0sW3Pg" autocomplete="off" />
                    <input value="2089" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Lägg i varukorgen" class="btn mt-3 btn-primary" data-disable-with="Lägg i varukorgen" />
</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/ett-par-ljusstakar-massing">
                <img class="card-img-top" alt="Ett Par Ljusstakar mässing" src="https://d1jh1o29n9s5de.cloudfront.net/2sl0mw322yb9qo0uz3j2agz8c3b7" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/ett-par-ljusstakar-massing">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Ett Par Ljusstakar mässing</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    450 kr
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-ett-par-ljusstakar-massing-1783690878">
                  </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="ZElQI9KzIuMXwMM7F-3VaGhuDOayBMd3na9WYmtmRTCUjuK0tMyGpS_yTbhKhpY2DP5tcLJ_qou4caBEWwBrgA" autocomplete="off" />
                    <input value="1628" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Lägg i varukorgen" class="btn mt-3 btn-primary" data-disable-with="Lägg i varukorgen" />
</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/fotogenlampa-elektrifierad">
                <img class="card-img-top" alt="Fotogenlampa elektrifierad" src="https://d1jh1o29n9s5de.cloudfront.net/d0o1qg8j0hnbbtz84tmpln1eavt9" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/fotogenlampa-elektrifierad">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Fotogenlampa elektrifierad</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    2200 kr
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-fotogenlampa-elektrifierad-1783690878">
                  </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="dm92YJpbLLOY4F_Xc3O9qe60iFiSEtqCDmyaI3yVHuuGqMT3_CSI9aDS0VQuGP73iiTpzpJpt34rsmwFTPMwWw" autocomplete="off" />
                    <input value="1328" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Lägg i varukorgen" class="btn mt-3 btn-primary" data-disable-with="Lägg i varukorgen" />
</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/retro-orange-ljuslyktor-i-glas">
                <img class="card-img-top" alt="Retro orange ljuslyktor i glas" src="https://d1jh1o29n9s5de.cloudfront.net/4270hgdb2y0kcq0toujm59si9blq" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/retro-orange-ljuslyktor-i-glas">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Retro orange ljuslyktor i glas</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    250 kr
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-retro-orange-ljuslyktor-i-glas-1783690878">
                  </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="m0WbBcabQ5Sl4V4qvgIQH2WRpxb456JsgKLmRs-nLytrgimSoOTn0p3T0KnjaVNBAQHGgPicz5ClfBBg_8EBmw" autocomplete="off" />
                    <input value="1184" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Lägg i varukorgen" class="btn mt-3 btn-primary" data-disable-with="Lägg i varukorgen" />
</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/ljusstake-i-tra-almoge">
                <img class="card-img-top" alt="LJUSSTAKE i Trä Almoge" src="https://d1jh1o29n9s5de.cloudfront.net/auhgntrovg8c2peecb5vns4eo4pn" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/ljusstake-i-tra-almoge">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">LJUSSTAKE i Trä Almoge</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    250 kr
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-ljusstake-i-tra-almoge-1783690878">
                  </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="8t-__j8g3giru-OuRCEWYXFH7TbOrW3-df8tNEg9fEwCGA1pWV96TpOJbS0ZSlU_FdeMoM7WAAJQIdsSeFtS_A" autocomplete="off" />
                    <input value="1118" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Lägg i varukorgen" class="btn mt-3 btn-primary" data-disable-with="Lägg i varukorgen" />
</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/viking-ljusstake-i-smide">
                <img class="card-img-top" alt="Viking Ljusstake i smide" src="https://d1jh1o29n9s5de.cloudfront.net/2ahh1kz1yw49x0t1vi6clhae1eu2" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/viking-ljusstake-i-smide">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Viking Ljusstake i smide</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    350 kr
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-viking-ljusstake-i-smide-1783690878">
                  </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="xDheCPEa2WRT7ThOubrrkfzD6ZKGPBM4zuNA0PPXK_o0_-yfl2V9Imvfts3k0ajPmFOIBIZHfsTrPbb2w7EFSg" autocomplete="off" />
                    <input value="1115" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Lägg i varukorgen" class="btn mt-3 btn-primary" data-disable-with="Lägg i varukorgen" />
</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/kosta-boda-rainbow-oljelampa-bertil-vallien">
                <img class="card-img-top" alt="Kosta Boda, Rainbow, Oljelampa, Bertil Vallien" src="https://d1jh1o29n9s5de.cloudfront.net/k8l4pmwirntqkj170zol6jb990ph" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/kosta-boda-rainbow-oljelampa-bertil-vallien">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Kosta Boda, Rainbow, Oljelampa, Bertil Vallien</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    250 kr
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-kosta-boda-rainbow-oljelampa-bertil-vallien-1783690878">
                  </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="s6fdkWJ8k1BS17mTQ_y66jXvBvFprI7rAJulBjwj6bJDYG8GBAM3FmrlNxAel_m0UX9nZ2nX4xclRVMgDEXHAg" autocomplete="off" />
                    <input value="976" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Lägg i varukorgen" class="btn mt-3 btn-primary" data-disable-with="Lägg i varukorgen" />
</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/kandelaber-massing-lindstedt-oland">
                <img class="card-img-top" alt="KANDELABER, mässing, Lindstedt, Öland" src="https://d1jh1o29n9s5de.cloudfront.net/eidosriu3f8gneonctvot3o1pbwz" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/kandelaber-massing-lindstedt-oland">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">KANDELABER, mässing, Lindstedt, Öland</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    1499 kr
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-kandelaber-massing-lindstedt-oland-1783690878">
                  </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="45aYNNYVGrqGDvNp30MGaRbZlJLD8hvLBSjf5GWK5ZcTUSqjsGq-_L48feqCKEU3ckn1BMOJdjcg9inCVezLJw" autocomplete="off" />
                    <input value="975" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Lägg i varukorgen" class="btn mt-3 btn-primary" data-disable-with="Lägg i varukorgen" />
</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/ljusstake-ljushallare-svart-metall-string-smide">
                <img class="card-img-top" alt="Ljusstake Ljushållare Svart Metall String Smide" src="https://d1jh1o29n9s5de.cloudfront.net/v4gt56t17m2o6fb801to0oswsdlg" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/ljusstake-ljushallare-svart-metall-string-smide">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Ljusstake Ljushållare Svart Metall String Smide</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    250 kr
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-ljusstake-ljushallare-svart-metall-string-smide-1783690878">
                  </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="VU4ilo7asSE5rJIRUmYaeYbTGwGZ_88JQPa24yzlXLSliZAB6KUVZwGeHJIPDVkn4kN6l5mEovVlKEDFHINyBA" autocomplete="off" />
                    <input value="102" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="Lägg i varukorgen" class="btn mt-3 btn-primary" data-disable-with="Lägg i varukorgen" />
</form>

              </div>
            </div>
          </div>
        </div>
      </div>

  </template>
</turbo-stream>

<turbo-stream action="replace" target="pagination">
  <template>


      <div id="pagination">



      </div>
  </template>
</turbo-stream>