<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/ceiling-lamp-1940s">
                <img class="card-img-top" alt="Ceiling Lamp 1940s" src="https://d1jh1o29n9s5de.cloudfront.net/0nxu4nifbk8y3u0ilqsfx65cr42u" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/ceiling-lamp-1940s">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Ceiling Lamp 1940s</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    461.60 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-taklampa-1940-tal-1777684836">
                  </div>
                </div>
              </div>
                <p class="mb-0 card-qty-s"><strong>(In stock: </strong>3)</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="8KwfxATxagxzguDSpZ2DHymZ3EcGtV_ATfIwkK8qf3N8GkOrePM_HMbc2QZ2WR_r3Q1myR-wBVzf6MbgT5A8mA" autocomplete="off" />
                    <input value="3650" 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/candlestick-glass-johansfors-glassworks-mid-20th-century-height-32cm">
                <img class="card-img-top" alt="CANDLESTICK, glass, Johansfors glassworks, mid 20th century, height 32cm" src="https://d1jh1o29n9s5de.cloudfront.net/lx9io9ff2du5cft6mkgmrkt2tevs" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/candlestick-glass-johansfors-glassworks-mid-20th-century-height-32cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">CANDLESTICK, glass, Johansfors glassworks, mid 20th century, height 32cm</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-ljusstake-glas-johansfors-glasbruk-1900-talets-mitt-hojd-32cm-1777684836">
                  </div>
                </div>
              </div>
                <p class="mb-0 card-qty-s"><strong>(In stock: </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="DrgcDDhRhNHhNUW_6j8QpNtPbCfNHVQIiy4p01DA_4aCDkBjRFPRwVRrfGs5-4xQL9vWqdQYDpQZNN-jsHq8bQ" autocomplete="off" />
                    <input value="3606" 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/candelabra-brass-20th-century-height-43-cm">
                <img class="card-img-top" alt="CANDELABRA, brass, 20th century, height 43 cm" src="https://d1jh1o29n9s5de.cloudfront.net/3aor9dvx7umbjljq1uap0t00xti8" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/candelabra-brass-20th-century-height-43-cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">CANDELABRA, brass, 20th century, height 43 cm</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-kandelaber-malm-1900-tal-hojd-43-cm-1777684837">
                  </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="SApaYymkeYQ3nHP-sUeGTAahjhI_DE405YmiRsrtGbDEvAYMVaYslILCSipigxq48jU0nCYJFKh3k1Q2KldaWw" autocomplete="off" />
                    <input value="3602" 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/erik-hoglund-candle-holder-wrought-iron-and-glass-boda-height-21cm">
                <img class="card-img-top" alt="ERIK HÖGLUND. Candle Holder, wrought iron and glass, Boda, height 21cm" src="https://d1jh1o29n9s5de.cloudfront.net/j0uia2h95seaxfri55kq5qar9ff6" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/erik-hoglund-candle-holder-wrought-iron-and-glass-boda-height-21cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">ERIK HÖGLUND. Candle Holder, wrought iron and glass, Boda, height 21cm</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    45.68 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-erik-hoglund-ljuslykta-smide-och-glas-boda-hojd-21cm-1777684837">
                  </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="VoQ4COVDE-Z0kQ0b6AzZ52wkgKH_aAHmWJeSHkdw8l7aMmRnmUFG9sHPNM87yEUTmLA6L-ZtW3rKjWRup8qxtQ" autocomplete="off" />
                    <input value="3600" 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/candlesticks-brass-baroque-style-20th-century-height-12cm">
                <img class="card-img-top" alt="CANDLESTICKS, brass, baroque style, 20th century, height 12cm" src="https://d1jh1o29n9s5de.cloudfront.net/86gtqlabjjwtolbek4t0e2z3i3yr" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/candlesticks-brass-baroque-style-20th-century-height-12cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">CANDLESTICKS, brass, baroque style, 20th century, height 12cm</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    52.41 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-ljusstakar-massing-barockstil-1900-tal-hojd-12cm-1777684837">
                  </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="mnqEgOFM-ZiHwPa7Jms6FjQ8CyxR4WTdPe23OQIP80gWzNjvnU6siDKez2_1r6biwKixokjkPkGv90FJ4rWwow" autocomplete="off" />
                    <input value="3536" 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/candelabra-5-candle-holders-scandia-malm">
                <img class="card-img-top" alt="CANDELABRA, 5 candle holders, Scandia Malm" src="https://d1jh1o29n9s5de.cloudfront.net/ail08r6sswxb0los1tixmrcnr3bz" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/candelabra-5-candle-holders-scandia-malm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">CANDELABRA, 5 candle holders, Scandia Malm</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-kandelaber-5-ljushallare-scandia-malm-1777684837">
                  </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="EcrEtGYclHNERuEYYAA-OZpi7GwInWBnRo0D-kqRI-idfJjbGh7BY_EY2MyzxKLNbvZW4hGYOvvUl_WKqitgAw" autocomplete="off" />
                    <input value="3535" 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/2-brass-candlesticks-height-15cm">
                <img class="card-img-top" alt="2 brass candlesticks height 15cm" src="https://d1jh1o29n9s5de.cloudfront.net/s7i16k57o01bmnz9s5dfc3i1ubft" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/2-brass-candlesticks-height-15cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">2 brass candlesticks height 15cm</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-2-st-massingsljusstakar-hojd-15cm-1777684837">
                  </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="o19jDx8WjlY29scN4j9FIDX6GtVnl4LGtvbxTq5bNWUv6T9gYxTbRoOo_tkx-9nUwW6gW36S2Fok7Ac-TuF2jg" autocomplete="off" />
                    <input value="3533" 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/crystal-table-lamp-height-26cm">
                <img class="card-img-top" alt="Crystal table lamp height 26cm" src="https://d1jh1o29n9s5de.cloudfront.net/o2q7oktxjvyh9sex39oi2kjq3i5f" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/crystal-table-lamp-height-26cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Crystal table lamp height 26cm</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-kristall-bordlampa-hojd-26cm-1777684837">
                  </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="QFZKECNJcM_QApw1SSPfVWKjfp7774l9lEGr7ts4FzfM4BZ_X0sl32VcpeGa50OhljfEEOLq0-EGW12eO4JU3A" autocomplete="off" />
                    <input value="3519" 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/candle-lantern-tealight-holder-glass-gold-retro-vintage-height-16cm">
                <img class="card-img-top" alt="Candle lantern tealight holder glass gold retro vintage height 16cm" src="https://d1jh1o29n9s5de.cloudfront.net/jtvvgu4j09m5f68ssnn1uok11tl1" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/candle-lantern-tealight-holder-glass-gold-retro-vintage-height-16cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Candle lantern tealight holder glass gold retro vintage height 16cm</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-ljuslykta-varmeljus-ljushallare-glas-guld-retro-vintage-hojd-16cm-1777684837">
                  </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="GLcReuxthKpqxqLxhjTCDjm6pHV6CUoYvNI6IXDToRmUAU0VkG_Rut-YmyVV8F76zS4e-2MMEIQuyMxRkGni8g" autocomplete="off" />
                    <input value="3512" 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="lighting-lamps" 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=lighting-lamps&amp;page=2&amp;scroll=1"></turbo-frame>
  </template>
</turbo-stream>